@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,700&subset=latin-ext');

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

body { margin: 0 auto; }

p {
	font-family: 'Titillium Web', sans-serif;
	font-size: 130%;
}

a { text-decoration: none; }

h1 {
font-family: 'Titillium Web', sans-serif;
font-size: 275%;
color: #fff;
display: block;
margin-top: 10px;
line-height: 90px;
}

h2	{
font-family: 'Titillium Web', sans-serif;
font-size: 120%;
color: #000;
display: block;
line-height: 40px;
margin-top: 20px;
}

h3 {
font-family: 'Titillium Web', sans-serif;
font-size: 200%;
color: #000;
display: block;
}

h4 {
font-family: 'Titillium Web', sans-serif;
font-size: 160%;
color: #000;
display: block;
}

.h360 { font-size: 360%; }

.h1text {
	padding: 14px;
	background-color: #ff7e00 !important;
	display: inline !important;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	}

.h2text {
	padding: 14px;
	background-color: #fff !important;
	display: inline !important;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	margin-top: 20px;
	}

.width { 
	width: 100%;
	min-height: 300px;
	box-sizing: border-box;
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.wrapper {
 	width: 900px;
 	padding: 10px;
 	margin: 0 auto;
 	box-sizing: border-box;
}

.title { 
	min-height: 400px;
}

.line { background: url(/style/line_orange.png); background-color: #b74100; background-position: center center; width: 100%; height: 6px;}

.gray10 { background: url(/style/gray10.png); display: block; position: relative; }

.title-container { 
	width: 100%; 
	padding-bottom: 10px;
	height: 100%;
}

.flex {	
	align-items: flex-end;
	display: flex;
}

.t1 { background-image: url(/style/bg_0001d.jpg); background-color: #444444; }
.t2 { background-image: url(/style/bg_0002d.jpg); background-color: #444444; }
.t3 { background-image: url(/style/bg_0003d.jpg); background-color: #444444; }
.t4 { background-image: url(/style/bg_0004d.jpg); background-color: #444444; }

.b1m { background-image: url(/style/bg_0001.jpg); background-color: #444444; }
.b2m { background-image: url(/style/bg_0002.jpg); background-color: #444444; }
.b3m { background-image: url(/style/bg_0003.jpg); background-color: #444444; }
.b4m { background-image: url(/style/bg_0004.jpg); background-color: #444444; }

.contact { 
	background: url(/style/bg_contact.jpg) #33517e;
	background-position: center center;
	background-size: cover;
}

.p50 { width: 48%; margin: 15px 0px 15px 0px; box-sizing: border-box; padding: 15px; background: url(/style/white20.png); float: left; text-align: center; border-radius: 10px;}

.p50margin { margin-right: 20px !important; }

.p25 { width: 25%; float: left; background: #686868; padding: 0px 12px 12px 12px; box-sizing: border-box; border-right: 5px solid #8d8d8d; }

.p25-white { background: #FFF; padding: 0px -12px -12px -12px; font-size: 85% ;}

.arrow { background-image: url(/style/arrow.png); width: 50px; height: 100px; position: absolute; margin-left: 140px; margin-top: 35px;}

.white { color: #fff !important; }

.s90 { font-size: 90% }

.person { border-radius: 50%; width: 70%; }

.surprise { width: 100px; float: left; margin-right: 20px; }

.title-pic { visibility: hidden; width: 0px; height: 0px }

.inlinediv { display: inline-block; margin-right: 12px}

.orange { color: #ffd1ba !important; font-size: 300%;}

.onlydesktop { display: block; display: block; line-height: 0px }

.number { font-weight: 700; font-size: 300% }

.button	{ font-size: 140%; display: inline-block; padding: 14px; font-weight: bold; border-radius: 5px; color: #FFFFFF; background: #d31f24; font-family: 'Titillium Web', sans-serif; text-transform: uppercase; }

.button a { text-decoration: none; color: #FFFFFF; }

.button2 { font-size: 100%; display: inline-block; padding: 14px; font-weight: bold; border-radius: 5px; color: #000000; background: #ffffff; font-family: 'Titillium Web', sans-serif; text-transform: uppercase; margin-top: 10px; display: inline-block; width: auto; }

.button2 a { text-decoration: none; color: #FFFFFF; }

.ruler { height: 50px; width: 100%; background-position: center center !important; background-repeat: no-repeat; background: url(/style/ruler.png); }

.ruler2 { height: 50px; width: 100%; background-position: center center; background-repeat: no-repeat; background: url(/style/ruler2.png); }

.kiemeles { border-radius: 2px; background: #ffcdac; padding: 4px;}

ul li { font-family: 'Titillium Web', sans-serif; list-style-position: inside; margin: 10px;}

@media only screen and (max-width: 900px) {

	h1 { font-size: 200%; line-height: 60px; }

	 .wrapper { width: 100%; height: auto !important; min-height: 10px; }

	 .title { height: auto !important; min-height: 10px; padding-right: 20px;}

	 .title-container { height: auto !important; min-height: 10px; }

	 .p50 { width: 100%; float: none; }

	 .p50margin { margin-right: 0px !important; }

	 .surprise { display: none; width: 1px; height: 1px; }

	 .t1, .t2, .t3, .t4 { background-image: linear-gradient(gray, white) !important; }

	 .title-pic { visibility: visible; width: 100%; height: 300px; background-position: center center; background-size: cover; border-bottom: 6px solid #ff7e00; }

	 .p25 { width: 100%; float: none; background: #686868; padding: 0px 12px 12px 12px; box-sizing: border-box; border-right: 0px solid #686868; border-bottom: 5px solid #8d8d8d; }

	 .arrow { visibility: hidden; }

	 .line { visibility: hidden; }

	 .onlydesktop { display: none; }

	 .width { min-height: 100px }

	 .h360 { font-size: 200%; }

}