:root {
    --white: 253, 253, 253;
    --black: 0,0,0;

    --pink: 189, 138, 161;
    --purple: 105, 88, 103;
    --orange: 205, 102, 41;

    --accent-font: AdoreYou;
    --main-font: Houschka;
    --error-color: inherit;
    --error-bg: rgba(200,0,0,0.25);
 }

 :root {
    --body-bg: rgb(var(--white));
    --loader-color: rgb(var(--pink));
    --body-text: rgb(var(--purple));

    --body-font: normal normal 17px/1.2 var(--main-font), Verdana, sans-serif;
    --menu-font: bold normal 19px/1.8 var(--main-font);
    --menu-slogan: normal normal 17px/1.1 var(--main-font);

    --first-slogan-text: rgb(var(--white));
    --menu-case: capitalize;
    --header-font: normal normal 80px/1.1 var(--accent-font);
    --subheader-font: bold normal 25px/0.8 var(--main-font);
    --accented-font: normal normal 50px/0.8 var(--accent-font);
    --button-font: bold normal 19px/1.2 var(--main-font);
    --button-case: none;
    --button-padding: 12px 20px 10px;
    --button-text: rgb(var(--white));
    --button-bg: linear-gradient(135deg,rgb(var(--purple)) 0, rgb(var(--pink)) 80%);
    --button-hover-bg: linear-gradient(135deg,rgb(var(--pink)) 0, rgb(var(--orange)) 100%);
    --button-hover-filter: none;
    --input-font: var(--main-font);

    --schedule-header-font: normal normal 60px/0.7 var(--accent-font);
    --schedule-header-case: capitalize;
    --schedule-subheader-font: normal normal 20px/0.8 var(--main-font);
    --schedule-item-bg: rgb(var(--pink));
    --schedule-item-border: 2px solid rgb(var(--pink));
    --schedule-item-hover-bg: rgb(var(--orange));
    --schedule-item-hover-border: 2px solid rgb(var(--orange));
    --schedule-subitem-bg: linear-gradient(to top, rgba(var(--orange),0.5) 5px,  rgba(var(--orange),0) 80%);
    --schedule-subitem-text: rgb(var(--white));
    --schedule-subitem-font: normal normal 16px/0.8 var(--main-font);

    --menu-text: rgb(var(--pink));
    --menu-active: rgb(var(--orange));
    --menu-item-radius: 10px;
    --menu-bg: linear-gradient(to bottom,rgba(var(--white),1) 30px, rgba(var(--white),0) 100%);
    --menu-stuck-bg: rgb(var(--white));
    --menu-mobile-panel-bg: var(--menu-stuck-bg);
    --menu-mobile-bg: linear-gradient(135deg,rgba(var(--white),0.8) 0%, rgba(var(--pink),0.8) 100%);
    --menu-mobile-text: var(--menu-text);
    --menu-mobile-active: var(--menu-active);
    --menu-mobile-padding: 120px 20px 0 40px;
    --menu-mobile-inner-padding: 0;
    --menu-padding: 85px 0px 25px;
    --menu-inner-padding: 0px 10px 0px;
    --menu-toggle: rgb(var(--pink));
    --menu-icon-text: rgb(var(--pink));
    --menu-icon-bg: rgba(var(--white),0.5);

    --mark-bg: rgba(var(--purple),0.25);
    --mark-text: inherit;

    --menu-dropdown-bg: linear-gradient(135deg, rgba(var(--pink),0.9), rgba(var(--purple),0.3)), linear-gradient(135deg, rgba(var(--white),0.3),  rgba(var(--white),0.8));
    --menu-dropdown-radius: 5px;

    --submenu-font: normal normal 17px/1.1 var(--main-font);
    --submenu-mobile-font: var(--submenu-font);
    --submenu-mobile-text: rgb(var(--pink));
    --submenu-text: rgb(var(--white));
    --submenu-active: rgb(var(--orange));
    --submenu-mobile-padding: 0px 0px 5px 0px;

    --menu-toggle-height: 2px;

    --first-height: 86vh;
    --first-text: rgb(var(--white));
    --first-font: normal normal 200px/0.7 var(--accent-font);
    --first-shadow: 0 0 60px rgba(var(--purple),0.9), 0 0 30px rgba(var(--purple),0.6);
    --first-slogan-shadow: 0 0 20px rgba(var(--purple),1), 0 0 10px rgba(var(--purple),1), 0 0 5px rgba(var(--purple),0.9);

    --first-plain-bg: linear-gradient(135deg,rgba(var(--pink),1) 0, rgba(var(--purple),0.25) 100%);

    --inside-first-text: rgb(var(--white));
    --inside-first-font: normal normal 130px/0.8 var(--accent-font);
    --inside-first-height: 70vh;

    --first-button-text: var(--first-text);

    --dropdown-text: rgb(var(--navy));
    --dropdown-bg: rgb(var(--lime));
    --dropdown-active: rgb(var(--white));
    --dropdown-hover: rgb(var(--white));

    --primary-bg: rgb(var(--white));
    --primary-text: rgb(var(--purple));
    --primary-header: rgb(var(--orange));
    --primary-subheader: rgb(var(--pink));
    --link-hover: rgb(var(--orange));

    --input-bg:rgba(var(--pink),0.25);
    --input-text:rgb(var(--purple));
    --label-text: rgba(var(--pink),1);

    --accent-bg: linear-gradient(135deg, rgba(var(--pink),0.3) 0, rgba(var(--orange),0.3) 100%);
    --accent-subheader: rgb(var(--pink));
    --accent-header: rgb(var(--pink));
    --accent-text: rgb(var(--purple));

    --invert-bg: linear-gradient(135deg, rgba(var(--purple),1) 0, rgba(var(--pink),1) 100%);
    --invert-subheader: rgb(var(--white));
    --invert-header: rgb(var(--white));
    --invert-text: rgb(var(--white));
    --invert-button-bg: rgb(var(--white));
    --invert-button-text: rgb(var(--pink));
    --invert-button-border: 0;

    --invert-accent-bg: linear-gradient(135deg, rgba(var(--pink),1) 0, rgba(var(--orange),1) 100%);
    --invert-accent-subheader: rgb(var(--white));
    --invert-accent-header: rgb(var(--white));
    --invert-accent-text: rgb(var(--white));

    --input-radius: 25px;
    --button-radius: 25px;
    --block-radius: 20px;
    --accent-radius: 0;
    --icon-radius: 10px;
    --icon-hover: rgb(var(--white));
    --icon-hover-bg:  linear-gradient(135deg, rgba(var(--pink),1), rgba(var(--orange),1));
    --icon-hover-case: none;
    --icon-size: 30px;
    --loader-radius: 50%;

    --first-before-bg: linear-gradient(to bottom, rgba(var(--white),1) 0px, transparent 200px);
    --image-before-bg: linear-gradient(135deg, rgba(var(--pink),0.2) 0px, rgba(var(--orange),0.3) 100%), linear-gradient(135deg, rgba(var(--white),0.8) 0px, rgba(var(--white),0.9) 100%);
    --invert-before-bg: linear-gradient(135deg, rgba(var(--pink),0.7) 0px, rgba(var(--purple),0.8) 100%);

    --footer-text: rgba(var(--pink),0.75);
    --footer-padding: 20px 0 30px;
    --footer-bg: linear-gradient(135deg, rgba(var(--purple),1), rgba(var(--purple),0.5)), linear-gradient(135deg, rgba(var(--purple),1), rgba(var(--black),1));
    --footer-font: normal normal 14px/1.1 var(--main-font);
    --footer-icon: rgb(var(--pink));
    --footer-icon-bg: transparent;
    --footer-hover: var(--menu-active);

    --logo-fixed: 100px;
    --logo-stuck: 50px;
    --logo-mobile: 50px;

    --isotope-spacing: 0px;
    --isotope-title-font: var(--inside-first-font);
    --isotope-title-text: rgb(var(--orange));
    --isotope-radius: 0;

    --ticket-selected-bg: rgba(var(--orange),0.2);

    --accented-padding:  0 0 20px 0;
    --quote-bg: transparent;
    --quote-padding: 20px 50px;
    --quote-border: 5px solid rgb(var(--purple));
    --quote-radius: 60px;
    --quote-scroll-bg: transparent;

    --payment-success-padding: 35px 50px;

   --services-image: 200px;

   --pricelist-button-width: 130px;

 }

 @media(max-width:992px) {
   :root {
      --menu-dropdown-width: 100px;
      --services-image: 150px;
      --inside-first-height: 50vh;
   }
   .bg-invert-accent h2, .bg-accent h2 {
      flex-direction: column;
   }
 }

 @media (max-width:768px) {
   :root {
      --first-font: normal normal 130px/0.7 var(--accent-font);
      --inside-first-font: normal normal 100px/1 var(--accent-font);
      --first-shadow: 0 0 30px rgba(var(--purple),0.9), 0 0 10px rgba(var(--purple),0.6);
      --slick-arrow-offset: -40px;
   }
 }

 @media (max-width:496px) {
   :root {
      --first-font: normal normal 80px/0.7 var(--accent-font);
      --inside-first-font: normal normal 70px/1.1 var(--accent-font);
      --first-shadow: 0 0 30px rgba(var(--purple),1), 0 0 10px rgba(var(--purple),0.9);
      --inside-first-height: 70vh;
      --quote-padding: 20px;
      --quote-radius: 30px;

   }
 }

