@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');

html, body{
    padding:0;
    margin:0;
    font-family: 'Lato', sans-serif;
}
.bg-blue{
    background:#094c7e;
}
.first-area{
	padding: 20px 5px 30px 5px !important;
}
.text_align_center{
	text-align:center;
}
.top15{
	padding-top:20px !important;
}

.navbar-brand img{
    height:40px;
    width:auto;
}
.navbar-light .navbar-nav .nav-link {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 0 15px;
    font-family: 'Titillium Web', sans-serif;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #ed1c24;
}
.navbar-light .navbar-nav .nav-link:focus {
    color: #ed1c24;
    outline:none;
}
@media (max-width:991px){
    .navbar-light .navbar-nav .nav-link {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 600;
        padding: 15px;
    }
    .navbar-light .navbar-nav .nav-item{
        border-bottom:1px solid #dedede;
    }
    .navbar-light .navbar-nav .nav-item:last-child{
        border-bottom:0px none;
    }
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #ed1c24;
}
.bootstrap-timepicker-widget.dropdown-menu.open{
    display:inline-block;
    z-index:10000000000 !important;
}
.bootstrap-timepicker-widget table td input{
    width:32px !important;
}
.welcome{
    margin-bottom:0;
    background-color:transparent;
}
.welcome .lead{
    font-weight:400;
}
.appoint-area{
    background:url(../images/appoint_back.jpg) no-repeat;
    background-size:cover;
    background-position:center;
    position:relative;
    padding:50px 0;
    margin:50px 0;
    color:#fff;
    z-index:2;
}
.appoint-area:after{
    background:#094c7e;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    content: "";
    opacity:0.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index:-1;
}
.contact-right h1{
    font-size:30px;
    font-weight:900;
    margin-bottom:30px;
}
.contact-right-schdule{
    background:#094c7e;
}
.contact-right-schdule ul{
    list-style:outside none none;
    margin:0;
    padding:25px 0;
}
.contact-right-schdule ul li{
    font-size:16px;
    line-height:30px;
    padding:7px 26px;
}
.contact-right-schdule ul li span.fix-date{
    float:right;
}
.contact-left h1{
    font-size:30px;
    font-weight:900;
    margin-bottom:30px;
}
.appoint-area .contact-form form input[type="text"], .appoint-area .contact-form form input[type="email"]{
    border:medium none;
    outline:none;
    border-radius:10px;
    line-height:40px;
    margin-bottom:30px;
    padding-left:14px;
    width:100%;
    color:#ccc;
    font-size:14px;
    background:#002e50;
}
.appoint-area .contact-form form .select-option{
    border:medium none;
    outline:none;
    border-radius:10px;
    width:100%;
    font-size:14px;
    line-height:40px;
    margin-bottom:30px;
    height:40px;
    color:#ccc;
    padding-left:14px;
    background:#002e50;
}
.doctor-area .card{
    border:1px solid #ddd;
    outline:none;
    text-align:center;
    background-color:#f5f5f5;
    padding:15px;
    margin:15px 0px;
}
.doctor-area .card .card-body{
    height:200px;
    padding:15px 0 0 0;
    overflow:hidden;
}
.doctor-area .card img{
    border-radius:50%;
    height:200px;
    width:200px;
    margin:0 auto;
    border:0px none;
    outline:none;
    object-fit: cover;
    object-position: top;
}
.doctor-area .card .card-body .card-title{
    text-align:center;
    color:#094c7e;
}
.doctor-area .card .card-body p{
    font-size:14px;
    text-align:center;
}
.doctor-area .card .card-body .btn{
    bottom:15px;
    position:absolute;
    left:0;
    right:0;
    width:150px;
    margin:0 auto;
}
@media only screen and (max-width: 575px){
    .doctor-area .card .card-body{
        height:auto;
        overflow:auto;
    }
    .doctor-area .card .card-body .btn{
        position:relative;
        left:0;
        right:0;
        width:150px;
        margin:15px auto 0px auto;
    }
}
#gallery{
	margin-top:40px
}

