:root {
    --white: 250, 250, 250;
    --black: 20,20,20;

    --lightgray: 230, 232, 234;
    --darkgray: 40,45,50;
    --gray: 150,155,160;

    --accent1: 131, 173, 203;
    --accent2: 16, 82, 125;

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

    --accent-font: Myriad, Verdana, sans-serif;
    --main-font: Myriad, Verdana, sans-serif;
    --error-color: inherit;
    --error-bg: var(--input-bg);
 }

 :root {
    --body-bg: rgb(var(--white));
    --loader-color: rgb(var(--lightgray));
    --loader-scale: 0.5;
    --body-text: rgb(var(--black));

    --body-font: normal normal 14px/1.2 var(--main-font);
    --menu-font: normal normal 15px/1.8 var(--main-font);
    --menu-slogan: normal normal 17px/1.1 var(--main-font);

    --first-slogan-text: rgb(var(--black));
    --menu-case: uppercase;
    --header-font: bold normal 30px/1.1 var(--accent-font);
    --header-case: uppercase;
    --subheader-font: bold normal 17px/0.8 var(--main-font);
    --subheader-case: capitalize;
    --accented-font: normal normal 50px/0.8 var(--accent-font);
    --button-font: normal normal 15px/1.2 var(--main-font);
    --button-case: uppercase;
    --button-padding: 10px 20px 10px;
    --button-text: rgb(var(--lightgray));
    --button-hover-text: rgb(var(--white));
    --button-bg: rgb(var(--black));
    --button-border: 0;
    --button-hover-bg: rgb(var(--accent2));
    --button-hover-border: 0;
    --button-hover-filter: none;
    --input-font: var(--main-font);

    --schedule-header-font: bold normal 30px/0.7 var(--accent-font);
    --schedule-header-case: uppercase;
    --schedule-subheader-font: normal normal 15px/0.8 var(--main-font);
    --schedule-item-text: rgb(var(--accent2));
    --schedule-item-bg: rgb(var(--lightgray));
    --schedule-item-border: 2px solid transparent;
    --schedule-item-hover-bg: rgb(var(--accent2));
    --schedule-item-hover-border: 2px solid rgb(var(--accent2));
    --schedule-subitem-bg: linear-gradient(to top, rgba(var(--accent2),0.5) 5px,  transparent 50%);
    --schedule-subitem-text: rgb(var(--white));
    --schedule-subitem-font: normal normal 12px/0.8 var(--main-font);
    --schedule-border: 2px solid rgba(var(--black),1);

    --menu-text: rgb(var(--darkgray));
    --menu-active: rgb(var(--accent2));
    --menu-item-radius: 10px;
    --menu-bg: linear-gradient(to bottom, rgba(var(--lightgray),0.5) 0%, transparent);
    --menu-stuck-bg: linear-gradient(to bottom, rgba(var(--lightgray),0.95) 50%, transparent);;
    --menu-mobile-panel-bg: rgb(var(--darkgray));
    --menu-mobile-bg: linear-gradient(135deg, rgba(var(--accent1),0.95) 0%, rgba(var(--lightgray),0.95) 100%);
    --menu-mobile-text: var(--menu-text);
    --menu-mobile-active: var(--menu-active);
    --menu-mobile-padding: 140px 0px 0 40px;
    --menu-mobile-inner-padding: 0;
    --menu-padding: 25px 0px 25px;
    --menu-inner-padding: 0px 20px 0px;
    --menu-toggle: rgb(var(--lightgray));
    --menu-icon-text: rgb(var(--accent2));
    --menu-icon-bg: rgba(var(--accent1),1);
    --menu-icon-hover-bg: rgba(var(--lightgray),1);
    --menu-icon-hover-text: rgba(var(--white),1);

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

    --menu-dropdown-bg: rgba(var(--darkgray),0.9);
    --menu-dropdown-radius: 0;

    --submenu-font: normal normal 14px/1.1 var(--main-font);
    --submenu-mobile-font: var(--submenu-font);
    --submenu-mobile-text: rgb(var(--darkgray));
    --submenu-text: rgb(var(--white));
    --submenu-active: rgb(var(--accent1));
    --submenu-mobile-padding: 0px 0px 5px 0px;

    --menu-toggle-height: 2px;

    --first-height: 100vh;
    --first-text: rgb(var(--accent2));
    --first-font: bold normal 100px/0.7 var(--accent-font);
    --first-slogan-font: normal normal 17px var(--main-font);
    --first-button-bg: rgb(var(--black));
    --first-button-text: rgb(var(--white));

    --first-plain-bg: transparent;

    --inside-first-text: rgb(var(--darkgray));
    --inside-first-font: normal normal 70px/0.9 var(--accent-font);
    --inside-first-height: 70vh;

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

    --primary-bg: transparent;
    --primary-text: rgb(var(--darkgray));
    --primary-header: rgb(var(--accent2));
    --primary-subheader: rgb(var(--black));
    --link-hover: rgb(var(--accent2));

    --input-bg:rgba(var(--lightgray),1);
    --input-text:rgb(var(--black));
    --input-padding: 5px 10px 5px;
    --label-text: rgba(var(--accent2),1);

    --invert-accent-bg: rgba(var(--accent2),1);
    --invert-accent-subheader: rgb(var(--accent1));
    --invert-accent-header: rgb(var(--white));
    --invert-accent-text: rgb(var(--lightgray));

    --invert-bg: rgba(var(--darkgray),1);
    --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;

    --accent-bg: rgba(var(--lightgray),1);
    --accent-subheader: rgb(var(--darkgray));
    --accent-header: rgb(var(--gray));
    --accent-text: rgb(var(--black));

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

    --first-before-bg: linear-gradient(135deg, rgba(var(--accent1),0.75) 20%, transparent 70%);
    --image-before-bg: linear-gradient(135deg, rgba(var(--accent1),0.75) 20%, rgba(var(--lightgray),0.75) 70%);

    --footer-text: rgba(var(--white),1);
    --footer-bg: rgb(var(--darkgray));
    --footer-font: normal normal 14px/1.1 var(--main-font);
    --footer-icon-size: 20px;
    --footer-icon: rgb(var(--pink));
    --footer-icon-bg: transparent;
    --footer-hover: var(--menu-active);

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

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

    --boxline-bg: rgb(var(--lightgray));

    --ticket-selected-bg: rgba(var(--accent1),1);

    --accented-padding:  0 0 20px 0;
    --quote-bg: rgb(var(--lightgray));
    --quote-padding: 60px 25px 30px 25px;
    --quote-border: 0;
    --quote-radius: 0;
    --quote-scroll-bg: transparent;
    --quote-color: rgb(var(--white));
    --quote-mark: normal normal 50px/1.1 var(--main-font);

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

   --services-image: 60px;
   --services-border: 0;
   --services-padding: 0;

   --pricelist-button-width: 130px;
   --pricelist-border-horizontal: 1px solid black;
   --pricelist-border-vertical: 0;

   --info-padding: 50px;
   --info-border: 0;
   --info-bg: rgb(var(--lightgray));

   --owl-arrow-size: 40px;
   --owl-arrow-offset: -5px;

   --slick-spacing: 50px;
   --slick-frame: 10px;
   --slick-fadeout: rgb(var(--black));
   --slick-image-frame: 25px;
   --slick-image-frame-color: rgb(var(--lightgray));
   --slick-caption-bg: rgba(var(--accent1),0.75);

 }

 @media(max-width:992px) {
   :root {
      --inside-first-height: 50vh;
      --menu-dropdown-width: 120px;
   }
 }

 @media (max-width:768px) {
   :root {
      --slick-arrow-offset: -5px;
      --owl-arrow-offset: -5px;
      --first-shadow: 0 0 20px rgba(var(--lightgray),0.5);
   }
 }

 @media (max-width:496px) {
   :root {
      --first-font: bold normal 50px/0.7 var(--accent-font);
      --inside-first-font: normal normal 60px/1.1 var(--accent-font);
      --inside-first-height: 70vh;
      --first-before-bg: linear-gradient(135deg, rgba(var(--accent1),0.75) 20%, transparent 90%);
      --first-shadow: 0 0 20px rgba(var(--lightgray),1);

   }
 }

 @font-face {
   font-family: "Myriad";
   src:url(../fonts/user/myriad.otf);
   src:url(../fonts/user/myriad.otf)format("opentype");
   font-weight:400;
   font-style:normal
}

