/*
    File Name : style.css
    File Description: CSS code for main page.
    Author: Ankit Srivastava
    Date Created: 05/11/2016
    Date Last Modified: 18/01/2017
*/

body {font-family: 'Open Sans', sans-serif;line-height: 20px;color: #999999;font-size: 300;font-size: 16px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
h1, h2, h3, h4, h5, h6{font-family: 'Raleway', sans-serif;font-weight: 600;color: #222222;}
a, a:hover, a:focus, a:active{outline: none;}
.section-padding{padding: 60px 0px;}
h2 {line-height: 20px;margin: 0;font-size: 28px;font-weight: 700;text-transform: uppercase;}
hr.botm-line {height: 3px;width: 60px;background: #ffb737;position: relative;border: 0;margin: 20px 0 20px 0;}
/***************************************
banner
***************************************/
.navbar {margin-bottom: 0px;border: 0px;}
.navbar {border-radius: 0px;}
.navbar-default {background-color: #fff;padding: 20px 0;transition: all 0.3s;}
.navbar-default {background-color: transparent;border: 0px;}
.navbar {border-radius: 0px;}
.navbar-brand{font-family: 'Chewy', cursive;font-size: 32px;}
.navbar-brand img {padding-top: 2px;width: 120px !important;}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {color: #EA6045;}
.top-nav-collapse {padding: 0;background: rgba(28,74,90, 0.9);}
.white, .white:hover, .white:focus{color: #fff;width: 100% !important;}
.block{display: block;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {color: #fff;text-transform: uppercase;background-color: rgba(12, 184, 182, 0.21);}
.navbar-default .navbar-nav > li > a{color: #fff;text-transform: uppercase;font-size: 14px;font-weight: 300;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: #fff;text-transform: uppercase;background-color: rgba(12, 184, 182, 0.21);}
.affix {background-color: #ffffff !important;}
.affix .navbar-nav > li > a:hover, .affix .navbar-nav > li > a:focus{background-color: rgba(12, 184, 182) !important;}
#banner{background: url('../img/bg-banner.jpg') no-repeat fixed;background-size: cover;min-height: 650px;position: relative;}
.bg-color{background-color: RGBA(13, 70, 83, 0.78);min-height: 650px;}
.banner-info{padding-top: 190px;}
.banner-logo img{display: inline-block;}
.banner-text{color: #fff;}
.banner-text h1{font-family: 'Candal', sans-serif;font-size: 35px;text-transform: uppercase;padding-bottom:15px;}
.btn-appoint, .btn-appoint:hover, .btn-appoint:focus{margin-top: 30px;padding: 10px 20px;font-size: 12px;background-color: rgba(12, 184, 182, 0.91);border-radius: 3px;color: #fff;width:148px;}
.overlay-detail a i {text-align: center;position: absolute;bottom: 25px;font-size: 38px;color: #fff;margin: 0 auto;}
.text-primary i{padding-top: 8px;display: inline-block;}
/***************************************
services
***************************************/
.icon i{color: #0cb8b6;font-size: 45px;margin-bottom: 25px;}
.service-info{margin-bottom: 20px;}
.icon-info h4{padding-bottom: 15px;}
.icon-info p{font-size: 15px !important;}
/***************************************
cta-1
***************************************/
.schedule-tab {background-color: #0CB8B6;float: left;}
.medi-info{border-right: 1px solid #fff;}
.medi-info, .time-info{padding: 20px;color: #fff;}
.medi-info h3, .time-info h3{padding-bottom: 16px;color: #fff;font-weight: 600;}
.medi-info-btn, .medi-info-btn:hover, .medi-info-btn:focus {margin: 15px 0px 5px;display: inline-block;border: solid white 2px;padding: 3px 8px;font-size: 12px;color: #fff;font-weight: 400 !important;cursor: pointer;}
td {border: 0px solid #ededed;border-top: 1px solid rgba(216, 216, 216, 0.5);padding: 6px 10px 6px 0;}
.medi-info, .time-info{font-size: 14px;}
/***************************************
about
***************************************/
#about{background-color: rgba(238, 238, 238, 0.15);}
.lg-line{line-height: 1.4;font-size: 28px;}
.more-features-box-text-icon {float: left;width: 40px;height: 40px;padding-top: 6px;background: #0cb8b6;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;color: #fff;text-align: center;}
.more-features-box-text-description h3{padding-bottom: 15px;}
.more-features-box-text-icon i {font-size: 18px;line-height: 26px;}
.more-features-box-text-description{margin-left: 80px;margin-bottom: 35px;}
.sec-para{padding-bottom: 10px;}
/***************************************
doctor team
***************************************/
.thumbnail {border-radius: 0px;}
.caption h3{padding-bottom: 5px;}
.caption p{padding-bottom: 10px;}
/***************************************
testimonial
***************************************/
#testimonial{background-color: #eee;}
.testi-details {background: #fff;padding: 14px 24px;margin-bottom: 20px;box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.18);position: relative;}
.testi-info a {display: block;width: 50px;height: 50px;background-color: #fff;border-radius: 50%;float: left;margin-right: 10px;}
.testi-info a img{border-radius: 50%;}
.testi-info h3 {display: inline-block;line-height: 22px;font-weight: 600;color: #000;margin-top: 8px;}
.testi-info h3 > span {display: block;line-height: 16px;font-weight: 400;}
.testi-details::after {content: "";position: absolute;width: 0;height: 0;border-style: solid;border-color: transparent;border-left: 0;bottom: -40px;left: 56px;border-top-color: #fff;border-width: 20px;}
.testi-details::before {content: '';position: absolute;transform: rotate(45deg);width: 0px;height: 0px;bottom: -30px;left: 45px;border-style: solid;border-width: 15px;border-color: transparent;z-index: -1;box-shadow: 3px -13px 5px 0px rgba(0, 0, 0, 0.18);border-left: 0;}
/***************************************
cta -2
***************************************/
#cta-2{background-color: rgb(41, 48, 46);}
.white{color: #fff;}
.icon-play, .icon-play:hover, .icon-play:focus{background-color: #0CB8B6;padding: 5px 10px;color: #fff;text-decoration: none;padding: 5px 17px;margin-top: 26px;display: block;}
.text-primary {color: #0cb8b6;}
.icon-mar{margin-right: 7px;}
/***************************************
contact us
***************************************/
.space {margin-top: 40px;}
.btn-form, .btn-form:hover, .btn-form:focus {background-color: #0cb8b6;color: #fff;border-radius: 0px;padding: 10px 20px;}
.br-radius-zero {border-radius: 0px;}
.form-control{height: 40px;}
.validation {color: red;display:none;margin: 0 0 20px;font-weight:400;font-size:13px;}
#sendmessage {color: green;border:1px solid green;display:none;text-align:center;padding:15px;font-weight:600;margin-bottom:15px;}
#errormessage {color: red;display:none;border:1px solid red;text-align:center;padding:15px;font-weight:600;margin-bottom:15px;}
#sendmessage.show, #errormessage.show, .show {display:block;}
/***************************************
footer
***************************************/
#footer{background-color: #325C6A;}
.ftr-tle {height: 50px;}
.info-sec {color: #fff;}
.quick-info li i {font-size: 8px;width: 15px;height: 15px;line-height: 15px;text-align: left;}
.social-icon li {float: left;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-right: 5px;}
.bglight-blue {background-color: #3498DB;}
.bgred {background-color: #E74C3C;}
.bgdark-blue {background-color: #2C3E50;}
.bglight-blue {background-color: #3498DB;}
.top-footer {padding: 40px 0px;border-bottom: 1px solid rgba(255, 255, 255, 0.12);}
.footer-line {padding: 30px 0px;color: #fff;}
.footer-line a {color: #0CB8B6;}
.quick-info li a{color: #fff;}
.site-link, .site-link:hover, .site-link:focus{color: #0cb8b6;text-transform: none;}
@media (min-width: 551px) and (max-width: 980px){}
@media (min-width: 220px) and (max-width: 551px){
    .testi-info{margin-bottom: 20px;}
    .marb20{margin-top: 30px;}
    h2{font-size: 24px;line-height: 1.2;}
    .section-title{margin-bottom: 30px;}
    .medi-info {border: 0px;border-bottom: 1px solid #fff;}
    .service-info{margin-top: 20px;margin-bottom: 0px;}
    .caption h3 {font-size: 14px;}
    .caption p{font-size: 12px;padding-bottom: 5px;}
    .caption ul li a i{font-size: 14px;}
    .banner-text h1{font-size: 24px;}
}

/***************************************
Validation Error Messages
***************************************/
.validateErr{color:#FF0000;font-size: 15px;font-family: arial;}

/***************************************
Preloader
***************************************/
.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: 9999;background: url(../img/pageloader.gif) center no-repeat #fff;}


/* Absolute Center Spinner */
.loading {position: fixed;z-index: 999;height: 2em;width: 2em;overflow: show;margin: auto;top: 0;left: 0;bottom: 0;right: 0;}

/* Transparent Overlay */
.loading:before {content: '';display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {/* hide "loading..." text */font: 0/0 a;color: transparent;text-shadow: none;background-color: transparent;border: 0;}

.loading:not(:required):after {content: '';display: block;font-size: 10px;width: 1em;height: 1em;margin-top: -0.5em;-webkit-animation: spinner 1500ms infinite linear;-moz-animation: spinner 1500ms infinite linear;-ms-animation: spinner 1500ms infinite linear;-o-animation: spinner 1500ms infinite linear;animation: spinner 1500ms infinite linear;border-radius: 0.5em;-webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;}

/* Animation */

@-webkit-keyframes spinner {  
    0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
}
@-moz-keyframes spinner {
  0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
}
@-o-keyframes spinner {
  0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes spinner {
  0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
}

.errMsgClass{color : #ff0000;}

/* Doctor search css*/
.suggesstionBox{margin:0px;border: 1px solid #ccc;margin-top:-10px;box-shadow: 5px 10px 6px #ccc; }
.searchDoc{border-radius: 5px 5px 0px 0px !important;border: 0px !important;margin-top: 10px;}
.suggestionItem{cursor: pointer;padding-left:10px;font-size: 16px;}
.suggestionItem:hover{background-color: #d1d1d1;}
/*.searchKeyword{padding-left:10px;}*/


/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar { visibility: hidden; min-width: 250px; margin-left: -125px; background-color: #7fffd4; color: #000;text-align: center;
  border-radius: 2px;padding: 16px;position: fixed;z-index: 1;left: 50%;bottom: 30px;
  }

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} }
@keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} }
@-webkit-keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} }
@keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} }