html{overflow-x: hidden;}
body{margin: 0; padding: 0; font-family:"futura-pt"; background: #fff; color: #666362; font-size: 18px; overflow-x: hidden; background: url('img/splash.png') repeat-x center bottom}
*{margin: 0; padding: 0; box-sizing: border-box; }
h1,h2,h3,h4,h5,h6{line-height: 100%; font-weight: 600;}
h1{font-size: 32px}
h2{font-size: 28px}
h3{font-size: 24px}
h4{font-size: 20px}
h5{font-size: 17px}
h6{font-size: 14px}
/**** Page ****/
#maxw1{max-width: 1280px; margin: 0 auto;}
#maxw2{max-width: 1020px; margin: 0 auto;}
.frame {margin: 0 auto; max-width: 100%; }
.frame:after{content: ""; display: table; clear: both; }
.bit-1 {float: left; width: 100%; }
.clear:after{content: "\00a0"; visibility: hidden; display: block; height: 0; clear: both; }
/**
grey #666362
dblue #00467f
lblue #009ee2
*/
/**** Custum ****/
*:focus{outline: none;}
b,stong{font-weight: 600;}
input,
select,
textarea,
button{font-family:"futura-pt";}
a{text-decoration: none;}
img{max-width: 100%;}
ul li{list-style-type: none;}
input[type="button"],
input[type="submit"],
a,
button,
.transition,
.knop{transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; cursor: pointer;}
.no_transition{transition: none; -moz-transition: none; -webkit-transition: none;}
.knop:hover{opacity: 0.8;}
/**** Buttons ****/
.btn{display: inline-block; border: none; background: transparent; color: transparent; text-align: center;}
.s_btn{font-size: 13px; height: 26px; line-height: 26px; padding: 0 10px;}
.n_btn{font-size: 14px; height: 34px; line-height: 34px; padding: 0 15px;}
.l_btn{font-size: 20px; height: 40px; line-height: 40px; padding: 0 20px; font-weight: 600; border-radius: 7px; font-weight: 600}
.btn.blue_bg{background: url('img/blue_bg.jpg') repeat-y center / 100% auto; color: #fff;}
.btn.blue_bg:hover{background: url('img/blue_bg.jpg') repeat-y right / auto;}
.btn .left{display: inline-block; margin-right: 15px;}
.btn .right{display: inline-block; margin-left: 15px;}
/**** Content container ****/
#content_container{line-height: 135%;}
#content_container *:first-child{margin-top: 0;}
#content_container *:last-child{margin-bottom: 0;}
#content_container > ul,#content_container > ol,#content_container table,
#content_container p, p{margin: 1.12em 0;}
#content_container ul li{list-style-type:none; padding-left: 24px;}
#content_container ul li li{margin-left:20px}
#content_container ul li:before{content:"\2022"; margin-right:2px; margin-left: -24px;}
#content_container ol{margin-left:15px}
#content_container ol li li{margin-left:20px}
#content_container a{text-decoration: underline; color: #3BAEEE}
#content_container a:hover{color: #525355;}
#content_container h1,
#content_container h2,
#content_container h3,
#content_container h4,
#content_container h5,
#content_container h6{color: #00467f; font-weight: 400;}
/**** Header ****/
#header{background: #fff;}
.logo_container{float: left; width: 250px; background: #fff; position: relative;}
.logo_container:before{content:"\00a0"; float: left; width: 200px; background: #fff; height: 100%; position: absolute; right: 100%; top: 0;}
.logo{float: left; font-size: 0; width: 127px; margin: 26px 0 17px;}
.right_header{float: right; width: calc(100% - 250px); padding: 42px 0 0;}
.header_logo{float: left; width: 208px; margin: 0 0 0 52px; display: none;}
.header_slogan{float: left; color: #00467F; font-size: 24px; margin: 25px 0 0}
.header_search{float: right; width: 236px; max-width: 100%;}
.header_search input{float: left; width: 100%; height: 30px; padding: 0 20px 0 44px; border: none; border-radius: 14px; background: #F2F2F2 url('img/loep.svg') no-repeat left 10px center / 21px; font-size: 18px;}
#header.kinetico{background: #00467F; position: relative;}
#header.kinetico:before{content: "\00a0"; float: left; width: 1000px; position: absolute; left: 100%; height: 100%; background: #00467F;}
.kinetico .header_slogan{display: none;}
.kinetico .header_logo{display: block;}
.kinetico.header_search input{background: #fff url('img/loep.svg') no-repeat left 10px center / 21px;}
/**** Menu ****/
#menu{background: url('img/menu_bg.png'); height: 70px; position: relative; z-index: 2; text-align: center; font-size: 0; padding: 18px 0 0; margin: 0 0 -70px;}
.menu{display: inline-block;}
.menu li{float: left; border-right: 1px solid #000;}
.menu li:last-child{border: none;}
.menu li a{float: left; padding: 0 19px; font-size: 17px; line-height: 32px; font-weight: 600; color: #666362;}
.menu li a:hover{color: #009ee2}
#mobile_menu{display: none}
/**** Slider ****/
#slider{position: relative; z-index: 1;}
.slide{padding: 380px 0 0;}
#slider_spacer{padding: 70px 0 0;}
/**** Category buttons ****/
#category_block{position: relative; z-index: 2; margin: -25px 0 0;}
.category_block_list{float: left; width: 102%; margin: 0 0 0 -1%}
.category_block_list a{float: left; width: 31.3333%; margin: 0 1% 15px;}
.category_block_list a span{height: 50px; line-height: 50px; border-radius: 24px; overflow: hidden; background: url('img/blue_bg.jpg') repeat-y center / 100% auto; color: #fff; text-align: center; font-size: 19px; font-weight: 600; margin: 0 0 30px; position: relative;}
.category_block_list a span div{position: absolute; right: 0; width: 40px; height: 100%; top: 0; background: url('img/pijl_wit.svg') no-repeat right 27px center / auto 34px;}
.category_block_list a > div{padding: 100% 0 0}
.category_block_list a:hover span{background: #00467F}
/**** Breadcrumbs ****/
#breadcrumbs{padding: 25px 0 0; font-size: 15px;}
.breadcrumb_container *{float: left;}
.breadcrumb_container i{font-style: normal; margin: 0 5px;}
.breadcrumb_container a{color: #666362}
/**** Content ****/
#content{padding: 30px 0 50px;}
.page_head{margin: 0 0 40px; text-align: center}
.page_head h1{color: #009ee2; font-weight: 300; font-size: 55px; margin: 0 0 20px}
.page_head span{color: #00467F; font-size: 24px; line-height: 24px;}
#content.sws #content_container{-webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px;}
/**** Home content ****/
.home_extra{margin: 50px 0 30px; position: relative;}
.home_extra_left{float: left; width: 65.7%}
.home_extra_right{float: left; width: 34.3%; text-align: center; position: absolute; top: 0; right: 0; height: 100%;}
.home_extra_right a{position: absolute; right: 0; top: 0; left: 0; bottom: 0; margin: auto;}
/**** USP block ****/
.usp_block{background: url('img/blue_bg.jpg') repeat-y center / 100% auto; border-radius: 28px; overflow: hidden; text-align: left; color: #fff; padding: 30px 38px; font-size: 22px; font-weight: 300; line-height: 30px;}
.usp_block h2{margin: 0 0 10px}
#content_container .usp_block{padding: 25px 20px; float: right; width: 340px; font-size: 18px; line-height: 24px; margin: 0 0 0 25px}
#content_container .usp_block h2{color: #fff; font-weight: bold}
/**** More info button ****/
.more_info_btn{display: inline-block; width: 128px; height: 122px; text-align: center; position: relative; }
.more_info_btn:after{content: "\00a0"; float: left; width: 42px; height: 3px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; background: #009ee2}
.more_info_btn img{width: 44px;}
.more_info_btn span{font-weight: 600; color: #00467F; line-height: 24px; font-size: 19px;}
/**** Extra tekstblok ****/
#extra_textblock{background: #D9E5F0; border-radius: 28px; overflow: hidden; padding: 0 0 40px; margin: 0 0 60px;}
#extra_textblock .page_head{margin-top: 30px; padding: 0 15px;}
#extra_textblock #content_container{padding: 0 40px;}
/**** Link lijst ****/
#link_list{margin: 0 0 35px;}
.link_list_container{float: left; width: 102%; margin: 0 0 0 -1%; text-align: center; font-size: 0;}
.llc_item{display: inline-block; width: 31.3333%; margin: 0 1% 25px; font-size: 22px; text-align: left;}
.llc_item.own{width: 600px; max-width: 100%;}
.llc_item b{font-size: 19px; color: #00467F; padding: 5px 0}
.llc_item li{
float: left;
position: relative;
width: 100%;
border-bottom: 1px solid #009ee2;
color: #009ee2;
padding: 5px 0;
padding-left: 25px;
}
.llc_item li:before {
content:"\f111";
position: absolute;
top: 15px;
left: 3px;
font-family: FontAwesome;
font-size: 10px;
}
.llc_item li:first-child{border-top: 1px solid #009ee2;}
.llc_item li a{color: #009ee2}
.llc_item li a:hover{color: #00467F}
/**** Video image block ****/
#video_img_block{margin: 0 0 60px;}
.vib_left{float: left; width: 48%}
.vib_left.right{float: right;}
.vib_right{float: right; width: 48%}
.vib_right.left{float: left;}
/**** Sub links ****/
#sub_links{margin: 40px 0 60px;}
.sub_link_list{float: left; width: 102%; margin: 0 0 0 -1%;}
.sub_link_list a{float: left; width: 31.3333%; margin: 0 1% 20px; border-radius: 28px; overflow: hidden; position: relative;}
.sub_link_list a .spacer{padding: 100% 0 0;}
.sub_link_list a .text{height: 105px; overflow: hidden; line-height: 35px; position: absolute; bottom: 0; left: 0; color: #fff; font-weight: 600; padding: 0 60px 0 28px; font-size: 28px; background: rgba(45,166,235,0.72) url('img/pijl_wit.svg') no-repeat right 25px center / auto 70px;}
.sub_link_list a .text > span{height: 105px; display: table;}
.sub_link_list a .text > span span{display: table-cell; vertical-align: middle}
.sub_link_list a:hover .spacer{-moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
/**** Footer ****/
#footer{background: url('img/blue_bg.jpg') repeat-y center / 100% auto; color: #fff; font-size: 35px; font-weight: 300; padding: 18px 0;}
/**** Bottom ****/
#bottom{padding: 22px 0 15px}
#bottom span{float: left; line-height: 16px; font-size: 16px; border-right: 2px solid #666362; padding: 0 16px 0 0; margin: 0 16px 7px 0;}
#bottom span:last-child{padding: 0; margin: 0; border: none}
#bottom span a{color: #666362}
#bottom span a:hover{color: #009ee2}
/**** Single ****/
.single_left{float: left; width: 340px; padding: 0 15px 0 0;}
.product_brand{margin: 60px 0 0}
.single_right{float: right; width: calc(100% - 340px);}
.single_slider{text-align: center; font-size: 0; position: relative; z-index: 1;}
.single_slider_container{background: url('img/loep.svg') no-repeat right bottom / 26px; z-index: 1;}
.single_slider_container a{text-align: center;}
.single_slider_container a span{display: inline-block; width: 480px; max-width: 100%; padding: 70% 0 0;}
.single_slider_btn{float: left; height: 124px; padding: 0 10px; position: absolute; top: 50%; margin: -62px 0 0; opacity: 0.4; z-index: 2}
.single_slider_btn:hover{opacity: 1;}
.single_slider_btn img{float: left; height: 124px; max-height: 100%;}
.single_slider_prev{left: 0;}
.single_slider_next{right: 0;}
.single_extra{margin: 80px 0;}
.single_extra_left{float: left; width: 48%; margin: 0 0 40px;}
.icon_item{padding: 0 0 0 70px; height: 50px; position: relative; margin: 0 0 6px;}
.icon_item:last-child{margin: 0;}
.icon_item img{float: left; position: absolute; left: 0; top: 50%; margin: -25px 0 0; height: 50px;}
.icon_item > span{height: 50px; overflow: hidden; line-height: 18px;}
.icon_item > span > span{height: 50px; display: table;}
.icon_item > span > span span{display: table-cell; vertical-align: middle}
.single_extra_right{float: right; width: 48%}
.spec_head{float: left; width: 56%; background: #D9E5F0; border-radius: 15px; height: 50px; line-height: 25px; display: table; padding: 0 15px; color: #00467F; font-weight: 600; font-size: 20px;}
.spec_head span{display: table-cell; vertical-align: middle}
.spec_list{margin: 7px 0 20px; font-size: 16px;}
.spec_list li{line-height: 24px;}
.spec_list li b{float: left; width: 56%; font-weight: 400; padding: 0 0 0 15px; color: #00467F;}
.spec_list li span{float: right; width: 44%; padding: 0 0 0 15px;}
.single_bottom{text-align: center; margin: 0 0 60px;}
.single_bottom_container{display: inline-block; width: 570px; max-width: 100%;}
.single_back{float: left; width: 190px; height: 90px; text-align: left; color: #009ee2; line-height: 30px; padding: 15px 0 0 40px; background: url('img/pijl_blauw_links.svg') no-repeat left center / auto 100%; font-size: 22px; margin: 16px 0 0}
.single_bottom_container .more_info_btn{float: right;}
/**** Category ****/
.product_list{float: left; width: 103%; margin: 60px 0 30px -1.5%;}
.cat_use_head{padding: 0 1.5%; color: #009ee2; margin: 30px 0 20px;}
.pl_item{float: left; width: 22%; margin: 0 1.5% 40px; text-align: center;}
.pl_item div{padding: 125% 0 0;}
.pl_item h3{color: #00467F; text-align: left; float: left; min-height: 62px; width: 100%; display: block}
.pl_item p{color: #666362; font-size: 17px; text-align: left; min-height: 100px; width: 100%}
.pl_item span{display: inline-block; width: 180px; text-align: center; font-weight: 600; color: #009ee2; background: #DBF3FD url('img/pijl_blauw_rechts.svg') no-repeat right 18px center / auto 24px; height: 36px; line-height: 36px; border-radius: 17px; font-size: 16px;}
.pl_item span:hover{background: #009ee2; color: #fff;}
.category_bottom{text-align: center;}
/**** Intro ****/
#intro_header{font-size: 0; text-align: center;}
.intro_logo{display: inline-block; width: 170px; font-size: 0; margin: 32px 0 24px;}
#intro_content{background: #F2F2F2; text-align: center; padding: 45px 0 0; font-size: 22px; margin: 0 0 200px}
.intro_head{font-size: 29px; color: #00467F; margin: 0 0 30px;}
.intr_subs{margin: 80px 0 0; position: relative}
.intr_subs.fi_image:before{content: "\00a0"; float: left; width: 400px; height: 370px; background: url('img/logo_contour.svg') no-repeat center / 100% auto; z-index: 1; position: absolute; left: 50%; opacity: 0.9; left: 50%; bottom: -150px; margin: 0 0 0 20px;}
.featured_image_intro{float: left; width: 270px; height: 370px; border-radius: 28px; z-index: 2; position: absolute; left: 50%; margin: 0 0 0 71px; bottom: -200px}
.intr_subs a{float: left; width: 50%; padding: 420px 0 0; position: relative;}
.intr_subs a span{position: absolute; float: left; width: 395px; height: 94px; top: -47px; left: 0; right: 0; margin: 0 auto; background: rgba(255,255,255,0.85) url('img/pijl_grijs_rechts.svg') no-repeat right 18px center / auto 70px; border-radius: 28px;}
.intr_subs a span img{height: 56px; margin: 19px 30px 0 0}
.intr_subs a span b{display: inline-block; width: 290px; color: #00467F; font-size: 30px; margin: 15px 30px 0 0}
.intr_subs a span b small{float: left; width: 100%; font-size: 17px; font-weight: 400; color: #666362}
.intr_subs a:hover span{background-color: #fff}
/**** Project list ****/
#projects_block{background: url('img/blue_bg.jpg') repeat-y center / 100% auto; padding: 55px 0}
#projects_block .page_head{margin: 0 0 85px;}
#projects_block .page_head h1,
#projects_block .page_head span{color: #fff;}
.project_list{float: left; width: 102%; margin: 0 0 0 -1%;}
.project_item{float: left; width: 48%; margin: 0 1% 18px; border-radius: 28px; overflow: hidden; background: #fff;}
.pi_image{overflow: hidden}
.pi_image span{padding: 66% 0 0;}
.project_item:hover .pi_image span{-moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.pi_title{padding: 0 45px; height: 75px; color: #fff; position: relative; z-index: 1; margin: -75px 0 0; font-weight: 600; font-size: 27px; line-height: 25px; overflow: hidden;}
.pi_title > div{position: absolute; left: 0; top: 0; height: 100%; background: url('img/blue_bg.jpg') repeat-y center / 100% auto; opacity: 0.7}
.pi_title > span{height: 75px; display: table; position: relative; z-index: 2;}
.pi_title > span span{display: table-cell; vertical-align: middle;}
.pi_content{padding: 30px 45px; color: #666362}
/**** Contact ****/
#contact_block{padding: 60px 0 0; margin: 0 0 60px;}
#contact_block .page_head{margin: 0 0 85px;}
.contact_left{float: left; width: calc(100% - 360px)}
.contact_right{float: right; width: 320px}
@media screen and (min-width: 920px){
.sws .contact_left{float: left; width: 48%}
.sws .contact_right{float: right; width: 48%}
}
.contact_head{color: #00467F; font-size: 27px;}
.contact_list{line-height: 30px; margin: 0 0 30px;}
.contact_list a{color: #666362}
.contact_list a:hover{text-decoration: underline}
.contact_map{float: left; width: 500px; max-width: 100%; height: 230px; border-radius: 28px; overflow: hidden;}
/**** Project page ****/
#banner_project{float: left; width: 102%; margin: 50px 0 20px -1%;}
.bp_item{float: left; width: 48%; margin: 0 1% 18px; position: relative; overflow: hidden; border-radius: 28px; overflow: hidden}
.bp_item div{padding: 65% 0 0;}
.bp_item div:after{content: "\00a0"; float: left; width: 100%; height: 100%; background: #000; opacity: 0.1; position: absolute; left: 0; top: 0;}
.bp_item:hover div:after{opacity: 0}
.bp_item > span{position: absolute; top: 0; left: 0; font-weight: 300; font-size: 51px; color: #fff; text-shadow: 0 0 10px #000; padding: 30px 35px; line-height: 115%; z-index: 1}
/**** Formulieren ****/
#content_container div.wpcf7{float: left; width: 100%;}
#content_container .wpcf7-form{float: left; width: 100%; max-width: 100%;}
#content_container .form_label{float: left; width: 100%; padding: 0 0 0 170px; position: relative; margin: 0 0 18px;}
#content_container .label_title{float: left; width: 170px; line-height: 40px; position: absolute; left: 0; top: 0;}
#content_container input,
#content_container select,
#content_container textarea{float: left; width: 100%; height: 40px; border: 1px solid #E6EFF7; background: #E6EFF7; background: rgba(111,164,210,0.2); padding: 0 15px; border-radius: 7px; font-size: 16px;}
#content_container textarea{height: 210px; padding: 10px 15px;}
#content_container button{float: left; width: 100%;}
#content_container [aria-invalid="true"]{border-color: red!important;}
#content_container span.wpcf7-not-valid-tip{display: none!important}
#content_container div.wpcf7-response-output{float: left; width: 100%; border: none!important; padding: 0!important; margin: 0!important; color: green;}
#content_container div.wpcf7-response-output.wpcf7-validation-errors{color: red;}
/**** Zoekpagina ****/
.search_item{padding: 30px 20px 30px 140px; position: relative; min-height: 160px; color: #00467F; border-bottom: 1px solid #F2F2F2}
.search_item:first-child{border-top: 1px solid #F2F2F2}
.search_item:hover{background: #F2F2F2}
.search_item h3{font-weight: 400; color: #009ee2; margin: 0 0 10px;}
.search_item img{float: left; width: 100px; position: absolute; left: 20px; top: 30px;}
.search_item p span{color: #009ee2}
.search_item p span:hover{text-decoration: underline}
/******************
MEDIAQUERIES
*****************/
@media screen and (max-width: 1250px){
.page_head{margin: 0 0 20px;}
.page_head h1{font-size: 40px; margin: 0 0 10px;}
.page_head span{font-size: 18px;}
.sub_link_list a .text{height: 96px; line-height: 24px; font-size: 22px; padding: 0 60px 0 20px;}
.sub_link_list a .text > span{height: 96px;}
}
@media screen and (max-width: 1040px){
body{font-size: 16px;}
#maxw2{padding: 0 25px;}
.intro_logo{width: 130px; margin: 25px 0}
.menu li a{padding: 0 12px; font-size: 16px;}
.single_left{width: 440px;}
.single_right{width: calc(100% - 440px)}
}
@media screen and (max-width: 950px){
.logo_container{width: 155px;}
.logo{width: 120px; margin: 16px 0}
.right_header{width: calc(100% - 155px); padding: 36px 0 0}
.header_search{position: relative; z-index: 1;}
.header_search input{height: 40px; border: 2px solid #fff; border-radius: 19px;}
#menu{display: none;}
#mobile_menu{display: block; margin: 20px 0;}
.mobile_btn{font-size: 0; float: left; position: relative; z-index: 1;}
.mobile_btn:after{content: "MENU"; font-family:"futura-pt"; color: #fff; position: absolute; left: 50px; float: left; line-height: 30px; top: 50%; margin: -16px 0 0; font-size: 16px; font-weight: 600;}
.mobile_btn img:nth-child(2){display: none}
.mobile_btn.active img{display: none}
.mobile_btn.active img:nth-child(2){display: block}
.mobile_menu_content{display: none; margin: -20px 0 0; padding: 40px 0 0; background: url('img/blue_bg.jpg') repeat-y center / 100% auto; font-size: 18px;}
#mobile-menu li{float: left; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3)}
#mobile-menu li:last-child{border: none;}
#mobile-menu li a{float: left; width: 100%; padding: 0 50px; line-height: 50px; color: #fff; position: relative;}
#mobile-menu li a:hover{background: rgba(255,255,255,0.2)}
#mobile-menu li a:after{content: "\00a0"; float: right; width: 10px; height: 100%; background: url('img/pijl_wit.svg') no-repeat center;}
.menu_extra{padding: 35px 50px 30px; color: #fff; font-size: 16px; line-height: 24px;}
.menu_extra li{float: left; width: 100%;}
.menu_extra a{color: #fff;}
.menu_extra li span{float: left; width: 30px; height: 24px;}
#breadcrumbs{display: none;}
.slide{padding: 200px 0 0}
#projects_block{padding: 30px 0}
#projects_block .page_head{margin: 0 0 30px;}
.pi_image span{padding: 200px 0 0;}
.pi_title{height: 66px; font-size: 22px; line-height: 22px; padding: 0 20px; margin: -66px 0 0}
.pi_title > span{height: 66px;}
.pi_content{padding: 20px}
#contact_block{padding: 30px 0 0; margin: 0 0 30px;}
#contact_block .page_head{margin: 0 0 30px;}
.contact_left{width: calc(100% - 300px)}
.contact_right{width: 260px}
#footer{font-size: 22px;}
.category_block_list a span{font-size: 17px;}
.usp_block{font-size: 17px; line-height: 130%; padding: 20px;}
#content_container .usp_block{font-size: 17px; line-height: 130%; padding: 20px;}
.pl_item p{font-size: 16px;}
#link_list{margin: 0 0 30px;}
.llc_item{font-size: 18px; line-height: 20px;}
.llc_item li:before{top: 5px}
.single_right{width: 100%; margin: 0 0 30px;}
.single_slider_container a span{width: 400px; padding: 40% 0 0}
.single_left{width: 100%;}
.product_brand{margin: 50px 0 -5px}
.single_extra_left{width: 42%}
.single_extra_right{width: 54%}
}
@media screen and (max-width: 800px){
h1{font-size: 25px}
h2{font-size: 22px}
h3{font-size: 19px}
h4{font-size: 17px}
h5{font-size: 15px}
h6{font-size: 14px}
#intro_content{padding: 30px 0 0; font-size: 18px; margin: 0 0 140px;}
.intr_subs{margin: -10px 0 0}
.intr_subs.fi_image:before{width: 390px; height: 325px; left: 0; right: 0; margin: 0 auto; bottom: -140px; background-position: right 7px center; background-size: 350px auto;}
.featured_image_intro{width: 200px; height: 215px; left: 0; right: 0; margin: 0 auto; bottom: -80px;}
.intr_subs a{width: 100%; margin: 60px 0 0}
.intr_subs a span{left: auto; top: -40px; bottom: auto; left: 0; right: 0; margin: 0 auto;}
#content{padding: 30px 0}
#content.sws #content_container{-webkit-columns: 1; -moz-columns: 1; columns: 1;}
.page_head h1{font-size: 32px; margin: 0 0 5px;}
.contact_left{width: 100%; margin: 0 0 30px;}
.contact_head{font-size: 24px;}
.contact_left .contact_head + i{float: left; margin: 0 0 20px;}
.contact_left br,
.contact_right br{display: none}
.contact_right{width: 100%}
.contact_right .contact_head{margin: 0 0 20px;}
.contact_map{float: left; width: 400px; max-width: 100%;}
.contact_list{line-height: 24px;}
#content_container .label_title{line-height: 34px;}
#content_container input, #content_container select{height: 34px;}
#content_container textarea{height: 120px;}
.bp_item > span{font-size: 40px; padding: 20px}
.category_block_list a{margin-bottom: 0;}
.category_block_list a > div{display: none;}
.category_block_list a span{text-align: left; padding: 0 20px; margin: 0; font-weight: 400;}
.home_extra{margin: 30px 0 0}
#sub_links{margin: 30px 0}
.sub_link_list a .text{height: 60px; line-height: 20px; font-size: 18px; padding: 0 60px 0 20px; background-size: auto 40px;}
.sub_link_list a .text > span{height: 60px;}
.pl_item{width: 30.3333%}
.pl_item div{padding: 110% 0 0}
.header_slogan{margin: 0; width: 100%; padding: 0 0 0 20px; font-size: 20px;}
}
@media screen and (max-width: 750px){
.single_extra{margin: 30px 0}
.single_extra_left{width: 100%; margin: 0 0 30px;}
.single_extra_right{width: 100%;}
.single_extra_head{margin: 0 0 15px;}
.link_list_container{text-align: left;}
.llc_item{width: 48%; font-size: 16px;}
#extra_textblock{padding: 0 0 20px; margin: 0 0 30px;}
#extra_textblock .page_head{margin-top: 20px;}
#extra_textblock #content_container{padding: 0 20px;}
}
@media screen and (max-width: 650px){
.intro_logo{width: 100px; margin: 10px 0}
.intr_subs a{padding: 300px 0 0;}
.logo_container{width: 125px;}
.logo{width: 100px; margin: 16px 0}
.right_header{width: calc(100% - 125px); padding: 36px 0 0}
.intr_subs a span{width: 80%; left: 10%; right: auto; height: 70px; padding: 0 0 0 30px; background-size: auto 50px; margin: 0;}
.intr_subs a span b{float: left; width: 100%; text-align: left; font-size: 24px; margin: 8px 0 0}
.intr_subs a span img{float: left; height: 50px; margin: 10px 0 0}
.project_item{width: 98%}
.pi_content{display: none;}
#banner_project{margin-top: 30px}
.bp_item{width: 98%;}
.bp_item div{padding: 160px 0 0}
.bp_item > span{height: 160px; padding: 0 20px; display: table; text-align: center;}
.bp_item > span span{display: table-cell; vertical-align: middle}
.bp_item br{display: none;}
#category_block{margin: 15px 0 0;}
.category_block_list a{width: 98%; margin: 0 1% 10px}
.category_block_list a:last-child{margin-bottom: 0;}
.category_block_list a span{height: 42px; line-height: 42px;}
.home_extra_left{width: 100%;}
.home_extra_right{width: 100%; position: relative; height: 160px;}
.sub_link_list a{width: 98%; margin-bottom: 10px;}
.sub_link_list a .spacer{padding: 180px 0 0}
.sub_link_list a .text{height: 50px; line-height: 20px; font-size: 17px;}
.sub_link_list a .text > span{height: 50px;}
.usp_block{font-size: 16px;}
#content_container .usp_block{width: 100%; font-size: 16px; line-height: 130%;}
.pl_item div{padding: 100% 0 0}
.pl_item p{display: none;}
.pl_item h3{margin: 0 0 10px;}
.pl_item span{height: 34px; line-height: 34px; max-width: 100%; text-align: left; padding: 0 15px; font-size: 16px; }
.single_extra{font-size: 16px;}
.llc_item{font-size: 16px;}
.vib_left{width: 100%; margin: 0 0 20px;}
.vib_right{width: 100%; text-align: center;}
.vib_right a{float: none; width: 360px; max-width: 100%; display: inline-block;}
.single_slider_container a span{padding: 55% 0 0}
}
@media screen and (max-width: 580px){
.llc_item{width: 98%;}
}
@media screen and (max-width: 550px){
.pl_item{width: 47%; text-align: center;}
.pl_item h3{text-align: center;}
.pl_item div{padding: 160px 0 0}
.pl_item span{float: none; display: inline-block;}
.single_slider_btn{height: 80px; margin: -40px 0 0}
.single_slider_btn img{height: 80px;}
.search_item{padding: 20px 10px;}
.search_item img{display: none;}
}
@media screen and (max-width: 500px){
.intro_head{margin: 0 0 20px; font-size: 24px;}
.intr_subs{margin: 0;}
.intr_subs a span{width: 94%; left: 3%; right: auto; bottom: 0; background: rgba(255,255,255,0.85); padding: 0; text-align: center;}
.intr_subs a span b{text-align: center;}
.intr_subs a span b small{font-size: 14px;}
.intr_subs a span img{float: none;}
.header_logo{width: 190px; max-width: 100%; padding: 0 0 0 20px; margin: 0}
.mobile_btn{height: 38px;}
.mobile_btn img{max-height: 100%;}
.header_search{width: calc(100% - 124px);}
.header_search input{height: 38px; font-size: 16px;}
#content_container .form_label{padding: 0; margin: 0 0 10px;}
#content_container .label_title{position: static; width: 100%; line-height: 28px;}
.header_slogan{font-size: 17px;}
.spec_head{width: 100%; height: 40px; line-height: 20px; font-size: 18px;}
.spec_list{font-size: 15px;}
.spec_list li b,
.spec_list li span{width: 100%; padding: 0 15px;}
}
@media screen and (max-width: 400px){
#mobile-menu li a{padding: 0 35px;}
.header_search input{padding: 0 10px 0 28px; background-size: 14px; background-position: left 8px center}
.pl_item{width: 97%}
.single_back{height: 80px; padding: 0 15px 0 40px; line-height: 80px; width: auto;}
.single_back span{display: none;}
.intr_subs.fi_image:before{display: none;}
}