@font-face {
   font-family: "Myriad";
   src:url(../fonts/user/myriad-italic.otf);
   src:url(../fonts/user/myriad-italic.otf)format("opentype");
   font-weight:400;
   font-style:italic
}

body {
   letter-spacing: 0.05em;
}

@media(min-width:992px) {
   .infoblock {
      max-width: 80%;
   }   
   .section {
      padding: 70px 0;
   }
}

.infoblock-has-image-left {
   position: relative;
   align-items: flex-start;
   margin-left: auto;
   margin-right: auto;
}

.infoblock-has-image-left .infoblock {
   max-width: calc(100% - 15px);
}

.infoblock-has-image-left .infoblock {
   padding-left: calc(var(--services-image) + 30px);
}

.infoblock-image-left {
   position: absolute;
   left: 30px;
   top: 0;
}

.infoblock-has-image-left h3 {
   max-width: 100px;
}

.schedule-wrap {
   opacity: 0.5;
   text-transform: uppercase;
}

.bg-invert .schedule-table .lesson.online:before {
   color: var(--invert-text);
}

#yoga img, #meditation img, #stretch img, #private img {
   filter:  grayscale(1) invert(100%) sepia(1%) saturate(553%) hue-rotate(176deg) brightness(132%) contrast(89%);;
}

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

 .owl-carousel .post-boxed {
   max-width: calc(100% - 30px);
 }

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

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

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


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

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

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

.first-block .shell-fluid, .first-block .shell, .inside-first-block .shell-fluid, .inside-first-block .shell, #about .range {
   align-items: flex-start;
}

/* doesn't work */
.lg-sub-html:-moz-only-whitespace, .lg-sub-html:empty {
display: none !important;
}

.order-ticket {
   justify-content: flex-start;
   padding: var(--input-padding);
   padding-right: 0;
}

.order-ticket .ticket-label {
   text-transform: uppercase;
   font-size: 14px;
   color: rgb(var(--accent1));
   font-weight: normal;
}

#photos {
   padding: 0 !important;
}

.desaturate, .thumb-ruby__image, .thumb-ann__image {
   filter: grayscale(1)
}

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

.bg-header-plain {
   max-height: 250px !important;
}

.bg-header-plain + #services {
   margin-top: -50px;
}

#schedule {
   position: relative;
   margin-bottom: -300px;
   top: -300px;
   z-index: 10;
   background: linear-gradient(to bottom, transparent 0, var(--body-bg) 280px);
}

.text-accent {
   color: rgb(var(--accent2));
}

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

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

.qr {
   mix-blend-mode: multiply;
}

.schedule-table.schedule-dynamic {
   margin-top: -20px;
}

.schedule-table.schedule-dynamic .day {
   padding-top: 50px;
}

.schedule-table.schedule-dynamic .day-header {
   top: 20px;
}

.schedule-table.schedule-dynamic .lesson .lesson-time {
   z-index: 10;
}

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