/* ---------------------------------------------------------
   1. Embedded fonts styles
   2. General reset
   3. Сommon site styles
   4. Styles for responsive breakpoints
---------------------------------------------------------*

/* ---------------------------------------------------------
   1. Embedded fonts styles
   ---------------------------------------------------------*/
   @font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?yvl105");
    src: url("../fonts/icomoon.eot?yvl105#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?yvl105") format("truetype"), url("../fonts/icomoon.woff?yvl105") format("woff"), url("../fonts/icomoon.svg?yvl105#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ---------------------------------------------------------
   2. General reset
   ---------------------------------------------------------*/
   html {
    -webkit-font-smoothing: antialiased;
    position: relative;
    min-height: 100%;
}

body {
    background: #fff;
    color: #4a4a4a;
    min-width: 320px;
    font-size: 15px;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
}

.margintop {
    margin: 10px 0px;
}

.list,
.image-gallery,
.contact-detail ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul {
    list-style: none;
    padding: 0px;
}

h1,
.h1 {
    font-size: 21px;
    line-height: 1.19;
    font-weight: 300;
    margin: 0 0 11px;
}

h2,
.h2 {
    font-size: 19px;
    line-height: 1.21;
    font-weight: 600;
    margin: 0 0 17px;
}

h3,
.h3 {
    font-size: 15px;
    line-height: 1.4;
    margin: 0 0 1px;
}

h5,
.h5 {
    font-size: 15px;
    line-height: 1.4;
    margin: 0 0 1px;
}

strong {
    font-weight: 700;
}

p {
    word-spacing: 1px;
}

a,
button {
    text-decoration: none;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
}

/* ---------------------------------------------------------
   3. Сommon site styles
   ---------------------------------------------------------*/
   
   
.icon-marker:before {
    content: "\e905";
}

.icon-calendar:before {
    content: "\e900";
}

.icon-chevron-bottom:before {
    content: "\e901";
}

.icon-chevron-left:before {
    content: "\e902";
}

.icon-chevron-right:before {
    content: "\e903";
}

.icon-chevron-up:before {
    content: "\e904";
}

.icon-plus:before {
    content: "\e906";
}

.image-holder img {
    max-width: 100%;
    height: auto;
}

.text-capitalize {
    text-transform: capitalize;
}

/* main container styles */
#wrapper {
    overflow: hidden;
    position: relative;
}

.bg-stretch {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    background-size: cover;
    background-position: 50% 50%;
}

.map {
    height: 169px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 -38px;
}

.map .map-canvas {
    position: absolute !important;
    top: 0;
    left: 5%;
    width: 100%;
    height: 100%;
}

.map .js-custom-marker {
    width: 0;
    height: 0;
}

.map .custom-marker-active span {
    font-size: 75px;
}

.map .custom-marker-grey span {
	color: #d8d8d8;
}

.map .map-marker {
    font-size: 36px;
    line-height: 1;
    position: absolute;
    left: 50%;
    bottom: 0;
    color: #27a9e1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.map .map-marker:after {
    content: '';
    background-color: #d8d8d8;
    width: 12px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 50%;
    border-radius: 4px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.error-message-detail {
	color: red;
	font-size: smaller;
	font-weight: normal;
}

.btn {
    font-size: 15px;
    line-height: 1.27;
    font-weight: 600;
    padding: 9px 12px;
    white-space: normal;
}

.btn-lg {
    font-size: 22px;
    line-height: 1.18;
    font-weight: 600;
    padding: 21px 12px;
}

.btn-default {
    color: #00b4b0;
    border-color: transparent;
}

.btn-success, .btn-success:focus {
    background: #00b4b0;
    border-color: transparent;
}

.btn-success:hover, .btn-success::after {
  background-color: #009896;
}

.btn-onhold {
  background-color: #D8DBDC;
  font-size: 15px;
}

.anchor {
    color: #1fa9e1;
    font-weight: 600;
    text-decoration: underline;
}

.wrong_info {
    border: 1px solid red !important;
}

p.wrong_info {
    color: red;
    border: none;
}

.transparent {
    background: transparent;
    border: none;
}

.inner_block {
    margin: 15px 0px;
    display: inline-block;
    width: 100%;
}

.RT {
    float: right !important;
}

.breadcrumb-arrow {
    background: #b6eae9;
    width: auto;
    padding: 0;
    line-height: 36px;
    list-style: none;
    margin: 15px -15px 41px;
    border-radius: 0;
    counter-reset: breadcrumb;
}

.breadcrumb-arrow li {
    margin-right: 0;
    position: relative;
    z-index: 9;
}

.breadcrumb-arrow li:nth-child(2) {
	z-index: 6;
}

.breadcrumb-arrow li:nth-child(3) {
	z-index: 3;
}

.breadcrumb-arrow li:before {
    display: none;
}

.breadcrumb-arrow li a:before {
    color: #fff;
    width: 20px;
    height: 20px;
    content: counter(breadcrumb);
    counter-increment: breadcrumb;
    text-align: center;
    font-size: 10px;
    line-height: 19px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 13px;
    left: 40px;
    z-index: 2;
}

.breadcrumb-arrow li:first-child a:before {
	left: 18px;
}

.breadcrumb-arrow li a.breardactive:before {
    background: #ffffff;
    color: #00b4b0;
}

.breadcrumb-arrow li:first-child a {
    /*padding: 0 10px;*/
    padding-left: 31px;
    background: #00b5b1;
}

.breadcrumb-arrow li,
.breadcrumb-arrow li a,
.breadcrumb-arrow li span {
    display: inline-block;
    vertical-align: top
}

.breadcrumb-arrow li:not(:first-child) {
    margin-left: -5px
}

.breadcrumb-arrow li:nth-child(2) a {
    /*background: rgba(0, 180, 176, 0.29);*/
    background: #5CCFCC;
    content: '';
    border-radius: 0 22px 22px 0;
    /*position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;*/
    left: -22px;
}

.breadcrumb-arrow li:nth-child(3) a {
    background: #81DAD8;
    content: '';
    border-radius: 0 22px 22px 0;
    /*position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;*/
    left: -44px;
}

.breadcrumb-arrow li+li:before {
    padding: 0;
}

.breadcrumb-arrow li span {
    padding: 0 10px
}

.breadcrumb-arrow li a,
.breadcrumb-arrow li:not(:first-child) span {
    height: 36px;
    padding: 0 25px 0 53px;
    line-height: 36px
}

.breadcrumb-arrow li a {
    position: relative;
    color: #fff;
    height: 45px;
    text-decoration: none;
    font-size: 0;
    line-height: 45px;
    display: block;
    border-radius: 0 22px 22px 0;
    z-index: 1;
}

.breadcrumb-arrow li:first-child a {
    /*font-size: 15px;*/
}

.breadcrumb-arrow li span {
    color: #434a54
}

.breadcrumb-arrow li a.breardactive {
	font-size: 15px;
    /*background: #00b5b1;*/
    padding: 0 32px 0 69px;
}

.breadcrumb-arrow li a.breardactive:before {
    /*left: 32px;*/
}

/* header styles */
#header {
    background: #27a9e1;
    color: #fff;
    padding: 37px 23px 34px;
    position: relative;
}

#nav {
    background: none;
    min-height: 0;
    margin-bottom: 0;
    border: none;
    position: static;
}

#nav .navbar-toggle {
    border: none;
    border-radius: 0;
    position: absolute;
    top: 35px;
    right: 37px;
    padding: 0;
    margin: 0;
}

#nav .navbar-toggle:focus,
#nav .navbar-toggle:hover {
    background: none;
}

