@charset "utf-8";
*{ outline:none;}
body { margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size:21px; color:#000000; font-weight:500; letter-spacing:-1.5px; -webkit-text-size-adjust:none; overflow-x:hidden; }
header, footer, section, aside, nav, article { display:block; }
h1, h2, h3, h4, h5, h6, section, img { margin:0; padding:0;font-weight:normal; }
ul, ol, li{ margin:0; padding:0; list-style:none;}
dl, dt, dd{ margin:0; padding:0; font-weight:normal;}
img { border:none; }
.fleft { float:left; }
.fright { float:right; }
h1 { font-size:44px; line-height:54px; font-weight:600; color:#004d69; letter-spacing:-1.5px; padding:0; margin:0 0 25px 0; }
h2 { font-size:40px; line-height:50px; font-weight:600; color:#004d69; letter-spacing:-1.5px; margin:0 0 25px 0; }
h3 { font-size:30px; line-height:40px; font-weight:600; color:#004d69; letter-spacing:-1.5px; margin:0 0 25px 0; }
p { font-size:21px; line-height:30px; color:#000000; font-weight:500; padding:0; margin:0 0 25px 0; }
.clear { clear:both; }
a { text-decoration:none; color:#0c8cb6; outline:none; transition: all 0.2s ease-in-out 0s; }
html, body { height:100%;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wrapper { max-width:1265px; margin:0 auto; padding:0 15px; }
#headerwrapper { width:100%; float:left; padding:10px 70px; background:#fff; position:fixed; top:0; left:0; z-index:9; }
.sticky #headerwrapper { box-shadow:0px 2px 4px 0px rgba(0,0,0,0.05); }
.logo { float:left; }
.logo img { max-width:100%; display:block; }
.navigation { float:right; position:relative; }
.menu { display:block; }
.menu ul { float:left; margin-top:35px; }
.menu ul li { float:left; margin:0 0 0 47px; }
.menu ul li a { display:inline-block; color:#004d69; font-size:18px; font-weight:600; text-transform:uppercase; }
.menu ul li:hover a, .menu ul li a.current { color:#0c8cb6; }
.head-left { display:none; }

#bannerwrapper { width:100%; float:left; position:relative; margin-top:118px; }
#bannerwrapper img { width:100%; display:block; }
#bannerwrapper .bannertext { width:100%; position:absolute; top:200px; }
#bannerwrapper .bannertext h1 { font-size:60px; line-height:70px; font-weight:600; color:#FFFFFF; text-align:center; margin:0; }

#middlewrapper { width:100%; float:left; padding:0 0 140px 0; }
.right-block { width:64%; float:right; padding:30px; margin-top:-350px; background:url(../images/right-block-bg.png) right top no-repeat #0c8cb6; box-shadow:0px 12px 12px 0px rgba(0,0,0,0.3); position:relative; z-index:1; }
.right-block .in-block { width:100%; float:left; padding:0 0 0 0; border:solid 1px #35afd7; min-height:500px; }
.right-block .in-block h3 { font-weight:300; color:#fff; line-height:45px; padding:70px 0 0 130px; margin:0; }
.right-block .in-block h3:before { content:""; display:block; width:52px; height:2px; background:#004d69; margin-bottom:25px; }
.left-block { width:64%; float:left; padding:30px; margin-top:-220px; background:url(../images/left-block-bg.png) left bottom no-repeat #004d69; box-shadow:0px 12px 12px 0px rgba(0,0,0,0.3); position:relative; z-index:2; }
.left-block .in-block { width:100%; float:left; padding:0 0 0 0; border:solid 1px #0d698b; min-height:380px; }
.left-block .in-block .content-block { max-width:1055px; float:right; padding:87px 130px 0 0; }
.left-block .in-block .content-block h3 { font-weight:300; color:#fff; line-height:45px; margin:0; }
.left-block .in-block .content-block h3:before { content:""; display:block; width:52px; height:2px; background:#0c8cb6; margin-bottom:25px; }
.container { width:100%; float:left; padding:145px 0 0 0; }
.container h2 { text-align:center; margin:0 0 15px 0; }
.container p { font-size:30px; line-height:44px; font-weight:300; color:#1e2528; text-align:center; margin:0; }
.produc-block { width:100%; float:left; padding:0 0 0 0; position:relative; z-index:1; }
.produc-block ul { width:104%; float:left; margin:110px 0 0 -4%; }
.produc-block ul li { width:29.3%; float:left; padding:80px 50px 0 50px; margin:4% 0 0 4%; border:solid 1px #d9d9d9; background:#fff; min-height:325px; box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.05); position:relative; }
.produc-block ul li p { font-size:21px; font-weight:500; color:#000000; line-height:36px; text-align:left; }
.produc-block ul li .icon { width:120px; height:80px; position:absolute; left:30px; top:-40px; background:#fff; padding:0 20px; }
.produc-block ul li .icon img { max-width:100%; display:block; }

.content-right-block { width:64%; float:right; padding:30px 0 30px 30px; margin-top:-80px; background:#f3f3f3; position:relative; z-index:0; }
.content-right-block .in-block { width:100%; float:left; border-top:solid 1px #d9d9d9; border-left:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9; min-height:500px; }
.content-right-block .in-block h3 { font-weight:300; color:#000; line-height:45px; padding:145px 0 0 130px; margin:0; }
.content-right-block .in-block h3:before { content:""; display:block; width:52px; height:2px; background:#0c8cb6; margin-bottom:25px; }
#mission { padding-top:410px; margin-top:-410px; }
#services { width:100%; float:left; padding-top:20px; margin-top:-20px; }

#footerwrapper { width:100%; float:left; }
#footerwrapper .footer-tagline { width:100%; float:left; padding:0 0 0 0; }
#footerwrapper .footer-tagline h2 { text-align:center; }
#footerwrapper .email { width:100%; float:left; padding:35px 0 0 0; font-size:30px; line-height:40px; font-weight:300; color:#1e2528; text-align:center; }
#footerwrapper .email a { display:block; color:#0c8cb6; }
#footerwrapper .email a:hover { color:#004d69; }
#footerwrapper .copyright { width:100%; float:left; padding:60px 0 30px 0; font-size:13px; font-weight:400; text-align:center; letter-spacing:-1px; }



@media only screen and (max-width:1919px){
#bannerwrapper .bannertext { top:170px; }
}

@media only screen and (max-width:1799px){
#bannerwrapper .bannertext { top:150px; }
}

@media only screen and (max-width:1600px){
#bannerwrapper .bannertext { top:150px; }
.right-block { margin-top:-300px; }
.right-block .in-block { min-height:450px; }
.right-block .in-block h3 { padding:70px 50px 0 50px; }
.right-block .in-block h3 br { display:none; }
.left-block .in-block { min-height:330px; }
.left-block .in-block .content-block { max-width:100%; width:100%; padding:90px 50px 0 50px; }
.left-block .in-block .content-block h3 br { display:none; }
}

@media only screen and (max-width:1440px){
#bannerwrapper .bannertext { top:100px; }
.right-block .in-block h3 { padding:50px 50px 0 50px; }
.left-block { margin-top:-210px; }
.content-right-block .in-block { min-height:450px; }
.content-right-block .in-block h3 { padding:145px 50px 0 50px; }
.content-right-block .in-block h3 br { display:none; }
#services { padding-top:0; margin-top:0; }
}

@media only screen and (max-width:1285px){
#bannerwrapper .bannertext { top:80px; }
.left-block .in-block .content-block { padding:60px 50px 0 50px; }
}

@media only screen and (max-width:1279px){
#bannerwrapper .bannertext { top:60px; }
#bannerwrapper .bannertext h1 { font-size:52px; line-height:64px; }
}

@media only screen and (max-width:1264px){
.produc-block ul li { padding:80px 30px 0 30px; min-height:300px; }
.produc-block ul li .icon { width:110px; left:20px; padding:0 10px; }
}

@media only screen and (max-width:1140px){
#bannerwrapper .bannertext { top:110px; }
.right-block .in-block { min-height:250px; }
.right-block .in-block h3 { font-size:27px; line-height:40px; padding:30px 30px 0 30px; }
.right-block .in-block h3::before { margin-bottom:15px; }
.right-block { padding:15px; margin-top:-210px; }
.left-block .in-block { min-height:240px; }
.left-block { padding:15px; margin-top:-70px; }
.left-block .in-block .content-block { padding:30px 30px 0 30px; }
.left-block .in-block .content-block h3 { font-size:27px; line-height:40px; }
#bannerwrapper .bannertext h1 { font-size:46px; line-height:58px; }
.left-block .in-block .content-block h3:before { margin-bottom:15px; }
.produc-block ul li p { font-size:19px; line-height:34px; }
.content-right-block { padding:15px 0 15px 15px; }
.content-right-block .in-block h3 { font-size:27px; line-height:40px; padding:160px 30px 0 30px; }
.content-right-block .in-block h3:before { margin-bottom:15px; }
}

@media only screen and (max-width:1024px){
#bannerwrapper .bannertext { top:80px; }
#headerwrapper { padding:15px; }
#mission { padding-top:338px; margin-top:-338px; }
h2 { font-size:36px; line-height:46px; }
}

@media only screen and (max-width:1023px){
.logo img { max-width:250px; }
h1 { font-size:40px; line-height:48px; margin:0 0 20px 0; }
h2 { font-size:30px; line-height:40px; margin:0 0 20px 0; }
h3 { font-size:24px; line-height:30px; margin:0 0 20px 0; }
p { font-size:18px; line-height:24px; margin:0 0 20px 0; }
#bannerwrapper { margin-top:100px; }
.menu ul { margin-top:20px; }
.menu ul li { margin:0 0 0 40px; }
#bannerwrapper .bannertext h1 { font-size:40px; line-height:50px; }
.right-block { width:100%; margin-top:0; }
.right-block .in-block { min-height:inherit; }
.right-block .in-block h3 { padding:60px 50px 50px 50px; }
.left-block { width:100%; margin:0; }
.left-block .in-block { min-height:inherit; }
.left-block .in-block .content-block { padding:60px 50px 50px 50px; }
#bannerwrapper .bannertext { top:50%; webkit-transform:translateY(-50%); text-align:center; transform:translateY(-50%); }
#middlewrapper { padding:0 0 50px 0; }
.container { padding:60px 0 0 0; }
.container p { font-size:24px; line-height:36px; margin:0; }
#footerwrapper .copyright { padding:50px 0 30px 0; }
.produc-block ul { width:100%; margin:0; text-align:center; }
.produc-block ul li { width:100%; padding:80px 30px 40px 30px; margin:90px 0 0 0; min-height:inherit; }
.produc-block ul li p { font-size:18px; line-height:30px; text-align:center; }
.produc-block ul li .icon { width:120px; left:0; right:0; margin:0 auto; padding:0 20px; }
.content-right-block { width:100%; padding:15px; margin-top:60px; }
.content-right-block .in-block { border:solid 1px #d9d9d9; min-height:inherit; }
.content-right-block .in-block h3 { padding:60px 50px 50px 50px; }
#mission { padding-top:99px; margin-top:-99px; }
#services { padding-top:50px; margin-top:-50px; }
}

@media only screen and (max-width:767px){
h1 { font-size:30px; line-height:40px; margin:0 0 15px 0; }
h2 { font-size:24px; line-height:30px; margin:0 0 15px 0; }
h3 { font-size:22px; line-height:28px; margin:0 0 15px 0; }
p { font-size:16px; line-height:22px; margin:0 0 20px 0; }
#bannerwrapper { margin-top:91px; }
#bannerwrapper .bannertext h1 { font-size:36px; line-height:44px; padding:0 15px; }
#bannerwrapper .bannertext h1 br { display:none; }
.logo img { max-width:220px; }
.menu { display:none; }
.head-left { display:block; }
.right-block .in-block h3 { font-size:24px; line-height:34px; padding:25px 15px 20px 15px; }
.left-block .in-block .content-block { padding:25px 15px 20px 15px; }
.left-block .in-block .content-block h3 { font-size:24px; line-height:34px; }
.container p { font-size:20px; line-height:30px; margin:0; }
#middlewrapper { padding:0 0 35px 0; }
.container { padding:40px 0 0 0; }
#footerwrapper .email { font-size:24px; line-height:34px; padding:10px 0 0 0; }
#footerwrapper .copyright { padding:30px 0; }
.produc-block ul li { padding:70px 15px 40px 15px; margin:80px 0 0 0; }
.content-right-block .in-block h3 { font-size:24px; line-height:34px; padding:25px 15px 20px 15px; }
.content-right-block { margin-top:40px; }
#mission { padding-top:90px; margin-top:-90px; }
#services { padding-top:60px; margin-top:-60px; }
}

@media only screen and (max-width:599px){
#bannerwrapper .bannertext h1 { font-size:30px; line-height:36px; }
}

@media only screen and (max-width:479px){
#bannerwrapper .bannertext h1 { font-size:22px; line-height:28px; }
}