@font-face {
   font-family: "Houschka";
   src:url(../fonts/user/houschka.ttf);
   src:url(../fonts/user/houschka.ttf)format("truetype");
   font-weight:400;
   font-style:normal
}



@font-face {
   font-family: "AdoreYou";
   src:url(../fonts/user/adoreyou.otf);
   src:url(../fonts/user/adoreyou.otf)format("opentype");
}

.schedule-table.schedule-dynamic .day {
   padding-top: 100px !important;
}

@media(max-width:768px) {
   .day-header {
      position: relative;
      top: 40px !important;
   }
   .schedule-table.schedule-dynamic {
      margin-top: -20px;
      margin-bottom: -20px;
   }
   

}
.schedule-table.schedule-dynamic .day-header {
   margin-bottom: 0px;
}

.schedule-table.schedule-dynamic .lesson.online::before {
   color: transparent;
}

.menu-button {
   padding-top: 0;
   padding-bottom: 0;
}

.menu-button a {
   background: var(--button-bg) !important;
   border-radius: var(--button-radius) !important;
   padding: var(--button-padding) !important;
   padding-top: 3px !important;
   padding-bottom: 3px !important;
   color: var(--button-text) !important;
}

.rd-navbar-fixed .menu-button a { 
   margin: var(--menu-mobile-inner-padding);
   width: 180px;
   position: relative;
   left: -20px;
}