#nav .navbar-nav > li > a {
    color: #fff;
    padding: 10px 35px;

}

#nav .navbar-nav > .active > a {

}

.navbar-nav {
    margin: 0 -15px;
}

.navbar-nav > li > a {
    font-size: 20px;
    line-height: 1.2;
    -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
    transition: background .3s ease-in-out, color .3s ease-in-out;


}

.navbar-collapse {
    border-top: none;
    box-shadow: none;
    z-index: 9999;
}


/* page logo styles */
.logo {
    width: 52px;
    float: left;
}

.logo img {
    width: 100%;
    height: auto;
}

#header .navbar-toggle .icon-bar {
    width: 37px;
    height: 5px;
    background: #fff;
    border-radius: 3px;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
}

.login-link {
    -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
    transition: background .3s ease-in-out, color .3s ease-in-out;
    color: #fff;
    font: 20px/1.2 Play, sans-serif;
    display: block;
    padding: 10px 35px;
    margin: 0 -15px ;
}

.login-link:hover {
    background: #fff;
    color: #27a9e1;
    text-decoration: none;
}

.navbar-brand {
    height: auto;
    padding: 22px 15px;
}

.top-header {
    color: #9b9b9b;
    display: none;
    padding: 19px 0;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}

.top-header:after {
    background: #f8f8f8;
    content: '';
    position: absolute;
    top: 0;
    left: -9999px;
    bottom: 0;
    right: -9999px;
    z-index: -1;
}

.top-header li {
    display: inline-block;
    vertical-align: top;
}

.top-header li + li:before {
    content: '>';
    display: inline-block;
    vertical-align: middle;
    margin: -5px 2px 0 1px;
}

.top-header a {
    color: #9b9b9b;
    font-weight: 300;
}

.top-header strong {
    font-weight: 700;
}

.page-header {
    color: #27a9e1;
    padding: 32px 0;
    margin: 0 20px 33px;
    box-shadow: 0 1px 0 #f8f8f8;
}

.page-header .text {
    font-weight: 700;
    letter-spacing: 1px;
}

.excerpt {
    text-align: center;
    font-weight: 300;
    padding: 0 20px;
    margin-bottom: 52px;
}

.excerpt h2 {
    text-align: center;
    padding-bottom: 18px;
    position: relative;
}

.excerpt h2:after {
    width: 30px;
    height: 2px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: #27a9e1;
    content: "";
    margin: 0 auto;
}

.employee-block {
    font-size: 15px;
    line-height: 1.2666666667;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    outline: none;
    opacity: .5;
    padding: 0 14px;
}

.employee-block.slick-current {
    opacity: 1;
}

.employee-block .image-holder {
    margin-bottom: 20px;
}

.employee-block .image-holder img {
    max-width: none;
    width: 100%;
}

.employee-block .designation {
    font-style: normal;
    display: block;
    margin-bottom: 15px;
}


.employee-block em {
      font-weight: 300;
    }

.employee-block h3 {
    font-weight: 600;
  }

.employee-block .cv-link {
    color: #27a9e1;
    text-decoration: underline;
    display: inline-block;
    vertical-align: top;
    font-family: Play, sans-serif;
    background: none;
    border: none;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    outline: none;
}

.employee-block .cv-link:hover {
    text-decoration: none;
}

.employee {
    position: relative;
}

.employee-list {
    font-size: 0;
    line-height: 1;
    margin: 0 0 42px 12px;
    overflow: hidden;
}

.notice {
    background: #00b4b0;
    color: #fff;
    font-weight: 300;
    line-height: 1.7333333333;
    text-align: center;
    padding: 38px 0 41px;
}

.notice strong {
    font-weight: 600;
}

.notice p {
    margin-bottom: 21px;
}

.notice .btn {
    width: 100%;
    vertical-align: top;
    max-width: 150px;
}

.info {
    font-weight: 300;
    padding: 39px 23px 28px;
}

.info p {
    margin-bottom: 29px;
}

.info .link-holder {
    text-align: center;
}

.info .links {
    display: inline-block;
    vertical-align: top;
    color: #27a9e1;
    text-decoration: underline;
    font-family: Play, sans-serif;
}

.info .links:hover {
    text-decoration: none;
}

.info .text-holder {
    margin-bottom: 53px;
}

