@charset "UTF-8";
/*
  Lookup Info:
  About CSS Specificity: http://www.htmlhelp.com/reference/css/structure.html#cascade
*/
/*==========================
  Import Stylesheets
==========================*/
/* Import my own stylesheet parts */
/* Own color variables */
/* F2 used */
/* old Wix website palette */
/* A1-A5 grey */
/* B1-B5 dark blue */
/* C1-C5 bright blue */
/* D1-D5 brown */
/* E1-E5 violet */
/* Wix website, own additional colors (the unused ones) */
/* G1-G4 */
/* H1-H4 */
/* I1-I4 */
/* K1-K4 */
@font-face {
  font-family: "Kaushan Script";
  src: url("../fonts/KaushanScript-Regular.ttf");
}
@font-face {
  font-family: "Mada";
  font-weight: lighter;
  src: url("../fonts/Mada-Light.ttf");
}
@font-face {
  font-family: "Mada";
  src: url("../fonts/Mada-Regular.ttf");
}
@font-face {
  font-family: "Mada";
  font-weight: bold;
  src: url("../fonts/Mada-Bold.ttf");
}
@font-face {
  font-family: "Overlock";
  font-style: italic;
  src: url("../fonts/Overlock-Italic.ttf");
}
@font-face {
  font-family: "Overlock";
  font-weight: bold;
  font-style: italic;
  src: url("../fonts/Overlock-BoldItalic.ttf");
}
/*
$font-family-printed: 'Sarabun';
$font-url-printed-regular: '../fonts/Sarabun-Regular.ttf';
$font-url-printed-bold:    '../fonts/Sarabun-Bold.ttf';
@font-face { font-family: $font-family-printed; src: url($font-url-printed-regular);}
@font-face { font-family: $font-family-printed; font-weight: bold; src: url($font-url-printed-bold);}
*/
/*------------------------*/
* {
  box-sizing: border-box;
}

.navbar-top {
  position: fixed;
  top: 0;
  height: 50px;
  width: 100%;
  font-family: "Mada", sans-serif;
  font-weight: lighter;
  font-size: 19px;
  color: #0E3C53;
  background-color: rgba(255, 251, 242, 0.95) !important;
  z-index: 5;
  padding-left: 65px;
  padding-right: 65px;
}

.navbar-top .navbar-brand {
  margin: 0;
  padding: 0;
}

.navbar-top .navbar-brand img {
  height: 32px;
  width: 32px;
  margin-right: 10px;
  color: #3D9BE9;
}

.navbar-top .navbar-brand span {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 1.5px;
  color: #0E3C53;
}

.navbar-top .navbar-brand span::first-letter {
  font-size: 22px;
}

.navbar-top #navbarNav {
  display: inline;
  float: right;
  vertical-align: middle;
}

.navbar-top .nav-item > a {
  font-size: 19px;
  text-decoration: none;
  color: #0E3C53 !important;
  line-height: 1;
}

.navbar-top .nav-item:hover > a,
.navbar-top .nav-item.active > a,
a.nav-link-footer:hover,
a.nav-link-footer.active {
  color: #3D9BE9 !important;
}

.navbar-top .dropdown-menu a.dropdown-bullet::before {
  content: "◽ ";
}

.navbar-top .dropdown-menu a.dropdown-bullet {
  color: #0E3C53;
}

.navbar-top .dropdown-menu a.dropdown-booking {
  color: #FF8000;
}

.navbar-top {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

.navbar-top .nav-link.hover {
  text-shadow: 0 0 5px black;
}

@media (max-width: 850px) {
  .navbar-top {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.navbar-toggler-icon {
  width: 1em;
  height: 1em;
}

.navbar-top #navbarNav.show {
  display: inline-block !important;
  position: absolute;
  top: 47px;
  left: 20px;
  right: 20px;
  background-color: rgba(255, 251, 242, 0.95);
  border: 1px solid #ccc; /* border color and width */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 20px;
}

.navbar-top #navbarNav:not(.show) {
  display: none;
}

.dropdown-menu i,
.dropdown-menu span {
  font-size: 19px;
}

#dropdownMenuButtonLanguage > img {
  height: 20px;
}