/***** FOOTER STYLE *****/
#footer {
    background: url(../images/footer_back.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    margin-top:50px;
    padding:15px;
    color:#ffffff;
    font-size:14px;
    position: relative;
    z-index: 1;
}
#footer:after{
    background: #002e50;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    z-index: -1;
}
#footer h5{
	/*padding-left:10px;
    border-left:3px solid #eeeeee;*/
    padding-bottom:6px;
    margin-bottom:20px;
    color:#8ebfe2;
}
#footer a {
    color:#ffffff;
    text-decoration:none !important;
    background-color:transparent;
    -webkit-text-decoration-skip:objects;
}
#footer ul.social li{
	padding:3px 0;
}
#footer ul.social li a i {
    margin-right:5px;
	font-size:25px;
	-webkit-transition:.5s all ease;
	-moz-transition:.5s all ease;
	transition:.5s all ease;
}
#footer ul.social li:hover a i {
	font-size:30px;
	margin-top:-10px;
}
#footer ul.social li a, #footer ul.quick-links li a{
	color:#ffffff;
}
#footer ul.social li a:hover{
	color:#eeeeee;
}
#footer ul.quick-links li{
	padding:3px 0;
	-webkit-transition:.5s all ease;
	-moz-transition:.5s all ease;
	transition:.5s all ease;
}
#footer ul.quick-links li:hover{
	padding:3px 0;
	margin-left:5px;
	font-weight:700;
}
#footer ul.quick-links li a i{
	margin-right:5px;
}
#footer ul.quick-links li:hover a i {
    font-weight:700;
}
#footer form input{
    border: medium none;
    outline: none;
    border-radius: 10px;
    line-height: 40px;
    margin-bottom: 30px;
    padding-left: 14px;
    width: 100%;
    color: #ccc;
    font-size: 14px;
    background: #002e50;
}
@media (max-width:767px){
        #footer h5 {
        padding-left:0;
        border-left:transparent;
        padding-bottom:0px;
        margin-bottom:10px;
    }
}
.department-area{
    margin:50px 0px;
}
.department-area .card{
    text-align:center;
    padding:15px;
    margin:5px 0px;
    border-radius: 10px;
}
.department-area .card img{
    width:50px;
    height:50px;
    margin: 0 auto;
    opacity:0.8;
}
.department-area .card .card-body{
    padding:0px;
}
.department-area .card .card-body h5{
    text-align:center;
    color:#ed1c24;
    text-transform:uppercase;
    font-size:medium;
    margin:10px 0 0 0;
}
.inner-banner{
    width:100%;
    position:relative;
}
.inner-banner img{
    width:100%;
    height:auto;
}
.service-area{
    margin:50px 0px;
}
.service-area .service-cont{
    text-align:left;
    padding:15px;
    margin:5px 0px;
    border-radius: 5px;
    border:1px solid #ddd;
}
.service-area .service-cont img{
    width:50px;
    height:50px;
    float:left;
    margin-right:5px;
}
.service-area .service-cont h5{
    text-align:left;
    float:left;
    color:#094c7e;
    text-transform:uppercase;
    font-size:medium;
    margin:10px 0 0 0;
}
.service-area .service-cont p{
    margin: 0;
    padding-top: 15px;
    font-size: 14px;
    line-height: 17px;
    clear: both;
}
.service-area .accordion .card-header{
    padding:0px;
}
.service-area .accordion .card-header button{
    text-decoration:none;
    color:#094c7e;
    cursor:pointer;
    width:100%;
    text-align:left;
}
.service-area .accordion .card-header button img{
    margin-right:10px;
}
.service-area .accordion .card-header button:hover, .service-area .accordion .card-header button:focus, .service-area .accordion .card-header button:active{
    text-decoration:none;
    outline:none;
    color:#007bff;
}
.clinic h3{
    width: 100%;
    padding: 10px 8px;
    border-radius: 25px;
    font-size: 14px;
    text-align: center;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-service-area{
    background: url(../images/appoint_back.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    padding:25px 0;
}
.home-service-area:after{
    background: #c3ccd6;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: -1;
}
.home-service{
    padding: 10px 15px;
    border:1px solid #007bff;
    border-radius: 10px;
    font-size:14px;
    text-align: center;
    color:#333;
    text-transform:uppercase;
    margin:5px;
    white-space:nowrap;
    line-height:50px;
    font-weight: 600;
}
.home-service-area .row{padding: 0 30px}
.service-checkup .checkup-title{
    font-size:20px;
    color:#dc3545;
}
.service-checkup p{
    font-size:12px;
    color:#333;
}
.service-checkup p img{
    width:100%;
    height:auto;
}
.service-checkup .hpack{
    border:1px solid #999;
}
@media (max-width: 575px){
    .service-checkup{
        display:none;
    }
}
.contact-area{
    margin:50px 0;
}
.healthpack .card{
    padding:5px;
}
.healthpack .card img{
    width:100%;
    height:auto;
}
.modal-body.hcheckup ul{
    padding:0px;
}
.modal-body.hcheckup li{
    text-decoration:none;
    list-style-type:none;
}
@media (max-width: 575px){
    .ourdep .col-xs-6{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ourdep .col-xs-6 .card .card-body .card-title{
        font-size:14px;
    }
}
.jumbotron-heading {
    /* font-family: 'Roboto Slab', sans-serif; */
    font-family: 'Ubuntu', sans-serif;
    color:#094c7e;
}
.section-heading {
    font-family: 'Roboto Slab', sans-serif;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}

/* ---------- 14-nov --------- */
.card-wrap img{
    max-height: 195px;
    object-fit: cover;
    object-position: center;
    min-height: 195px;
}
.doctor-area .card-body strong{font-size: 12px}