.gallery-holder {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.gallery-holder .more {
    background: rgba(39, 169, 225, 0.84);
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    font-size: 25px;
    border-radius: 3px;
    position: absolute;
    bottom: 13px;
    right: 9px;
}

.gallery-holder .more:after {
    width: 0;
    content: '';
    min-height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.gallery-holder .more * {
    display: inline-block;
    vertical-align: middle;
}

.image-gallery {
    width: calc(100% + 116px);
    font-size: 0;
    line-height: 1;
    margin: 0 0 53px -10px;
    overflow: hidden;
}

.image-gallery li {
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    padding: 0 9px;
    border-radius: 3px;
    opacity: .5;
    overflow: hidden;
}

.image-gallery li:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    min-height: 100%;
}

.image-gallery li > * {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.image-gallery li.slick-current {
    opacity: 1;
}

.image-gallery a {
    outline: none;
}

.image-gallery img {
    width: 100%;
    height: auto;
}

.contact-block {
    text-align: center;
    line-height: 1.4;
    padding: 42px 0;
    border-bottom: 2px solid #e2e2e2;
}

.contact-block address {
    line-height: 1.4;
    margin-bottom: 21px;
}

.contact-block p {
    margin-bottom: 15px;
}

.contact-block em {
    font-weight: 400;
}

.contact-detail {
    line-height: 1.67;
    padding: 13px 0 20px;
    margin: 0 15px;
    border-bottom: 2px solid #e2e2e2;
}

.contact-detail ul > li {
    margin-bottom: 25px;
}

.contact-detail ul > li:last-child {
    margin-bottom: 0;
}

.contact-detail ul > li li {
    display: inline;
}

.contact-detail ul > li li:after {
    content: ",";
    display: inline;
    margin-right: 2px;
}

.contact-detail ul > li li:last-child:after {
    display: none;
}

.contact-detail ul ul {
    display: inline;
}

.contact-detail strong {
    color: #27a9e1;
}

.testimonial {
    margin: 0 23px;
}

.testimonial h2 {
    text-align: center;
    padding-bottom: 21px;
    position: relative;
}

.testimonial h2:after {
    width: 30px;
    height: 2px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: #27a9e1;
    content: "";
    margin: 0 auto;
}

.testimonial .slogan {
    font-size: 20px;
    line-height: 1.2;
    color: #27a9e1;
    text-align: center;
    font-weight: 600;
    font-style: normal;
    display: block;
    margin-bottom: 23px;
}

.testimonial .slogan .counter {
    width: 34px;
    height: 34px;
    font-size: 15px;
    line-height: 33px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background: #27a9e1;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    margin: -3px 10px 0 0;
}

.testimonial .slogan .counter:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    min-height: 100%;
}

.testimonial .slogan .counter > * {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.testimonial .meta {
    padding-top: 13px;
}

.testimonial .meta a {
    display: inline-block;
    vertical-align: top;
    color: #4a4a4a;
    font-weight: 700;
    margin-bottom: 16px;
}

.testimonial .meta a:last-child {
    margin-bottom: 0;
}

.testimonial-block {
    background: #f9f9f9;
    font-weight: 300;
  /*  padding: 30px 25px 33px 67px; */
    padding: 20px;
    margin-bottom: 15px;
}

.testimonial-block h3 {
    color: #27a9e1;
    font-weight: 700;
    margin-bottom: 2px;
}

.testimonial-block time {
    display: block;
    font-weight: 700;
    margin-bottom: 8px;
}

blockquote.testimonial-block {
    font-size: 15px;
    line-height: 1.2;
    background: #27a9e1;
    color: #fff;
    border-left: none;
}

.testimonial-block cite {
    display: block;
    position: relative;
}

.testimonial-block q {
    display: block;
}

.testimonial-block q:after,
.testimonial-block q:before {
    display: none;
}

.testimonial-block .category {
    color: #9b9b9b;
    font-weight: 700;
    display: block;
}

.testimonial-block .counter {
    width: 30px;
    height: 30px;
    font-size: 11px;
    line-height: 26px;
    font-weight: 700;
    position: absolute;
    top: -6px;
    left: -42px;
    white-space: nowrap;
    text-align: center;
    color: #27a9e1;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #27a9e1;
}


.testimonial-block .counter:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    min-height: 100%;
}

.testimonial-block .counter > * {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.testimonial-block .heading {
    position: relative;
}

.testimonial-block .heading-holder {
    margin-bottom: 24px;
}

.testimonial-block .holder-icon {
    width: 52px;
    height: 52px;
    text-align: center;
    display: none;
    border-radius: 50%;
    border: 3px solid;
    position: relative;
}

.testimonial-block .holder-icon > .fa {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.testimonial-block .list li:nth-child(1) .holder-icon {
    color: #00b4b0;
    border-color: #00b4b0;
}

.testimonial-block .list li:nth-child(2) .holder-icon {
    color: #fff04b;
    border-color: #fff04b;
}

.testimonial-block p {
	padding-top: 2px;
}

.testimonial-block .user-image {
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    left: -42px;
}

.testimonial-block .user-image img {
    width: 100%;
    height: auto;
}

.hiddendiv,
.hiddendiv2 {
    display: none;
}

.services .btn-holder {
    margin: 0 -15px;
}

.services .excerpt h2 {
    text-transform: capitalize;
}

.services .btn-holder .btn {
    border-radius: 0;
}

div.services_inner.greyed-out {
    background-color: #fafafa;
}

.services_inner.greyed-out, .services .services_inner.greyed-out p { /*h5, span:not(:last-child) {*/
    color: #d3d3d3;
}

.services_inner.greyed-out span:last-child, .services_inner.greyed-out p:last-child {
    color: #4a4a4a;
    font-weight: 600;
}

.services_inner .strike {
    text-decoration: line-through;
}

.services .services_inner {
    background: rgba(226, 226, 226, 0.47);
    text-align: center;
    padding: 21px 10px 17px;
    margin: 0 0 9px;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.services .services_inner:hover {
    background: rgba(31, 169, 225, 0.49);
    color: #fff;
}

.services .services_inner.activated {
    background: #27a9e1;
    color: #fff;
}

.services .practitioner_inner.activated {
    background: none;
}

.services .practitioner_inner.activated:after {
    background: #27a9e1;
}

.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    color: inherit;
    background-color: transparent;
    border-color: transparent;
}

.forheight {
    float: left;
}

.services .services_inner h5 {
    margin: 10px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.services .services_inner h5.servie_name {
    -webkit-line-clamp: 3;
    min-height: 75px;
}

.services .services_inner h5.provider_name {
    -webkit-line-clamp: 2;
    min-height: 50px;
}

.services .services_inner.activated h5,
.services .services_inner:hover h5,
.services .services_inner.activated p,
.services .services_inner:hover p {
    color: #fff;
    position: relative;
    z-index: 1;
}

.services .services_inner p {
    color: #666F7F;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 16px;
}

.services .services_inner:hover p {
    color: #fff;
}

select.form-control,
.form-group input,
.form-group textarea {
  border-radius: 3px;
  border: 0px;
}

.form-group textarea {
  margin-bottom: 30px;
}

th label.checkbox {
  width: 50px;
  padding-left: 30px;
}

.nohover {
    background: #fff !important;
}

.nohover:hover h5 {
    color: #666F7F !important;
}

.nohover:hover p {
    color: #666F7F !important;
}

/* Calender view */
.today {
    /*background-color: #f1f1f1;*/
}

ul.date {
    width: 100%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: -35px 0 30px;
    position: relative;
    z-index: 1;
}

ul.date:after {
    background: #fafafa;
    content: '';
    height: 71px;
    position: absolute;
    top: 0;
    right: -9999px;
    left: -9999px;
    z-index: -1;
}

ul.date li {
    width: 13.1%;
    float: left;
    position: relative;
}

ul.date li h4 {
    margin: 0px;
    font-size: 20px;
    line-height: 26px;
}

ul.date li h5 {
    text-align: center;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 700;
    padding: 16px 5px;
    margin: 0;
}

ul.date ul.time {
    margin-top: 39px;
}

ul.date ul.time li {
    float: none;
    width: 100%;
    margin-top: 10px;
    padding: 0px 5px;
}

ul.date ul.time li button {
    background: #f1f1f1;
    color: #4a4a4a;
    width: 100%;
    font: 700 15px/1.27 Lato, sans-serif;
    outline: none;
}

ul.date ul.time li button:hover {
    background: #27a9e1;
    color: #fff;
}

ul.date ul.time li button.activatedbtn {
    background: #27a9e1;
    color: #fff;
}

ul.time li button.activetime {
    background: #1fa9e1;
}

ul.date li.calender_btn {
    width: 34px;
}

ul.date li.calender_btn button {
    min-height: 50px;
    background: none;
    color: #424242;
    font-size: 23px;
}

ul.date li.calender_btn button:hover {
    color: #fff;
    background: #424242;
}

/* time view
.services .services_inner p.time {color: #34b8c0;   position: relative; padding-bottom: 5px;display: inline-block;}
.services .services_inner p.time:after {content: '';width: 100%; height: 3px; background: linear-gradient(to bottom, #34b8c0 0%,#6f51c7 100%); z-index: 1; position: absolute; bottom: 0px; left: 0px;}
*/
.services .services_inner:hover p.time:after {
    background: #fff;
}

.show_more {
    width: 100%;
    font: 700 15px/1.27 Lato, sans-serif;
    display: inline-block;
    vertical-align: top;
}

.show_more:before {
    content: '+ ';
}

.show_more i {
    width: 20%;
    line-height: 33px;
    height: 100%;
    background: #888888;
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 0px 4px 4px 0px;
    text-align: center;
}

.ui-widget .show_more_btn {
    background: transparent;
    color: #4a4a4a;
    border: none;
    font: 700 15px/1.27 Lato, sans-serif;
    outline: none;
    margin-top: 22px;
}

.appointment {
    color: #fff;
}

.appointment h5 {
    font-size: 20px;
    line-height: 1.2;
    padding-bottom: 23px;
    border-bottom: 1px solid #fff;
}

.appointment .confirmation_btn {
    width: 100%;
    max-width: 212px;
    text-align: left;
    font-size: 15px;
    line-height: 1;
    font-weight: 600;
    padding: 13px 12px;
    margin: 0 auto;
    position: absolute;
    bottom: -45px;
    left: 0px;
    /*right: 15px;*/
}

.appointment-form {
	color: #4A4A4A;
}

.appointment-form h5 {
	font-size: 20px;
    line-height: 1.2;
    padding-bottom: 23px;

}

.appointment-form .confirmation_btn {
    width: 100%;
    max-width: 212px;
    text-align: center;
    font-size: 15px;
    line-height: 1;
    font-weight: 600;
    /*padding: 13px 12px;*/
    margin: 5 auto;
    /*left: 0px;*/
    border: 1px solid #27a9e1;
    /*right: 15px;*/
}

.appointment-form .confirmation_btn:hover {
	border: 1px solid #27a9e1;
}

.appointment-form .when_to_pay_btn {
	width: 120px;
	color: #fff;
	background: #918b8b;
    text-align: center;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    /*padding: 13px 12px;*/
    margin: 5 auto;
    /*left: 0px;*/
    border: 1px solid #918b8b;
    /*right: 15px;*/
    border-radius: 3px;

}

.appointment-form .when_to_pay_btn:hover {

	background: #857f7f;

	outline: none;
	border: 1px solid #918b8b;
}

.appointment-form .when_to_pay_btn:foc {
	border: 1px solid #fff;
	outline: none;
}

.appointment-form .when_to_pay_btn:act {

	border: 1px solid #fff;
	outline: none;
}

.btn-pay-now {
	border-radius: 3px;
	border: none;
	width: 120px;
	max-width: 212px;
	font-size: 15px;
	outline: none;
}

p.selected_appointment span {
    color: #fbff00;
    font-weight: 600;
}

.scroller {
    z-index: 100;
    background: #26A8E1;
    min-height: 260px;
    width: 263px;
    padding: 20px 15px;
    border-radius: 3px;
}

.scroller p {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 15px;
}

.scrolladd {
    position: fixed !important;
    top: 0px;
}

.scroller-form {
    background: #ffffff;
    width: 100%;
    padding: 15px 20px 5px 20px;
    border-radius: 3px;
    margin-bottom: 20px;
    margin-top:10px;
}

.scroller-form p {
    font-size: 18px;
    line-height: 22px;
    margin: 0;
}

.txt_selected {
    color: #4A4A4A;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 10px 0;
    border-bottom: 1px solid #4A4A4A;
    display: -ms-grid;
    display: grid;
}

.txt_selected.front {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

.txt_selected .secondline {
  padding: 10px 0;
}

 .txt_selected.gutschein {
   border: none;
 }

 .txt_selected a {
   padding: 8px;
   text-align: center;
   color: #26A8E1;
 }

.txt_selected.loesen {
  border: none;
}

 .txt_selected.loesen a {
   cursor: pointer;
   text-align: left;
   padding: 0;
 }

.txt_price_info {
	  color: #4A4A4A;
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding: 0 0;
}

.services .practitioner_inner {
    background: none;
    padding: 0;
}

.services .practitioner_inner:hover {
    background: none;
}

.services .practitioner_inner:hover:after {
    background: #27a9e1;
}

.services .practitioner_inner:after {
    background: rgba(226, 226, 226, 0.47);
    content: '';
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    transition: background 0.3s ease-in-out;
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 5px;
    left: 50px;
    z-index: -1;
}

.practitioner_avatar {
    background: #c5c8cf;
    width: 70px;
    height: 70px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.practitioner_avatar .practitioner_round_img {
    width: 100%;
    height: auto;
}

.practitioner_avatar i {
    padding-top: 14px;
}

.practitioner_txt {
    width: calc(100% - 75px);
    display: inline-block;
    vertical-align: middle;
    padding: 10px 3px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.confirmation_btn {
    background: #00B4B0;
    border: #1fa9e1;
    color: #fff;
    font-size: 20px;
}

.confirmation_btn i {
    background: #1a93c3;
    font-size: 15px;
}

.confirmation_btn:hover {
    background: #00908c;
    border: #1a93c3;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.34);
}

.confirmation_btn.lessimportant {
  background: #26A8E1;
  font-size: 15px;
}

.confirmation_btn.lessimportant:hover {
  background: #2295c8;
  color: #ffffff;
}

.confirmation_btn:hover i {
    padding-left: 15px;
}

button.confirmation_btn:hover {
  color: #fff;
}


.calendartext,
.selectdate label.calendartext  {
  font-weight: 700;
}

/*** booking form **/
.register_btn {
    display: inline-block;
    width: 100%;
}

#login-form-link,
#register-form-link {
    display: block;
    padding: 10px;
    text-align: center;
    background: #ababab;
    color: #fff;
    font-size: 18px;
}

#login-form-link.active,
#register-form-link.active {
    background: #3bafda;
}

#login-form-link:hover,
#register-form-link:hover {
    background: #3bafda;
}

/*** done screen **/
.message {
    font-size: 18px;
    margin-top: 16px;
}

.alert_message {
    background: rgba(213, 0, 0, 0.53);
    color: #fff;
    border: 1px solid #830000;
    box-shadow: 0px 0 2px #830000;
    padding: 10px;
    margin-bottom: 15px;
}

.succes_message {
    background: rgb(38, 168, 225);
    color: #fff;
    /*border: 1px solid #39b3d7;
    box-shadow: 0px 0 2px #39b3d7;*/
    padding: 10px;
    margin-bottom: 15px;
}

.ready {
    background-color: #4B946A;
}

.has-errors {
    border-left: 3px solid #B83E2C;
}

.selectdate {
    position: relative
}

.selectdate p {
    position: absolute;
    top: 0;
    font-size: 16px;
    margin: 0;
    font-weight: 500;
    line-height: 20px;
}

.language {
    display: block;
    width: 140px;
    margin-left: auto;
    position: absolute;
    top: 105px;
    right: 9px;
}

.language .btn {
    width: 100%;
}

.selectdate input {
    opacity: 0;
}

.grayout {
    background: #ababab !important;
}

.grayout h5 {
    color: #fff;
}

.grayout p {
    color: #fff !important;
}

.pointer {
    cursor: pointer
}

.employee + .meta {
    display: none;
}

.employee .load-more {
    color: #4a4a4a;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    bottom: 62px;
    left: 0;
}

.employee .load-more:before {
    content: '+ ';
}

.employee .btn {
    width: 230px !important;
    border-radius: 3px;
    z-index: 999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.employee .btn .fa {
    font-size: 18px;
    margin-left: 9px;
}

.services.services-padding {
      padding-top: 0px;
}

.footerpadding {
    padding: 10px;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    z-index: 9999 !important;
}

/* Accordian */
.ui-accordion {
    margin: 0 -15px;
    counter-reset: accordion;
}

.ui-accordion .ui-accordion-content {
    height: inherit !important;
    padding: 34px 38px 40px;
    border: none;
    overflow: hidden;
}

.ui-accordion .ui-accordion-header.ui-state-active h3 {
    background: #27a9e1;
}

.ui-accordion .ui-accordion-header h3 {
    background: #5ac5e6;
    color: #fff;
    text-align: center;
    padding: 13px 10px;
    margin: 0;
    border: none;
    border-radius: 0 !important;
}

.ui-accordion .ui-accordion-header h3:before {
    content: counter(accordion) ".";
    counter-increment: accordion;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 5px 0 0;
}

.ui-state-active h3:after,
.ui-state-default h3:after {
    font: 14px/1 FontAwesome;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0 13px;
}

.ui-state-active h3:after {
    content: "\f106" !important;
}

.ui-state-default h3:after {
    content: "\f107";
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    z-index: 9999;
}

.ui-widget-content {
    color: #4a4a4a;
}

/* footer styles */
.footer-navigation {
    padding: 60px 0 25px;
}

.footer-nav {
    margin-bottom: 35px;
}

.footer-nav h3 {
    color: #626262;
    font-weight: 700;
    text-align: left;
    font-size: 20px;
    padding: 0;
}

.footer-nav li {
    margin-bottom: 10px;
}

.footer-nav a {
    color: #ababab;
}

#footer {
    color: #4a4a4a;
    padding: 18px 0;
    border-top: 2px solid #e2e2e2;
}

#footer a {
    color: #4a4a4a;
}

#footer a:hover {
    text-decoration: underline;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1280px;
    }
}

/* ---------------------------------------------------------
   4. Styles for responsive breakpoints
   ---------------------------------------------------------*/
@media only screen and (min-width: 479px) {
	.custom-h2-teaser {
		display: block;
		font-size: 32px;
		line-height: 1.09;
		margin-bottom: 29px;
		margin-top: 17px;
		font-weight: 600;
	}
}  
   
@media only screen and (max-width: 479px) {
	.custom-h2-teaser {
		display: block;
		font-size: 19px;
		line-height: 1.21;
		margin-bottom: 29px;
		margin-top: 17px;
		font-weight: 600;
	}
}  
   
@media only screen and (min-width: 479px) {
	.teaser-block-one {
		border: 2px solid #00B4B0;
		border-radius: 12px;
		width: 50% !important;
		text-align: center;
		padding: 20px;
		min-width:280px;
	}  
		
	.teaser-block-one h3 {
		margin-top: 80px;
	} 
}

@media only screen and (max-width: 479px) {
	.teaser-block-one {
		border: 2px solid #00B4B0;
		border-radius: 12px;
		text-align: center;
		padding: 10px;
		min-width:280px;
		font-size: 15px;
	    line-height: 1.2666666667;
	    display: inline-block;
	    vertical-align: top;
	    outline: none;
	}   
	
	.teaser-block-one h3 {
		margin-top: 40px;
	}
}
   
   
@media only screen and (min-width: 479px) {
  .hideverysmall {
    display: none  !important;
  }
}

@media only screen and (max-width: 478px) {
  .showverysmall {
    display: none  !important;
  }
}


   @media screen and (max-width:580px) {
    .breadcrumb-arrow li {
    width: initial;
    }
    .mobileShow {
    display: inline;
    }
    .mobileHide {
     display: none !important;
    }
}

@media only screen and (min-width: 768px) {
    .mobileShow {
      display: none !important;
    }
    .mobileHide {
      display: inline;
    }

    .services-padding .container-lg {
      border: 4px solid white;
      border-radius: 6px;
    }
    h1,
    .h1 {
        font-size: 34px;
        line-height: 1.12;
    }

    h2,
    .h2 {
        font-size: 26px;
        line-height: 1.15;
        margin-bottom: 29px;
    }

    .page-header {
        padding: 40px 0 25px 6px;
        margin: 0 0 59px;
    }

    .page-header h1 {
        width: calc(100% - 236px);
        display: inline-block;
        vertical-align: middle;
    }

    .page-header .text {
        width: 230px;
        text-align: right;
        font-size: 15px;
        line-height: 1.22;
        display: inline-block;
        vertical-align: middle;
    }

    .excerpt {
        text-align: center;
        margin-bottom: 82px;
        }

    .language {
        position: absolute;
        top: 89px;
        right: 10px;
        z-index: 9;
    }

    .excerpt h2,
    .testimonial h2 {
        padding-bottom: 34px;
    }

    .excerpt h2:after,
    .testimonial h2:after {
        width: 50px;
    }

    .top-header {
        font-size: 15px;
        line-height: 1.27;
        display: block;
    }

    .breadcrumb {
        /*padding: 19px 0;*/
    }

    .breadcrumb > li + li:before {
        /*padding: 0 0 0 2px;*/
    }

    .breadcrumb-block {
        margin-bottom: 40px;
    }

    .image-gallery {
        width: auto;
        margin: 0;
    }

    .image-gallery li {
        width: 50%;
        margin-bottom: 13px;
        opacity: 1;
    }

    .image-gallery .fullwidth {
        width: 100%;
    }

    .employee-list {
        width: auto;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -14px;
    }

    .employee-block {
        width: 33.33%;
        margin-bottom: 55px;
        opacity: 1;
    }

    .employee-block h3 {
        margin-bottom: 3px;
    }

    .employee-block .image-holder {
        margin-bottom: 22px;
    }

    .employee-block .designation {
        margin-bottom: 23px;
    }

    .meta,
    .employee .meta {
        text-align: justify;
        display: block;
        margin: -2px 0 25px;
    }

    .employee .meta {
        min-height: 99px;
    }

    .meta:after,
    .employee-list + .meta:after {
        content: '';
        width: 100%;
        height: 0;
        display: inline-block;
        vertical-align: top;
    }

    .testimonial .meta {
        padding-top: 25px;
    }

    .testimonial .meta a {
        font-size: 15px;
        line-height: 1.2;
    }

    .services {
        background: #F3F3F3;
        padding: 60px 0 20px;
        counter-reset: inner_block;
    }

    .services .excerpt {
        padding: 0;
        margin-bottom: 86px;
    }

    .details {
      background: #F3F3F3;

    }

    .details h4::before {
      content: none !important;
    }

    .inner_block {
      /*  margin: 15px 0 50px;*/
    }

    .inner_block:last-child {
        margin-bottom: 0;
    }

    .inner_block > h4 {
        text-align: center;
        font-size: 30px;
        line-height: 1.13;
        font-weight: 600;
        padding-bottom: 29px;
        margin: 0 0 43px;
        position: relative;
    }

    .inner_block > h4:before {
        content: counter(inner_block) ". ";
        counter-increment: inner_block;
    }

    .inner_block > h4:after {
        background: #27a9e1;
        content: '';
        width: 50px;
        height: 2px;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .inner_block > h4.stylenarrow {
      margin: 0;
    }

    .contact {
        padding: 30px 0;
        margin-bottom: 25px;
        border-bottom: 2px solid #e2e2e2;
    }

    .contact-block {
        line-height: 1.2;
        text-align: left;
        padding: 20px 25px 20px 5px;
        border-bottom: none;
    }

    .contact-detail ul > li {
        margin-bottom: 0;
    }

    .map {
        height: 240px;
        margin: 0;
    }
    
	
    .standalone_padding {
      padding: 20px;
      background: #F3F3F3;
    }

    .namepraxis {
      height: 50px;
    }

    .namepraxis_margin {
      margin-top: 15px;
      color: #4A4A4A;
    }

    .namepraxis h3 {
      color: #ffffff;
      text-align: center;
      font-size: 25px;
      font-weight: 600;
    }

    ul.date {
        /*text-align: left;*/
        counter-reset: date;
        margin: 0 0 15px;
    }

    ul.date:after {
        right: -20px;
        height: 94px;
        left: -2px;
    }

    ul.date > li {
        width: 12.8%;
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    ul.date .date-title {
        white-space: normal;
    }

    ul.date .date-title .day {
        display: block;
        font-size: 14px;
        line-height: 1;
        font-weight: 300;
        font-style: normal;
        padding-top: 5px;
    }

    ul.date .date-title > * {
        white-space: normal;
        display: inline-block;
        vertical-align: middle;
    }

    ul.date .date-title:after {
        content: '';
        width: 0;
        min-height: 94px;
        display: inline-block;
        vertical-align: middle;
    }

    ul.date > li:not(.calender_btn) h5:before {
        /*content: counter(date) ".";*/
        counter-increment: date;
        font-size: 13px;
        line-height: 1;
        font-weight: 700;
        margin-right: 5px;
    }

    ul.date li.calender_btn button {
        min-height: 94px;
    }

    ul.date li h5 {
        font-size: 15px;
        line-height: 1;
        display: inline;
        padding: 0;
    }

    ul.date ul.time li button {
        background: #fff;
        /*text-align: left;*/
        font-size: 15px;
        line-height: 1;
        padding: 8px 5px;
    }

    ul.date ul.time {
        margin-top: 24px;
    }

    .services .services_inner {
        background: #fff;
        border-radius: 3px;
    }

    .services .practitioner_inner {
        background: none;
        padding: 10px 0;
        margin-bottom: 25px;
    }

    .services .practitioner_inner:after {
        background: #fff;
        top: 0;
        left: 24px;
        bottom: 0;
    }

    .services .show_more_btn {
        font-size: 15px;
        line-height: 1.2;
        font-weight: 700;
        display: inline-block;
        vertical-align: top;
      /*  margin-top: 28px; */
        outline: none;
    }

    .services .show_more_btn .fa {
        font-size: 66%;
        display: inline-block;
        vertical-align: middle;
    }

    .services .show_more_btn:hover {
        text-decoration: underline;
    }

    .services .services_inner h5 {
        font-weight: 700;
        margin: 0 0 5px;
    }

    .practitioner_txt {
        text-align: left;
    }

    .info .text-holder {
        padding: 30px 16px 0 0;
        text-align: right;
    }
    .services .col-md-12 {
      min-height: 150px;
    }
    .services .col-md-12 p.putdown {
      margin-top: 30px;
    }
}

@media only screen and (max-width:767px) {
    #header.indexheader {
      background: white;
    }
    .scroller-form {
      border: 3px solid #4A4A4A;
    }
    
    .fancybox-nav span {
		visibility: visible;
	}

    .mobileShow {
    display: inline;
     }
    .mobileHide {
    display: none !important;
    }
    ul.date {
        display: block;
        width: auto;
        overflow: hidden;
        margin: 0 -30px 30px;
        white-space: nowrap;
    }

    ul.date .date-title {
        white-space: normal;
    }

    ul.date .date-title .day {
        display: block;
        font-size: 14px;
        line-height: 1;
        font-weight: 300;
        font-style: normal;
        padding-top: 5px;
    }

    ul.date .date-title > * {
        white-space: normal;
        display: inline-block;
        vertical-align: middle;
    }

    ul.date li h5 {
        font-size: 12px;
        line-height: 1;
        display: inline;
        padding: 0;
    }

    ul.date .date-title:after {
        content: '';
        width: 0;
        min-height: 51px;
        display: inline-block;
        vertical-align: middle;
    }

    ul.date > li:not(.calender_btn) h5:before {
        font-size: 13px;
        line-height: 1;
        font-weight: 700;
        margin-right: 5px;
    }

    ul.date li {
        float: none;
        display: inline-block;
        vertical-align: top;
        white-space: normal;
        width: 33.3%;
    }

    ul.date li.calender_btn {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
    }

    ul.date li.calender_btn.RT {
        left: auto;
        right: 0;
    }

    ul.date:after {
        height: 51px;
    }

    ul.date li.calender_btn {
        /*width: 26px;*/
    }

    ul.date li.calender_btn button {
        /*padding: 8px;*/
        min-height: 51px;
    }

    ul.date ul.time {
        margin-top: 0px;
    }

    ul.date ul.time li button {
        font-size: 12px;
        padding: 6px 5px;
    }

    .page-header {
        padding-right: 120px;
    }

    .scroller {
        width: 100% !important;
    }

    .forfooter {
        margin-bottom: 80px;
    }

    .language {
        display: none;
    }

    .page-header {
        padding-right: 0;
    }

    .namepraxis {
      height: 0px;
    }

    .namepraxis_margin {
      margin-top: -10px;
      color: #4A4A4A;
    }
    select.form-control,
    .form-group input,
    .form-group textarea {
      background: #F3F3F3;
    }

    .login-link {
	    -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
	    transition: background .3s ease-in-out, color .3s ease-in-out;
	    background: #fff;
		    color:#27a9e1;
	    font: 20px/1.2 Play, sans-serif;
	    display: block;
	    padding: 10px 35px;
	    margin: 0 -15px;
	    text-align:center;
    }

    .testimonial {
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 991px) {
	.testimonial-block .holder-icon {
		background-color: #f9f9f9;
	    display: inline-block;
	    position: relative;
	    top: 3px;
	    left: -34px;
	    width: 30px;
	    height: 30px;
	    text-align: center;
	    border-radius: 50%;
	    border: 2px solid;
	}
	
	.testimonial-block p {
		padding-top: 0px;
    	margin-top: -24px;
	}
	
	.testimonial-block {
	    margin-left: -30px;
    	margin-right: -30px;
    	padding: 30px 10px 33px 40px;
    }
    
    
    .testimonial-block .counter {
    	width: 30px;
	    height: 30px;
	    font-size: 12px;
	    line-height: 27px;
	    font-weight: 900;
	    position: absolute;
	    top: -5px;
	    left: -34px;
	    white-space: nowrap;
	    text-align: center;
	    color: #27a9e1;
	    text-align: center;
	    border-radius: 50%;
	    border: 2px solid #27a9e1;
    }
}

@media only screen and (min-width: 992px) {
    body, q {
        font-size: 17px;
        line-height: 1.29;
    }

    h1,
    .h1 {
        font-size: 36px;
        line-height: 1.1;
    }

    h2,
    .h2 {
        font-size: 32px;
        line-height: 1.09;
    }

    h3,
    .h3 {
        font-size: 17px;
        line-height: 1.2;
        margin-bottom: 29px;
    }

    #nav {
        margin-right: -13px;
    }

    #header {
        padding: 20px 0;
        background: #26A8E1;
    }

    #nav {
        width: calc(100% - 200px);
        float: right;
    }

    #nav .navbar-nav {
        margin: 0 0 0 0;
        border-right: 1px solid #fff;
    }

    #nav .navbar-nav.last {
        border-right: none;
        margin: 0 -15px 0 15px;
    }

    #nav .navbar-nav > li {
        margin-right: 20px;
    }

    #nav .navbar-nav > li > a {
        padding: 0;
        margin: 8px 0;
        font-family: 'Lato', sans-serif;
        font-size: 18px;
    }

    #nav .navbar-nav > li > a:hover {
        text-decoration: underline;
    }

    #nav .navbar-nav > .active > a {
        background: none;
        color: #fff04b;
    }

    .logo {
        width: 181px;
    }

    .login-link {
        border-top: none;
        float: left;
        padding: 0;
        margin-top: 8px;
        margin-bottom:8px;
        margin-left: 25px;
    }

    .login-link:hover {
        color: #fff;
        background: none;
        text-decoration: underline;
    }



    .page-header .text {
        width: 230px;
        text-align: right;
        font-size: 17px;
        line-height: 1.16;
        display: inline-block;
        vertical-align: middle;
    }


    .employee-block {
        width: 25%;
        font-size: 17px;
        line-height: 1.2;
    }

    .employee-block .image-holder {
        margin-bottom: 23px;
    }

    .employee .btn {
        width: 340px !important;
        padding: 21px 22px;
    }

    .notice {
        padding: 79px 0 59px;
    }

    .notice p {
        margin-bottom: 37px;
    }

    .notice .btn {
        max-width: 214px;
        font-size: 17px;
        line-height: 1.16;
        padding: 10px;
    }

   .info {
        padding: 60px 0 56px; /*padding: 116px 0 86px; */
    }

    .info .text-holder {
        padding-top: 63px;
    }

    .info .link-holder {
        padding-top: 17px;
        text-align: right;
    }

    .info .links {
        font-size: 17px;
        line-height: 1.2;
    }

    .gallery-holder .more {
        width: 106px;
        height: 92px;
        font-size: 47px;
    }

   .contact {
        padding: 45px 0 75px;
    }

    .contact-block {
        line-height: 1.2;
        text-align: left;
        padding: 77px 25px 20px 5px;
        border-bottom: none;
    }

    .contact-block address {
        line-height: 1.2;
        margin-bottom: 58px;
    }

    .contact-detail {
        padding-bottom: 40px;
    }

    .map {
        height: 381px;
        margin: 0;
    }

    .map .map-marker {
        font-size: 109px;
    }

    .map .map-marker:after {
        width: 37px;
        height: 11px;
        border-radius: 11px;
    }
   

    .testimonial {
        padding-bottom: 105px;
    }

    .testimonial .slogan {
        font-size: 32px;
        line-height: 1.11;
        margin-bottom: 53px;
    }

    .testimonial .slogan .counter {
        width: 70px;
        height: 70px;
        font-size: 32px;
        border-radius: 16px;
        padding-top: 4px;
        margin: -9px 20px 0 0;
    }

    .testimonial-block {
        max-width: 82.2%;
        margin-left: 60px;
        padding: 30px 50px 30px 153px;
    }

    blockquote.testimonial-block {
        max-width: 78.2%;
        font-size: 17px;
        line-height: 1.2;
        padding: 64px 55px 47px 135px;
        margin: 0 59px 74px auto;
    }

    .testimonial-block h3 {
        font-size: 28px;
        line-height: 1.13;
    }

    .testimonial-block p {
    min-height: 50px;
  }

    .testimonial-block time {
        font-size: 17px;
        line-height: 1.2;
    }

    .testimonial-block .heading-holder {
        margin-bottom: 44px;
    }

    .testimonial-block .category {
        font-size: 20px;
        opacity: 0.5;
        position: absolute;
        top: -5px;
        right: -30px;
    }

    .testimonial-block .list li {
        margin-bottom: 17px;
        position: relative;
    }

    .testimonial-block .holder-icon {
        display: block;
        position: absolute;
        top: 2px;
        left: -87px;
    }

    .testimonial-block .counter {
        width: 70px;
        height: 70px;
        font-size: 30px;
        line-height: 64px;
        border-width: 3px;
        border-radius: 16px;
        left: -97px;
        top: -1px;
    }

    .testimonial-block .name {
        font-size: 20px;
        line-height: 1.2;
    }

    .testimonial-block cite {
        margin-bottom: 42px;
    }

    .testimonial-block q {
        margin-left: -73px;
        font-style: italic;
        font-weight: 400;
    }

    blockquote.testimonial-block time {
        display: inline;
        font-size: 17px;
        line-height: 1.2;
    }

    blockquote.testimonial-block time:before {
        content: ', ';
    }

    .testimonial-block .user-image {
        width: 71px;
        height: 71px;
        left: -82px;
        top: -18px;
    }

  /*  .services {
        padding-top: 100px;
    } */

    .btn-wrap .button-modal  {
      font-size: 15§px;
      font-weight: 700;
    }

    ul.date li h5 {
      font-size: 15px;
    }

    ul.date .date-title .day {
      font-size: 14px;
    }

    .footer-navigation {
        padding: 94px 0 72px;
        margin: 0 -34px;
    }

    .footer-nav {
        font-size: 17px;
        line-height: 1;
        margin-bottom: 0;
    }

    .footer-nav h3 {
        margin-bottom: 14px;
    }

    .copyright {
        margin-right: 59px;
        font-family: 'Lato', sans-serif;
    }
}