#dropdown-lang .dropdown-item span {
  height: 20px;
  margin-right: 10px;
}

#dropdown-lang .dropdown-toggle {
  background-color: transparent !important;
  padding: 8px 0px 8px 10px;
}

#dropdownMenuButtonLanguage {
  border: none;
}

#dropdownMenuButtonLanguage:focus {
  outline: none;
  box-shadow: none;
}

.notification-bar {
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}

.notification-bar.info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url(data:image/png;base64,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);
}

.notification-bar.success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url(data:image/png;base64,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);
}

.notification-bar.warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url(data:image/png;base64,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);
}

.notification-bar.error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAFfElEQVRYw81WaUxUVxjFkJL6RxQV9a8mjdEYXFFccdeAuEJUXBBRVGQRd424RIMabKcxLDGiCUQzAz8g1KCINvZX06T/2qaJTUw0pFBt9M17bzakfD3nzjw6DMOwtIl9ycmbue/ec8797nfvd6NEJOpTIup/YSBv3LjBIgkoBR4BPwK/BN6PAu1Jg+UaioEYoARor1q1Sn64cEFeVVVJx4MH8s7hkI7aWnlVXi7fnz0rlStWCPsF+sf8FwaKiyZNkuZDh0RvahLf8+fie/bMj9ZW8T19Kr6WFvE9eSK+x4/F19wsGkx9k5UlhRMn0kzxvzFg44ze19f3iHkbGsRz/764KyrEZbOJq6zMD/x2V1aK5+FD8TY2qn5vq6ulfNkymrANx0BF49694uGsAA/C7Lp5U1xXr4rryhUxL10S8+JFMbEc5vnzYiL85pkzYp46pX67b98Wr90ubhiq37aNJiqGYsDWsHu3Cqe3rk5cN274BUtKeguePi3GyZNinDghRnGxGEVFYhQUiHH0qBhHjohx7Jh4kBuemhpxbNrUJxL9GShm2DwIo+fePb/guXP+2VHQEgO5UVgoRn6+X/DwYdFzc0U/eFD0nBzR9+0THXlAuK5dE/POHbElJvbKiXAGYpg47yDswQAVTszQhKAJQdMSzMtTggYEDQgaEDQswT17RN+1S/SdO0XfsUP0jAzR09PFhei1l5ZK4YQJYu2OcAYuNyH0HiSPErUEGU5L8MABqVu9+p8ZWoKZmeJYskQJOiHo3LpVnJs3ixOhd6alKTB36jdsoIHL4QxEF8THi3b3rpjHj/cSNPbv9wsiKR3YFXwcWCZ9+/YeQfvChardvmCBXzA1VZwpKaKtWyfa2rWirVmj2v9EEuePH08T0aEGUqoxM/f166IHCQaHlDMMfuxJSWqGdqxtr/bZs5WghkNLg2Ft+XLRkpNFW7pUTawCJqkXauDWdzhsjOxsMaw1DMyQa6gjpOEe+5w5YdudAUENprXFi0VDhDRGB20t4KNeqIEXL5HhSpSC2Lv6li2iW2uItWNYB/N8mDtXPsCYAqLRg1mz1Psn5Bn1Qg389jv3MRJHX79enAgb3TrpfN480UCqzZwpWkJCRHF+jwQnDLzBJKkXauB1G2apYz01OFVi/cA+eXL45UB7pHHkJX8bIkm9PhF4g8QxFi0SJ2fLRKKREPQn3stEmHHkIy/5qRMuAi9+XrlSXEgeg8mCzgxXMOxTpgwqB9gvdKwSBy/5qRMuB2ytyFg39q2Jtdfnz/ebCELYbI/QHgzykZf81KFen3OgHEniQ9a7ESIToeJ66UjAYAQ/g2lXAA/5yOvduFGoE+4ciOYJ9R67wAsTLoTJwA6gc2UkCEokpK3fdownD/nIS/7+TkJVC3iwdOIQ8mLvm9iKPSaGCY4nD/nIW4fl6K8WqGrIetCBfdqJ09ATbAIJNFRY4uQhH3nJH6kaqvvAralTpRNl9iNqgbUcJo5TEho4/wcEhdHfCjt5yEfege4DPTeiGqxfN0pxFwqTD0ezGxXNRAXkPo4oju/sx/4+HOccT54a/2XENqQ7YS3C2IV7wV+48XxE7feiILlxTKuIYD9zW/UA/9nO7+zH/hzH8bX+6jekO2EUnujcsWMryqZNk7eokoLbUTdqRRdC2YkS7cN6coYU45v/2c7v7Mf+HPfl9OlCHvIN1cBnQHz66NFfMXHqWMtJjLuhhW5c17pRQfkObmc/9uc4jicP+YZlAEj8fMSIjLTY2CbMxLDNmCEtCPOvKKmvcRdsxyz55n+28zv7sT/HcfxwDUQDscAXQDKQDuQkjBz5deqoUd9mjhnzMisuri07Lu4Pvvmf7fzOfoH+yYHxsQMuwafE3yvMNwcPRGPIAAAAAElFTkSuQmCC);
}

