html {scroll-behavior: smooth;}
.clear {clear: both;}
body {word-wrap: break-word};

p a {color: #0098a1;}
p a:visited {color: #0098a1;}
p a:hover {color: #ffffff; background-color: #0098a1;}

h1 {font-size: 2em; color: #0098a1; font-weight: 700;}
h2 {font-size: 1.5em; color: #0098a1;}
header h3 {color: #0098a1;}

.col-w, .col-lg-w, .col-md-w, .col-sm-w, .col-xl-w, .col-xxl-w {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 568px) {
	.col-md-w {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}

@media (max-width: 567px) {
	.top-menu-logo img {max-width:165px;}
}

@media (min-width: 992px) {
	.col-lg-w {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
}

@media (min-width: 1200px) {
	.col-xl-w {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
}

@media (min-width: 1550px) {
	.col-xxl-w {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
}

.hvrbox .hvrbox-layer_top {
    background-color: rgba(0,0,0,.1) !important;
}

.hvrbox-layer_top .overlay-text {margin-bottom: 120px;}

.overlay-text p.slide-big {
    font-size: 60px;
    font-weight: 700;
    margin: 20px 0;
    color: #ffb300;
	line-height: 1.2;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75),0 -1px 1px #fff,0px 3px 6px rgba(0, 0, 0, 0.7);
}
.overlay-text p.slide-big span {
    color: #0098a1;
}

.overlay-text p.slide-small {
    font-size: 40px;
    font-weight: 100;
    margin: 0 0 20px 0;
    color: #ffb300;
	line-height: 1.2;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75),0 -1px 1px #fff,0px 3px 6px rgba(0, 0, 0, 0.7);
}
.overlay-text p.slide-small span {
    color: #0098a1;
}

.overlay-text a.medical-btn-larg {box-shadow: 1px 1px 1px #fff,-1px -1px 1px #fff;}

.btco-hover-menu a, .navbar > li > a {
    text-transform: none !important;
}

.service-section-5x, .blog-section-3x, .image-description-1x {background: linear-gradient(rgba(200, 200, 200, 0.25), rgba(200, 200, 200, 0.15));}

.top-menu-4x .top-menu-time h3 {line-height: 1.3;}
.top-menu-4x .top-menu-time p.head {line-height: 1.3; font-size: 15px; font-weight: 300; margin-bottom: 5px; color: #0098a1;}
.top-menu-4x .top-menu-time .media-body {display: inline-block; position: relative; top: 2px;}
.media.social {float: right;}
.media.social a {color: #0098a1;}
.media.social a:hover {color: #ffb300;}
.media.social a:first-child {margin-right:0;}
.top-menu-time .media.action a > i {color: #0098a1; margin-right: 10px; transition: all 0.3s ease;}
.top-menu-time .media.action a:hover > i {color: #ffb300;}
.main-menu-2x .main-menu {border-radius: 5px;}
.main-menu-2x .appointment-button a.btn-small {background: #ffb300; font-size: 17px; font-weight: 300; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.main-menu-2x .navbar-light .navbar-nav .nav-link:hover {color: #ffb300;}
.main-menu-2x .main-menu ul.dropdown-menu li.active > a {color: #0098a1 !important;}
.main-menu-2x .main-menu ul.dropdown-menu .dropdown-item:focus, .dropdown-item:hover {background-color: #ffffff;}
a.medical-btn-larg {border-radius: 5px;}
a.medical-btn-larg:hover {background: #ffb300;}
.main-menu-2x .main-menu nav ul.navbar-nav > li.active > a {color: #ffb300 !important;}
.main-menu-2x .main-menu nav ul.dropdown.menu > li > a {color: #333333 !important;}

.boxes {margin:0 1%;}

@media (max-width: 1199px) {
	.boxes {margin:0 1%;}
}

.boxes .box {
	position:relative;
	width: 100%;
	display: block;
	margin-bottom: 30px;
	border-radius: 5px;
	overflow: hidden;
}

.boxes .box.bggreen {
	background-color: #0098a1;
}

.boxes .box.bgyellow {
	background-color: #ffb300;
}

.boxes .box.bgwhite {
	background-color: #ffffff;
}

.boxes .box:before {
	content: "";
	display:block;
	padding-top: 100%;
}

.boxes .box .content {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 15px 5px;
	display: inline-block;
	text-align: center;
	color: #ffffff;
}

.boxes .box.bggreen .content {background-color: rgba(0,152,161,0.8); border-radius: 5px;}
.boxes .box.bgyellow .content {background-color: rgba(255,179,0,0.8); border-radius: 5px;}
.boxes .box.bgwhite .content {background-color: rgba(255,179,0,0.8); border-radius: 5px;}
.boxes .box .overlay {/*display: none;*/}

.boxes .box:hover .overlay {
	display: block;
	border-radius: 5px; 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
	height:100%;
}

.boxes .box a {
	position: relative;
	display: block;
	height: 100%;
	-webkit-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}

.boxes .box a .text {
	margin: 0;
	position: absolute;
	width: 90%;
	text-align: center;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.boxes .box:hover .content {
	display: none;
}

.boxes .box.leer:hover .content {
	display: block;
}

.boxes .box.bgyellow:hover .overlay { 
	background-color: rgba(255,179,0,0.85); 
}

.boxes .box.bgwhite:hover .overlay { 
	background-color: rgba(255,179,0,0); 
}

.boxes .box.bggreen:hover .overlay { 
	background-color: rgba(0,152,161,0.85); 
}

.boxes .box .overlay a .text {color: transparent;}
.boxes .box:hover .overlay a .text {color: #ffffff;}

.contact-page-1x {background-color: #ffffff;}
.contact-page-1x .boxes {margin: 0;}
.contact-page-1x .boxes .box {margin-bottom: 10px;}
.contact-page-1x .contact-address ul {margin: 30px 0 0 0;}
.contact-page-1x .contact-form {box-shadow: 0 3px 35px 0 rgb(46 61 73 / 15%); border-radius: 5px;}
.contact-page-1x .contact-address {background: #ffffff; box-shadow: 0 3px 35px 0 rgb(46 61 73 / 15%);}

.single-blog {border-radius: 5px;}
.single-blog .media img {border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.single-blog .media span {border-top-left-radius: 5px;}
.single-blog .media .media-body {border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

.page-banner .overlay-text h1 {
    font-size: 35px;
    color: #fff;
    font-weight: 500;
}

.page-banner .overlay-bg {
	/*background-color: rgba(0,152,161,0.8); */
	background-image: linear-gradient(to right, rgba(0,152,161,0.8) 0%, rgba(0,152,161,0.6) 50%, rgba(0,152,161,0.3) 75%, rgba(0,152,161,0.1) 90%, rgba(0,152,161,0) 100%);
	padding: 20px 100px 20px 30px;
    border-radius: 5px;
    display: inline-block;
}

.page-banner ol.breadcrumb li {
    font-weight: 100 !important;
	font-size: 16px;
}

.page-banner ol.breadcrumb li a {
    font-weight: 100 !important;
	font-size: 16px;
}

.image-description-1x .description-left {
    background: rgba(0,152,161,0.8);
	border-radius: 5px;
}

.image-description-1x .description-left h3 {
	color: #ffffff;
	font-size: 30px;
    font-weight: 500;
    margin-bottom: 30px;
}

.image-description-1x .descriptive-image img {border-radius: 5px;}

.single-blog .media .media-body h4 {
	position: relative;
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.single-blog .media .media-body h4:before {
	border: 1px solid #0098a1;
	position: absolute;
	content: '';
	width: 45px;
    top: 40px;
}

.single-blog a:hover .media .media-body h4 {
	color: #0098a1;
}

.single-blog a .media span {
    background-color: rgba(0,152,161,0.85);
	-webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.single-blog a:hover .media span {
    background-color: rgba(255,179,0,0.85);
}

.about-section-3x h2 {
	font-size: 1.6em;
	font-weight: 500;
	margin-bottom: 30px;
}

.about-section-3x h3 {
	font-size: 1.3em !important;
	font-weight: 500 !important;
	margin-bottom: 30px !important;
}

.about-us-2x .about-us-left h3 {
    font-size: 24px;
    font-weight: 700;
    color: #333333;
    line-height: 34px;
    margin-bottom: 15px;
}

.about-section-3x .about-us-middle img {border-radius: 5px;}



.video-1x {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1)), url(../images/wilma-video.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	padding: 220px 0;
	margin-top: 60px;
}

.video-1x .video-content {text-align:center;}

.video-1x .video-content a.btn-circle {
    display: inline-block;
    background: #00aeef;
    height: 60px;
    width: 60px;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    padding-top: 16px;
    padding-left: 6px;
    border-radius: 50%;
	border: 1px solid #ffffff;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.video-1x .video-content a:hover.btn-circle {
    background: #ffb300;
}

.video-1x .video-content h4 {
    font-size: 36px;
    font-weight: 700;
    color: #ffb300;
    margin-bottom: 30px;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75),0 -1px 1px #fff,0px 3px 6px rgba(0, 0, 0, 0.7);
	text-align: center;
}

.video-content h4 span {
    color: #0098a1;
}


.image-description-1x .description-left a.btn-small {margin-top: 30px; border-radius: 5px; background: #ffb300; border: 1px solid #ffffff;}
.image-description-1x .description-left a:hover.btn-small {background: #0098a1;}

a.btn-small:hover, a.btn-small:focus, a.btn-small:active {
    color: #fff;
    background: #ffb300;
}

.page-banner .hvrbox img {
    height: 550px;
    object-fit: cover;
}

.page-banner .overlay-text {
    margin-top: 14%;
}

.contact-page-1x .contact-address {
    background: #ffffff;
    padding: 27px 22px;
	margin-top: 26px;
	border-radius: 5px;
}

.contact-page-1x .contact-address a {
    color: #616161;
}

.contact-page-1x .contact-address a:hover {
    color: #0098a1;
}

.contact-page-1x .contact-address ul li i, .footer-section-1x .footer-top .footer-top-right ul li i {
    margin-top: 4px;
}

.contact-page-1x .contact-page-1x h2 {
    margin-bottom: 40px;
}

.contact-page-1x .contact-form a.btn-small {
    padding: 12px 36px;
    font-weight: 400;
    font-size: 15px;
    margin-top: 14px;
}



.contact-address {
    background: #ffffff;
    padding: 27px 22px;
    margin: 26px 0;
    border-radius: 5px;
	box-shadow: 0 3px 35px 0 rgb(46 61 73 / 15%);
}

.contact-address h2 {
    color: #333333;
    font-size: 1.2em;
}

.contact-address ul {
    margin: 30px 0 0 0;
	padding: 0;
}

.contact-address ul li {
    list-style: none;
	margin-bottom: 10px;
}

.contact-address ul li .media {
    line-height: 27px;
}

.contact-address ul li i {
    margin-top: 4px;
	margin-right: 15px;
	color: #0098a1;
}

.contact-address a {
    color: #616161;
}

.contact-address a:hover {
    color: #0098a1;
}



.form-control, .form-control:focus {
    background-color: transparent;
}

.footer-section-1x .footer-top .footer-top-left .single-link p {
    margin: 40px 0 0 0;
    padding: 0;
	color: #ffffff;
	line-height: 1.65;
}

.footer-section-1x .footer-top a p {
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.footer-section-1x .footer-top a:hover p {
	color: #ffb300 !important;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  left: 0;
  top: 0;
  z-index: 9999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  text-align: center;
}

.modal-content h4 {
  margin: auto;
  padding-top: 80px;
  text-align: center;
  color: #0098a1;
  font-size: 6em;
  font-family: 'aller_displayregular', sans-serif;
}

.modal-content p.modaltext {
  margin: auto;
  text-align: center;
  color: #0098a1;
  font-size: 1.5em;
  padding-bottom: 100px;
  line-height: 1.4;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  text-align: right;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

@media (max-width: 1499px) {
	.about-us-2x .about-us-right img {
		height: 617px;
	}
	.about-us-2x .make-difference-right, .about-us-2x .make-difference-left {
		padding: 23% 5% 0 10%;
	}
}

@media (max-width: 1199px) {
	.footer-section-1x .footer-bottom ul li {
		list-style: none;
		display: inline-block;
		margin-left: 20px;
	}
	.about-us-2x .about-us-right img {height: 517px;}
	.about-us-2x .make-difference-right, .about-us-2x .make-difference-left {padding: 20% 5% 0 10%;}
	.hvrbox-layer_top .overlay-text {margin-bottom: 30px;}
	.overlay-text p.slide-big {font-size: 50px;}
	.overlay-text p.slide-small {font-size: 30px;}
}

@media (max-width: 991px) {
	.footer-section-1x .footer-top {
		padding: 60px 0 50px 0;
	}
	.footer-section-1x .footer-bottom {
		padding: 30px 0;
	}
	.footer-section-1x .footer-bottom ul {
		float: left;
		margin: 0 0 20px 0;
		padding: 0;
	}
	.footer-section-1x .footer-bottom ul li:first-child {
		margin-left: 0;
	}
	.about-us-2x .make-difference-right, .about-us-2x .make-difference-left {
		padding: 10% 5% 0 7%;
	}
	.blog-section-2x .single-blog .media {
		display: block;
	}
	.blog-section-2x .single-blog .media img {
		width: 100%;
	}
	.blog-section-2x .single-blog .media span {
		top: 0;
		left: 0;
	}
	.overlay-text p.slide-big {font-size: 40px;}
	.overlay-text p.slide-small {font-size: 25px;}
	.single-blog .media img {border-radius: 5px;}
	.page-banner .hvrbox img {height: 300px;}
    .col-xl-6 .ce-image .ce-gallery figure.image {margin-bottom:30px;}
}

@media (max-width: 767px) {
	.about-us-2x .make-difference-right, .about-us-2x .make-difference-left {
		padding: 10% 5% 8% 7%;
	}
	.about-us-2x .about-us-right img {
		height: 417px;
	}
	.hvrbox-layer_top .overlay-text {margin-bottom: 0;}
	.slider-2x .overlay-text {bottom: 0;top: 30%;}
	.overlay-text p.slide-big {font-size: 35px; margin: 20px 0 10px 0;}
	.overlay-text p.slide-small {font-size: 25px; margin: 0 0 10px 0;}
	.page-banner .hvrbox img {height: 250px;}
	.page-banner .overlay-text h1 {font-size: 20px;}
}

@media (max-width: 567px) {
	.about-us-2x .about-us-right img {
		height: 300px;
	}
	.footer-section-1x .footer-top {
		padding: 30px 0 40px 0;
	}
	.footer-section-1x .footer-bottom ul {
		display: flex;
		align-items: stretch; /* Default */
		justify-content: space-between;
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
	}
	.footer-section-1x .footer-bottom ul li {
		display: block;
		flex: 0 1 auto;
	}
	.footer-section-1x .footer-bottom ul span {
		display: none;
	}
	.footer-section-1x .footer-bottom ul li:nth-child(2) {
		margin-left: 0;
	}
	.footer-section-1x .footer-bottom p {
		margin: 0 0 15px 0;
	}
	.footer-section-1x .footer-top .footer-top-right {
		text-align: center;
	}
	.footer-section-1x .footer-top .footer-top-right .media i {
		display: none;
	}
	.slider-2x .overlay-text {bottom: 0;top: 20%;}
	.overlay-text p.slide-big {font-size: 30px; margin: 20px 0 10px 0;}
	.overlay-text p.slide-small {font-size: 20px; margin: 0 0 10px 0;}
	.overlay-text a.medical-btn-larg {margin-top: 10px; padding: 5px 10px;}
	.page-banner .hvrbox img {height: 170px;}
	.page-banner .overlay-text {margin-top: 5%;}
	.page-banner ol.breadcrumb li, .page-banner ol.breadcrumb li a {font-size: 13px;}
	.about-section-3x h2 {font-size: 1.4em;}
	.about-section-3x h3 {font-size: 1.2em !important;}
	.page-banner .overlay-bg {padding: 23px 100px 20px 20px; overflow: hidden;}
	.image-description-1x .description-left, .image-description-1x .description-right {padding: 40px 30px 35px 30px;}
	
	.modal-content h4 {padding-top: 40px;font-size: 2em;}
	.modal-content p.modaltext {font-size: 1.2em;padding-bottom: 60px;}
	.modal-content p.modaltext.mt-60 {margin-top: 40px important;}
}

/* TYPO3 Anpassungen - GLOBAL */
.frame-type-text p {margin-bottom: 28px;}
.frame-type-text ul {margin: 0 0 1.5em 0;}

/* POWERMAIL */
.powermail_fieldwrap_type_submit input {
  padding: 15px 56px 15px 36px;
  font-weight: 400;
  font-size: 15px;
  margin-top: 14px;
  background: #0098a1;
  display: inline-block;
  border-radius: 3px;
  color: #fff;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 1px solid #0098a1;
}

.btn-icon {
  display: inline-block;
  position: relative;
}

.btn-icon::after {
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  color: #ffffff;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f1d8";
  margin-left: -42px;
  pointer-events: none; /* important */
  position: relative;
  top: 2px;
}

.powermail_fieldwrap_type_submit input:hover {
  background: #ffb300;
  border: 1px solid #ffb300;
}

.powermail_form fieldset.powermail_fieldset {
  padding: 0 !important;
  margin: 0 -15px 0 -15px;
}

.powermail_fieldwrap_type_check .checkbox label input {
  margin-right: 5px;
}

.powermail_fieldwrap_type_check .checkbox label {
  font-weight: 100;
  color: #6a6d71;
  font-size: 1rem;
}

.contact-form .tx-powermail input.powermail_input {
    height: 30px;
    border: 0;
    color: #333333;
    margin: -20px 0 50px 0;
    padding: 0 0 15px 30px;
    border-bottom: 1px dashed #868585;
    display: inline-block;
}

.contact-form .tx-powermail textarea.powermail_textarea {
    height: auto;
    border: 0;
    color: #333333;
    margin: -20px 0 50px 0;
    padding: 0 0 15px 30px;
    border-bottom: 1px dashed #868585;
}

.micon::before {
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  color: #0098a1;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  pointer-events: none;
  position: absolute;
  display: inline-block;
  top: 4px;
}

.powermail_fieldwrap_ihrname .micon::before {
  content: "\f007";
}

.powermail_fieldwrap_ihretelefonnummer .micon::before {
  content: "\f2a0";
}

.powermail_fieldwrap_ihree_mail_adresse .micon::before {
  content: "\f0e0";
}

.powermail_fieldwrap_type_textarea .micon::before {
  content: "\f303";
}

.powermail_fieldwrap_seiten_url {display:none;}

.tx-powermail .powermail_fieldset .parsley-error {background-color: transparent;}
.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list {background-color: transparent;}
.tx-powermail .powermail_fieldset .parsley-errors-list {
  background-color: transparent;
  border: 0px solid #EBCCD1;
  position: absolute;
  top: -28px;
}

.tx-powermail .powermail_fieldset .parsley-errors-list > li {
  padding: 0;
  font-size: 0.8rem;
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list > li {padding-left:0;}

ul.dropdown-menu {
  -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.35) !important;
  box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.35) !important;
}

/* Accordion */
.card {border: 1px solid rgba(0,0,0,.125); border-radius: 5px;}

.card .card-header {background-color: #0098a1; padding: .15rem .25rem;}
.card .card-header .btn-link {font-weight: 400; color: #ffffff; font-size: 1.0em; width: 100%; text-align: left; padding: 8px 17px 0 17px !important;}
.card .card-header .btn-link:hover, .card .card-header .btn-link:focus, .card .card-header .btn-link:visited  {color: #ffffff; text-decoration: none;}

.card .card-header button::after {float: right;font-size: 1.3em;position: relative;top: -4px;}
.card .card-header button[aria-expanded="false"]::after {content: '+';}
.card .card-header button[aria-expanded="true"]::after {content: '+'; transform: rotateY(0deg) rotate(45deg);}
.card .card-header .btn {white-space: normal;}

.card .card-body header:first-of-type {display: none;}

/* Downloads */
ul.downloads {margin: 0; padding:0; list-style-position: outside;}
ul.downloads li {border: 1px solid #0098a1; border-radius: 5px; list-style: none; margin-bottom: 10px;}
ul.downloads li a {color: #0098a1;}
ul.downloads li a:hover, ul.downloads li a:focus, ul.downloads li a:visited {color: #0098a1; text-decoration: none;}
ul.downloads i {background: #0098a1; padding: 10px 12px; color: #fff; vertical-align: top;}
ul.downloads .label {margin-top: 5px; display: inline-block; margin-left: 10px;}

table tr:nth-child(even) {background: #eeeeee;}
table tr:nth-child(odd) {background: #ffffff;}
table tr {border-bottom: 1px solid #111111;}
table thead tr {background-color:#0098a1 !important; color:#ffffff;}

/* Landingpage - Mensch sein */
body.landing .top-menu-4x {padding: 15px 0 80px 0;}
body.landing .top-menu-logo.lp {margin-top: 60px;}
body.landing .top-menu-logo.lp a {font-family: 'aller_displayregular', sans-serif; font-size: 5em; color: #0098a1;}
body.landing .hvrbox-layer_top .overlay-text { margin-bottom: 70px;}
body.landing .page-banner .hvrbox img {height: 380px;object-fit: cover;}
body.landing .page-banner .overlay-text {margin-top: 9%;}
body.landing .hvrbox-layer_top .overlay { font-size: 2em; line-height: 1.4; color: #ffffff; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.7);}
body.landing .hvrbox-layer_top .overlay span {color: #0098a1; text-shadow: 0 1px 1px #fff,0 -1px 1px #fff,0px 3px 6px rgba(0, 0, 0, 0.7);}
body.landing .overlay-text p.slide-small {font-size: 50px; line-height: 1.4; color: #ffffff; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.7);}
body.landing .overlay-text p.slide-small span {text-shadow: 0 1px 1px #fff,0 -1px 1px #fff,0px 3px 6px rgba(0, 0, 0, 0.7);}
body.landing h1 {font-family: 'aller_displayregular', sans-serif; font-size: 3em; color: #0098a1; font-weight: 400;}
body.landing .about-us-left h1 {font-family: "allerregular", sans-serif; font-size: 2em; margin-bottom: 40px;}
body.landing .container-fluid .row.lp {max-width: 1920px; margin: 0 auto;}


body.landing .lpbox {margin-bottom: 30px; background-size: 55% auto;}
body.landing .lpbox .medical-btn-larg {margin-top: 30px; padding: 7px 23px;}
body.landing .lpbox .content1 {font-size: 1.1em; line-height: 1.4; padding-top: 30px; width: 50%;}

body.landing .lpbox.bgyellow {background-color: #ffb300; border-radius: 5px; height: 350px; padding: 20px 30px;}
body.landing .lpbox.bgyellow a.medical-btn-larg {border:1px solid #ffffff;}
body.landing .lpbox.bgyellow .content {font-family: 'aller_displayregular', sans-serif; font-size: 2.5em; color: #616161; padding: 20px 0; }
body.landing .lpbox.bgyellow .content1 {color: #616161;}

body.landing .lpbox.bggreen {background-color: #0098a1; border-radius: 5px; height: 350px; padding: 20px 30px;}
body.landing .lpbox.bggreen a.medical-btn-larg {background-color: #ffb300; border:1px solid #ffffff;}
body.landing .lpbox.bggreen a:hover.medical-btn-larg {background-color: #0098a1;}
body.landing .lpbox.bggreen .content {font-family: 'aller_displayregular', sans-serif; font-size: 2.5em; color: #ffffff; padding: 20px 0; }
body.landing .lpbox.bggreen .content1 {color: #ffffff;}

body.landing .service-section-5x { padding: 70px 0 90px 0;}
body.landing .service-section-5x .headline {font-size: 2em; color: #0098a1; line-height: 1.3;}

@media (max-width: 1499px) {

}

@media (max-width: 1199px) {
  body.landing .hvrbox-layer_top .overlay-text {margin-bottom: 30px;}
  body.landing .overlay-text p.slide-small {font-size: 40px;}
}

@media (max-width: 991px) {
  body.landing .overlay-text p.slide-small {font-size: 30px;}
  body.landing .top-menu-4x {padding: 0 0 15px 0;}
}

@media (max-width: 767px) {
  body.landing .top-menu-4x {padding: 0 0 20px 0;}	
  body.landing .top-menu-logo.lp a {font-size: 4em;}
  body.landing .overlay-text p.slide-small {font-size: 25px; margin: 0 0 10px 0;}
  body.landing .hvrbox-layer_top .overlay-text {margin-bottom: 0;}
}

@media (max-width: 567px) {
  body.landing .top-menu-logo.lp {margin: 40px 0 10px;}	
  body.landing .top-menu-logo.lp a {font-size: 3.1em;}
  body.landing .hvrbox-layer_top .overlay span {color: #ffffff; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.7);}
  body.landing .overlay-text p.slide-small {font-size: 18px; margin: 0 0 10px 0;}
  body.landing .overlay-text p.slide-small span {color: #ffffff; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.7);}
  body.landing h1 {font-size: 2em;}
  body.landing .about-us-left h1 {font-size: 1.3em; margin-bottom: 25px;}
  body.landing .service-section-5x .headline {font-size: 1.3em;}
  body.landing .page-banner .overlay-text {margin-top: 6%;}
  body.landing .hvrbox-layer_top .overlay { font-size: 1.3em; line-height: 1.4;}
  body.landing .lpbox {background-size: 60% auto;}
  body.landing .lpbox .content1 {font-size: 1em;}
}