@media only screen and (max-width: 991px) {

  .navbar-nav > li {
      border-bottom: 1px solid #fff;
  }

  .navbar-collapse {
      position: absolute;
      top: 100%;
      right: 0;
      left: 0;
  }

  .navbar-default .navbar-collapse {
    padding-top: 40px;
    padding-bottom: 40px;
      background: #fff;
      opacity: 0.89;
      text: center;
  }

  .navbar-inverse .navbar-collapse {
      background: #fff;
  }

  .navbar-collapse.collapse {

  }

  #nav .navbar-nav > li > a {
    background: #fff;
  color:#27a9e1;
  text-align: center;
  }

  #nav .navbar-nav > a {
      background: #fff;
    color:#27a9e1;
    text-align: center;
  }

  .navbar-header {
    float: none;
}
.navbar-left,.navbar-right {
    float: none !important;
}
.navbar-toggle {
    display: block;
}
.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}
.navbar-collapse.collapse {
    display: none!important;
}
.navbar-nav {
    float: none!important;
    margin-top: 7.5px;
}
.navbar-nav>li {
    float: none;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.collapse.in{
    display:block !important;
}

.footer-nav h3 {
    margin-bottom: 10px;
}


    .employee-list + .meta .btn {
        font-size: 15px;
    }

    .scroller {
    	/*text-align: center;*/
    	width: 100%;
    	margin-top: 20px;
    }
}