.notification-bar > h3 {
  padding-top: 11px;
}

/*--------------------------
  Text outline
--------------------------*/
.outline1 {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.outline2 {
  text-shadow: 0px -1px 0 #000, 0px 1px 0 #000, -1px 0px 0 #000, 1px 0px 0 #000;
}

.outline3 {
  text-shadow: 0px -1px 0 #000, 0px 2px 0 #000, -2px 0px 0 #000, 1px 0px 0 #000;
}

.outline4 {
  text-shadow: 0px -1px 0 #fff, 0px 1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff;
}

/*@import "bootstrap";*/
/*==========================
  Fonts
==========================*/
h1,
.headline1 {
  font-family: "Kaushan Script", sans-serif;
}

h2,
.headline2,
.btn-contact,
.btn-booking,
.testimonial-author {
  font-family: "Mada", sans-serif;
  font-weight: normal;
}

h3,
h4,
p,
div ul li,
form p label,
form p input,
form p textarea,
#timeselector,
.accordion,
.accordion .panel h3,
.accordion:after,
.active:after,
.nav-item,
.footer-text,
.nav-link-footer {
  font-family: "Mada", sans-serif;
  font-weight: lighter;
}

.testimonial-text {
  font-family: "Overlock", sans-serif;
  font-style: italic;
}

h2.small-caps {
  font-variant: small-caps;
}

/*=== Letter spacing ===*/
.footer-text {
  letter-spacing: 1px;
}

/*=== Font sizes ===*/
.headline1 {
  font-size: 4.375rem;
  /*font-size: 70px;*/
}
@media (max-width: 1200px) {
  .headline1 {
    font-size: calc(1.5625rem + 3.75vw);
  }
}

.headline2 {
  font-size: 2.25rem;
  /*font-size: 36px;*/
}
@media (max-width: 1200px) {
  .headline2 {
    font-size: calc(1.35rem + 1.2vw);
  }
}

h1 {
  font-size: 2.8125rem;
}
@media (max-width: 1200px) {
  h1 {
    font-size: calc(1.40625rem + 1.875vw);
  }
}

h2,
.accordion,
.accordion .panel h3,
.accordion:after,
.active:after {
  font-size: 1.75rem;
}
@media (max-width: 1200px) {
  h2,
  .accordion,
  .accordion .panel h3,
  .accordion:after,
  .active:after {
    font-size: calc(1.3rem + 0.6vw);
  }
}

h3,
p,
div p,
div ul li,
form p label,
form p input,
form p textarea,
#timeselector {
  font-size: 1.375rem;
}
@media (max-width: 1200px) {
  h3,
  p,
  div p,
  div ul li,
  form p label,
  form p input,
  form p textarea,
  #timeselector {
    font-size: calc(1.2625rem + 0.15vw);
  }
}

h4,
.testimonial-text,
.testimonial-author,
.nav-link-footer,
.footer-text {
  font-size: 1.1875rem;
}

.btn-contact,
.btn-booking {
  font-size: 1.6875rem;
}
@media (max-width: 1200px) {
  .btn-contact,
  .btn-booking {
    font-size: calc(1.29375rem + 0.525vw);
  }
}

