@charset "utf-8";



/* generic */

body{font-family: 'Roboto', sans-serif; font-weight:300; font-size:15px; background-color:#F2F2F2;}
body img{max-width: 100%;}
.gps-container {width:100%; max-width:1400px; padding:0; background-color:#FFF;}

/*navbar*/
.wrap{height: 87px;background-color: #293798;}
.wrap p{color: #fff;font-size: 13px;padding: 15px 120px 10px 0px;font-weight: 300;}
.wrap a{color: #fff;text-decoration: none;}
.wrap a:hover{color: #28ba59;text-decoration: none;}

.nav-wrap{margin-top: -45px;z-index: 30;}
.navbar-default{background-color: #fff;}
.navbar-header .logo img{padding: 10px 10px 10px 0px;}
.nav-wrap .navbar{width: 81%;height: auto; margin: auto;border-radius: 0px;border:0px ; background-image: url(../images/nav-img.jpg);background-size: cover;z-index: 3;}
.nav-wrap .navbar ul >li{ padding-top: 26px;padding-bottom: 20px;}
.nav-wrap .navbar ul >li >a{ color: #fff;font-weight: 400;font-size: 14px;text-transform: uppercase}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color: #03ae3c;color: #000;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color: #000;background-color: #03ae3c;}
/*.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{background-color: #09e552;}*/
.nav>li>a {position: relative;display: block; padding: 10px 10px;}
.navbar-right .dropdown-menu{background-color:#03ae3c; }
.dropdown-menu>li>a{padding: 0px 0px;}
.nav-wrap .navbar ul .dropdown .dropdown-menu >li{padding: 15px 20px;}
.navbar-right .dropdown-menu {left: 5px;min-width: 252px;}


/*  new */
.carousel-fade .carousel-inner .item {opacity: 0; -webkit-transition-property: opacity;  -moz-transition-property: opacity;  -o-transition-property: opacity;  transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {left: 0; opacity: 0;z-index: 1;}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-control {z-index: 2;}
.carousel-control .glyphicon-chevron-left, .carousel-control, .carousel-control .icon-next, .carousel-control .icon-prev{ top: 32%}
.carousel-control.right, .carousel-control.left { background-image: none;}


/*banner*/
.carousel-wrapper{margin-top: -44px;}
#background-carousel{width:100%;height:100%;z-index:-1;}
.carousel,.carousel-inner {	width:100%;	height:100%;z-index:0;	overflow:hidden;}
.item {	width:100%;	height:100%;background-position:center center;	background-size:cover;z-index:0;}
#background-carousel .carousel-caption { right: 0%; bottom: 177px;  left: 8%;text-align: left;text-shadow:  1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;/*text-shadow: 0 1px 2px rgba(255,255,255,.3);*/}
#background-carousel .carousel-caption h3{font-size: 41px;font-weight: 900;text-transform: uppercase;}
#background-carousel .carousel-caption h3> .green-text {color: #03ae3c; }
#background-carousel .carousel-caption h3> .blue-text {color: #293798; }

/*services*/
.service-wrapper{ margin-top: -176px; }
.service-wrapper .service {width: 86%;margin: auto;z-index: 2;}
.service-wrapper .service .col-md-4 .content-wrap{border: 1px solid #c9c4be;width: 100%; border-top: 5px solid #03ae3c; background-color: #fff;/*min-height: 386px;*/ position: relative;}
.service-wrapper .service .col-md-4 .content-wrap img{max-width:100%;width: 100%;}
.service-wrapper .service .col-md-4 .content-wrap .service-name{font-size: 15px;font-weight: 500;text-transform: uppercase;padding: 20px 0px 10px 0px;}
.service-wrapper .service .col-md-4 .content-wrap .service-details {padding: 15px 16px; min-height: 130px;}
.service-wrapper .service .col-md-4 .content-wrap .service-details p{font-size: 15px;font-weight: 300;text-transform: lowercase;}
/*.service-wrapper .service .col-md-4 .content-wrap .btn-default{color: #fff; background-color: #5e5e5e;border-radius:0px;position: absolute;bottom: 8px;right: 42%; height: 22px;padding: 1px 10px; width: 70px; text-align: center;font-size: 13px;}*/
.content-wrap .btn-wrap { padding: 10px;}

/*about*/
.about-wrapper{width: 86%;margin: auto;padding: 60px 0px 20px 0px;}
.about-wrapper p{text-align: justify}
/*.about-wrapper .about-content{width: 69%;margin: auto;}*/
.about-wrapper .about-content .evoting-wrap{padding-top: 10px;}
.evoting-wrap img{ border: 1px solid #777;padding: 20px;}

/*footer*/
.copyright{background-color: #ececec;padding: 20px 0px 5px 0px;}
.copyright h4{font-size: 15px;}

/*Inner Pages*/
.inner-heading{height: auto; background-color: #293798;}
.inner-heading h1{padding: 20px 0px 20px 133px;color: #fff;font-weight: 100;font-size: 27px;}
.breadcrumb >li >a{padding: 20px 0px 20px 118px;}
.content-holder{padding: 35px 100px 35px 133px;}
.content-holder h3{font-size: 20px;font-weight: 500;}
.content-holder .text-bold{font-weight: 500;}
.content-holder .table-wrap{width:100%;margin:auto 0;}
.content-holder .img-caption{font-weight: 700}
.content-holder .sec-heading h3{padding-left: 15px;}

/*Gallery*/
.gallery{ display: inline-block;  margin-top: 20px;}
.gallery-wrap{ padding: 10px 0px;}

/*contact us*/
.mapouter{overflow:hidden;height:500px;max-width: 100%}
.gmap_canvas {background:none!important;height:500px;max-width: 100%;}

.counter-wrap{ width: 86%; margin: auto;padding: 30px 0px 35px 0px;}
.counter-wrap .counter-heading{width: 65%; margin: auto;}
.counter-wrap .counter-content{ padding: 25px 0px 0px 0px;}
.counter-wrap h3{width:100%; text-align:center; border-bottom: 1px dotted #000; line-height:0.1em;margin:10px 0 20px;}
.counter-wrap h3 span{ background:#fff; padding:0 10px;border: 1px solid #777;padding: 10px;border-radius: 10px;}
.counter-box{border: 2px solid #03ae3c;border-radius: 15px;color: #fff;font-size: 26px;text-align: center;padding: 20px 0px;background: #03ae3c}
.counter-box{text-align: center;}
.counter-box p{font-size: 13px;color:#293798;font-weight: 600; }
.col-md-4 .season{font-size: 17px;font-weight: 600;}

/*Media Query*/
@media (max-width:991px){
   /* .nav-wrap .navbar ul >li >a{color: #000;}*/
    .service-wrapper .service .col-md-4 .content-wrap {min-height: initial;margin-bottom: 30px;}
    .service-wrapper .service .col-md-4 .content-wrap .btn-default{position: initial;bottom: 8px;}
    .service-wrapper .service .col-md-4 .content-wrap{padding-bottom: 10px;}
    .about-wrapper{    padding: 30px 0px 20px 0px;}
    .content-holder .sec-heading h3{padding-left: 0;}
}

@media (max-width:768px){
    .wrap p {padding: 15px 0px 10px 0px;align-content: center;}
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color: #03ae3c;color: #000;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{color: #fff;}
    .navbar-default .navbar-collapse{background-color: #03ae3c;}
    .nav-wrap .navbar ul >li { padding-top: 15px; padding-bottom: 15px;}
    .nav-wrap .navbar {width: 100%;background-image: none;z-index: 3;}
    .navbar-toggle {margin-top: 31px; margin-right: 25px;}
    .nav>li>a {  padding: 4px 25px;}
    #background-carousel .carousel-caption h3 {font-size: 23px; font-weight: 900; text-transform: uppercase;}
    .carousel-control {display: none;}
    .carousel-wrapper { margin-top: 0px;}
    .about-wrapper .about-content { width: 86%; margin: auto;text-align: justify; font-weight: 300;}
    #background-carousel .carousel-caption{bottom: 44px;}
    .service-wrapper { margin-top: -43px;}
    .inner-heading h2 {padding: 20px 0px 20px 35px;}
    .breadcrumb >li >a {padding: 20px 0px 20px 35px;}
    .content-holder{padding: 20px 30px 20px 35px;}
     .content-holder .sec-heading h3{padding-left: 0;}
    .counter-wrap .counter-heading{width: 100%; margin: auto;}
}