@media only screen and (max-width:1199px) {
    ul.date li h4 {
        margin: 0;
        font-size: 17px;
        line-height: 21px;
    }
}

@media only screen and (min-width: 1200px) {
  .testimonial .meta a {
      font-size: 20px;
    }

  .services .show_more_btn {
      font-size: 17px;
    }

  .page-header .text {
       font-size: 20px;
    }
      body, q {
        font-size: 20px;
        line-height: 1.2;
    }

    h1,
    .h1 {
        font-size: 40px;
        line-height: 1.0833333333;
    }

    h2,
    .h2 {
        font-size: 38px;
        line-height: 1.09;
    }

    h3,
    .h3 {
        font-size: 20px;
    }

    .employee-block {
        font-size: 20px;
    }

    .btn-wrap .button-modal  {
      font-size: 17px;
      font-weight: 700;
    }

    ul.date li h5 {
        font-size: 17px;
    }

    ul.date .date-title .day {
        font-size: 15px;
    }

    ul.date > li:not(.calender_btn) h5:before {
        font-size: 15px;
    }

    ul.date ul.time li button {
          font-size: 15px;
        padding: 19px 12px;
    }

  /*  .services {
        padding-top: 149px;
    } */

    .scroller {
        padding: 34px 35px;
    }

    .txt_selected {
        font-size: 14px;
        padding: 17px 0;
    }

    .appointment .confirmation_btn {
        max-width: 290px;
      /*  width: 100%;  */
        font-size: 15px;
        padding: 21px 12px;
        bottom: -63px;
    }


}