/*----------------------------
  colors
----------------------------*/
h1,
.footer-text {
  color: #0E3C53 !important;
}

h1 .text-color {
  color: #FF8000 !important;
}

.headline1 {
  color: #FFB000;
}

.headline2 {
  color: #fff;
}

:root {
  --headline1-top: calc(14vw);
  --headline1-left: calc(60vw - 9rem);
  --headline2-top: calc(25vw);
  --headline2-left: calc(60vw - 8rem);
  --headline1-xs-top: calc(1rem + 13vw);
  --headline1-xs-left: calc(64vw - 7rem);
  --headline2-xs-top: calc(7rem + 15vw);
  --headline2-xs-left: calc(64vw - 6rem);
  --shadow1-border: 1px;
  --shadow2-border: 1px;
}

.blur-white {
  color: transparent;
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

.blur-black {
  color: transparent;
  text-shadow: 0 0 15px rgb(0, 0, 0);
}

.shadow1-color {
  color: #000;
}

.shadow2-color {
  color: #000;
}

/* Centered text */
.headline1 {
  display: inline;
  position: absolute;
  top: var(--headline1-top);
  left: var(--headline1-left);
}

.headline2 {
  display: inline;
  position: absolute;
  top: var(--headline2-top);
  left: var(--headline2-left);
}

.shadow1-t {
  top: calc(var(--headline1-top) - var(--shadow1-border));
}

.shadow1-b {
  top: calc(var(--headline1-top) + var(--shadow1-border) + 1px);
}

.shadow1-l {
  left: calc(var(--headline1-left) - var(--shadow1-border) - 1px);
}

.shadow1-r {
  left: calc(var(--headline1-left) + var(--shadow1-border));
}

.shadow2-t {
  top: calc(var(--headline2-top) - var(--shadow2-border));
}

.shadow2-b {
  top: calc(var(--headline2-top) + var(--shadow2-border) + 1px);
}

.shadow2-l {
  left: calc(var(--headline2-left) - var(--shadow2-border) - 1px);
}

.shadow2-r {
  left: calc(var(--headline2-left) + var(--shadow2-border));
}

@media (max-width: 575.98px) {
  .headline1 {
    top: var(--headline1-xs-top);
    left: var(--headline1-xs-left);
  }
  .headline2 {
    top: var(--headline2-xs-top);
    left: var(--headline2-xs-left);
  }
  .shadow1-t {
    top: calc(var(--headline1-xs-top) - var(--shadow1-border));
  }
  .shadow1-b {
    top: calc(var(--headline1-xs-top) + var(--shadow1-border) + 1px);
  }
  .shadow1-l {
    left: calc(var(--headline1-xs-left) - var(--shadow1-border) - 1px);
  }
  .shadow1-r {
    left: calc(var(--headline1-xs-left) + var(--shadow1-border));
  }
  .shadow2-t {
    top: calc(var(--headline2-xs-top) - var(--shadow2-border));
  }
  .shadow2-b {
    top: calc(var(--headline2-xs-top) + var(--shadow2-border) + 1px);
  }
  .shadow2-l {
    left: calc(var(--headline2-xs-left) - var(--shadow2-border) - 1px);
  }
  .shadow2-r {
    left: calc(var(--headline2-xs-left) + var(--shadow2-border));
  }
}
/* .invalid CSS class instead or pseudo selector */
input.invalid {
  background-color: #ffcaca;
}

/*----------------------------
  backgrounds
----------------------------*/
.header-img {
  height: 95vh;
  width: 100%;
  position: relative;
  background-position: 50% 50px;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-banner {
  background: rgba(255, 251, 242, 0.95) none repeat scroll 0 0;
}
.section-banner div h1 {
  color: #0E3C53;
}

#baustelle {
  background: rgba(255, 176, 0, 0.8) none repeat scroll 0 0;
}
#baustelle div h1 {
  color: #0E3C53;
}

