/* import global styles */
@import url("home.css");

/**********/
/* HEADER */
/**********/
body{padding-top: 100px;}
body > header {height: 100px;padding:0 100px;border-bottom:solid 1px #E0E0E0;background:white;transition:all ease-out 500ms}
body > header .hdr-mask{width:100%;height:100%;}
body > header .hdr-mask .logo{width:300px;padding:31px 0;float:left;transition:all ease-out 400ms}
body > header .hdr-mask .logo a img{width:100%;max-width:306px;}
body > header .hdr-mask .makeLogo{width:176px;padding: 10px 0 10px 30px;float:left;transition:all ease-out 400ms}
body > header .hdr-mask .makeLogo img{width:100%;height:auto;}
body > header .hdr-mask .hdrContact{width: calc(70% - 476px);/* max-width:685px; */height: 100px;padding: 25px 0;text-align:right;float:left;transition:all ease-out 400ms}
body > header .hdr-mask .hdrContact .headerPhn{font-size: 30px;color:#5f6A72;text-decoration:none;}
body > header .hdr-mask .hdrContact .headerEmail{font-size: 20px;color:#5f6A72;text-decoration:none;}
body > header .hdr-mask .btnContact{width:15%;max-width:250px;height:100px;padding: 25px 0 25px 3%;float:left;transition:all ease-out 400ms}
body > header .hdr-mask .btnContact a{width:100%;max-width:200px;height:48px;background:#3198D4;color:white;font-size:24px;text-align:center;text-decoration:none;line-height:48px;display:block;}
body > header .hdr-mask .btnLanguages{width:15%;max-width:250px;height:100px;padding:25px 0 25px 3%;float:left;transition:all ease-out 400ms}
body > header .hdr-mask .btnLanguages a{width:100%;max-width:200px;height:48px;background:#EE9100;color:white;font-size:24px;text-align:center;text-decoration:none;line-height:48px;display:block;}
body > header .hdr-mask .btnContact a,body > header .hdr-mask .btnLanguages a{border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;}

/**********/
/* SLIDER */
/**********/
#content #oem-slideshow{width:calc(100% + 104px);margin:0 0 0 -50px;}
#content #oem-slideshow .landingTitleBlock{width:100%;height:100px;padding:33px 100px;position:relative;background:#5f6A72;}
#content #oem-slideshow .landingTitleBlock .landingTitle{font-size:40px;font-weight:500;color:white;}

/*home animation*/
.slide_bg,
.slide_bg div,
.slide_bg img{margin:0;padding:0;position:relative;}
.slide_bg{overflow:hidden;margin:0 auto;width:100%;background:transparent url(https://blueprint.cdn.cloud.searchoptics.net/bb275820ade7bfd749d95d9cb5a215ff/bganim/blur_bg.jpg) repeat left top;}
.slide_bg > div{padding:40px 0;margin:20px 50px;}
.slide_bg #bgAnim{top:0;left:0;height:calc(100% + 80px);margin:0;width:100%;position:absolute;}
.slide_bg #bgAnim .bgAnimSlide{height:2400px;margin:0px;width:100%;position:absolute;top:0px;left:0px;}
.slide_bg #bgAnim .bgAnimSlide#bgAnimB{background:transparent url(https://blueprint.cdn.cloud.searchoptics.net/bb275820ade7bfd749d95d9cb5a215ff/bganim/bg3G.png) repeat 0px 0px;}
.slide_bg #bgAnim .bgAnimSlide#bgAnimM{background:rgba(0,0,0,.2) url(https://blueprint.cdn.cloud.searchoptics.net/bb275820ade7bfd749d95d9cb5a215ff/bganim/bg2G.png) repeat 0px 0px;}
.slide_bg #bgAnim .bgAnimSlide#bgAnimT{background:rgba(0,0,0,.3) url(https://blueprint.cdn.cloud.searchoptics.net/bb275820ade7bfd749d95d9cb5a215ff/bganim/bg1G.png) repeat 0px 0px;}

#content #oem-slideshow .slide_bg #soSlideshow .carousel-control{width:100px;padding-top:15%;background-image:none;filter:none;}
#content #oem-slideshow .slide_bg #soSlideshow .carousel-control.right{right:auto;left:100%;}
#content #oem-slideshow .slide_bg #soSlideshow .carousel-control.left{left:auto;right:100%;}
#content #oem-slideshow .slide_bg #soSlideshow .carousel-control .icon-prev,
#content #oem-slideshow .slide_bg #soSlideshow .carousel-control .icon-next{width:100%;height:1px;margin:0;left:0;}
#content #oem-slideshow .slide_bg #soSlideshow .carousel-control span:before{font-size:60px;font-family:"FontAwesome";color:#fff;}
#content #oem-slideshow .slide_bg #soSlideshow .carousel-control .icon-prev:before{content:"\f104";}
#content #oem-slideshow .slide_bg #soSlideshow .carousel-control .icon-next:before{content:"\f105";}
#content #oem-slideshow .slide_bg #soSlideshow .carousel-indicators{margin-bottom:0;bottom:auto;top:100%;}
#content #oem-slideshow .slide_bg #soSlideshow .carousel-inner > .item {-webkit-transition: 1.2s ease-in-out left;transition: 1.2s ease-in-out left;-webkit-transition: 1.2s, ease-in-out, left;-moz-transition: 1.2s, ease-in-out, left;
                -o-transition: 1.2s, ease-in-out, left;transition: 1.2s, ease-in-out, left;background-color:rgba(0,0,0,.005);}
#content #oem-slideshow .slide_bg #soSlideshow .sliderImage{width:100%;background-color:rgba(255,255,255,0.9);}

/**************/
/*PAGE CONTENT*/
/**************/
#content .oem-content{width:100%;padding:0;margin:0;}
#content .oem-content > .col{padding:60px 50px !important;position:relative;color:#5f6A72;}
#content .oem-content > .col:after{content:'';width:calc(100% + 100px);height:1px;background:#E0E0E0;position:absolute;left:-50px;bottom:0;}
#content .oem-content > .col .section-title{font-size:30px;margin:0 0 40px;}
#content .oem-content > .col .section-subtitle{font-style:italic;margin:0 0 40px;}
#content .oem-content > .col .inner-sectionLeft .col:nth-child(1){padding-right:2.5%;}
#content .oem-content > .col .inner-sectionLeft .col:nth-child(2){padding-left:2.5%;}
#content .oem-content > .col .inner-sectionRight .col:nth-child(1){padding-left:2.5%;float:right}
#content .oem-content > .col .inner-sectionRight .col:nth-child(2){padding-right:2.5%;}
#content .oem-content > .col .inner-sectionLeft .col img,
#content .oem-content > .col .inner-sectionRight .col img{width:100%;}
                /* CTA */
#content .oem-content .ctaBlock .ctaTitle{margin:0 0 40px;font-size:40px;line-height:40px;}
#content .oem-content .ctaBlock .ctaContent{margin:0 0 40px;}
                /* NAV */
#content .oem-content.sectNav:after{content:'';width:calc(100% + 100px);height:1px;background:#E0E0E0;position:relative;left:-50px;bottom:0;}
#content .oem-content .sectionNavTitleCol{padding:60px 50px 0 !important;}
#content .oem-content .sectionNavTitleCol:after, #content .oem-content .sectionNavCol:after{display:none;}
#content .oem-content .sectionNavCol.left{width:43%;padding:0 5px 100px 50px !important;}
#content .oem-content .sectionNavCol.center{width:calc(14% - 10px);padding:0 5px !important;}
#content .oem-content .sectionNavCol.right{width:43%;padding:0 50px 100px 5px !important;}
#content .oem-content .sectionNavCol .sectionNav-tiles{cursor:pointer;}
#content .oem-content .sectionNavCol .sectionNav-tiles .tileCol{position:relative;}
#content .oem-content .sectionNavCol .sectionNav-tiles .tileCol.blowup img{width:110%;max-width:110%;position:absolute;margin-top:-5%;left:-5%;z-index: 12;}
                /* FORM */
#content .contactFormWrapper{width:calc(100% + 100px);padding: 50px 2% !important;margin:0 0 0 -50px;}
#content .contactFormWrapper b.bold{color:red;font-weight:normal;}

/**********/
/* FOOTER */
/**********/
footer{margin:0;}

/*****************/
/* MEDIA QUERIES */
/*****************/
@media only screen and (max-width: 1429px){ /* BOOTSTRAP :: LG */
	/*header*/
    body > header .hdr-mask .logo{width:215px;}
    body > header .hdr-mask .hdrContact{width:calc(70% - 394px);}
    body > header .hdr-mask .hdrContact .headerPhn{font-size:30px;}
    body > header .hdr-mask .hdrContact .headerEmail{font-size:20px;}
}

@media only screen and (max-width: 1199px){ /* BOOTSTRAP :: MD */ 
	/*header*/
    body > header{padding:0 60px;}
    body > header .hdr-mask .logo{width:185px;padding:33px 0;}
    body > header .hdr-mask .makeLogo{width:190px;}
    body > header .hdr-mask .makeLogo img{padding:6px 0 0 30px;}
    body > header .hdr-mask .hdrContact{width:calc(70% - 378px);height:100px;padding:25px 0;}
    body > header .hdr-mask .hdrContact .headerPhn{font-size:24px;}
    body > header .hdr-mask .hdrContact .headerEmail{font-size:18px;}      
    body > header .hdr-mask .btnContact a,body > header .hdr-mask .btnLanguages a{font-size:18px;}
    /*slider*/            
    #content #oem-slideshow{width:calc(100% + 60px);margin:0 0 0 -30px;}
    #content #oem-slideshow .landingTitleBlock{padding:35px 60px;}
    #content #oem-slideshow .landingTitleBlock .landingTitle{font-size:30px;line-height:30px;}
    #content #oem-slideshow .slide_bg #soSlideshow{margin:20px 30px;}
    #content #oem-slideshow .slide_bg #soSlideshow .carousel-control{width:60px;}
    /*content*/
    #content .oem-content > .col{padding:100px 30px !important;}
    /*cta*/
    #content .oem-content .ctaBlock .ctaTitle{font-size:30px;}
    /*nav*/
    #content .oem-content .sectionNavTitleCol{padding:100px 30px 0 !important;}
    #content .oem-content .sectionNavCol.left{padding:0 5px 100px 30px !important;}
    #content .oem-content .sectionNavCol.right{padding:0 30px 100px 5px !important;}
    /*form*/
    #content .contactFormWrapper{width:calc(100% + 60px);margin:0 0 0 -30px;}
	/*footer*/
	footer .powered {font-size: 12px;}
}

@media only screen and (max-width: 991px){ /* BOOTSTRAP :: SM */
    /*header*/
    body > header{padding:0 30px;}
    body > header .hdr-mask .makeLogo{width:100px;padding: 23px 0;position:relative;}
    body > header .hdr-mask .hdrContact{width:calc(70% - 285px);}
    body > header .hdr-mask .hdrContact .headerPhn{font-size:20px;}
    body > header .hdr-mask .hdrContact .headerEmail{font-size:11px;}
    body > header .hdr-mask .btnContact a,body > header .hdr-mask .btnLanguages a{font-size:15px;}
    /*slider*/        
    #content #oem-slideshow{width:calc(100% + 34px);margin:0 0 0 -15px;}
    #content #oem-slideshow .landingTitleBlock{padding:35px 30px;}
    #content #oem-slideshow .slide_bg #soSlideshow{margin:10px 15px;}
    #content #oem-slideshow .slide_bg #soSlideshow .carousel-control{width:30px;}
    /*content*/
    #content .oem-content > .col{padding:100px 15px !important;}
    /*nav*/
    #content .oem-content .sectionNavTitleCol{padding:100px 15px 0 !important;}
    #content .oem-content .sectionNavCol.left{width:73%;padding:0 15px 0 10px!important;}
    #content .oem-content .sectionNavCol.center{width:23.2%;padding-left:0 !important;}
    #content .oem-content .sectionNavCol.right{width:75%;padding:40px 15px 100px !important;margin-left:11.5%;}
    /*form*/
    #content .contactFormWrapper{width:calc(100% + 30px);margin:0 0 0 -15px;}
	/*footer*/
	footer .powered {font-size: 10px;}
}

@media only screen and (max-width: 767px){ /* BOOTSTRAP :: XS */
    /*header*/
    body > header{width:100%;position:absolute;}
    body > header .hdr-mask .logo{width:175px;padding:33px 0;}
    body > header .hdr-mask .btnContact{width:50px;height:50px;padding:0;position:absolute;top:0;right:0;}
    body > header .hdr-mask .btnLanguages{width:50px;height:50px;padding:0;position:absolute;bottom:0;right:0;}
    body > header .hdr-mask .btnContact a,body > header .hdr-mask .btnLanguages a{width:50px;height:50px;border-radius:0;-ms-border-radius:0;-webkit-border-radius:0;font-size:28px;}
    body > header.static{height:50px;padding:5px;position:fixed;}
    body > header.static .hdr-mask .logo{padding:2% 0 2% 2%}
    body > header.static .hdr-mask .logo a:nth-child(3) img{margin-top:-10px}
    body > header.static .hdr-mask .makeLogo{padding:0;margin-top:-5px}
    body > header.static .hdr-mask .btnLanguages{display:none;}
    /*slider*/
    #content #oem-slideshow{width:calc(100% + 10px);margin:0 0 0 -5px;}
    #content #oem-slideshow .landingTitleBlock{height:100px;padding:25px 0 0;text-align:center;}
    #content #oem-slideshow .landingTitleBlock .landingTitle{font-size:24px;line-height:30px;}
    #content #oem-slideshow .slide_bg #bgAnim{display:none;}
    #content #oem-slideshow .slide_bg{background:none transparent;padding:0;}
    #content #oem-slideshow .slide_bg .carousel {width:100%;margin:0;padding:0;}
    #content #oem-slideshow .slide_bg .carousel .item div img{width:100%;} 
    #content #oem-slideshow .slide_bg .carousel .item div a img{width:100%;} 
    #content #oem-slideshow .slide_bg .carousel .carousel-control{width:30px}
    #content #oem-slideshow .slide_bg .carousel .carousel-control.right{right:0;left:auto;}
    #content #oem-slideshow .slide_bg .carousel .carousel-control.left{left:0;right:auto;}
    /*content*/
    #content .oem-content{padding:0 10px;background:#f1f1f1;}
    #content .oem-content > .col{padding:5% !important;border:solid 1px #e1e1e1;margin-top:10px;background:white;}
    #content .oem-content > .col:after{display:none;}
    #content .oem-content > .col .section-title{display:none;}
    #content .oem-content > .col .section-subtitle{margin:0 0 4px;}
    #content .oem-content > .col .innerBlock .sectionTitle{padding:5%;position:relative;font-size:23px;cursor:pointer;}
    #content .oem-content > .col .innerBlock .sectionTitle:after{content:'+';position:absolute;top:33%;right:5%;}
    #content .oem-content > .col .innerBlock .sectionTitle.exp:after{content:'-';}
    #content .oem-content > .col .innerBlock .col{display:none;}
	#content .oem-content > .col.ctaBlock .innerBlock .col{display:block;}
    #content .oem-content > .formBlock{padding:0 !important;border:0;background:transparent;}
    #content .oem-content > .formBlock .formTitle{font-size:25px;color:#3198D4;}
    #content .oem-content .formBlock #contactForm .fieldset .col{padding:0 !important;}
    #content .oem-content .formBlock #contactForm .fieldset .col:nth-child(2n){padding:0 !important;}
    #content .oem-content .formBlock #contactForm .fieldset .col > div:nth-child(1){font-size:25px;}
    #content .oem-content .formBlock #contactForm .fieldset .col .form-group input{height:50px;margin-bottom:0;}
    #content .oem-content .formBlock #contactForm .fieldset .submitCol .form-group input{width:98%;height:50px;margin-bottom:50px;font-size:20px;}
    #content .oem-content .formBlock #contactForm .fieldset .submitCol img{width:98%;margin-left:0;}
    #content .oem-content .formBlock #bottomLogo{width:33%;margin:40px 0;position:relative;left:33.33%;}
    #content .oem-content .formBlock #bottomLogo .col{display:block;}
    /*form*/
    #content .contactFormWrapper{width:100%;margin:0;}
    #content .contactFormWrapper .col .blueprint-form .fieldset #bottomLogo img:nth-child(1){width:70%;float:none !important;position:relative;left:15%;margin-bottom:10%;}
    #content .contactFormWrapper .col .blueprint-form .fieldset #bottomLogo img:nth-child(2){width:33%;position:relative;left:33%;}
	/*footer*/
	footer .powered {font-size: 14px;}
}

@media only screen and (max-width: 550px){ /* BOOTSTRAP :: CUSTOM XXS */
    #content #oem-slideshow .landingTitleBlock{padding:20px 0 0;}
}

@media only screen and (max-width: 350px){ /* BOOTSTRAP :: CUSTOM XXS */
    body > header .hdr-mask .logo{width:150px;}
	body > header .hdr-mask .makeLogo{margin-left:-15px}
    #content .oem-content > .col .innerBlock .sectionTitle{font-size:20px;}
}

.btn{font-size:24px; border-radius:3px;}