@media only screen and (min-width: 1400px) {
    .employee .load-more {
        left: -22px;
    }

    .employee-list + .meta {
        margin: -8px -24px 35px;
    }
}

.form-group label {
  padding-left: 12px;
  font-weight: 500;
}

.form-group .bestimmungen {
  font-size: 14px;
  font-weight: 600;
}

.form-group .bestimmungen a {
  color: #26A8E1;
}

.btn-wrap {
    padding: 20px 0 0;
    margin: 0 0 -17px;
}

.button-modal {
    color: #4a4a4a;
    font-size: inherit;
    font-weight: 700;
    letter-spacing: 0.08px;
    line-height: 28px;
    background: none;
    border: none;
    box-shadow: none;
    outline: none;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}

.button-modal:hover {
    opacity: 0.7;
}

.text-select a,
.text-select .anchor  {
    color: #4a4a4a;
}

.text-select a:hover,
.text-select .anchor:hover {
    opacity: 0.8;
}

.image-gallery li {
    text-align: left;
}

.image-gallery  a {
    display: inline-block;
    vertical-align: top;
}

.image-gallery  .img {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 170px;
    height: 170px;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    margin: 0;
}


.ui-accordion .box-select {
    background-color: #F3F3F3;
    display: block;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    font-weight: 300;
    color: #27a9e1;
    background: #fff;
    padding: 15px 10px;
    font-weight: 700;
    transition: all 0.3s;
    font-family: 'lato', Arial, Helvetica, sans-serif;

}

