/* 
CSS Style sheet
Ver. 3.0
Print ready and CSS ready to optimize
Author: Nishant Dogra
Initial built: 30-09-2016
Updated: 06-02-2018
*/

body {width: 100%; height: 100%; font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; background-color: #070707; webkit-tap-highlight-color: rgba(255,255,255,.2);}
html {width: 100%; height: 100%;}
h1,h2,h3,h4,h5,h6 {margin: 0 0 35px; text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight: 700;letter-spacing: 1px;}
p {margin: 0 0 25px;font-size: 18px;line-height: 1.5;}
a {color: #42dca3; -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: #1d9b6c;}
.fL{float: left !important;}
.fR{float: right !important;}
.light {font-weight: 400;}
.white {background-color: #ffffff;}
.green {background-color: #17bd7f;}
.pad40{padding: 40px 0;}
.pad50{padding: 50px 0;}
.padt50{padding-top: 50px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}

.navbar-brand>img {display: block; max-width: 115px; }
.white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white p, .white ul, .white span{color: #323232;}
.white .fa{color: rgba(66,220,163,1);}
.navbar-custom {margin-bottom: 0; border-bottom: 1px solid rgba(255,255,255,.3); text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; background-color: #000;}
.navbar-custom .navbar-brand {font-weight: 700;}
.navbar-custom .navbar-brand:focus {outline: 0;}
.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;}
.navbar-custom a {color: #fff;}
.navbar-custom .nav li a {-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 {outline: 0; color: rgba(255,255,255,.8); background-color: transparent;}
.navbar-custom .nav li a:focus, .navbar-custom .nav li a:active {outline: 0; background-color: transparent;}
.navbar-custom .nav li.active {outline: 0; }
.navbar-custom .nav li.active a {background-color: rgba(255,255,255,.3);}
.navbar-custom .nav li.active a:hover {color: #fff;}
.intro {display: table; width: 100%; height: auto; padding: 100px 0; text-align: center; color: #fff; background-color: #000; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;}
.intro .intro-body {display: table-cell; vertical-align: middle;}
.intro .intro-body .brand-heading {font-size: 40px; text-shadow: 2px 2px 10px #000;}
.intro .intro-body .intro-text {font-size: 18px; text-shadow: 2px 2px 10px #000; font-weight: 700;}
.btn-circle {width: 70px; height: 70px; margin-top: 15px; padding: 7px 16px; border: 2px solid #fff; border-radius: 100%!important; font-size: 40px; color: #fff; background: rgba(0,0,0,.5); -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;}
/* .content-section {padding-top: 100px;} */
.knowmore-section {width: 100%; padding: 50px 0; color: #fff; background: url(../img/know-more.jpg) no-repeat center center scroll; background-color: #000; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;}
.landing-section {width: 100%; padding: 70px 0 50px; color: #fff; background: url(../img/landing.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 {border-radius: 0; 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 #42dca3; color: #42dca3; background-color: transparent; }
.btn-default:hover, .btn-default:focus {border: 1px solid #42dca3; outline: 0; color: #000; background-color: #42dca3;}
ul.banner-social-buttons {margin-top: 0;}

footer {width: 100%; padding: 40px 0; float: left; background: #040b25;}
footer p {margin: 0; font-size: 14px; }
::-moz-selection {text-shadow: none; background: #fcfcfc; background: rgba(255,255,255,.2);}
::selection {text-shadow: none; background: #fcfcfc; background: rgba(255,255,255,.2);}
img::selection {background: 0 0;}
img::-moz-selection {background: 0 0;}

/* CSS key frames starts here */
@-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);}
}
/* CSS key frames ends here */

.thumbnail{font-size: 15px; font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif; color: #000; padding: 10px;}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover{border-color: #42dca3;}
.thumbnail img{margin-bottom: 5px;}

#teerath span{font-size: 14px; color: #323232;}

.list-heading{text-align: left; padding-bottom: 15px; margin: 30px 0 10px; font-size: 26px; border-bottom: 2px solid #000;}
ul{list-style: none; margin: 0; padding: 0;}
ul.listing-directory li{display: inline-block; margin: 6px 0 6px; padding: 5px; width: 50%; text-align: left; font-size: 12px; float: left;}
ul.listing-directory li:before{content: "\f041"; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale; font-size: 3em; color: rgba(66,220,163,1); position: absolute;}
ul.listing-directory li h3{width: 100%; padding-left: 25px; margin: 1px 0 4px; font-size: 16px; text-transform: none; font-weight: 300; float: left;}
ul.listing-directory li a{width: 100%; padding-left: 25px; color: #15cc88; float: left;}
ul.listing-directory li a:hover{text-decoration: underline;}
ul.listing-directory li i{float: left;}

.badge{background-color: rgba(66,220,163,1); color: #fff !important;}

.navbar-brand{padding: 10px;}
.cotactus{padding-top: 60px;}
.list-inline{margin-bottom: 15px; margin-top: 15px;}

footer .fa-circle.fa-stack-2x{color: #fff; border-radius: 50%; line-height: 36px;}
footer .fa-inverse{color: #000;}
footer .fa-circle.fa-stack-2x.twitter{color: #00aced;}
footer .fa-circle.fa-stack-2x.facebook{color: #3b5998;}
footer .fa-circle.fa-stack-2x.google{color: #dd4b39;}
footer .fa-circle.fa-stack-2x.pinterest{color: #cb2027;}

.quick-access{position: fixed; top: 50%; margin-top: -76px;}
.quick-access ul{list-style: none; margin: 0; padding: 0;}
.quick-access ul li{display: block; width: 50px; height: 50px; margin: 1px; background: rgba(66,220,163,1); text-align: center;}
.quick-access ul li a{width: 50px; height: 50px; color: #000; padding: 15px; margin: 0; float: left; font-size: 18px;}
.quick-access ul li:hover, .quick-access ul li:focus{background-color: rgba(66,220,163,.8);}

/* ***************************** */
/* CSS media queries starts here */
/* ***************************** */
@media(max-width:1199px) {
ul.banner-social-buttons {margin-top: 15px;}
}

@media(max-width:991px) {
/* ul.listing-directory li h3, ul.listing-directory li a{float: none; padding-left: 25px;} */
}

@media(min-width:768px) {
.navbar-custom {padding: 20px 0; border-bottom: 0; letter-spacing: 1px; background: 0 0; -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;}
.navbar-custom.top-nav-collapse {padding: 0; border-bottom: 1px solid rgba(255,255,255,.3); background: #139461;}
p {margin: 0 0 35px; font-size: 20px; line-height: 1.6;}
.intro {height: 100%; padding: 0;}
.intro .intro-body .brand-heading {font-size: 70px;}
.intro .intro-body .intro-text {font-size: 26px;}
}
@media(max-width:768px) {
.pad40{padding: 40px 15px;}
.pad50{padding: 50px 15px;}
}

@media(min-width:767px) {
/* .content-section {padding-top: 100px;} */
.download-section {padding: 100px 0;}
ul.banner-social-buttons li {display: block; margin-bottom: 20px; padding: 0;}
ul.banner-social-buttons li:last-child {margin-bottom: 0;}
}

@media(max-width:767px) {
.list-heading{width: 100%; float: left;}
ul.listing-directory li{width: 33%;}
/* ul.listing-directory li a{padding-left: 5px;} */
}

@media(max-width:767px) {
.thumbnail{border: none;}
}

@media(max-width:568px) {
ul.listing-directory li{width: 100%;}
}

/* CSS media queries ends here */