/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
@font-face {
    font-family: 'pt_sansregular';
    src: url('fonts/pt_sans-web-regular.eot');
    src: url('fonts/pt_sans-web-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/pt_sans-web-regular.woff2') format('woff2'),
         url('fonts/pt_sans-web-regular.woff') format('woff'),
         url('fonts/pt_sans-web-regular.ttf') format('truetype'),
         url('fonts/pt_sans-web-regular.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

body {
    width: 100%;
    height: 100%;
    font-family: 'pt_sansregular';
    color: #000;
    background-color: #fff;
}

html {
    width: 100%;
    height: 100%;
}

p{
    margin: 0 0 25px;
    font-size: 18px;
    line-height: 1.5;
}
.clear {clear:both;}
h1{font-size:36px; color:#222222; font-weight:bold; background:url(../../images/brd_h1.png) no-repeat bottom center; padding-bottom:15px; margin-bottom:20px;}
h2{font-size:24px; font-weight:bold; margin-bottom:20px; text-align:left;}
ul.arrow{padding-left:0px;}
ul.arrow li{background:url(../../images/onepage/images/arrow_left.png) no-repeat left 8px; padding-left:15px; font-size:16px; color:#222222; margin-bottom:15px; text-align:left; list-style:none;}
.learnmore{background:#008dd0; padding:40px 0; margin-top:20px; font-size:28px; text-transform:uppercase; color:#fff; font-weight:bold;}
.btndwd{float:right;}


.backblack{background-color: rgba(0, 0, 255, 0.3); }
.navbar-custom.top-nav-collapse {
        display:block;
        border-bottom: none;
        background-color: rgba(0, 0, 0, 0.7);
    }

.planimages{display:inline-block; text-align:center; width:100%; margin-bottom:20px;}
.planimages img{ width: 100%; }
.planimages a span{display: inline-block; height: auto; overflow: hidden;}
.planimages div.title{font-family: 'Montserrat', sans-serif; font-size:18px; color:#999999; margin-top:15px; font-weight:500;}
.planimages a span.roll {} 
.planimages span.rollover {
 opacity: 0.5;
 -o-transition-duration: 1s;
 -moz-transition-duration: 1s;
 -webkit-transition: -webkit-transform 1s;
 background:url(../../images/onepage/images/icon_zoom.png) center center no-repeat #000;
 cursor: pointer;
 height: 346px;
 width: 347px;
 position: absolute;
 z-index: 10;
 opacity: 0;
}

.planimages span.rollover:hover {
 opacity: .7;
 -o-transition-duration: 1s;
 -moz-transition-duration: 1s;
 -webkit-transition: -webkit-transform 1s;
 -webkit-box-shadow: 0px 0px 4px #000;
 -moz-box-shadow: 0px 0px 4px #000;
 box-shadow: 0px 0px 4px #000;
}

.progressbarout .title{font-family: 'Montserrat', sans-serif; font-size:18px; color:#999999; margin-top:18px; font-weight:500;}
.progressbarout p{font-family: 'Montserrat', sans-serif; font-size:12px; color:#999999; margin-top:15px; font-weight:500;}

h1{background:none; display: inline-block; padding: 0px 0px 20px 0px; font-size:30px; color:#FF7F00; text-align:left; 
    font-family: 'Montserrat', sans-serif; font-weight: 300; margin-top:0; float: left;}
h2{display: inline-block; font-size:45px; color:#FF7F00; text-align:center; margin-bottom:20px; 
    font-family: 'Montserrat', sans-serif; margin-top:0; display: inline-block; padding: 25px 0px 0px 0px; font-weight: 300;}
h3{display: inline-block; font-size:30px; text-transform: uppercase; color:#FF7F00; text-align:left; margin-bottom:20px; 
    font-family: 'Montserrat', sans-serif; margin-top:0; display: inline-block; padding: 0px 0px 0px 0px; font-weight: medium;}


.backfonts{font-family: 'Open Sans', sans-serif;  font-weight: 500; font-size: 130px; line-height: 1; 
color: #000; position: absolute; left: 0; top: -0.5em; opacity: 0.035;}
.backfonts1{font-family: 'Open Sans', sans-serif;  font-weight: 500; font-size: 130px; line-height: 1; 
color: #000; position: absolute; right: 0; top: -0.5em; opacity: 0.035;}
.aboutus{ margin: 50px auto 20px auto; }
.aboutus img{outline: 1px solid white; width: 100%; outline-offset: -8px;}
.aboutus h1{font-family: 'Montserrat', sans-serif; margin:0 0 20px 0; padding: 0px; font-size: 30px; color: #3F4044; font-weight:500;}
.aboutus p{font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 30px; color: #999999; }

.bgfeatures{ background-color:#cccccc 50%; }

.photogallery{margin-bottom:40px;overflow: hidden;
    text-align: center;}
.photogallery img{outline: 1px solid white; width: 100%; outline-offset: -4px;}
.photogallery a span.roll {background:url(../../images/onepage/images/icon_gallery.png) center center no-repeat #005177;
    height: 296px;
    position: absolute;
    width: 350px;
    z-index: 10; 
 -webkit-box-shadow: 0px 0px 4px #000;
 -moz-box-shadow: 0px 0px 4px  #000;
 box-shadow: 0px 0px 4px  #000; 
} 
.photogallery span.rollover {
 opacity: 0.5;
 -o-transition-duration: 1s;
 -moz-transition-duration: 1s;
 -webkit-transition: -webkit-transform 1s;
 background:url(../../images/onepage/images/icon_gallery.png) center center no-repeat #000;
 cursor: pointer;
 height: 346px;
 width: 347px;
 position: absolute;
 z-index: 10;
 opacity: 0;
}
.error{border-color: #cd0a0a !important; background: #fef1ec !important;}

.photogallery span.rollover:hover{
 opacity: .7;
 -o-transition-duration: 1s;
 -moz-transition-duration: 1s;
 -webkit-transition: -webkit-transform 1s;
 -webkit-box-shadow: 0px 0px 4px #000;
 -moz-box-shadow: 0px 0px 4px #000;
 box-shadow: 0px 0px 4px #000;
}
input.textback{width:80%; height:50px; padding:10px; border:none; border-bottom:1px solid #666666; background:none; margin-bottom:0px; 
    text-align: center; color: #ffffff; }
input.textback1{width:80%; height:35px; padding:10px; border:none; border-bottom:1px solid #BBBBBB; 
    background:none; margin-bottom:0px; text-align: left; color: #000000; }
.padleft50{padding-left: 50px;}
.bottomtitle{ font-family: 'Montserrat', sans-serif; font-size: 35px; text-align: center; color:#ffffff; padding: 20px 0px 10px 0px;}


.featurebg {background: linear-gradient( to right, #F7F7F7 0%, #F7F7F7 50%, #ffffff 50%, #ffffff 100%); padding: 60px 0px;}
.featurebg h4{color: #333333; font-family: 'Oswald', sans-serif; font-size: 20px; margin: 0px 0px 10px 0px; }
.featurebg p{color: #333333; font-family: 'Montserrat', sans-serif; font-size: 12px; margin: 0px 0px 10px 0px; }
.featurebg .top20{margin: 50px 0px 10px 0px; min-height: 145px; }

.featurebg ul.dots{ float:left; display: block; list-style-type: none; padding-inline-start:0px; }
.featurebg ul.dots li{background:url(../../images/onepage/images/dots.png) no-repeat 0 7px;  font-size:12px; color:#333333; 
    font-weight:medium; font-family: 'Montserrat', sans-serif; line-height: 22px; padding-left:15px; }
.featurebg .btmspecpad{ margin-bottom:40px;}

#cobrbg{ background-color:#F5F5F5; margin: 40px 0px; padding: 40px 0px; }
#cobrbg h2{ color: #6B6B6B; font-size: 24px; padding: 50px 0px 0px 0px; display: block; }
#cobrbg h1{background:none; display: inline-block; padding: 0px 0px; font-size:30px; color:#FF7F00; text-align:left; 
    font-family: 'Montserrat', sans-serif; font-weight: 300; margin-top:0; float: left; margin-bottom: 0px;}
#cobrbg p{background:none; display:block; padding: 0px 0px; font-size:11px; color:#6B6B6B;  text-align:center; 
    font-family: 'Montserrat', sans-serif; font-weight: 500; margin:0px;}

.fontcontact{font-family: 'Montserrat', sans-serif; color: #6B6B6B; font-size: 12px; line-height: 15px;}

#wrapper { position: relative; }
#over_map { position: absolute; top: 10px; left: 10px; z-index: 99; }

.martop40{ margin-top:40px;}
.textareabox{border:none; position:relative; padding-bottom:30px;}
.textareabox h2{font-size:14px; color:#777777; padding:15px; border-bottom:1px solid #565656; margin-top:0; margin-bottom:0;}
.textareabox textarea.textarea{width: 80%; border: 0; padding: 10px; resize: none; height: 50px; 
    background: none; text-align: center; border-bottom:1px solid #666666;}
.btnsubmit{background:url(../../images/onepage/images/btn_submit.jpg) no-repeat center center; 
    padding:10px; border:none; font-size:0; bottom:0; right:0; height:36px; width:134px; margin-top: 20px;}
.footer{text-align:center; margin-bottom:40px; font-size:16px; color:#222222; line-height:28px;}
.footer img{margin-bottom:10px;}
.footer a{color:#222;}

.backblacklight{background-color: rgba(0, 0, 0, 0.7); margin: 30px 0px; margin-left: 30%;}


a {
    color: #219ab3;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #11505d;
}

.light {
    font-weight: 400;
}

.navbar-custom {
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif; 
    font-size: 13px;
}

.navbar-custom .navbar-brand {
    font-weight: 700;
}

.navbar-custom .navbar-brand:focus {
    outline: 0;
    background-color: none;
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
    background:none; 
}

.navbar-custom a {
    color: #fff;
}

.navbar-custom .nav li.active a{
    outline: nonte;
	color:#fff;
}
.navbar-custom .nav li a {
	font-size:13px;
	color:#ffffff;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active {
    border-bottom: 3px solid #57A5A4;
    outline: nonte;
	background:none;
	color:#fff;
}


.hmbanner li span.bannertext{display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    text-transform: uppercase;  
    left: 6%; 
    padding: 10px 25px;
    position: absolute;
    top: 45%; 
    z-index: 666666; 
    color:#fff;
    font-weight: 300;}

.hmbanner li span.bannertext1{display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;  
    left: 6%;
    padding: 10px 25px;
    position: absolute;
    text-transform: uppercase;
    top: 59%;
    line-height: 20px; 
    z-index: 666666; 
    color:#ffffff;
    font-weight: 300;}

.hmbanner li span.bannertext2{display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;  
    left: 6%;
    padding: 10px 25px;
    position: absolute;
    top: 68%;
    line-height: 20px; 
    z-index: 666666; 
    color:#FF7F00;
    text-transform: uppercase;}


.intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background: #000000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.hmcnt{position:absolute; top:25%; margin:0 auto; width:100%; z-index:999;}
.hmbanner{
    display: table;
    width: 100%;
    padding: 0;
    text-align: center;
    color: #fff;
    background: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.hmbanner img{max-width:100%;}
.hmbanner ul li{position:absolute; left:0; background-size:cover;}
.hmbanner1{background: url(../../images/onepage/images/hmbanner1.jpg) no-repeat bottom center scroll; background-size: cover; -o-background-size: cover; height:; width:100%;}
.hmbanner2{background: url(../../images/onepage/images/hmbanner2.jpg) no-repeat bottom center scroll; background-size: cover; -o-background-size: cover;}

.intro .intro-body {
    display: table-cell;
}

.intro .intro-body .brand-heading {
    font-size: 40px;
}

.intro .intro-body .intro-text {
    font-size: 18px;
}


.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #008dd0;
    border-radius: 35px;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0 {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.content-section {
    padding-top: 100px;
}

.download-section {
    width: 100%;
    padding: 50px 0;
    color: #fff;
    background: url(../../img/onepage/images/downloads-bg.jpg) no-repeat center center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#map {
    width: 100%;
    height: 200px;
    margin-top: 0;
}


.btn {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default {
    border: 1px solid #219ab3;
    color: #219ab3;
    background-color: transparent;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #219ab3;
    outline: 0;
    color: #000;
    background-color: #219ab3;
}

ul.banner-social-buttons {
    margin-top: 0;
}


.brochuredownload{background: #FF7F00; color: #ffffff; border: none; padding: 10px 15px; 
    font-family: 'Montserrat', sans-serif; font-size: 12px; text-transform: uppercase; }



/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #488B8A;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Bounce To Right end */

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: url(../../images/onepage/images/Preloader_2.gif) center no-repeat #fff;
}


.progressbar {
    width: 100%;
    margin-top: 5px;
    position: relative;
    background-color: #EEEEEE;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,.1);
}

.proggress{
    height: 8px;
    width: 10px;
    background-color: #FF7F00;
}

.percentCount{
    float:right;
    margin-top: -20px;
    margin-right: 10px;
    clear: both;
    font-weight: bold;
    font-family: Arial;
    color: #000000;
}


@media(max-width:1199px) {
    ul.banner-social-buttons{
        margin-top: 15px;
    }
}

@media(max-width:1024px){
	.navbar-custom .nav li a{font-size:12px;}
    .featurebg p{color: #333333; font-family: 'Montserrat', sans-serif; font-size: 10px; margin: 0px 0px 10px 0px; }
    .hmbanner li span.bannertext{top: 45%;}
    .hmbanner li span.bannertext1{top: 65%;}
    .hmbanner li span.bannertext2{top: 78%;}
}

@media(max-width:768px) {
	.navbar-custom .nav li a{font-size:14px;}
	.navbar-header{width:100%; text-align:center;}
	.navbar-header a{width:100%;}
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }
        ul.banner-social-buttons li:last-child {
               margin-bottom: 0;
    }
}


@media(min-width:767px){
    .content-section { padding-top: 70px; }
    .download-section { padding: 100px 0; }
    #map { height: 450px;  margin-top: 0; }
    .navbar{
        background:none;
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
    .top-nav-collapse {
        padding: 0;
        background-color: #000;
    }
    .navbar-custom.top-nav-collapse {
        display:block;
        border-bottom: none;
    }
    .backfonts{font-size: 80px;}

    p {margin: 0 0 35px; font-size: 20px; line-height: 1.6;}
    .intro {height: 100%; padding: 0;}
    .intro .intro-body .brand-heading { font-size: 100px;}
    .intro .intro-body .intro-text {
        background:url(../../images/onepage/images/bg_heading.png) repeat;
        display:inline-block;
        margin: 20px 0;
        padding:0 20px;
        color:#fff;
        font-size: 25px;
    }
}


@media(max-width:640px) {
	.intro{padding:120px 0 0px 0;}
	.hmcnt{position:relative; top:20%; display: none;}
	.logohome img{width:20%;}
	p.intro-text{background: url("../../images/onepage/images/bg_heading.png") repeat; color: #fff; display: inline-block; font-size: 18px; margin: 10px 0; padding: 0 20px;}
	.btndwd{float:none; margin-top:10px;}
	.col-md-3{margin:15px 0;}
	.logo{margin:0!important;}
	.nav > li{text-align:center;}
	.navbar-toggle{float:none; margin:0; padding:0 10px;}
    .backfonts{font-size: 70px;}
    .featurebg {background:none; padding: 30px 0px;}
    .hmbanner li span.bannertext{top: 35%; font-size: 18px;}
    .hmbanner li span.bannertext1{top: 50%; font-size: 18px;}
    .hmbanner li span.bannertext2{top: 63%; font-size: 18px;}
    .featurebg .top20{margin: 10px 0px 10px 0px; min-height: 145px; }
    .featurebg .btmspecpad {margin-bottom: 40px; text-align: center;}
    h3{font-size:20px; text-align:center;}
    .featurebg ul.dots li{display: inline-block;}
    .featurebg ul.dots{ float:none;}
}
@media(max-width:360px){
	.logohome img{width:50%;}
    .hmbanner li span.bannertext{top: 45%; font-size: 18px;}
    .hmbanner li span.bannertext1{top: 65%; font-size: 18px;}
    .hmbanner li span.bannertext2{top: 78%; font-size: 18px;}
    .backfonts{font-size: 70px;}
    .featurebg {background:none; padding: 30px 0px;}
    .featurebg .top20{margin: 10px 0px 10px 0px; min-height: 145px; }
    .featurebg .btmspecpad {margin-bottom: 40px; text-align: center;}
}

footer {
    padding: 50px 0;
}
footer p {
    margin: 0;
}
::-moz-selection {
    text-shadow: none;
    background: #ccc;
}
::selection{
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}
img::selection {
    background: 0 0;
}
img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: rgba(255,255,255,.2);
}