.rd-navbar-fixed .rd-navbar-submenu-toggle::after {
   top: 12px;
}


.menu-button:hover a, .menu-button.active a {
   background: var(--button-hover-bg) !important;
}

.first-block {
   margin-top: -20px;
}

.inside-first-block {
   margin-top: -100px;
}

.bg-header-plain {
   margin-top: -160px;
   padding-top: 180px !important;
}

@media(max-width:992px) {
   .first-block, .inside-first-block {
      margin-top: 30px;
      padding-top: 50px !important;
   }
}

.bg-invert-accent .shell .range [class*=cell], .bg-accent .shell .range [class*=cell] {
   position: relative;
}

.bg-invert-accent h2, .bg-accent h2 {
   width: 33%;
   position: absolute;
   left: 0;
   height: 100%;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   text-align: center;
}

.bg-primary h2 {
   /* font-family: var(--main-font); */
   font-size: 50px;
   font-weight: bold;
}

.pricelist h2 {
   margin-bottom: 20px;
   margin-top: 30px;
}

.pricelist h2:first-of-type {
   margin-top: 0;
}

.bg-invert-accent p:not(.heading-2), .bg-accent p:not(.heading-2) {
   padding-left: 37%;
}

.post-quote {
   display: flex;
   flex-direction: column-reverse;
   justify-content: center;
   margin-right: -3px;
}

.post-quote p, .thumb-ruby__caption p {
   padding: 0 !important;
}

.bg-invert .pricelist a:hover .price-item span {
   color: rgb(var(--pink)) !important;
   filter: saturate(200%);
}

#photos {
   padding: 0 !important;
}

.desaturate {
   filter: saturate(0.5);
}

.services-block {
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

.services-block.private, .services-block.stretch {
   flex-direction: row-reverse;
}

.services-block h3 {
   text-align: left;
   width: 120px;
   margin: 20px;
   font-size: 20px;
}

.services-block.private p, .services-block.stretch p,
.services-block.private h3, .services-block.stretch  h3 {
   text-align: right !important;
}

.services-block.private .infoblock {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
}

.services-block .content p {
   padding: 0 20px;
   text-align: left;
}

.services-block .button  {
  display: none;
}

@media(max-width:768px) {

   .services-block.meditation {
      flex-direction: row-reverse !important;
   }
   .services-block.stretch {
      flex-direction: row !important;
   }

   .services-block.meditation h3, .services-block.meditation p {
      text-align: right !important;
   }
   .services-block.stretch h3, .services-block.stretch p {
      text-align: left !important;
   }

}

@media(max-width:468px) { 

   .services-block a {
      flex-direction: column !important;
   }

   .services-block h3 {
      text-align: left !important;
   }

   .bg-invert-accent h2, .bg-accent h2, .bg-invert h2 {
      width: 100%;
      position: relative;
      display: block;
      margin-bottom: 30px;
   }
   
   .bg-invert-accent p, .bg-accent p, .bg-invert p {
      padding-left: 0% !important;
   }

}

@media(max-width:368px) {
   .range>.cell-xxs-12 img {
      padding-left: 30px;
      padding-right: 30px;
  }
}

.services-block:hover .services-image {
   filter: brightness(0%) invert(42%) sepia(22%) saturate(1772%) hue-rotate(340deg) brightness(105%) contrast(87%);
}

.services-block:hover h3 {
   color: rgb(var(--orange));
}

.thumb-ruby__image {
   filter: saturate(0.75);
}

.pay-header {
   margin-bottom: 20px;
}

.bg-accent.bg-image:before {
   background: var(--image-before-bg) !important;
}

#about .range {
   align-items: flex-start;
}

.bg-header-plain {
   max-height: 50vh !important;
}

.not-found {
   color: white;
}

.pricelist_yoga, .pricelist_meditation, .pricelist_stretch, .pricelist_private {
   margin-left: auto;
   margin-right: auto;
}

.captcha iframe {
   
   position: relative !important;
   top: -3px !important;
   left: -3px !important;
   filter: contrast(120%) !important;
   border: 2px solid white;
}

.captcha .recaptcha {
   /*
   margin-left: auto;
   margin-right: auto;*/
   overflow: hidden;
}

.order-ticket .ticket-label {
   font-size: inherit;
}

.switcher-selected::before {
   background-size: 20px auto;
   background-position: center left;
}