@media (min-width: 576px) {
  #belief {
    background: url("../images/bg-ed-belief.jpg") no-repeat right top;
    background-size: cover;
  }
}
@media (max-width: 767.98px) {
  #belief {
    background: url("../images/bg-ed-belief-mobile.jpg") no-repeat right top;
    background-size: cover;
  }
}
#in-the-session {
  background: url("../images/bg-ed-welcome-to-feel.jpg") no-repeat center center fixed;
  background-size: cover;
  -webkit-transform: translateZ(0);
}

#in-the-session .welcome-to-feel {
  background: rgba(247, 245, 225, 0.85) none repeat scroll 0 0;
}

#testimonials {
  background: url("../images/bg-ed-bubbles.jpg") no-repeat center center;
  background-size: cover;
}

#your-session {
  background: url("../images/bg-ed-your-session.jpg") no-repeat right bottom fixed;
  background-size: cover;
}

.contact-bg {
  background: url("../images/back-butterfly-orange.jpg") no-repeat center center fixed;
  background-size: cover;
}

#imprint-content {
  background: url("../images/bg-imprint-content.jpg") no-repeat center center fixed;
  background-size: cover;
}

/*----------------------------
  jumbotron containers
  backgrounds and borders
----------------------------*/
.jumbotron,
.session-content .jumbotron, .testimonial-box .jumbotron, .more-details .jumbotron, .why .jumbotron {
  border: 1px solid #c5e0f6;
}

.why .jumbotron {
  background-color: rgba(152, 200, 240, 0.85);
}

.welcome-to-feel .jumbotron {
  border: 1px solid white;
  background-color: rgba(247, 245, 225, 0.2);
}

.more-details .jumbotron {
  background-color: #98c8f0;
}

.testimonial-box .jumbotron {
  background-color: rgba(152, 200, 240, 0.61);
}

.jumbotron,
.session-content .jumbotron {
  background-color: rgba(152, 200, 240, 0.79);
}

.amazing-experience .jumbotron {
  border: 1px solid #dafeee;
  background-color: rgba(169, 252, 216, 0.79);
}

.imprint-content .jumbotron {
  border: 1px solid white;
  background-color: rgba(247, 245, 225, 0.9);
}

/*----------------------------
  buttons
----------------------------*/
.btn-contact:hover, .btn-contact, .btn-booking:hover, .btn-booking {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1) 30%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.2));
  background-repeat: repeat-x;
}

.btn-booking {
  background-color: #B6F3E8;
  color: #323232;
  border-width: 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  transition: all 200ms ease-out;
}

.btn-booking:hover {
  background-color: #A9FCD8;
  color: #323232;
  border-width: 0;
  box-shadow: 0 0 6px white;
}

.btn-contact {
  background-color: #008AFC;
  color: white;
  border-width: 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  transition: all 200ms ease-out;
}

.btn-contact:hover {
  background-color: #1796ff;
  box-shadow: 0 0 10px white;
}

/*----------------------------
  footer
----------------------------*/
.navbar-default {
  background-color: rgba(255, 251, 242, 0.95) !important;
}

.nav-link-footer {
  color: #0E3C53;
  letter-spacing: 1px;
}

.nav-link-footer:hover {
  color: #3D9BE9;
  text-decoration: none;
}

/*--------------------------
  shadows
--------------------------*/
.jumbotron,
.yourapp img,
.section-banner {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

.section-banner,
#footer {
  border-top: 1px solid #b3b3b3;
}

.text-shadow {
  text-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
}

/*--------------------------
  alignment
--------------------------*/
.testimonial-headline {
  text-align: center;
}

.testimonial-author {
  text-align: right;
}

.notification-bar .container-fluid,
#footer .container-fluid {
  align-items: center;
}

.section-banner {
  z-index: 1;
}

/*--------------------------
  padding

  padding with 4 values: top right bottom left;
  padding with 3 values: top right&left bottom;
  padding with 2 values: top&bottom right&left;
  padding with 1 value:  top&bottom&right&left;

--------------------------*/
.symbol-email,
.symbol-phone {
  height: 1.5rem;
}

.symbol-whatsapp {
  height: 1.9rem;
  padding-bottom: 0.2rem;
}

.symbol-telegram {
  height: 1.6rem;
  padding-bottom: 0.2rem;
}

.footer-item {
  padding: 0;
}

