@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: 'castellarregular';
    src: url('../fonts/castellar_regular-webfont.eot');
    src: url('../fonts/castellar_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/castellar_regular-webfont.woff2') format('woff2'),
         url('../fonts/castellar_regular-webfont.woff') format('woff'),
         url('../fonts/castellar_regular-webfont.ttf') format('truetype'),
         url('../fonts/castellar_regular-webfont.svg#castellarregular') 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 { }
h2, .h2 { }
h3, .h3 { }
h4, .h4 { }
h5, .h5 { }
p { }
ul { }
li { }
::selection { background: #2c8d06; color: #fff; }
::-moz-selection {background: #2c8d06;color:#fff;}
.header{ border-bottom:6px solid #009fe3;}
.header .navbar-default{ background:none; border:none;}
.header .nav > li{ padding:0 15px;}
.header .nav > li > a{ color:#0d5b9b; font-size:13px; padding:15px 0; text-transform:uppercase; position:relative;}
.header .navbar-nav{ padding-top:80px;}
.header .navbar-brand{ height:auto; position:relative; margin-left:15px;}
.header .navbar{ margin-bottom:0;}
.navbar-brand.active:after{ height:6px; width:170px; background:#2c8d06;position:absolute; bottom:-6px; left:22px; content:"";}
.header .nav > li > a:hover:after{height:6px; width:100%; background:#2c8d06;position:absolute; bottom:-12px; left:0; content:"";}
.header .nav > li > a.active:after{height:6px; width:100%; background:#2c8d06;position:absolute; bottom:-12px; left:0; content:"";}
.banner{ border-bottom: 9px solid #000046; width:100%; position:relative;}
.banner h2{ color:#000046; font-size:40px;  margin:0; padding:20px 10px; background:rgba(255,255,255,0.50); text-align:center; position:absolute; bottom:0; left:0; width:100%;}
.banner-text{ position:relative; padding:15px; width:100%; text-align:center; background:#000046;}
.banner-text p{ color:#fff; font-size:16px; line-height:24px; margin:0 0 5px 0; padding:0;}
.banner-text a{ color:#009fe3; font-size:16px; font-family: 'open_sansbold';}
.tools{ width:100%; text-align:center; padding:30px 15px 25px;}
.tools h2{ color:#2c8d06; font-size:30px; margin:0 0 20px 0; padding:0;}
.tools p{ color:#000046; font-size:16px; line-height:22px;}
.section{ width:100%;}

ul.category{ width:100%; margin:0; padding:0;}
ul.category  li{ list-style:none; float:left; width:25%; position:relative;}
ul.category  li img{ width:100%;}
.category-more{ text-align:center; padding:15px 5px;  width:100%;}
.category-more h2{ margin:0 0 3px 0; padding:0; color:#fff; text-transform:uppercase; font-size:16px; font-family: 'open_sansbold';}
.category-more a{font-family: 'open_sanslight'; color:#fff; font-size:14px; text-transform:uppercase;}
.blue-bg{ background:#000046;}
.green-bg{ background:#2c8d06;}
.quick-service{ width:100%; padding:46px 15px 50px;}
.quick-service-left{}
.quick-service-left h2{ color:#2c8d06; font-size:30px; margin:0 0 25px 0;}
.quick-service-left p{ color:#000046; font-size:14px; line-height:18px; margin:0 0 20px 0;}
.quick-service-right{ background:#009fe3; text-align:center; padding:30px 30px 20px 30px;}
.quick-service-right h2{ color:#fff; font-size:30px; margin:0 0 25px 0;}
.quick-service-right p{ color:#000046; font-size:16px; line-height:20px; margin:0;}
.footer{ width:100%; }
.footer-top{ width:100%; background:#000046; padding:30px 10px;}
.footer-left{ font-family: 'castellarregular'; float:left; color:#fff; font-size:22.5px; text-transform:uppercase; padding-left:25px;}
ul.footer-right{ width:230px; margin:0 40px 0 0; padding:0; float:right;}
ul.footer-right li{ margin-bottom:14px; float:left; width:100%; padding-left:42px; color:#fff; font-size:11px; list-style:none; position:relative;}
ul.footer-right li:last-child{ margin-bottom:0;}
ul.footer-right li a{ color:#fff;}
.footer-right-icon{ position:absolute; left:0; top:0;}
.footer-bottom{ padding:15px 0; width:100%; text-align:center; color:#0d5b9b; font-size:10px; font-family: 'open_sanslight';}
.footer-bottom a{color:#0d5b9b;}
.make-appointment{ z-index:111; position:absolute; right:0; bottom:-255px; }
.make-appointment a{ background:url(../images/makeappoinment.png) no-repeat left; width:37px; height:195px; display:block; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}

.make-appointment a:hover{ background-position:right;}
ul.over-ons{ width:100%; margin:0; padding:30px 0;}
ul.over-ons li{ border-left:1px solid #000046; min-height:454px; list-style:none;}
ul.over-ons li:first-child{ border-left:none;}
ul.over-ons li h2{ color:#009fe3; font-size:30px; text-align:center; margin:0 0 45px 0; padding:0;}
ul.over-ons li p{ color:#000046; margin:0 0 20px 0; font-size:16px; line-height:22px;}
.txtline{ line-height:95px;}
.inner-pic{ bottom:-97px;}
.device-sec1{ width:100%;}
.device-sec1 h2{ color:#000046; font-size:30px; margin:0 0 15px; padding:0;}
.device-sec1-left{ padding:25px 15px 0 40px;}
.device-sec1 p{ color:#000046; font-size:16px; line-height:22px; margin:0; padding:0;}

ul.bullet-point{ margin:10px 0 15px 0; padding-left: 15px; width:100%;}
ul.bullet-point li{ float:left; width:50%; color:#000046; font-size:16px; font-family: 'open_sansbold'; line-height:22px;}
.contact-link{ color:#009fe3; font-size:16px; font-family: 'open_sansbold';}

.device-sec2{ width:100%; background:#009fe3;}
.device-sec2-left{}
.device-sec2-right{}
.device-sec2-right h2{ color:#fff; font-size:30px; margin-bottom:15px;}
.device-sec2-right p{ color:#000046; font-size:16px; line-height:22px;}
.device-sec2-right ul.bullet-point li{ width:33.33%;}
.device-sec2-right p{ color:#000046; font-size:16px;}
.contact-link-white{color:#fff; font-size:16px; font-family: 'open_sansbold';}
.contact-link-white:hover{ color:#fff;}
.device-sec3{ padding-bottom:40px;}
.device-sec3 .device-sec1-left{ padding-top:50px;}