/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
.panel-body iframe{
        width:560px; height:320px;
        margin: 30px auto;
        display: block;
    }
.red-font{color:red !important;font-size: 12px !important;}
.visibility-hidden{visibility:hidden !important}
#top-link-block.affix-top a,#top-link-block.affix a{
border-radius: 5px;
border: 1px solid #000;
background-color: #C7FF81;
text-decoration:none !important;
}
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 10px; /* padding from the left side of the window */
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px; /* height of link element */
    right: 10px; /* padding from the left side of the window */
}
.hasDatepicker{display:inline-block !important}
#success .info-warn{background-color:#FFF26E;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 45%;
border-color: #000;
color: #333;
border-radius: 4px;
background-color: #FBFDB0;
font-size:13px;
}

.ui-datepicker select.ui-datepicker-month{margin-right:10px}
.btn-secondary{border:1px solid #ccc}
.navbar-inverse {border-bottom:0}
.padding-15px{padding:15px 0;}
.mobile-header{display:none;font-size:13px;text-align:center}
.title-shadow{color:#000;text-shadow:0px 0px 3px #ccc}
.title-name{text-shadow:0px 0px 3px #999}
.navbar-header h1{display:none;text-shadow: 0px 0px 3px #000;}
.contact-page-panel{padding-left:0 !important;padding-right:0 !important}
.pull-right-desk{float:right}
.content-row{margin-top:120px}
.content-row-home{margin-top:20px}
.info-warn {
border-radius: 5px;
border: 1px solid #9FBD8D;
background-color: #D5D79C;
padding: 10px;
}
.carousel .item {
    -webkit-transition: opacity 3s; 
    -moz-transition: opacity 3s; 
    -ms-transition: opacity 3s; 
    -o-transition: opacity 3s; 
    transition: opacity 3s;
}
.carousel .active.left {
    left:0;opacity:0;z-index:2;
}
.carousel .next {
    left:0;opacity:1;z-index:1;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #FC0D08;
	
}
.has-error .form-control {
border-color:#FC0D08;
}
.help-block ul{margin-left:-20px}
.grey-small{font-size:11px;color:#333}
#datepicker,#dateBirth{width:120px;margin-right:10px}
.scrollable-menu {
    height: auto;
    max-height: 40px;
    overflow-x: hidden;
}
.ui-datepicker td span, .ui-datepicker td a {
text-align: center;
}
.open>.dropdown-toggle.btn-default {
background-color:#D9E67A;border-color:#636931;
}
.ui-widget-header {
border: 1px solid #333;
background: #84B52F;
color: #fff;
font-weight: bold;
}
.ui-widget-content {
border: 1px solid #333;
background: #C4D07C;
color: #333;
}
 .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #333;
font-weight: bold;
color: #0C0D0D;
}
.ui-widget-content  .ui-state-hover,.ui-state-hover{
background-color:#ffe45c
}

h4,h3{margin:5px 0 5px 0}
.faq-list{margin-left:-20px}
#googleMapID .modal-body{padding:0}
#googleMapID .modal-footer{padding: 5px 0;border-radius: 0 0 5px 5px}
#mapGoogle,.img-map-sym{width:100%;margin-bottom:20px;height:430px;border-radius:5px;border:5px solid #ccc}
.modal-title{font-size:18px}
.display-none{display:none}
.navbar a.active-link{font-weight:bold;color:#F7F8F3 !important}
.question-faq{font-weight:bold;margin-bottom:5px;}
a:hover{text-decoration: none}
.gm-style img {
    max-width: none;
  }

  .gm-style label {
    width: auto; display:inline;
  }
#googleMap{width:598px;min-height: 480px;}

.next-line-sm{margin-bottom:2px}
.collapse-p{display: none}
hr{border-top:1px ridge #fff}
.form-control{color:#000 !important;background-color:#fff;border-color:#64AB2B;}
.display-inline{display:inline}

form label{width:40%}
html,
body {
    height: 100%;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 65%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}
@media screen and (min-width: 768px){
.red-font{color:red !important;font-size: 12px !important;}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px;
}
}
.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

.hr-white{border-top:1px solid #fff}
.hr-white-dotted{border-top:1px dotted #fff}

@media(max-width:767px) {
    .panel-body iframe{
        width:320px; height:auto;
        margin: 20px 0;
    }
.red-font{color:red !important;font-size: 12px !important;}
.margin-5px{margin-right:6px;}
.menu-item-home{background: url('../img/home.png') no-repeat scroll 5px center transparent;background-size: 30px 30px; text-indent: 30px;}
.menu-item-profile{background: url('../img/doctor.png') no-repeat scroll 5px center transparent;background-size: 25px 25px; text-indent: 30px;}
.menu-item-service{background: url('../img/service.png') no-repeat scroll 5px center transparent;background-size: 25px 25px; text-indent: 30px;}
.menu-item-media{background: url('../img/media.png') no-repeat scroll 5px center transparent;background-size: 25px 25px; text-indent: 30px;}
.menu-item-contact{background: url('../img/contact-menu.png') no-repeat scroll 5px center transparent;background-size: 27px 27px; text-indent: 30px;}
.menu-item-faq{background: url('../img/faq_icon.png') no-repeat scroll 5px center transparent;background-size: 25px 25px; text-indent: 30px;}

.well-sm {padding:5px}
.mobile-header{display:block}
.navbar-header h1{
padding: 15px 20px 0px 20px;
font-size: 18px;
color: #fff;
margin:0;display:inline;
}
.navbar-nav {
margin: 0px -15px;
}
    .img-portfolio { margin-bottom: 15px; }

    header.carousel .carousel {
        height: 70%;
    }
	.doctor-info{display:none;}
	.content-row {margin-top: 20px;}
	#myCarousel{display:none}
	.intro{margin:0}
	.panel-heading {padding: 5px 15px;}
	.faq-list{margin-left:-25px}
	 footer {margin: 20px 0;text-align:center;font-size: 11px;}
	 .email-phone-container{display:none}
	.nav>li {border-bottom: 1px ridge #C7C7C7;}
	.pull-right-desk{float:none}
	.navbar-nav>li>a {padding-top: 15px;padding-bottom: 15px;line-height: 20px;color:#031801 !important;font-size:16px}
	.navbar-nav>li>a:hover,.navbar-nav>li>a:focus{color:#031801 !important;background-color: #9AB058;}
	.navbar a.active-link {color: #031801 !important;background-color: #9AB058;}
	.navbar-header{background-color:#768529;}
	.navbar-inverse .navbar-toggle {border-color: #fff;}
	.navbar-collapse{background-color:#AEB363}
	.navbar-nav {margin-bottom:0px;}
	button.collapsed {background-color: #897F15 !important;}
	button.navbar-toggle{background-color:#897F15}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
		background-color: #83894C;
	}
	.qualification-list,.disc-list{margin-left:-25px;list-style-type:disc;}
	.qualification-list li,.disc-list li{margin-bottom:10px}
	.info-warn{margin-top:10px}
	.table-appointment th ,.table-appointment td{ padding:5px 10px}
.table-appointment td,.table-appointment th{border-collapse:collapse;border:1px solid #333}
.table-appointment{margin:10px 0 }
.info-contact{margin-bottom:10px}
.modal-header{color: #333;
background-color: #B4B169;
border-color: #6D5C03;border-radius:5px 5px 0 0}
form label {width: 100%;}
#googleMap,#mapGoogle {width: 100%;}
#mapGoogle{height: 300px;margin-bottom:20px}
.img-map-sym{height:auto;width:100%}
.padding-mobile-10px{padding:10px 0}
.info-contact .next-line{padding-bottom:4px}
}

@media (min-width: 768px) and (max-width: 1024px) {
.red-font{color:red !important;font-size: 12px !important;}
.margin-5px{margin-right:6px;}
.menu-item-home{background: url('../img/home.png') no-repeat scroll 5px center transparent;background-size: 30px 30px; text-indent: 30px;}
.menu-item-profile{background: url('../img/doctor.png') no-repeat scroll 5px center transparent;background-size: 25px 25px; text-indent: 30px;}
.menu-item-service{background: url('../img/service.png') no-repeat scroll 5px center transparent;background-size: 25px 25px; text-indent: 30px;}
.menu-item-appointment{background: url('../img/Appointment.png') no-repeat scroll 5px center transparent;background-size: 25px 25px; text-indent: 30px;}
.menu-item-contact{background: url('../img/contact-menu.png') no-repeat scroll 5px center transparent;background-size: 27px 27px; text-indent: 30px;}
.menu-item-faq{background: url('../img/faq_icon.png') no-repeat scroll 5px center transparent;background-size: 25px 25px; text-indent: 30px;}
.navbar-inverse {border-radius:5px}
.panel-heading {padding: 5px 15px;}
.mobile-header{display:block}
.info-contact .next-line{padding-bottom:8px}
.navbar .container{padding:0;margin:0;width:auto}
.navbar-header h1{
padding: 15px 20px 0px 20px;
font-size: 18px;
color: #fff;
margin:0;display:inline;
}
.navbar-nav {
float: none;
margin: 0;
}

.content-row {margin-top: 20px;}
.email-phone-container,#myCarousel{display:none}
.doctor-info{display:none}

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
		margin-right:25px
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav>li {
        float: none;
    } 
     .collapse.in{
  		display:block !important;
	}
	 .email-phone-container{display:none}
	.nav>li {border-bottom: 1px ridge #C7C7C7;}
	.pull-right-desk{float:none}
	.navbar-nav>li>a {padding-top: 15px;padding-bottom: 15px;line-height: 20px;color:#031801 !important;font-size:16px}
	.navbar-nav>li>a:hover,.navbar-nav>li>a:focus{color:#031801 !important;background-color: #9AB058;}
	.navbar a.active-link {color: #031801 !important;background-color: #9AB058;}
	.navbar-header,.navbar-inverse{background-color:#768529;}
	.navbar-inverse .navbar-toggle {border-color: #fff;}
	.navbar-collapse{background-color:#AEB363}
	.navbar-nav {margin-bottom:0px}
	button.collapsed {background-color: #897F15 !important;}
	button.navbar-toggle{background-color:#897F15}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
		background-color: #83894C;
	}
	.qualification-list,.disc-list{margin-left:-25px;list-style-type:disc}
	.qualification-list li,.disc-list li{margin-bottom:10px}
	.info-warn{margin-top:10px}
	.table-appointment th ,.table-appointment td{ padding:5px 10px}
.table-appointment td,.table-appointment th{border-collapse:collapse;border:1px solid #333}
.table-appointment{margin:10px 0 }
.info-contact{margin-bottom:10px}
.modal-header{color: #333;
background-color: #B4B169;
border-color: #6D5C03;border-radius:5px 5px 0 0}
form label {width: 40%;}
#googleMap,#mapGoogle {width: 100%;}
#mapGoogle{height: 300px;margin-bottom:20px}
.img-map-sym{height:auto;width:100%}
.padding-mobile-10px{padding:10px 0}

}
@media (min-width : 1025px){
.red-font{color:red !important;font-size: 12px !important;}
.email-form{width:288px !important}
.navbar-nav>li>a{padding-bottom:10px}
    .container-nav{color:#F7F8F3;margin-top:10px;font-size:12px;}
    .email-phone-container{float:right;clear:both;margin-bottom:10px;margin-right:15px;text-align:right}
    .modal-header{color: #333;
background-color: #B4B169;
border-color: #6D5C03;border-radius:5px 5px 0 0}
    
    .info-contact span{padding:10px 10px 20px 0px}
    .warning{color:red}
    .next-line{margin-bottom:10px}
.h4-panel{font-weight: bold;font-size:15px}
.qualification-list,.disc-list{list-style-type:disc;margin-left:-20px}
    .disc-list li{margin-bottom:10px;}
    
 .qualification-list li{padding:5px 0;}   
.navbar {min-height:120px;border-bottom:none;background:#768529;}
.navbar a{color:#ffe714 !important;}
.navbar a:hover{color:#fff !important;}
.navbar-brand{font-size:14px;color:#ccc}
    .nav-right{clear:both}
.title-doctor{padding-bottom:3px;font-size:16px;}
.doctor-info{/*padding:10px 0*/;color:#ccc !important;}
.footer-text{font-size:12px;text-align:center}
.contact-list-table th,.table-appointment th ,.table-appointment td{ padding:5px 10px}
.table-appointment td,.table-appointment th{border-collapse:collapse;border:1px solid #333}
.table-appointment{margin:10px 0}

.span-title{float:left;font-size:12px;padding-top:15px;color: #F7F8F3;}
.img-doctor{float:left;margin:12px 15px 12px 4px}
.title-name{font-size:15px !important;padding-bottom:5px}
.panel-heading{padding:1px 15px}
}
#myCarousel{margin-top:50px}
.carousel-caption{color:#000;text-shadow: 0 1px 2px rgba(64, 73, 75, 0.6);}
element.style {
}

.carousel-indicators li {

border: 1px solid #fff;

}
.list-social-icons a{color:#238807}
.carousel-indicators .active {

background-color: #000;
    
}
header.carousel{margin-bottom:20px}
h3.intro{font-size:18px}
body{background-color: #D5CA90;}
.panel-default>.panel-heading {
color: #333;
background-color: #B4B169;
border-color: #6D5C03;
}
.panel-default,.modal-content {
border-color: #809960;
}
.btn-default{background-color:#B7C085;border-color:#636931}
.btn-default:hover{background-color:#D9E67A;border-color:#636931}
.panel-body,.modal-body,.modal-footer{background-color: #E7ECAD;}
.modal-footer{border-top: 1px solid #fff;}
.caption-one{color:#fff;text-shadow: 0 1px 2px rgba(247, 247, 247, 0.6);}

.ui-hidden-accessible {
  position: absolute!important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
}