/*
Copyright (c) 2017
[Master Stylesheet]
Template Name : Medical-Multipurpose Landing Page-UiSumo
Version    : 1.0
Author     : UISuMo Team
Author URI : https://uisumo.com
Support    : uisumo@gmail.com
*/


body { overflow-x: hidden; font-family: 'source_serif_proregular'; padding-top: 192px; }
.bodymargin{padding-top: 0px;}
p { font-size: 16px; line-height: 26px; }
p.small { font-size: 14px; }
.color-gray{color: rgba(51, 51, 51, 0.4);}
.font1{font-family: 'josefin_sansregular';}
a, a:hover, a:focus, a:active, a.active { outline: 0; color: #f36438; }
h1, h2, h3, h4, h5, h6 { font-family: 'josefin_sansbold';}

.img-centered { margin: 0 auto; }
.form-group{margin-bottom: 20px;}
.form-control{min-height: 50; border-radius: 0px; border: 1px solid #dfe0e1; background-color: #f9f9f9;}
.form-control:focus{border-color:#f36438 }
select.form-control{background-image: url(../img/select-arrow.png); background-repeat: no-repeat; background-position: right center;-webkit-appearance: none;    -moz-appearance: none;    appearance: none;}
.btn{border-radius: 0px; border: none;min-height: 50px; font-size: 20px; font-family: 'source_serif_probold';}
.btn-lg{}
.btn-custom{background-color: #f36438;    border-color: #f36438;    color: #ffffff;}
.btn-custom:active:hover, .btn-custom.active:hover, .open > .dropdown-toggle.btn-custom:hover, .btn-custom:active:focus, .btn-custom.active:focus, .open > .dropdown-toggle.btn-custom:focus, .btn-custom.focus:active, .btn-custom.active.focus, .open > .dropdown-toggle.btn-custom.focus{background-color: #f36438;border-color: #f36438; color: #fff;}

header { text-align: center; color: #fff; background:url(../img/header-bg.jpg) no-repeat center top; max-height: 851px; background-size: cover  }
header .container { padding-top: 100px; padding-bottom: 50px; }
header .appoinment-form .heading{background-color: #f36438; color: #ffffff; padding: 32px 0}
header .appoinment-form .heading h3{font-size: 22px; margin: 0 0 10px; text-transform: uppercase;}
header .appoinment-form .heading p{font-size: 22px; font-family: 'source_serif_probold'; margin: 0;}
header .appoinment-form .form{padding: 28px; background-color: #f5f5f5; border: #dfe0e1 1px solid;}
header .appoinment-form .form h4{font-family: 'SourceSerifPro-Semibold'; font-size: 18px; color: #333333; margin: 0 0 28px;}
@media(min-width:768px) {
	header{height: 851px;}
}



.navbar-default{background-color: #ffffff;}
.nav-top-bar{background-color: #ffffff;box-shadow: 0px 1px 5px 0.00px rgba(0, 0, 0, 0.31); max-height: 131px;transition: max-height 0.25s ease-in; overflow: hidden}
.top-bar-logo{padding: 33px 0; display: inline-block}
.nav-top-bar ul{margin:20px 0; padding: 0; list-style: none; float: right;}

.nav-top-bar ul li{display: inline-block; padding: 20px 40px;}
.nav-top-bar ul li i.fa{font-size:20px; color: #f36438;}
.nav-top-bar ul li *{margin: 0;}
.nav-top-bar ul li p{position: relative; min-height: 22px; padding-left: 30px;}
.nav-top-bar ul li p i.fa{position: absolute; left: 0; top: 1px;}
.nav-top-bar ul li p.call{font: 400 22px source_serif_proregular;}
.nav-top-bar ul li p.call i.fa{top: 5px;}
.nav-top-bar ul li p.email i.fa{top: 2px; font-size: 16px;}

.nav-top-bar ul li + li{padding-right: 0; border-left: rgba(0, 0, 0, 0.2) 1px solid}
.navbar-shrink .nav-top-bar{max-height: 0;  transition: max-height 0.15s ease-out; overflow: hidden;}

.navbar-default .navbar-nav>li>a{font-size: 18px; color: #333333;font-family: 'SourceSerifPro-Semibold'; padding: 21px 20px; line-height: 20px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: #f36438;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color: #f36438; border-bottom: #f36438 3px solid; background: none;}
.social-links{margin: 0; padding: 0; list-style: none;}
.social-links li{display: inline-block}
.social-links.nav>li>a{padding: 22px 20px; line-height: 20px; color: rgba(0, 0, 0, 0.4); font-size: 16px;}
.social-links.nav > li > a:hover, .social-links.nav > li > a:focus{background: none;color: #f36438;}

@media(min-width:768px) {
header .container { padding-top: 200px; padding-bottom: 100px; }
}

@media(min-width:768px) {
.navbar-fixed-top { 0; -webkit-transition: padding .3s; -moz-transition: padding .3s; transition: padding .3s; }
.navbar-fixed-top .navbar-brand { font-size: 2em; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.navbar-fixed-top.navbar-shrink { padding: 0px 0; }
}
.navbar { font-family: 'source_serif_proregular';}
.navbar a:focus { outline: 0; }
.navbar .navbar-nav { letter-spacing: 1px; }
.navbar .navbar-nav li a:focus { outline: 0; }
.navbar-default, .navbar-inverse { border: 0; }
section { padding: 100px 0 70px; }

.section-heading h2{font-size: 26px; text-transform: uppercase; font-weight: bold; position: relative; margin: 0 0 20px; padding: 0 0 15px;}
.section-heading h2:before{position: absolute; background: #f36438; height: 3px; width: 170px; content: ''; margin-left: -85px; left: 50%; bottom: 0; }
.section-heading p{color: rgba(102, 102, 102, 0.8); font-size: 18px;}
.section-heading.light h2{color: #ffffff;}
.section-heading.light h2:before{background: #ffffff;}
.section-heading.light p{color: rgba(255, 255, 255, 0.8);}
.section-heading.align-left{text-align: left;}
.section-heading.align-left h2:before{margin: 0; left: 0;}

.features .features-item{text-align: center; position: relative; background-color: #f5f5f5; margin-top: 50px; padding: 25px; padding-top: 60px;}
.features .features-item .icon{width: 100px; height: 100px; border-radius: 50%; background-color: #f5f5f5; border:8px solid #fff; display: flex; align-items: center; justify-content: center; top: -50px; position: absolute; left:50%; margin-left: -50px;}
.features .features-item h4{font-size: 22px; color: rgba(51, 51, 51, 0.8); margin: 0;}
.features .features-item p{line-height: 26px; font-size: 16px; color: rgba(102, 102, 102, 0.8); font-family: 'josefin_sansregular'; margin: 10px 0 0 0}
.features [class*="col-"]{margin-bottom: 30px;}

.best-hospital{padding: 0; background-color: #f36438; color: #ffffff;}
.best-hospital .content { padding: 30px;}
.best-hospital .content h2{position: relative; font-size: 26px; text-transform: uppercase; margin: 0 0 10px; padding: 0 0 10px;}
.best-hospital .content h2:before{content: ''; height: 3px; width: 171px; left: 0; bottom: 0; background: #f5f5f5; position: absolute;}
.best-hospital p{color: rgba(255, 255, 255, 0.8); font-size: 18px;}
.best-hospital ul{margin:20px 0 0 0; padding: 0; list-style: none;}
.best-hospital ul li{position: relative; color: rgba(255, 255, 255, 0.8); font-size: 16px; padding: 7px; padding-left: 40px; line-height: 20px;}
.best-hospital ul li:before{content: "\f00c"; font-family: FontAwesome; position: absolute; left: 10px;}
.videoWrapper {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0;}
.videoWrapper iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
@media(min-width:1200px) {
	.best-hospital> .row > [class*="col-"]{    float: none;    display: table-cell;    vertical-align: top; align-items: center}	
}
@media screen and (max-width: 1463px) and (min-width: 1200px) {
	.videoWrapper{padding-bottom: 84.25%;}
}
@media(min-width:1605px) {
	.best-hospital .content{padding-left: 100px; padding-top: 60px;}
}


.testimonial-item .patient-img{text-align: center; position: relative; margin: 0 0 30px;}
.testimonial-item .patient-img a{display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%;background-color: #0cb8b6; color: #ffffff; font-size: 20px; position: absolute; left: 50%; bottom: -22px; margin-left: -22px;}
.testimonial-item .patient-name{text-align: center; }
.testimonial-item .patient-name h3{font-size: 22px; color: rgba(51, 51, 51, 0.8); margin: 0}
.testimonial-item .patient-name p{color: #666666; font-size: 16px;}
.testimonial-item .patient-comment p{line-height: 28px; font-size: 16px; color: rgba(51, 51, 51, 0.8);}
.owl-carousel .owl-item .testimonial-item .patient-img img{width: 168px; height: 168px; border-radius: 50%; border: #0cb8b6 3px solid; display: inline-block;}
.testimonial-item .patient-comment{position: relative; padding: 20px; padding-top: 30px;}
.testimonial-item .patient-comment:after, .testimonial-item .patient-comment:before{font-family: FontAwesome; font-size: 50px; color: rgba(51, 51, 51, 0.3); position: absolute; }
.testimonial-item .patient-comment:after{content: "\f10e"; bottom: 0; right:0px;}
.testimonial-item .patient-comment:before{content: "\f10d"; top: 0; left:0px;}
.owlNext, .owlPrev{position: absolute; top: 50%; height:27px; width: 37px; background: url(../img/arrow.png) no-repeat right bottom; margin-top: -13px; cursor: pointer}
.owlPrev{left: -100px; background-position: left bottom}
.owlNext{right: -100px;}
.owlPrev:hover{background-position: left top}
.owlNext:hover{background-position: right top}
 @media(min-width:600px) {
	 .testimonial-item{position: relative; padding-left: 240px;}
	 .testimonial-item .patient-details{position: absolute; max-width: 240px; padding: 0 20px; left: 0px;}
	 ul.appointment li{float: left; width: 20%; }
	 ul.appointment li.button{width: 40%;}
}
.our-patient [class*="col-"]{margin-bottom: 30px;}

.consultation{background-color: #f36438; color: rgba(255, 255, 255, 1);}
ul.appointment{margin: 0; padding: 0; list-style: none;}
ul.appointment li{color: rgba(255, 255, 255, 0.8); font-size: 22px;; line-height: 26px; text-align: center; line-height: 50px;}
ul.appointment li a{background-color: #ffffff; font-size: 20px; color: #f36438; line-height: 30px;}
ul.appointment li a:hover, ul.appointment li a:focus{background: rgba(255,255,255,.9); color: #f36438}
.consultation [class*="col-"]{margin-bottom: 30px;}

.expertdoctors .doctor{background-color: #f5f5f5;}
.expertdoctors .doctor .doc-img{background: #0cb8b6; position: relative; margin-bottom: 30px; cursor: pointer; }
.expertdoctors .doctor .doc-img img{transition: all .2s ease-in-out;}
.expertdoctors .doctor .doc-img .expert-icon{width: 45px;height: 45px; border-radius: 50%;background-color: #0cb8b6; display: flex; align-items: center; justify-content: center; position: absolute; bottom: -22px; left: 50%; margin-left: -22px;}
.expertdoctors .doctor .doc-img .expert-icon img{width: 32px; height: 32px;}
.expertdoctors .doctor .doc-img .social-links{position: absolute; top: 50%;transition: all .2s ease-in-out; left: 50%; margin-left: -50px; margin-top: -22px; opacity: 0;}
.expertdoctors .doctor .doc-img .social-links a{width: 45px;height: 45px; border-radius: 50%;background-color: #ffffff; display: inline-block; margin: 0 5px; text-align: center; line-height: 45px;
	font-size: 20px; color: #0cb8b6;}
.expertdoctors .doctor .doc-img .social-links a i{line-height: 45px;}
.expertdoctors .doctor .details{padding: 20px; padding-top: 0;}
.expertdoctors .doctor .details p.slogan{text-align: center; margin: 0; font-size: 16px;}
.expertdoctors .doctor .details h2{margin: 0 0 15px; color: rgba(51, 51, 51, 0.8); font-size: 22px; text-align: center;}
.expertdoctors .doctor .doc-img:hover > img{opacity: .5}
.expertdoctors .doctor .doc-img:hover .social-links{opacity: 1}
.expertdoctors [class*="col-"]{margin-bottom: 30px;}

.working-hour .doctor-image .specialized{position: absolute; bottom: -24px; left: 50%; margin-left: -22px;}
.working-hour{background-color: #f5f5f5;}
.working-hour .details-working-hour{background-color: #ffffff;}
.working-hour .doctor-image{position: relative;}
.working-hour .doctor-image > img{width: 100%}
.working-hour .doctor-image .specialized{width: 45px;height: 45px; border-radius: 50%; background-color: #0cb8b6; display: flex; align-items: center; justify-content: center; }
.details-working-hour .box h2{text-transform: uppercase; font-size: 22px;color: rgba(51, 51, 51, 0.8);}
.details-working-hour .box ul{margin: 0; padding: 0; list-style: none;}
.details-working-hour .box ul li{font-size: 18px; font-family: 'josefin_sansbold'; color: rgba(51, 51, 51, 0.8); display: inline-block; width: 100%; padding: 5px 0 }
.details-working-hour .box ul li span{float: right;}
.details-working-hour .box{padding: 20px 30px; margin: 20px 0 0}
.details-working-hour .contact-info p{margin: 0; padding: 5px 0; font-size: 18px; color: rgba(51, 51, 51, 0.8);font-family: 'josefin_sansbold';}
.details-working-hour .contact-info p i.fa{font-size: 20px; color: #f36438; float: left; margin-right: 12px; margin-top: 3px;}
.details-working-hour .contact-info .social-links{margin-top: 20px; margin-left: -10px; margin-right: -10px;}
.details-working-hour .contact-info .social-links a{font-size: 16px; padding: 10px; color: rgba(0, 0, 0, 0.4);transition: all .2s ease-in-out; }
.details-working-hour .contact-info .social-links a:hover{color: #f36438;}
.details-working-hour .hours {border-bottom: #ff4444 1px solid;}
 @media(min-width:990px) {
	 .details-working-hour .box{padding: 0px 30px; margin: 20px 0 0}
	 .working-hour .doctor-image .specialized{position: absolute; right: -24px; top: 50%; left: auto; margin-top: -22px;}
	 .details-working-hour .hours {border: none; border-right: #ff4444 1px solid;}
	 
}
@media(min-width:1200px) {
	.details-working-hour .box{min-height: 260px; padding-top: 5px; margin-top: 40px;}
	.details-working-hour .box.hours{padding: 0 60px;}
	
}

.appointment-specification{margin-top: 30px;}
.appointment-specification .btn{padding-left: 45px; padding-right: 45px; margin-top: 20px;}
.specification p{font-size: 16px; color: rgba(51, 51, 51, 0.8);	font: 400 16px / 28px SourceSerifPro;}
.specification hr{border-color: rgba(0, 0, 0, 0.1)}
.specification1 p{color: rgba(51, 51, 51, 0.8);	 font-family: 'josefin_sansregular'; font-size: 17px; line-height: 24px; margin-bottom: 40px;}

@media(min-width:768px) {
	.appointment-specification .btn{float: right;}
}

.statistic{position: relative; background-color: #f36438; color: #fff;}
.statistic:before{position: absolute; left: 0px; top: 0; content: ''; width: 100%; height: 100%; background-image: url(../img/statistic-bg.png); background-repeat: no-repeat; background-position:center 70% ; background-size: 80% auto; opacity: .6}
.statistic h2{color: #ffffff;	font: 700 60px 'source_serif_probold'; margin: 0;}
.statistic p{color: #ffffff;	font: 700 22px 'josefin_sansbold';}
.statistic [class*="col-"]{margin-bottom: 30px;}

.faq{background-image:url(../img/stethoscope.png); background-repeat: no-repeat; background-position: right 40px;}
.faq .panel {box-shadow: none; border-radius: 0px; border: none;}
.faq .panel .panel-heading{padding: 0; border: none; background: none; border-radius: 0px; box-shadow: none;}
.faq .panel .panel-heading a{border: 1px solid #0cb8b6; background-color: #0cb8b6; color: #ffffff; line-height: 20px; padding:0 30px;padding-top: 20px; padding-bottom: 20px; display: block;  font-size: 16px;  font-family: 'source_serif_proregular'; }

.faq .panel .panel-heading a.collapsed{border: 1px solid #e5e5e5; background-color: #f5f5f5; color: rgba(51, 51, 51, 0.8);}
.faq .panel .panel-heading a:before{content: "\f056";font-family: 'FontAwesome'; margin-right: 20px; font-size: 16px;}
.faq .panel .panel-heading a.collapsed:before{content: "\f055"; font-family: 'FontAwesome';  color: #0cb8b6; }
.faq .panel .panel-heading a.collapsed:hover{background: #eeebeb;}
.faq .panel .panel-heading a, .faq .panel .panel-heading a:hover{text-decoration: none;transition: all .2s ease-in-out;}
.faq  .panel-group .panel+.panel{margin-top: 20px;}
.faq .panel-default>.panel-heading+.panel-collapse>.panel-body{padding: 30px; background: #f5f5f5; line-height: 26px; font-size: 17px; color: rgba(51, 51, 51, 0.8); font-family: 'josefin_sansregular';}

section.contact{padding: 70px 0 30px}
.contact p{font-size: 18px; color: #666666;font-family: 'source_serif_probold';}
.contact p span{color: #f36438;}

.google-map{padding: 0}
#map {width: 100%;height:533px;}
#content h3{margin: 0;color: #f36438;}
.contact .align-right{display: inline-block; text-align: right}
 .contact [class*="col-"]{margin-bottom: 30px;}


footer{background-color: #f36438; color: #ffffff; padding: 30px 0}
footer .social-links a{color: rgba(255, 255, 255, 0.8); font-size: 30px; margin: 0 10px; transition: all .2s ease-in-out;}
footer .social-links a:hover{color: rgba(255, 255, 255, 1);}



.modal-custom .container{margin: 30px auto}
.modal-custom .modal-body button.close{position: absolute; right: 20px; top: 20px; z-index: 9999}
.modal-custom .modal-body h2{font-size: 24px; color: #333333; margin: 20px 0 30px}
.modal-custom .modal-content{border-radius: 0px; padding: 20px;}
.ui-datepicker table{font-family: 'source_serif_proregular';}
.modal-custom .ui-datepicker{width: 100%}
.modal-custom .modal-body .btn.btn-custom{min-height: 46px; line-height: 20px;}
.modal-custom .ui-widget-content{padding: 0; border-radius: 0; background: #ffffff; border: none; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background: #f0f0f0; border: none; border-radius: 0px;color: #666666; font-size: 15px; text-decoration: none; text-align: center;}
.ui-datepicker td{padding: 5px;}
.ui-datepicker td span, .ui-datepicker td a{padding:.6em .3em}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity: 1}
.ui-state-disabled span, .ui-widget-content .ui-state-disabled span, .ui-widget-header .ui-state-disabled span{color: rgba(102, 102, 102, 0.2); background-color: #f0f0f0;}
.ui-widget-header{background: #f36438; border-radius: 0px; min-height: 46px; line-height: 46px;}
.ui-datepicker .ui-datepicker-title{line-height: 46px;}
.ui-icon-circle-triangle-w{background:url(../img/right-arrow.png) no-repeat center center !important; margin: 0 !important;}
.ui-icon-circle-triangle-e{background:url(../img/left-arrow.png) no-repeat center center !important; margin: 0 !important;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{position: static;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{display: flex; align-items: center; justify-content: center; cursor: pointer}


.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{opacity: .7}
.ui-datepicker .ui-datepicker-prev {
    left: 32px;
    top: 10px;
}
.ui-datepicker .ui-datepicker-next{right: 32px; top: 10px;}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {background: none;border: 0px;}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background:#e55428;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background-color: #f36438 ; color: #ffffff;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background-color: #0cb8b6 ; color: #ffffff;}



@media(max-width:767px) {
section { padding: 75px 0; }
section.first { padding-top: 75px; }
}
.navbar-default .navbar-toggle{border: none;}
.navbar-default .navbar-toggle .icon-bar{background-color: #f36438}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background: none; opacity: .7}

@media(max-width:1200px) {
	.nav.social-links.navbar-right{display: none}
}

@media (max-width: 991px) {
	.navbar-default{overflow: auto;}
	.navbar-brand.hidden{display: block !important;padding-top: 5px; padding-bottom: 5px;}
	.navbar-brand.hidden img{height: 50px;}
	body{padding: 0;}
	.nav-top-bar{display: none;}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}