@font-face{font-family:"light";src:url("openlight.ttf");format:("truetype");}
@font-face{font-family:"regular";src:url("openregular.ttf");format:("truetype");}
@font-face{font-family:"semi";src:url("opensemi.ttf");format:("truetype");}
@font-face{font-family:"bold";src:url("openbold.ttf");format:("truetype");}

:root{
	--color1: #063970;
	--color2: #2596be;
	--color3: #e28743;
	--color4: #873e23;
	--color5: #dddddd;
}

/* ######################################################### */
/* ################### BODY & TITLE ######################## */
/* ######################################################### */
body{font-family:light, arial;font-weight:lighter;background:var(--color5);color:#3c3c3b;width:100%;height:100%;margin:0;padding:0;}
*{-webkit-box-sizing:border-box;-mox-box-sizing:border-box;box-sizing:border-box;}
a, button, input{text-decoration:none;color:var(--color1);font-family:light, arial;font-weight:lighter;
	-webkit-transition:color 0.2s linear, background 0.2s linear, opacity 0.2s linear, box-shadow 0.2s linear, border-color 0.2s;
	-moz-transition:color 0.2s linear, background 0.2s linear, opacity 0.2s linear, box-shadow 0.2s linear, border-color 0.2s;
	-o-transition:color 0.2s linear, background 0.2s linear, opacity 0.2s linear, box-shadow 0.2s linear, border-color 0.2s;
	transition:color 0.2s linear, background 0.2s linear, opacity 0.2s linear, box-shadow 0.2s linear, border-color 0.2s;
}

h1,h2,h3,h4,h5,h6{font-weight:normal;color:#3c3c3b;padding:0;}
h1{float:left;width:100%;margin:20px 0 10px 0;font-size:30px;line-height:50px;}
h2{float:left;width:100%;margin:0;font-size:28px;line-height:50px;padding:0 0 20px 0;}
h3{float:left;width:100%;margin:0;font-size:15px;line-height:33px;font-weight:lighter;}
p{margin:0;padding:0 10px 0 10px;}
.clear{clear:both;}
#general_wrapper{margin:auto;max-width:1500px;box-shadow:0 0 10px 0 #ddd;background:#fff;}
#content_wrapper{float:left;width:100%;}

.fadein{animation:opac 1s}
.animate_menu{animation:opac 0.8s}
@keyframes opac{from{opacity:0}to{opacity:1}}

.background1{background:#f4f8f8;}
.background2{background:var(--color1);}
.background3{background:#e6e6e6;}
.background4{background:url(../images/background.png) right no-repeat;background-size:auto 100%;}
.background5{background:url(../images/background.png) left no-repeat;background-size:auto 100%;}
.background6{background:url(../images/background/background3.jpg) no-repeat center;background-size:cover;}

/* ########################################################## */
/* ################### DESKTOP & COMPUTER ################### */
/* ########################################################## */
@media screen and (min-width:750px){
	
	/* ### GENERAL ### */
	.c1,.c2,.c3,#headmenu{width:100%;padding:0 20px;}
	.c1,.c2,.c3{width:100%;margin:auto;}
	.c1{max-width:1600px;}
	.c2{max-width:1200px;}
	.c3{max-width:900px;}
	
	.no_desktop{display:none;}
	.left{float:left;}
	.right{float:right;}
	
	/* ### SWIPER ### */
	.swiper-slide .title{font-size:50px;font-weight:300;color:#ffffff;}
	.swiper-slide .subtitle{font-size:25px;padding:20px 0;}
	.swiper-slide .text{font-size:20px;max-width:500px;line-height:25px;}
	
	#line3{margin:40px auto 40px auto;position:relative;width:80%;height:1px;background:#e6e6e6;}
	
	
	/* ### COOKIES ### */
	#cookie_bar{width:100%;color:#3c3c3b;background:#f4f8f8;font-size:16px;line-height:30px;padding:15px 0;}
	
	.headmenu_logo{float:left;height:35px;margin:20px 0 0 0;}
	
	/* ### WELCOME & SLOGANS ### */
	#slider{float:left;width:100%;height:500px;}
	
	#slogan_left{float:left;width:100%;margin:50px 0 50px 0;border-left:1px solid var(--color1);padding:0 0 0 40px;color:var(--color1);z-index:999;font-size:40px;font-weight:200;text-align:left;}
	#slogan_right{float:right;width:100%;margin:50px 0 50px 0;border-right:1px solid var(--color1);padding:0 40px 0 0;color:var(--color1);font-size:40px;text-align:right;}
	
	
	/* ### BLOCK ### */
	#block1,
	#block2,
	#block3{text-align:left;padding:40px 0;margin:40px 0;}
	.block3img{float:left;width:100%;height:200px;margin:0 0 30px 0;}
	
	#block1{width:96%;margin:2%;}
	#block2{width:46%;margin:2%;}
	#block3{width:29.333%;margin:2%;}
	
	.teampicture{width:200px;height:200px;margin:0 0 20px 0;}
	
	/* ### FOOTER ### */
	#footer_first{float:left;width:100%;border-top:1px solid #e6e6e6;padding:40px 0;}
	.title{float:left;width:100%;font-weight:400;text-transform:;color:#000000;font-size:15px;}
	#footer_col{width:20%;min-width:140px;float:left;display:block;line-height:30px;}
	#footer_col_contact{width:35%;min-width:120px;float:left;display:block;line-height:30px;}
	#footer_col a{width:100%;line-height:30px;font-size:17px;color:#777777;float:left;}
	#footer_col a:hover{color:#000000;}
	.footerpic{height:35px;margin:10px 0;float:left;}
	
	#footer_second{width:100%;float:left;background:#e6e6e6;}
	#footer_second a{line-height:40px;float:left;font-size:14px;color:#777;padding:0 8px 0 8px;}
	#footer_second a:hover{color:#333;}
	.copy{float:right;color:#777;font-size:14px;line-height:40px;}
}

/* ########################################################## */
/* ################### DESKTOP & COMPUTER ################### */
/* ########################################################## */
@media screen and (max-width:750px) and (min-width:250px){
	
	.no_phone{display:none;}
	
	/* ### GENERAL ### */
	.c1,.c2,.c3,#headmenu{width:100%;padding:0 10px;}
	.c1,.c2,.c3{width:100%;margin:auto;}
	
	.no_desktop{display:none;}
	.left{float:left;}
	.right{float:right;}
	
	/* ### SWIPER ### */
	.swiper-slide .title{font-size:30px;font-weight:300;color:#fff;}
	.swiper-slide .subtitle{font-size:20px;padding:20px 0;}
	.swiper-slide .text{font-size:15px;max-width:500px;line-height:20px;}
	
	#line3{margin:40px auto 40px auto;position:relative;width:80%;height:1px;background:#e6e6e6;}
	
	
	/* ### COOKIES ### */
	#cookie_bar{width:100%;color:#3c3c3b;background:#f4f8f8;font-size:16px;line-height:30px;padding:15px 0;}
	
	
	/* ### HEADER ### */
	#headmenu{float:left;background:#fff;border-bottom:1px solid #f0f0f0;z-index:;position:relative;height:81px;}
	#headmenu .headmenu_button0{float:left;height:70px;margin:0;padding:0;}
	#headmenu .headmenu_button1{float:left;height:49px;font-size:14px;padding:0 15px;color:#3c3c3c;margin:18px 0;}
	#headmenu .headmenu_button2{float:left;height:45px;font-size:14px;padding:0 20px;color:var(--color1);margin:19px 0;border:2px solid var(--color1);}
	.headmenu_button_img{float:left;height:30px;margin:0 10px 0 0;}
	
	#headmenu .headmenu_button1.active,
	#headmenu .headmenu_button1:hover{color:#e6e6e6;transition:all 0.1s;}
	#headmenu .headmenu_button2:hover{color:#fff;background:var(--color1);transition:all 0.1s;}
	
	.headmenu_logo{float:left;height:35px;margin:20px 0 0 0;}
	
	/* ### WELCOME & SLOGANS ### */
	#slider{float:left;width:100%;height:500px;}
	
	#slogan_left{float:left;width:100%;margin:50px 0 50px 0;border-left:1px solid var(--color1);padding:0 0 0 40px;color:var(--color1);z-index:999;font-size:40px;font-weight:200;text-align:left;}
	#slogan_right{float:right;width:100%;margin:50px 0 50px 0;border-right:1px solid var(--color1);padding:0 40px 0 0;color:var(--color1);font-size:40px;text-align:right;}
	
	
	/* ### BLOCK ### */
	#block1,
	#block2,
	#block3{text-align:left;padding:40px 0;margin:40px 0;}
	.block3img{float:left;width:100%;height:200px;margin:0 0 30px 0;}
	
	#block1,
	#block2,
	#block3{width:96%;margin:2%;}
	
	.teampicture{width:200px;height:200px;margin:0 0 20px 0;}
	
	/* ### FOOTER ### */
	#footer_first{float:left;width:100%;border-top:1px solid #e6e6e6;padding:40px 0;}
	.title{float:left;width:100%;font-weight:400;text-transform:uppercase;color:#000000;font-size:15px;}
	#footer_col{width:50%;min-width:170px;float:left;display:block;line-height:30px;margin:0 0 20px 0;}
	#footer_col_contact{width:40%;min-width:170px;float:left;display:block;line-height:30px;}
	#footer_col a{width:100%;line-height:30px;font-size:17px;color:#777777;float:left;}
	#footer_col a:hover{color:#000000;}
	.footerpic{height:35px;margin:10px 0;float:left;}
	
	#footer_second{width:100%;float:left;background:#e6e6e6;}
	#footer_second a{line-height:40px;float:left;font-size:14px;color:#777;padding:0 8px 0 8px;}
	#footer_second a:hover{color:#333;}
	.copy{float:right;color:#777;font-size:14px;line-height:40px;}
	
}

/* ### HEADER ### */
#headmenu{float:left;background:#fff;border-bottom:1px solid #f0f0f0;z-index:;position:relative;height:81px;}
#headmenu .headmenu_button0{float:left;height:70px;margin:0;padding:0;}
#headmenu .headmenu_button1{float:left;height:49px;font-size:14px;padding:0 15px;color:#3c3c3c;margin:18px 0;}
#headmenu .headmenu_button2{float:left;height:45px;font-size:14px;padding:0 20px;color:var(--color1);margin:19px 0;border:2px solid var(--color1);}
.headmenu_button_img{float:left;height:30px;margin:0 10px 0 0;}

#headmenu .headmenu_button1.active,
#headmenu .headmenu_button1:hover{color:#e6e6e6;transition:all 0.1s;}
#headmenu .headmenu_button2:hover{color:#fff;background:var(--color1);transition:all 0.1s;}


/* ### BUTTONS ### */
button{background:transparent;border:0;font-family:regular, arial;cursor:pointer;font-size:12px;padding:0 10px;}
	
.cookie_button{border:0px solid #999;line-height:30px;margin:0 0 0 5px;color:var(--color1);text-decoration:underline;}
.webbutton,
.webbutton2{float:left;padding:10px;background:var(--color1);border:1px solid var(--color1);font-size:18px;color:#fff;}
.webbutton{margin:30px 0;}
.webbutton2{margin:0;}
.webbutton:hover{background:transparent;color:var(--color1);}
.webbutton2:hover{background:transparent;color:var(--color1);}
.webbutton3:hover{background:transparent;color:var(--color1);}
.webbutton3{margin:auto;position:relative;padding:10px;background:var(--color1);border:1px solid var(--color1);font-size:18px;color:#fff;}
.webbutton4{float:left;background:#fff;padding:0;border:0;font-size:18px;color:var(--color1);line-height:30px;}
.webbutton5{background:transparent;padding:0;border:0;font-size:18px;color:#fff;line-height:30px;}
.webbutton4:hover,
.webbutton5:hover{opacity:0.5;}
.webbutton4img{float:right;height:20px;width:20px;margin:5px 0 0 10px;}
	
/* ### FORM ### */
.contactBtn,
.contactForm1,
.contactForm2,
.contactForm3,
.contactForm4{float:left;background:#fff;border:1px solid #aaa;font-family:open sans light, font;font-size:16px;color:#555;margin:0 10px 10px 0;padding:10px;}
	
.contactBtn:hover,
.contactForm1:hover,
.contactForm2:hover,
.contactForm3:hover,
.contactForm4:hover,
.contactBtn:focus,
.contactForm1:focus,
.contactForm2:focus,
.contactForm3:focus,
.contactForm4:focus{background:rgba(0,0,0,0.1);transition:all 0.2s linear;}

.contactForm1{width:calc(33.333% - 10px);height:40px;}
.contactForm2{width:calc(33.333% - 10px);height:40px;}
.contactForm3{width:calc(50% - 10px);}
.contactForm4{width:calc(100% - 10px);height:200px;}
.contactBtn{float:left;cursor:pointer;}

.contactForm5{float:left;height:15px;width:15px;background:#ddd;}