.justify-content-end {
  -ms-flex-pack: none !important;
  justify-content: none !important;
}

#header-image {
  margin-top: 50px;
}

@media (max-width: 991.98px) {
  .jumbotron {
    padding: 20px 0 10px;
  }
}
@media (min-width: 768px) {
  .jumbotron {
    padding: 30px 15px 10px;
  }
}
@media (max-width: 575.98px) {
  .headline1 {
    line-height: 48px;
    text-align: center;
    padding-right: 20px;
  }
  .headline2 {
    line-height: 28px;
    text-align: center;
    padding-right: 20px;
  }
}
.section {
  min-height: 100px;
  overflow: hidden;
  position: relative;
  padding: 1.5rem 0.1rem 1.5rem;
}

.section-banner div h1 {
  padding-top: 3.5rem;
  padding-bottom: 1rem;
}

.welcome-to-feel {
  padding-top: 0;
  padding-bottom: 0;
}

.welcome-to-feel .jumbotron {
  padding-bottom: 8rem;
}

.more-details {
  padding: 2rem 2rem;
  position: relative;
  top: -10rem;
}

#yourapp p,
#about p {
  padding: 10px;
}

div h1 + p {
  padding: 20px 20px 0;
}

div p {
  padding: 0 20px 0;
}

/*--------------------------
  margins
--------------------------*/
#footer .container-fluid {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (max-width: 767.98px) {
  #belief .jumbotron {
    margin-top: 500px;
  }
}
/*--------------------------
  treatment cards
--------------------------*/
.tr-container {
  display: flex;
  margin-top: 50px;
  margin-left: 120px;
  margin-right: 120px;
  margin-bottom: 40px;
  flex-wrap: wrap;
  /*align-content: center;*/
  /*justify-content: flex-start;*/
  text-align: center;
  /*background-color: rgba(#333, 0.5);*/
  /*box-shadow: 10px 10px 5px #aaaaaa;*/
  border: 1px solid #BFBFBF;
  box-shadow: 2px 2px 8px 6px rgba(0, 0, 0, 0.1);
  min-width: 301px;
}

.tr-container.test {
  background-color: orange !important;
  border: 1px solid black !important;
}

.tr-container:hover {
  background-color: #F7F5E1 !important;
  border: 1px solid #999999 !important;
  box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.2);
}

.tr-container > .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  background-color: #FFFBF2;
}

.tr-container > .row:hover {
  background-color: white;
}

.tr-container > .row > .column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  min-width: 300px;
}

form > .row > .column {
  display: flex;
  flex-direction: row;
  flex-basis: 100%;
  flex: 1;
  min-width: 300px;
}

.tr-container > .row > .one-column {
  flex-grow: 1;
  padding: 20px;
}

.tr-container > .row > .column > .left-column {
  overflow: hidden; /* for image zoom. Hide the overflowing of child elements */
}

.tr-container > .row > .column > .left-column img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  transition: transform 1s ease; /* for image zoom */
}

.tr-container > .row > .column > .right-column {
  padding: 20px;
  width: 100%;
}

.tr-container > .row:hover > .column > .left-column img {
  transform: scale(1.1); /* for image zoom */
}

/*
#tr-booking-form{
  display: none;
  transition: max-height 0.2s ease-out;
}
*/
.tr-buttons .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  background-color: #FFFBF2;
}

#tr-description p {
  text-align: left;
}

form > .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
}

/*------------------------------
  treatments booking container
------------------------------*/
.tr-booking-container {
  width: 100%;
}

.tr-booking-container > .row {
  display: flex;
  margin-left: 20%;
  margin-right: 20%;
  border: 1px solid #BFBFBF;
  box-shadow: 2px 2px 8px 6px rgba(0, 0, 0, 0.1);
  background-color: #FFFBF2;
  border-radius: 0.3rem;
  min-width: 320px;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}

.tr-booking-container .flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
  margin-left: 20px;
  margin-right: 20px;
}

.tr-booking-container .treatment img {
  min-width: 150px;
  margin-right: 20px;
}

.tr-booking-container .treatment select {
  margin: 10px 0px;
  flex: 1 1 0;
  align-self: center;
}