.ui-accordion .box-select  span {
    font-weight: 300;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    overflow: hidden;
}

.heading-holder h3 {
    pointer-events: auto;
}

.heading-holder {
    pointer-events: auto;
}

.heading-holder.ui-state-active .box-select-text {
   display: none;
}

.ui-accordion .box-select.box-select-padding {
   display: none;
}

.heading-holder.ui-state-active .box-select-padding {
   display: block;
}

.ui-accordion .ui-accordion-content {
    padding-top: 0;
}




.ui-accordion .ui-accordion-header.heading-holder {
    padding: 0;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}

.heading-holder .ui-icon, .ui-widget-content .ui-icon {
    display: none;
}

.services_inner {
   line-height: 0;
}

.services_inner > * {
   line-height: 1.2;
}

.fix-wrap {
    position: relative;
}

.btn-fixed {
    position: fixed;
}

.btn-fixed.static-state, .btn-fixed-mob.static-state {
    position: absolute;
}

.btn-fixed.btn-teaser.static-state, .btn-fixed-mob.static-state {
    bottom: -50px;
}

.btn-teaser:not(.static-state) {
    background: #9b9ea0;
    bottom: 0px;
}

.btn-fixed {
    position: fixed;
    bottom: 20px;
    z-index: 999;
    right: 20px;
    box-shadow: 0 0px 4px 0 rgba(0,0,0,0.2);
}

