@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.eot');
    src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-italic-webfont.woff') format('woff'),
         url('../fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{ outline: none; }
.transition, .transition:before, .transition:after, .transition:hover {transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
img { max-width: 100%; height: auto; width: auto\9; border: none; outline: none; vertical-align: middle; }
a:hover { color: #4dae80; text-decoration: underline; }
a, a:focus { outline: none; }
body { margin: 0; padding: 0; font-family: 'open_sansregular';}
a { color: #e06526;}
h1, h2, h3, h4, h5, h6 { }
h1, .h1 { color:#878787; font-size:37px;}
h2, .h2 { color:#0f65af; font-size:24px;}
h3, .h3 { }
h4, .h4 { }
h5, .h5 { }
p { }
ul { }
li { }
::selection { background: #0f65af; color: #fff; }
::-moz-selection {background: #0f65af;color:#fff;}

.header { padding-top:40px;}
.header-top .navbar-default{ background:none; border:none;}
.header-top .nav > li > a{ color:#0f65af; font-size:16px; padding:0 8px; font-family: 'open_sanslight';}
.header-top .nav > li > a:hover, .header-top .nav > li > a:focus, .header-top .nav > li > a.current{ color:#878787;}
.header-top .nav > li{ border-left:1px solid #0f65af; }
.header-top .nav > li:first-child{ border:none;}
.header-top .navbar-nav{ margin-right:0; margin-top:68px;}
.menu{ width:100%;}
.header-bottom .navbar-default{ background:#878787; border:none; border-radius:0;}
.header-bottom .nav > li > a{ color:#fff; font-family: 'open_sanslight'; padding:7px 55px;}
.header-bottom .nav > li{ border-left:1px solid #fff;}
.header-bottom .nav > li:first-child{ border-left:none;}
.header-bottom .navbar{ margin-bottom:0; min-height:inherit;}
.header-top{ width:100%;}
.header-bottom{ width:100%;}
.header-bottom .nav > li > a:hover, .header-bottom .nav > li > a:focus, .header-bottom .nav > li > a.current{ background:#c3d9e0; color:#0f65af;}
.header-bottom .navbar-collapse{ padding-left:0; padding-right:0;}
.section{ width:100%;}
.banner-pic{ width:100%;}
.section-heading{ width:100%; text-align:center; padding:10px 0 20px;}
.section-product{ width:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1ecef+0,fcfdfe+100 */
background: #e1ecef; /* Old browsers */
background: -moz-linear-gradient(top,  #e1ecef 0%, #fcfdfe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ecef), color-stop(100%,#fcfdfe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e1ecef 0%,#fcfdfe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e1ecef 0%,#fcfdfe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e1ecef 0%,#fcfdfe 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e1ecef 0%,#fcfdfe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ecef', endColorstr='#fcfdfe',GradientType=0 ); /* IE6-9 */ padding:45px 70px;}

.section-product-top{}
.section-product-top-left{ padding-left:0; border-right:1px solid #878787; padding-right:40px;}
.section-product-top-right{ padding-left:40px; padding-right:0;}
.section-pic{ text-align:right; width:100%; margin-top: -45px;}
.section-btn{ width:100%; margin-top: -65px;}
.btn-style{ text-align:center; color:#0f65af; font-size:14px; display:inline-block; border:1px solid #0f65af; padding:5px 15px; text-decoration:none; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.btn-style:hover, .btn-style:focus{ background:#0f65af; text-decoration:none; color:#fff;}
.section-product-bottom{ padding-top:15px; border-top:1px solid #878787; margin-top:49px;}
.section-product-bottom h2{ margin-bottom:0;}
.section-product-bottom p{ color:#878787; font-size:20px; margin-bottom:0;}
.section-product-bottom .col-md-12{ padding-left:0; padding-right:0;}
.btn-pull-right{ text-align:right; padding-top:115px;}

.section-bottom{ width:100%; background:#c3d9e0;}
.section-bottom-left{ background:#0f65af; text-align:center; padding:20px 60px 44px 60px;}
.section-bottom-left h2{ color:#c3d9e0; margin-bottom:30px;}
.section-bottom-left p{ color:#fff; font-size:13px; line-height:18px;}
.section-bottom-left .btn-style{ border:1px solid #c3d9e0; color:#c3d9e0;}
.section-bottom-left .btn-style:hover, .section-bottom-left .btn-style:focus{ background:#c3d9e0; color:#0f65af;}

.section-bottom-txt{ min-height:100px;}
.section-bottom-right{text-align:center; padding:20px 60px 44px 60px;}
.section-bottom-right h2{ color:#0f65af; margin-bottom:30px;}
.section-bottom-right p{ color:#878787; font-size:13px; line-height:18px;}
.section-bottom-right .btn-style{ border:1px solid #0f65af; color:#0f65af;}
.section-bottom-right .btn-style:hover, .section-bottom-right .btn-style:focus{ background:#0f65af; color:#c3d9e0;}
.footer{ width:100%; }
.footer-inner{ width:100%; background:#aaaaaa; padding:58px 35px;}
.footer-logo{ padding-bottom:38px;}
.footer-inner p, .footer-inner a{ margin:0; color:#fff; font-size:14px; }
.btw{ padding-top:15px;}
.footer-inner h3{ color:#c3d9e0; font-size:17px; font-family: 'open_sansbold'; margin:0; line-height:18px;}
.top-padd{ padding-top:84px;}
.footer-contact-txt{ color:#c3d9e0; font-size:12px; margin-bottom:12px;}
.field-input{transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; width:100%; background:#fff; border:none; height:23px; padding:5px 10px; color:#c3d9e0; font-size:12px;  font-family: 'open_sansitalic';}
.field-input:focus{ background:#0f65af; color:#fff;}
.field-button{ color:#fff; border:1px solid #fff; width:84px; height:23px; background:none; margin-top:20px;  font-family: 'open_sansregular'; font-size:13px; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.field-button:hover, .field-button:focus{ color:#fff; background:#0f65af; border:1px solid #0f65af;}
.fixed_header {left: 0;position: fixed;right: 0; top: 0; z-index: 9999;}
.inner-head-txt{ position:relative; width:100%; padding:15px 75px;}
.section-heading p{color:#878787; font-size:13px; line-height:16px;}
.inner-head-txt-two{ padding-left:68px; padding-right:300px;}
.visit-section{ width:100%; background:#878787;}
.visit-section-left{}
.visit-section-right{ text-align:center; padding:40px 85px 0;}
.visit-section-right h2{ color:#c3d9e0; margin-bottom:30px; font-size:24px; line-height:30px;}
.visit-section-right p{ color:#fff; font-size:13px;}
.visit-section-right .btn-style{ color:#9fc8c7; border:1px solid #9fc8c7; margin-top:40px;}
.visit-section-right .btn-style:hover, .visit-section-right .btn-style:focus{ background:#9fc8c7; color:#fff;}
.section-dec{ width:100%; margin-top:30px; min-height:88px;}
.section-product-top p{ color:#878787; font-size:13px;}
.service{}
.service .col-md-4{ padding:0;}
.service1{ background:#0f65af;}
.service2{ background:#878787;}
.service3{ background:#c3d9e0;}
.service-txt{ padding:20px 16px; min-height:188px;}
.service-txt h2{ color:#fff; font-size:18px;font-family: 'open_sansbold'; margin:0;}
.service-txt p{color:#fff; font-size:14px;}
.top-min-padd{ padding-top:10px;}
.top-min-padd .btn-style{ margin-top:30px;}
.section-pro-sep{ padding-top:30px;}
.section-pic-txt{ width:100%; padding-top:20px;}
.section-pic-txt img{ float:left; margin-right:35px;}
.section-dec-top{ padding-top:30px;}
.section-blue-bottom{ width:100%; text-align:center; background:#0f65af; padding:0px 0 25px 0;}
.section-blue-bottom h2{ color:#c3d9e0; margin:0; padding:20px;}
.section-blue-bottom .btn-style{ color:#c3d9e0; border:1px solid #c3d9e0;}
.section-blue-bottom .btn-style:hover, .section-blue-bottom .btn-style:focus{ background:#fff; color:#0f65af;}
.kom-pic{ position:absolute; right:0; bottom:-55px; right:80px;}
.before-installation{ width:100%; padding:45px 70px;}
.before-installation p{ font-size:13px; color:#878787; line-height:16px; margin-bottom:15px;}
.before-installation-right{ background:#c3d9e0; border-radius:15px; padding:20px 30px 15px 30px; position:relative;}
.before-installation-right h2{ margin:0 0 30px 0; padding-right:196px;}
.before-installation-right p{ color:#0f65af; font-size:13px; line-height:16px;}
.right-pic{ position:absolute; top:-54px; right:35px;}
.before-installation-left{ padding-right:25px;}
.mark-pic{ width:100%; padding:60px 54px;}
.mark-pic-left{ padding-right:70px;}
.mark-pic-left h1{ margin:0 0 15px 0;}
.mark-pic-left p{ color:#878787; font-size:13px; margin-bottom:20px;}

ul.bullet{ width:100%;}
ul.bullet li{ color:#0f65af; font-size:13px; line-height:16px;}
.before-installation-right h2.seprate-geading{ padding-right:0; text-align:center;}
.before-installation-right .bullet{ margin-top:130px;}
.contact-form{width:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1ecef+0,fcfdfe+100 */
background: #e1ecef; /* Old browsers */
background: -moz-linear-gradient(top,  #e1ecef 0%, #fcfdfe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ecef), color-stop(100%,#fcfdfe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e1ecef 0%,#fcfdfe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e1ecef 0%,#fcfdfe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e1ecef 0%,#fcfdfe 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e1ecef 0%,#fcfdfe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ecef', endColorstr='#fcfdfe',GradientType=0 ); /* IE6-9 */ padding:45px 70px; clear:both;}
.contact-form-left{}
.contact-form-left h2{ color:#0f65af; font-size:24px; margin:0 0 35px 0;}
.contact-form-left p{ color:#878787; font-size:16px; line-height:20px;}
.contact-form-left p span{color:#0f65af;}
.contact-form-right{}
.label-field{ color:#0f65af; font-size:12px; font-weight:normal; font-family: 'open_sansregular';}
.field-row{ margin-bottom:20px;}
.field-textarea{transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; width:100%; background:#fff; border:none; height:144px; padding:5px 10px; color:#c3d9e0; font-size:12px;  font-family: 'open_sansitalic'; resize:none;} 
.field-textarea:focus{ background:#0f65af; color:#fff;}
.field-form-button{ color:#0f65af; border:1px solid #0f65af; width:84px; height:23px; background:none; font-family: 'open_sansregular'; font-size:13px; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.field-form-button:hover, .field-form-button:focus{ color:#fff; background:#0f65af; border:1px solid #0f65af;}

.banner-three-pic { position:relative;}
.banner-three-pic .col-md-4{ padding:0; position:relative;}
.banner-three-pic .col-md-4:after{ width:2px; height:100%; left:0; top:0; position:absolute; content:""; z-index:111; background:#fff;}
.banner-three-pic .col-md-4:first-child:after{ background:none;}
.banner-three-pic h2{ position:absolute; left:0; bottom:0; width:100%; text-align:center; color:#0f65af; font-size:18px; font-family: 'open_sanssemibold'; background:rgba(195,217,224,0.80); margin:0; padding:18px 5px;}