.tr-booking-container .date {
  margin-right: 20px;
  margin-bottom: 10px;
}

.tr-booking-container .date input {
  padding-left: 20px;
}

@media (max-width: 991.98px) {
  .tr-booking-container > .row {
    margin-left: 15%;
    margin-right: 15%;
  }
}
@media (max-width: 767.98px) {
  .tr-booking-container > .row {
    margin-left: 10%;
    margin-right: 10%;
  }
}
@media (max-width: 575.98px) {
  .tr-booking-container > .row {
    margin-left: 2%;
    margin-right: 2%;
  }
}
/*--------------------------
  contact container
--------------------------*/
.contact-container {
  width: 100%;
}

#contact-intro,
#contact-map {
  text-align: center;
}

.contact-container > .row {
  display: flex;
  margin-bottom: 25px;
  margin-left: 30%;
  margin-right: 30%;
  border: 1px solid #BFBFBF;
  box-shadow: 2px 2px 8px 6px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3rem;
  flex-wrap: nowrap;
  min-width: 320px;
}

@media (max-width: 991.98px) {
  .contact-container > .row {
    margin-left: 20%;
    margin-right: 20%;
  }
}
@media (max-width: 767.98px) {
  .contact-container > .row {
    margin-left: 10%;
    margin-right: 10%;
  }
}
@media (max-width: 575.98px) {
  .contact-container > .row {
    margin-left: 2%;
    margin-right: 2%;
  }
}
.contact-container > .row > .one-column {
  flex-grow: 1;
  padding: 20px;
}

.contact-container > .row > .left-column {
  text-align: left;
}

.contact-container > .row > .right-column {
  flex-grow: 1;
  padding: 20px 20px 20px 0;
}

.contact-container > .row > .left-column img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  padding: 20px;
  text-align: center;
}

.contact-container #map {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.contact-container #map td {
  text-align: center;
  padding-top: 20px;
}

/*--------------------------
  contact form
--------------------------*/
form p textarea {
  height: 150px;
  line-height: 23px;
}

#formtype,
#email2 {
  display: none;
}

/*----------------------------------------------------
  for bookmarks to be shown at the bottom of the page
-----------------------------------------------------*/
#note-ref-ed:target:before,
#note-ref:target:before {
  content: "";
  display: block;
  height: 70vh; /* fixed header height*/
  margin: -70vh 0 0; /* negative fixed header height */
}

/*----------------------------------------------------
  accordion on page treatments
-----------------------------------------------------*/
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #FFFBF2;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: center;
  border-top: 1px solid #b3b3b3;
  border-left: none;
  border-right: none;
  border-bottom: none;
  outline: none;
  transition: 0.4s;
}

.accordion:after {
  content: "+";
  color: #777;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: "−";
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button .accordion .active,
.accordion:hover {
  background-color: #F7DF8D;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  text-align: left;
  padding: 0px 18px;
  background-color: white;
  display: block;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

/*----------------------------------------------------
  language picker colors (selectpicker)
-----------------------------------------------------*/
.btn-light {
  background-color: transparent;
  border-color: transparent;
}

.hideme {
  opacity: 0;
}

.bootstrap-select > .dropdown-toggle {
  min-width: 60px;
}

/*----------------------------------------------------
  scroll down arrows
-----------------------------------------------------*/
.chevron {
  position: absolute;
  top: 90%;
  right: 2.7rem;
  width: 2.1rem;
  height: 0.48rem;
  z-index: 10;
  opacity: 0;
  transform: scale(0.3);
  animation: move-chevron 3s ease-out infinite;
}

.chevron:first-child {
  animation: move-chevron 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move-chevron 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  background: #FFFBF2;
}

.chevron:before {
  left: 0;
  transform: skewY(30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skewY(-30deg);
}

@keyframes move-chevron {
  25% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;
    transform: translateY(2.28rem);
  }
  66.6% {
    opacity: 1;
    transform: translateY(3.12rem);
  }
  100% {
    opacity: 0;
    transform: translateY(4.8rem) scale(0.5);
  }
}

/*# sourceMappingURL=styles.css.map */