/*
Theme Name: HospitalCustom
Theme URI: http://newtheme.com
Description: Custom theme
Author: Laptify
Author URI: http://www.author.com
Version: 1.0
Tags: responsive, black, white, columns, custom menu, etc.
*/
body, html {margin: 0;padding: 0;overflow-x: hidden;}
img {max-width: 100%;height: auto}
body {
    font-size: 17px;
    font-weight: 400;
    line-height: 120%;
    font-family: 'Nunito', Calibri, sans-serif;
    color: #404040;
}
.container-button-responsive {
    position: absolute;
    cursor: pointer;
    top: -44px;
    right: 30px;
    display: none;
}
.image-inside-wrapepr {
	position: absolute;
    top: 30px;
    left: 30px;
    z-index: 101;
	max-width: 150px;
}
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #84235e;
  margin: 6px 0;
  transition: 0.2s;
}

/* Rotate first bar */
.change .bar1 {
  background-color: #BED73D;
  /*-webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
  /*transform: rotate(-45deg) translate(-9px, 6px) ;*/
}

/* Fade out the second bar */
.change .bar2 {
  background-color: #BED73D;
  /*opacity: 0;*/
}

/* Rotate last bar */
.change .bar3 {
  background-color: #BED73D;
  /*-webkit-transform: rotate(45deg) translate(-8px, -8px) ;*/
  /*transform: rotate(45deg) translate(-8px, -8px) ;*/
}
a {text-decoration: none;color: #84235e; font-size:14px}
a:hover {color: #BED73D}
* {box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 {line-height: 1em;color: #BED73D;font-family: 'Nunito', Calibri, sans-serif;}
.top-page-meta a {color: #BED73D}

.current-menu-item a {color: #BED73D}
.menu-primary-menu-container ul {padding: 0;margin: 0;list-style: none;}
.menu-primary-menu-container ul li {text-transform: uppercase;margin-right: 10px;display: inline-block;font-weight: 700;font-size: 12px;}
.menu-primary-menu-container ul li:last-child {margin-right: 0;}

.footer-partners-bg {
    background: #4e4e4e;
    text-align: center;
    color: #aaa;
    padding: 50px 0;
}
.footer-partners-main {
    max-width: 820px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    padding-bottom: 30px;
}
.footer-partners-bg img {margin: 0 40px}
.footer-partners-bg p {margin: 0;padding: 0;margin: 10px 0;}
.footer-informations {
    padding: 30px 0;
    background: #373737;
    text-align: center;
    color: #aaa;
    font-size: 12px;
}
.main-wrapper {max-width: 1230px;width: 100%;margin: 0 auto;padding: 0 15px;padding-top: 50px;padding-bottom: 80px;}
.main-wrapper-treatments {padding-top: 0;padding-bottom: 0}
.page-template-page-treatments_template .main-wrapper{ max-width: 920px;}
.main-wrapper-homepage {max-width: 820px;}
.clear-class {clear: both;}
.clear-class::before {clear: left;}
.clear-class::after {clear: right;}
.website-logo {float: left;padding-left: 30px;}
.header-wrapper-top {
    padding: 30px 0;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(224,221,224,1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(224,221,224,1);
    box-shadow: 0px 5px 5px 0px rgba(224,221,224,1);
    border-bottom: 1px solid #c3c3c3;
}
.medium-p {font-size: 16px;}
.small-p {font-size: 12px;}
.shadow-class {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95);
}
.wp-block-image {text-align: center;}
.website-navigation {float: none;padding-right: 30px;text-align: right;position: relative;}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}
.mySlides img {width: 100%;}
/* Hide the images by default */
.mySlides {
  display: none;
  height: 700px;
  background-size: cover!important;
  background-repeat: no-repeat!important;
  background-position: center!important;
  -ms-behavior: url(/backgroundsize.min.htc)!important;
}


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2.5s;
  animation-name: fade;
  animation-duration: 2.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
iframe {
    position: relative;
}
.welcome_container {border-bottom: 2px solid #84235e}
.top-intro-image-bg {text-align: center;height: 325px;position: relative;background-position: center!important;}
.top-intro-image-bg h1 {margin-top: 0;padding-top: 140px;}
.page-template-page-homepage_template-php .main-wrapper {padding-bottom: 0;}
.message-container {display: inline-block;float: left;max-width: 60%;padding: 30px;padding-right: 0;}
.doctor-container {display: inline-block;max-width: 49%;float: right;position: relative;}
.doctor-container img {
    max-width: 350px;
    position: relative;
    left: 0;
    bottom: -5px;
}
.clearfloat {clear: both;}
.clearfloat:after {clear: right;}
.clearfloat::before {clear: left;}
/*.top-page-meta {position: absolute;left: 0;right: 0;top: 50%;}*/
/*
Location - Contact Page
*/
.clear-none {clear: both;float: none;}
.location-wrapper {float:left;width: 33%;padding: 10px;}
.location-wrapper-inside {padding: 20px;background: #f3f3f3 }
.slideshow-wrapper {
    position: relative;
}
.text-inside-wrapepr {
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align: center;
    color: white;
    font-size: 18px;
    font-weight: 700;
    right: 0;
}
.txt-i {margin-bottom: 10px;}
.location-wrapper-inside div {font-size: 16px;}
.location-img {margin: 0 auto;text-align: center;max-height: 195px;overflow: hidden;}
.benefits-wrapper {text-align: center;}
.benefits-wrapper .location-wrapper-inside{;height: 300px;overflow: hidden;padding-top: 40px;}

.quality-mark-wrapper {margin: 0 50px 0 50px;}
.quality-mark-logo {float:left;max-width: 20%;}
.quality-mark-description {float:left;max-width: 80%;padding: 20px;font-size:1.5em; padding-top: 48px;line-height: 1.3em;}

@media only screen and (max-width: 900px) {
	.quality-mark-wrapper {
		margin: 0 0 0 0;
	}
	.quality-mark-logo {
		float: none;
		max-width: 100%;
		text-align: center;
	}
	.quality-mark-description {
		float: none;
		max-width: 100%;
		text-align: center;
		padding-top: 18px;
	}
}

.map-section-height {height: 600px;}

.mission-message-container {
    display: inline-block;
    max-width: 49%;
    float: left;
    padding-right: 30px;
}
.introBox-wrapper {
    max-width: 1280px;
}
.mission-picture-container {
    display: inline-block;
    float: right;
    max-width: 47%;
    width: 100%;
    text-align: center;
}
.mission-picture-container img {
    margin-top: 40px;
}


.our_mission_container {
    background: #f3f3f3 ;
    margin-top: 50px;
    padding-bottom: 50px;
}
.introBox-wrapper {clear: both;margin-bottom: 50px;}
.introBox-wrapper::after {clear: right;}
.introBox-wrapper::before {clear: left;}
.introboxes-wrapper {
    max-width: 46%;
    width: 100%;
    margin: 2%;
    float: left;
    display: inline-block;
    position: relative;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center!important;
}
.introboxes-wrapper {
    background-size: cover!important;
    /* The url is relative to the document, not to the css file! */
    /* Prefer absolute urls to avoid confusion. */
    -ms-behavior: url(/backgroundsize.min.htc)!important;
}
.introboxes-wrapper-inside {
    position: relative;
    min-height: 365px;
    max-width: 600px;
    width: 100%;
    border: 1px solid #d0128a;
}
.introbox-meta {
    position: absolute;
    bottom: 40px;
    left: 30px;
    right: 30px;
}
.introbox-link img {margin-left: 10px;max-width: 6px;}
.introbox-meta h3 {text-transform: uppercase;font-weight: 700;font-size: 28px;margin-bottom: 10px;color: white;}
.introbox-meta a {color: white;cursor: pointer;}

.treatment-box-wrapper {display: inline-block; float: left;max-width: 20%;width: 100%;}
.treatment-box-inside-wrapper { border: 1px solid #c3c3c3; padding: 20px;background: #fefefe ;text-align: center;cursor: pointer;}
.treatment-box-inside-wrapper:hover { background: #f9f9f9 }
.treatment-box-inside-wrapper-active {border: 1px solid #c3c3c3; border-bottom: 1px solid #f5f5f5; padding: 20px;background: #f3f3f3 ;text-align: center;cursor: pointer;}
.treatment-title h3 {margin-bottom: 0;color: #303127;font-size: 14px;}
.treatment-title h3.active {color: #BED73D}
.treatmentBodyHidden {display: none;}
.treatmentBodyHidden.open {display: block}
.treatment-box-wrapper-body {
    padding: 20px;
    background: #f5f5f5 ;
	border: 1px solid #c3c3c3; border-top: 0px; 
}
.feat-benefit img {margin-right: 10px;}
.feat-benefit {font-size: 15px; font-style: italic;}
.page-template-page-treatments_template-php p {clear: both}

@media only screen and (max-width: 1200px) {
    .message-container, .doctor-container, .mission-message-container, .mission-picture-container {float: none;max-width: 100%;padding: 0;}
    .mySlides, .map-section-height  {height: 300px;}

}

@media only screen and (max-width: 790px) {
    .website-logo {float: none;padding-left: 15px;}
    .website-navigation {
        float: none;
        padding-right: 0;
        text-align: center;
        position: relative;
    }
    .website-navigation {
        float: none;
    }
    .menu-primary-menu-container ul li {
        display: block;
        margin-right: 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #c3c3c3;
        padding-top: 10px;
    }
    .treatment-box-wrapper {
        max-width: 33%;
    }
    .treatment-box-inside-wrapper {
        padding: 10px;
    }
    .treatment-title h3 {font-size: 12px;}
    .container-button-responsive {display: block;}
    .top-navigation {display: none;}
    .top-navigation.open {display: block!important;}
    .location-wrapper {
    float: left;
    max-width: 48%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin: 0 1%;
    }
	.page-template-page-contact_template .location-wrapper {

	min-height: 505px;
    }
}

@media only screen and (max-width: 640px) {
	.image-inside-wrapepr {
		top: 15px;
		left: 15px;
		max-width: 120px;
	}
    .page-id-9 .wp-block-image {
        float: none;
        margin-right: 0px;
    }
    .introboxes-wrapper {max-width: 100%;float: none;margin: 0;}
    .footer-partners-bg {padding: 20px 0;}
    .footer-partners-main {padding-bottom: 18px}
    .footer-partners-bg img {margin: 10px auto;display: block;text-align: center;}
}
@media only screen and (max-width: 420px) {
    .location-wrapper {float: none;max-width: 100%;width: 100%;padding-left: 0;padding-right: 0;margin: 0;}
}

.price-table {
	border-spacing: 0 3px;
	width: 100%;
}
.price-row {
	background-color: #EBE3EE;
}

.price-column {
	padding: 5px;
	width: 40%;
}