.btn-fixed-mob {
    position: fixed;
    width: 75%;
    font-size: 21px;
    line-height: 20px;
    font-weight: 600;
    z-index: 99;
    bottom:0px;
    border: 4px solid white;
    border-radius: 6px;
    left: 50%;
    margin-left: -37.5%;
}

.services {
    position: relative;
}

.terminmobile {
  width:100%;
  background-color:rgb(0, 180, 176);
  position:relative;
  padding:15px;
  border-radius: 4px;
}

.terminmobile h5 {
  padding-bottom: 12px;
}

.appointment .terminmobile .confirmation_btn{
  max-width: none;
}

.txtterminmobile {
  display: inline;
}

@media only screen and (min-width: 768px) {

    .fordesktop .btn-show-link {
        margin-bottom: 20px;
    }

    .services .practitioner-holder .pointer p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        display: block;
    }

    .btn-fixed {
        bottom: 30px;
        right: 30px;
        z-index: 99;
        box-shadow: none;
    }

    .same-height {
        display: flex;
        flex-wrap: wrap;
        width: calc( 100% - 30px);
    }

    .same-height .forheight,
    .same-height .pointer {
        display: flex;
        flex-wrap: wrap;
        float: none;
    }

    .same-height .forheight  > *,
    .same-height .pointer  > * {
        width: 100%;
    }

    .image-gallery  .img {
        width: 100%;
    }

    .image-gallery  a {
        display: block;
    }


    .appointment {
        margin-bottom: 60px;
        padding-bottom: 5px;
    }

    .appointment .confirmation_btn {
        max-width: none;
        text-align: center;
    }

    .btn-wrap {
        text-align: center;
        margin: -12px 0 0;
        padding: 0 0 35px;
    }

    .services .services_inner p {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        white-space: normal;
    }

    .services .box-holder .services_inner p:last-child:before {
        display: inline-block;
        vertical-align: top;
        padding: 0 5px;
    }
}

@media only screen and (min-width: 992px) {

  .services .services_inner p {
    font-size: 14px;
  }

    .selectdate label,
    .date span {
      font-size: 15px;
      font-weight: normal;
    }

    .selectdate input,
    .selectdate p {
        font-size: 15px;
        line-height: 26px;
        font-weight: 700;
    }

    .fordesktop .btn-show-link {
        background: none;
        color: #4a4a4a;
        text-decoration: none;
        padding: 0;
        margin: 0;
        min-width: 0;
        display: inline-block;
        vertical-align: top;
        border: none;
        outline: none;
        width: auto;
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 1.2;
        font-weight: 700;
    }

    .fordesktop .btn-show-more:hover {
        opacity: 0.7;
    }


    .selectdate {
        display: inline-block;
        vertical-align: top;
    }

    .text-select {
        font-weight: 700;
        font-size: 15px;
        line-height: 25px;
    }

    .image-gallery  .img {
        height: 256px;
    }

    .image-gallery  .fullwidth .img {
        height: 237px;
    }
}



@media only screen and (min-width: 1200px) {
  .text-select {
      font-size: 17px;
  }

  .selectdate input,
  .selectdate p {
      font-size: 17px;
    }

    .fordesktop .btn-show-link {
      font-size: 17px;
    }
    .services .fordesktop .forheight  {
        width: 20%;
        padding: 0px 10px 24px;
    }

    .services .services_inner p {
      font-size: 15px;
      margin-bottom: 2px;
      line-height: 20px;
    }
    .services .services_inner h5 {
        font-size: 17px;
        margin-bottom: 2px;
        line-height: 20px;
    }


    .services .services_inner p {
        white-space: normal;
    }

    .practitioner_avatar {
        width: 71px;
        height: 68px;
    }

    .practitioner_txt {
        width: calc(100% - 78px);
    }

    .services .practitioner_inner {
        padding: 15px 0;
        margin-bottom: 19px;
    }

}


@media screen and (max-width:580px) {
    .selectdate p {
        padding-top: 10px;
    }
    .selectdate label {
      font-weight: 300;
    }
    /* service box */
    h5 {
        font-size: 15px;
        line-height: 19px;
    }

    ul.date li h5 {
        font-size: 13px;
    }

    ul.date .date-title .day {
        font-size: 12px;
    }

    .services .services_inner h5 {
        margin: 0;
        font-weight: 700;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        white-space: normal;
    }

    .padding_left:nth-child(2n+1) {
        padding-right: 12px;
    }

    .padding_right:nth-child(3n+1) {
        padding-left: 12px;
    }

    .pull-right>.dropdown-menu {
        left: 0;
        width: 60%;
    }

    /* Date section*/
    ul.date li.calender_btn {
        width: auto;
    }

    ul.date li.calender_btn {
        /*width: 15px;*/
    }

    ul.date li.calender_btn.RT button {
        padding: 9px 0px 9px 21px;
    }

    ul.date li.calender_btn button {
        padding: 9px 21px 9px 0px;
        background: transparent;
        color: #000;
        outline: none;
        font-size: 20px;
    }

    .breadcrumb-arrow li a.breardactive {
        padding: 0 20px 0 58px;
    }

    .breadcrumb-arrow li a.breardactive:before {
        left: 33px;
    }

    footer.footer a,
    footer.footer custom {
        font-size: 9px;
    }
}

@media only screen and (max-width: 767px){
	
    .btn-fixed {
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        padding: 13px 10px;
    }

    .box-select-padding-date {
    	margin-bottom: -30px;
    }

    .selectdate {
    	margin-left: -30px;
    }

    .selectdate label {
      font-weight: 300;
      font-family: 'Lato', sans-serif;
    }

    ul.date li h5 {
        font-size: 15px;
    }

    ul.date .date-title .day {
        font-size: 13px;
        font-family: 'Lato', sans-serif;
    }

    .services .services_inner .detail {
        font-weight: 400;
        font-family: 'Lato', sans-serif;
        font-size: 13px;
    }

    .services .services_inner .detail .reduction {
        white-space: nowrap;
    }

    .services .services_inner p {
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 5px;
        font-weight: 400;
        font-family: 'Lato', sans-serif;
      }
      
      
}