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

    --red: 245, 19, 28;
    --orange: 234, 150, 15;
    --yellow: 204, 194, 80;
    --green: 124, 191, 46;
    --cyan: 0, 216, 205;
    --blue: 35, 73, 229;
    --pink: 167, 62, 193;
    --purple: 158, 31, 99;

    --accent-font: Rambors;
    --main-font: Aptly;
    --error-color: inherit;
    --error-bg: rgba(200,0,0,0.25);

    --grid: 5px;
    --stripes: repeating-linear-gradient(45deg, transparent 0, transparent var(--grid), rgba(var(--black)) var(--grid), rgba(var(--black)) calc(var(--grid)*3));
    --stripes2: repeating-linear-gradient(-45deg, transparent 0, transparent var(--grid), rgba(var(--black)) var(--grid), rgba(var(--black)) calc(var(--grid)*3));
 }

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

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

    --menu-case: uppercase;
    --header-font: normal normal 80px/0.8 var(--accent-font);
    --subheader-font: normal normal 35px/1.2 var(--main-font);
    --subheader-case: uppercase;
    --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(--black));
    --button-bg: rgb(var(--white));
    --button-hover-bg: rgb(var(--white),1);
    --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(--white));
    --schedule-item-border: 0;
    --schedule-item-hover-bg: rgb(var(--white));
    --schedule-item-hover-border: 0;
    --schedule-subitem-bg: radial-gradient(circle at 50% 220%, rgba(var(--black),1) 40%, transparent 70%);
    --schedule-subitem-text: rgb(var(--white));
    --schedule-subitem-font: normal normal 16px/0.8 var(--main-font);
    --schedule-border: 0;

    --menu-text: rgb(var(--white));
    --menu-item-radius: 10px;
    --menu-bg: rgb(var(--black));
    --menu-stuck-bg: rgb(var(--black));
    --menu-mobile-panel-bg: var(--menu-stuck-bg);
    --menu-mobile-bg: linear-gradient(135deg,rgba(var(--black),1) 0%, rgba(var(--black),0.75) 100%);
    --menu-mobile-text: var(--menu-text);
    --menu-mobile-padding: 120px 20px 0 40px;
    --menu-mobile-inner-padding: 0;
    --menu-mobile-filter: none;
    --menu-padding: 85px 0px 25px;
    --menu-inner-padding: 0px 20px 0px;
    --menu-toggle: rgb(var(--white));
    --menu-icon-text: rgb(var(--white));
    --menu-active: rgb(var(--white));

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

    --menu-dropdown-bg: linear-gradient(135deg, rgba(var(--black),1),  rgba(var(--black),0.8));
    --menu-dropdown-radius: 20px;

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

    --menu-toggle-height: 2px;

    --first-height: 86vh;
    --first-text: rgb(var(--white));
    --first-slogan-text: rgb(var(--white));
    --first-shadow: 0 0 70px rgba(var(--black),1), 0 0 30px rgba(var(--black),1), 1px 1px 0px rgba(var(--black),1);
    --first-font: normal normal 130px/0.7 var(--accent-font);

    --inside-first-text: rgb(var(--black));
    --inside-first-font: var(--first-font);
    --inside-first-height: 70vh;

    --dropdown-text: rgb(var(--navy));
    --dropdown-bg: rgb(var(--yellow));
    --dropdown-active: rgb(var(--black));
    --dropdown-hover: rgb(var(--black));

    --link-hover: rgb(var(--white));

    --input-bg:rgba(var(--black));
    --input-text:rgb(var(--white));
    --label-text: rgba(var(--white),1);

    --primary-text: rgb(var(--white));

    --accent-bg: linear-gradient(135deg, rgba(var(--white),0.3) 0, rgba(var(--white),0.3) 100%);
    --accent-text: rgb(var(--white));

    --invert-bg: rgba(var(--white),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(--white));
    --invert-button-border: 0;

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

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

    
    --first-before-bg: linear-gradient(to bottom, rgba(var(--black),1) 0px, transparent 50px, transparent calc(100% - 50px), rgba(var(--black),1) 100%);
    --invert-accent-before-bg: var(--stripes2), linear-gradient(to bottom, rgba(var(--black),1) 0, transparent 15%, transparent 97%, rgba(var(--black),1) 100%);
    --accent-before-bg:  var(--stripes), linear-gradient(to bottom, rgba(var(--black),1) 0, transparent 15%, transparent 97%, rgba(var(--black),1) 100%);
   
    
    --image-before-bg: var(--first-before-bg);

    --footer-text: rgba(var(--white),0.75);
    --footer-bg: linear-gradient(135deg, rgba(var(--white),1), rgba(var(--white),0.5)), linear-gradient(135deg, rgba(var(--white),1), rgba(var(--b_l_ack),1));
    --footer-font: normal normal 14px/1.1 var(--main-font);
    --footer-icon: rgb(var(--white));
    --footer-icon-bg: transparent;
    --footer-hover: var(--menu-active);

    --logo-fixed: 130px;
    --logo-stuck: 70px;
    --logo-mobile: 70px;

    --isotope-title-text: rgb(var(--white));
    --isotope-spacing: 0px;
    --isotope-title-font: normal normal 90px/0.7 var(--accent-font);;
    --isotope-radius: 0;

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

    --accented-padding:  0 0 20px 0;
    --quote-bg: rgb(var(--black));
    --quote-text: rgb(var(--white));
    --quote-padding: 10px 30px;
    --quote-border: 0;
    --quote-radius: 20px 5px 40px 5px;
    --quote-scroll-bg: transparent;

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

   --services-image: 200px;
   --services-border: 0;

   --pricelist-button-width: 130px;
   --pricelist-border-vertical: 0;

   --snackbars-text: rgb(var(--black));
   --snackbars-font: normal normal 25px/1.2 var(--main-font);

 }

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

 @media (max-width:768px) {
   :root {
      --first-font: normal normal 98px/0.7 var(--accent-font);
      --header-font: normal normal 70px/0.8 var(--accent-font);
      --slick-arrow-offset: -40px;
      --first-height: 650px;
      --schedule-subitem-bg: radial-gradient(circle at 50% 250%, rgba(var(--black),1) 30%, transparent 50%);
      --snackbars-font: normal normal 20px/1.2 var(--main-font);
   }
   #reviews .heading-2 {
      margin-left: 100px;
      margin-right: 50px;
   }
 }

 @media (max-width:496px) {
   :root {
      --first-font: normal normal 90px/0.7 var(--accent-font);
      --header-font: normal normal 60px/0.8 var(--accent-font);
      --quote-padding: 20px;
      --quote-radius: 10px 15px 40px 15px;
      --owl-arrow-size: 50px;
      --first-height: 550px;

   }
   #reviews .heading-2 {
      margin-left: 70px;
   }
 }

 @media (max-width:376px) {
   :root {
      --owl-arrow-size: 30px;
   }
   #reviews .heading-2 {
      margin-left: 50px;
      margin-right: 20px;
   }

 }

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

@font-face {
	font-family: 'Aptly';
	src: url("/fonts/user/aptly_bold.ttf");
	src: url("/fonts/user/aptly_bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Aptly';
	src: url("/fonts/user/aptly_italic.ttf");
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Aptly';
	src: url("/fonts/user/aptly_bold_italic.ttf");
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Aptly';
	src: url("/fonts/user/aptly_light.ttf");
	font-weight: 100;
	font-style: normal;
}


@font-face {
   font-family: "Rambors";
   src:url(/fonts/user/rambors.ttf);
   src:url(/fonts/user/rambors.ttf)format("truetype"), url(/fonts/user/rambors.otf)format("opentype");
}

.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;
}

.qr {
   border-radius: var(--input-radius);
}

.zelle-logo {
   filter: brightness(10) grayscale(1);
}

.paypal-logo {
   filter: brightness(4) grayscale(1) contrast(2);
}

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

.rd-navbar-element {
   margin-left: -10px;
   margin-top: 20px !important;
}

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

.switcher-active a:before {
   color: rgb(var(--white)) !important;
}

.switcher-wrap .switcher h1 {
   font: var(--subheader-font);
   margin-bottom: 20px;
}

@media(max-width:992px) {
   .first-block, .inside-first-block {
      margin-top: 80px;
      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;
   height: 100%;
   display: inline-flex;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
   margin-top: 10px !important;
}

#reviews .heading-2 {
   word-wrap: break-word;
}

@media(min-width:992px) {
   #reviews .heading-2 {
      padding-right: 50px;
   }
}

@media(max-width:992px) {
   #classes_info h2, #orders_about h2 {
      /*align-items: flex-start;*/
      display: block;
      word-wrap: break-word;
   }
   
}

.bg-primary h2 {
   font-size: 60px;
}

.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: 40%;
}

#classes_info p:not(.heading-2), #orders_about p:not(.heading-2), #book_about  p:not(.heading-2) {
   padding-left: 52%;
}

#classes_info h2, #orders_about h2, #book_about h2 {
   width: 48%;
}

#note h2 {
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
}

#note span {
   max-width:100%;
   word-wrap: break-word;
}

@media(min-width:1200px) {
   
   #note h2 {
      width: 55%;
      flex-direction: row;
   }
   #note p:not(.heading-2) {
      padding-left: 60%;
   }

}

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

@media(min-width:992px) {
   .post-quote {
      margin-top: 30px;
   }
}

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

#photos {
   padding: 0 !important;
}

.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;
}

.owl-carousel-wrap {
   margin-bottom: -30px;
}

@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;
   }

   section:not(#services) .content {
      padding: 0 20px;
   }

   .schedule-table .day {
      padding-top: 60px !important;

   }

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

   h2, .heading-2 {
      text-shadow: 1px 1px 0 rgba(var(--black)), -1px 1px 0px rgba(var(--black)),-1px -1px 0 rgba(var(--black)),1px -1px 0 rgba(var(--black)),0 0 25px rgba(var(--black)) !important;
   }

   .owl-carousel-wrap {
      margin-top: 0 !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% !important;
      position: relative;
      display: block;
      margin-bottom: 30px;
   }

   h2, .price-group {
      padding-left: 18px;
      display: block;
   }
   
   .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;
  }
}

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

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

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

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

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

.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: invert(1) hue-rotate(180deg) !important;
   border: 2px solid white;
   mix-blend-mode: multiply;
}

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

h1, #book_about h2, #pricelist_about h2, #book_about h2 {
   word-wrap: break-word;
}

@media(max-width:768px) {
   #pricelist_about h2, #book_about h2 {
      display: block;
   }

}

/*
@media(max-width:600px) {
   .first-block .shell {
      align-items: flex-end;
   }
   .first-block h1 {
      transform: rotate(-90deg) translate(0px, 20px);
      width: 100px;
      position: absolute;
  }

  .first-block p,   .first-block .button  {
   margin-left: 80px;
   margin-top: 10px !important;
   min-width: 150px;
  }
}*/

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

.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-static .rd-navbar-main-outer {
   box-shadow: 0 0 5px rgba(var(--black),1), 0 0 30px rgba(var(--black),0.75) !important;

}

.lesson {
   border-radius: var(--button-radius);
}

.schedule-table.schedule-dynamic {
   margin-top: 50px;
   margin-bottom: -30px;
}

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

.day a {
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 5px;
}

#schedule .day-header {
   top: 0px;
   text-shadow: 0 0 10px rgba(var(--black),1), 1px 1px 0 rgb(var(--black));
}

.owl-arrow {
   transition: none !important;
}

#ui-to-top:hover {
   color: rgb(var(--black)) !important;
}

.thumb-ruby__image { 
   filter: grayscale(100%) brightness(50%) contrast(120%);
   mix-blend-mode: normal;
}

.thumb-ruby:hover .thumb-ruby__image {
   filter: grayscale(100%);
   mix-blend-mode: multiply;
   opacity: 1 !important;
}

.bg-accent p, .bg-accent h2, .bg-accent h3, .bg-invert-accent p, .bg-invert-accent h2, .bg-invert-accent h3 {
   text-shadow: 2px 2px 0px rgb(var(--black)), 1px 1px 0px rgb(var(--black));
}

#reviews .post-boxed {
   margin-top: 20px;
}

span.ticket-label {
   font-size: 20px !important;
   font-weight: bold !important;
}

body.bg-red .current>a {
   color: rgb(var(--red)) !important;
}

.text-red
body.bg-red .rd-navbar-nav li>a:hover, 
body.bg-red .rd-navbar-nav li>a:hover, 
body.bg-red .rd-navbar-nav li>a:hover::before, 
body.bg-red h1, 
body.bg-red h2, 
body.bg-red h3, 
body.bg-red .heading-2, 
body.bg-red .heading-3, 
body.bg-red a:hover, 
body.bg-red .rd-navbar .icon:hover,
body.bg-red a:hover .price-item,
body.bg-red .form-label {
   color: rgb(var(--red));
}

body.bg-red .bg-image,
body.bg-red .inside-first-block,
body.bg-red .first-block, 
body.bg-red .brand__name img, 
body.bg-red .button:hover,  
body.bg-red .menu-button:hover>a, 
body.bg-red #ui-to-top:hover,
body.bg-red .colorize,
body.bg-red .thumb-ruby,
body.bg-red a:hover .price-item::after,
body.bg-red .schedule-table .lesson {
   background-color: rgb(var(--red)) !important;
}

body.bg-red .form-input {
   background: linear-gradient(160deg, rgba(var(--red),0), rgba(var(--red),0.3));
   background-color: black;
}

body.bg-red h2, 
body.bg-red h3, 
body.bg-red .heading-2, 
body.bg-red .heading-3 {
   text-shadow:  1px 1px 0px rgba(var(--black),1), 0 0 10px rgba(var(--red),0.7);
}

body.bg-red .bg-accent {
   background: linear-gradient(135deg, rgba(var(--red),0) 30%, rgba(var(--red),0.5) 100%);
}

body.bg-red .bg-invert-accent, body.bg-red .ticket-found.selected {
   background: linear-gradient(35deg, rgba(var(--red),0) 30%, rgba(var(--red),1) 100%);
}

/*
body.bg-red .post-quote, 
body.bg-red .post-boxed::after {
   border-color: rgb(var(--red));
}*/

body.bg-red .services-image:hover, 
body.bg-red .owl-arrow:hover,
body.bg-red #yoga .yoga img,
body.bg-red #meditation .meditation img,
body.bg-red #stretch .stretch img,
body.bg-red #private .private img {
   filter: invert(86%) sepia(84%) saturate(5617%) hue-rotate(352deg) brightness(98%) contrast(96%);
   opacity: 1;
}

body.bg-orange .current>a {
   color: rgb(var(--orange)) !important;
}

.text-orange, 
body.bg-orange .rd-navbar-nav li>a:hover, 
body.bg-orange .rd-navbar-nav li>a:hover, 
body.bg-orange .rd-navbar-nav li>a:hover::before, 
body.bg-orange h1, 
body.bg-orange h2, 
body.bg-orange h3, 
body.bg-orange .heading-2, 
body.bg-orange .heading-3, 
body.bg-orange a:hover, 
body.bg-orange .rd-navbar .icon:hover,
body.bg-orange a:hover .price-item,
body.bg-orange .form-label {
   color: rgb(var(--orange));
}

body.bg-orange .bg-image,
body.bg-orange .inside-first-block,
body.bg-orange .first-block, 
body.bg-orange .brand__name img, 
body.bg-orange .button:hover,  
body.bg-orange .menu-button:hover>a, 
body.bg-orange #ui-to-top:hover,
body.bg-orange .colorize,
body.bg-orange .thumb-ruby,
body.bg-orange a:hover .price-item::after,
body.bg-orange .schedule-table .lesson {
   background-color: rgb(var(--orange)) !important;
}

body.bg-orange .form-input {
   background: linear-gradient(160deg, rgba(var(--orange),0), rgba(var(--orange),0.3));
   background-color: black;
}

body.bg-orange h2, 
body.bg-orange h3, 
body.bg-orange .heading-2, 
body.bg-orange .heading-3 {
   text-shadow:  1px 1px 0px rgba(var(--black),1), 0 0 10px rgba(var(--orange),0.7);
}

body.bg-orange .bg-accent {
   background: linear-gradient(135deg, rgba(var(--orange),0) 30%, rgba(var(--orange),1) 100%);
}

body.bg-orange .bg-invert-accent, body.bg-orange .ticket-found.selected {
   background: linear-gradient(35deg, rgba(var(--orange),0) 30%, rgba(var(--orange),1) 100%);
}

/*
body.bg-orange .post-quote, 
body.bg-orange .post-boxed::after {
   border-color: rgb(var(--orange));
}*/

body.bg-orange .services-image:hover, 
body.bg-orange .owl-arrow:hover,
body.bg-orange #yoga .yoga img,
body.bg-orange #meditation .meditation img,
body.bg-orange #stretch .stretch img,
body.bg-orange #private .private img {
   filter: invert(41%) sepia(97%) saturate(708%) hue-rotate(353deg) brightness(94%) contrast(95%);
   opacity: 1;
}

body.bg-yellow .current>a {
   color: rgb(var(--yellow)) !important;
}

.text-yellow, 
body.bg-yellow .rd-navbar-nav li>a:hover, 
body.bg-yellow .rd-navbar-nav li>a:hover, 
body.bg-yellow .rd-navbar-nav li>a:hover::before, 
body.bg-yellow h1, 
body.bg-yellow h2, 
body.bg-yellow h3, 
body.bg-yellow .heading-2, 
body.bg-yellow .heading-3, 
body.bg-yellow a:hover, 
body.bg-yellow .rd-navbar .icon:hover,
body.bg-yellow a:hover .price-item,
body.bg-yellow .form-label {
   color: rgb(var(--yellow));
}

body.bg-yellow .bg-image,
body.bg-yellow .inside-first-block,
body.bg-yellow .first-block, 
body.bg-yellow .brand__name img, 
body.bg-yellow .button:hover,  
body.bg-yellow .menu-button:hover>a, 
body.bg-yellow #ui-to-top:hover,
body.bg-yellow .colorize,
body.bg-yellow .thumb-ruby,
body.bg-yellow a:hover .price-item::after,
body.bg-yellow .schedule-table .lesson {
   background-color: rgb(var(--yellow)) !important;
}

body.bg-yellow .form-input {
   background: linear-gradient(160deg, rgba(var(--yellow),0), rgba(var(--yellow),0.3));
   background-color: black;
}

body.bg-yellow h2, 
body.bg-yellow h3, 
body.bg-yellow .heading-2, 
body.bg-yellow .heading-3 {
   text-shadow:  1px 1px 0px rgba(var(--black),1), 0 0 10px rgba(var(--yellow),0.7);
}

body.bg-yellow .bg-accent {
   background: linear-gradient(135deg, rgba(var(--yellow),0) 30%, rgba(var(--yellow),1) 100%);
}

body.bg-yellow .bg-invert-accent, body.bg-yellow .ticket-found.selected {
   background: linear-gradient(35deg, rgba(var(--yellow),0) 30%, rgba(var(--yellow),1) 100%);
}

/*
body.bg-yellow .post-quote, 
body.bg-yellow .post-boxed::after {
   border-color: rgb(var(--yellow));
}*/

body.bg-yellow .services-image:hover, 
body.bg-yellow .owl-arrow:hover,
body.bg-yellow #yoga .yoga img,
body.bg-yellow #meditation .meditation img,
body.bg-yellow #stretch .stretch img,
body.bg-yellow #private .private img  {
   filter: invert(23%) sepia(57%) saturate(432%) hue-rotate(9deg) brightness(87%) contrast(85%);;
   opacity: 1;
}

body.bg-green .current>a {
   color: rgb(var(--green)) !important;
}

.text-green
body.bg-green .rd-navbar-nav li>a:hover, 
body.bg-green .rd-navbar-nav li>a:hover, 
body.bg-green .rd-navbar-nav li>a:hover::before, 
body.bg-green h1, 
body.bg-green h2, 
body.bg-green h3, 
body.bg-green .heading-2, 
body.bg-green .heading-3, 
body.bg-green a:hover, 
body.bg-green .rd-navbar .icon:hover,
body.bg-green a:hover .price-item,
body.bg-green .form-label {
   color: rgb(var(--green));
}

body.bg-green .bg-image,
body.bg-green .inside-first-block,
body.bg-green .first-block, 
body.bg-green .brand__name img, 
body.bg-green .button:hover,  
body.bg-green .menu-button:hover>a, 
body.bg-green #ui-to-top:hover,
body.bg-green .colorize,
body.bg-green .thumb-ruby,
body.bg-green a:hover .price-item::after,
body.bg-green .schedule-table .lesson {
   background-color: rgb(var(--green)) !important;
}

body.bg-green .form-input {
   background: linear-gradient(160deg, rgba(var(--green),0), rgba(var(--green),0.3));
   background-color: black;
}

body.bg-green h2, 
body.bg-green h3, 
body.bg-green .heading-2, 
body.bg-green .heading-3 {
   text-shadow:  1px 1px 0px rgba(var(--black),1), 0 0 10px rgba(var(--green),0.7);
}

body.bg-green .bg-accent {
   background: linear-gradient(135deg, rgba(var(--green),0) 30%, rgba(var(--green),1) 100%);
}

body.bg-green .bg-invert-accent, body.bg-green .ticket-found.selected {
   background: linear-gradient(35deg, rgba(var(--green),0) 30%, rgba(var(--green),1) 100%);
}

/*
body.bg-green .post-quote, 
body.bg-green .post-boxed::after {
   border-color: rgb(var(--green));
}*/

body.bg-green .services-image:hover, 
body.bg-green .owl-arrow:hover,
body.bg-green #yoga .yoga img,
body.bg-green #meditation .meditation img,
body.bg-green #stretch .stretch img,
body.bg-green #private .private img {
   filter: invert(41%) sepia(97%) saturate(708%) hue-rotate(353deg) brightness(94%) contrast(95%);
   opacity: 1;
}

body.bg-cyan .current>a {
   color: rgb(var(--cyan)) !important;
}

.text-cyan
body.bg-cyan .rd-navbar-nav li>a:hover, 
body.bg-cyan .rd-navbar-nav li>a:hover, 
body.bg-cyan .rd-navbar-nav li>a:hover::before, 
body.bg-cyan h1, 
body.bg-cyan h2, 
body.bg-cyan h3, 
body.bg-cyan .heading-2, 
body.bg-cyan .heading-3, 
body.bg-cyan a:hover, 
body.bg-cyan .rd-navbar .icon:hover,
body.bg-cyan a:hover .price-item,
body.bg-cyan .form-label {
   color: rgb(var(--cyan));
}

body.bg-cyan .bg-image,
body.bg-cyan .inside-first-block,
body.bg-cyan .first-block, 
body.bg-cyan .brand__name img, 
body.bg-cyan .button:hover,  
body.bg-cyan .menu-button:hover>a, 
body.bg-cyan #ui-to-top:hover,
body.bg-cyan .colorize,
body.bg-cyan .thumb-ruby,
body.bg-cyan a:hover .price-item::after,
body.bg-cyan .schedule-table .lesson {
   background-color: rgb(var(--cyan)) !important;
}

body.bg-cyan .form-input {
   background: linear-gradient(160deg, rgba(var(--cyan),0), rgba(var(--cyan),0.3));
   background-color: black;
}

body.bg-cyan h2, 
body.bg-cyan h3, 
body.bg-cyan .heading-2, 
body.bg-cyan .heading-3 {
   text-shadow:  1px 1px 0px rgba(var(--black),1), 0 0 10px rgba(var(--cyan),0.7);
}

body.bg-cyan .bg-accent {
   background: linear-gradient(135deg, rgba(var(--cyan),0) 30%, rgba(var(--cyan),1) 100%);
}

body.bg-cyan .bg-invert-accent, body.bg-cyan .ticket-found.selected {
   background: linear-gradient(35deg, rgba(var(--cyan),0) 30%, rgba(var(--cyan),1) 100%);
}

/*
body.bg-cyan .post-quote, 
body.bg-cyan .post-boxed::after {
   border-color: rgb(var(--cyan));
}*/

body.bg-cyan .services-image:hover, 
body.bg-cyan .owl-arrow:hover,
body.bg-cyan #yoga .yoga img,
body.bg-cyan #meditation .meditation img,
body.bg-cyan #stretch .stretch img,
body.bg-cyan #private .private img {
   filter: invert(34%) sepia(73%) saturate(1668%) hue-rotate(126deg) brightness(95%) contrast(101%);;
   opacity: 1;
}

body.bg-blue .current>a {
   color: rgb(var(--blue)) !important;
}

.text-blue
body.bg-blue .rd-navbar-nav li>a:hover, 
body.bg-blue .rd-navbar-nav li>a:hover, 
body.bg-blue .rd-navbar-nav li>a:hover::before, 
body.bg-blue h1, 
body.bg-blue h2, 
body.bg-blue h3, 
body.bg-blue .heading-2, 
body.bg-blue .heading-3, 
body.bg-blue a:hover, 
body.bg-blue .rd-navbar .icon:hover,
body.bg-blue a:hover .price-item,
body.bg-blue .form-label {
   color: rgb(var(--blue));
}

body.bg-blue .bg-image,
body.bg-blue .inside-first-block,
body.bg-blue .first-block, 
body.bg-blue .brand__name img, 
body.bg-blue .button:hover,  
body.bg-blue .menu-button:hover>a, 
body.bg-blue #ui-to-top:hover,
body.bg-blue .colorize,
body.bg-blue .thumb-ruby,
body.bg-blue a:hover .price-item::after,
body.bg-blue .schedule-table .lesson {
   background-color: rgb(var(--blue)) !important;
}

body.bg-blue .form-input {
   background: linear-gradient(160deg, rgba(var(--blue),0), rgba(var(--blue),0.3));
   background-color: black;
}

body.bg-blue h2, 
body.bg-blue h3, 
body.bg-blue .heading-2, 
body.bg-blue .heading-3 {
   text-shadow:  1px 1px 0px rgba(var(--black),1), 0 0 10px rgba(var(--blue),0.7);
}

body.bg-blue .bg-accent {
   background: linear-gradient(135deg, rgba(var(--blue),0) 30%, rgba(var(--blue),1) 100%);
}

body.bg-blue .bg-invert-accent, body.bg-blue .ticket-found.selected {
   background: linear-gradient(35deg, rgba(var(--blue),0) 30%, rgba(var(--blue),1) 100%);
}

/*
body.bg-blue .post-quote, 
body.bg-blue .post-boxed::after {
   border-color: rgb(var(--blue));
}*/

body.bg-blue .services-image:hover, 
body.bg-blue .owl-arrow:hover,
body.bg-blue #yoga .yoga img,
body.bg-blue #meditation .meditation img,
body.bg-blue #stretch .stretch img,
body.bg-blue #private .private img {
   filter: invert(79%) sepia(51%) saturate(5002%) hue-rotate(228deg) brightness(90%) contrast(99%);
   opacity: 1;
}

body.bg-pink .current>a {
   color: rgb(var(--pink)) !important;
}

.text-pink
body.bg-pink .rd-navbar-nav li>a:hover, 
body.bg-pink .rd-navbar-nav li>a:hover, 
body.bg-pink .rd-navbar-nav li>a:hover::before, 
body.bg-pink h1, 
body.bg-pink h2, 
body.bg-pink h3, 
body.bg-pink .heading-2, 
body.bg-pink .heading-3, 
body.bg-pink a:hover, 
body.bg-pink .rd-navbar .icon:hover,
body.bg-pink a:hover .price-item,
body.bg-pink .form-label {
   color: rgb(var(--pink));
}

body.bg-pink .bg-image,
body.bg-pink .inside-first-block,
body.bg-pink .first-block, 
body.bg-pink .brand__name img, 
body.bg-pink .button:hover,  
body.bg-pink .menu-button:hover>a, 
body.bg-pink #ui-to-top:hover,
body.bg-pink .colorize,
body.bg-pink .thumb-ruby,
body.bg-pink a:hover .price-item::after,
body.bg-pink .schedule-table .lesson {
   background-color: rgb(var(--pink)) !important;
}

body.bg-pink .form-input {
   background: linear-gradient(160deg, rgba(var(--pink),0), rgba(var(--pink),0.3));
   background-color: black;
}

body.bg-pink h2, 
body.bg-pink h3, 
body.bg-pink .heading-2, 
body.bg-pink .heading-3 {
   text-shadow:  1px 1px 0px rgba(var(--black),1), 0 0 10px rgba(var(--pink),0.7);
}

body.bg-pink .bg-accent {
   background: linear-gradient(135deg, rgba(var(--pink),0) 30%, rgba(var(--pink),1) 100%);
}

body.bg-pink .bg-invert-accent, body.bg-pink .ticket-found.selected {
   background: linear-gradient(35deg, rgba(var(--pink),0) 30%, rgba(var(--pink),1) 100%);
}

/*
body.bg-pink .post-quote, 
body.bg-pink .post-boxed::after {
   border-color: rgb(var(--pink));
}*/

body.bg-pink .services-image:hover, 
body.bg-pink .owl-arrow:hover,
body.bg-pink #yoga .yoga img,
body.bg-pink #meditation .meditation img,
body.bg-pink #stretch .stretch img,
body.bg-pink #private .private img {
   filter: invert(65%) sepia(58%) saturate(2128%) hue-rotate(264deg) brightness(78%) contrast(91%);
   opacity: 1;
}

body.bg-purple .current>a {
   color: rgb(var(--purple)) !important;
}

.text-purple
body.bg-purple .rd-navbar-nav li>a:hover, 
body.bg-purple .rd-navbar-nav li>a:hover, 
body.bg-purple .rd-navbar-nav li>a:hover::before, 
body.bg-purple h1, 
body.bg-purple h2, 
body.bg-purple h3, 
body.bg-purple .heading-2, 
body.bg-purple .heading-3, 
body.bg-purple a:hover, 
body.bg-purple .rd-navbar .icon:hover,
body.bg-purple a:hover .price-item,
body.bg-purple .form-label {
   color: rgb(var(--purple));
}

body.bg-purple .bg-image,
body.bg-purple .inside-first-block,
body.bg-purple .first-block, 
body.bg-purple .brand__name img, 
body.bg-purple .button:hover,  
body.bg-purple .menu-button:hover>a, 
body.bg-purple #ui-to-top:hover,
body.bg-purple .colorize,
body.bg-purple .thumb-ruby,
body.bg-purple a:hover .price-item::after,
body.bg-purple .schedule-table .lesson {
   background-color: rgb(var(--purple)) !important;
}

body.bg-purple .form-input {
   background: linear-gradient(160deg, rgba(var(--purple),0), rgba(var(--purple),0.3));
   background-color: black;
}

body.bg-purple h2, 
body.bg-purple h3, 
body.bg-purple .heading-2, 
body.bg-purple .heading-3 {
   text-shadow:  1px 1px 0px rgba(var(--black),1), 0 0 10px rgba(var(--purple),0.7);
}

body.bg-purple .bg-accent {
   background: linear-gradient(135deg, rgba(var(--purple),0) 30%, rgba(var(--purple),1) 100%);
}

body.bg-purple .bg-invert-accent, body.bg-purple .ticket-found.selected {
   background: linear-gradient(35deg, rgba(var(--purple),0) 30%, rgba(var(--purple),1) 100%);
}

/*
body.bg-purple .post-quote, 
body.bg-purple .post-boxed::after {
   : lor: rgb(var(--purple));
}*/

body.bg-purple .services-image:hover, 
body.bg-purple .owl-arrow:hover,
body.bg-purple #yoga .yoga img,
body.bg-purple #meditation .meditation img,
body.bg-purple #stretch .stretch img,
body.bg-purple #private .private img {
   filter: invert(79%) sepia(21%) saturate(6314%) hue-rotate(302deg) brightness(93%) contrast(99%);;
   opacity: 1;
}

body.bg-red .bg-header-plain, body.bg-orange .bg-header-plain, body.bg-yellow .bg-header-plain, body.bg-green .bg-header-plain, body.bg-cyan .bg-header-plain, body.bg-blue .bg-header-plain, body.bg-pink .bg-header-plain, body.bg-purple .bg-header-plain
{
   background: transparent !important;
}

body.bg-red .form-check-input:checked, body.bg-orange .form-check-input:checked, body.bg-yellow .form-check-input:checked, body.bg-green .form-check-input:checked, body.bg-cyan .form-check-input:checked, body.bg-blue .form-check-input:checked, body.bg-pink .form-check-input:checked, body.bg-purple .form-check-input:checked {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%7cbf2eff'/%3e%3c/svg%3e");
}

body.bg-red .lesson:hover, body.bg-orange .lesson:hover, body.bg-yellow .lesson:hover, body.bg-green .lesson:hover, body.bg-cyan .lesson:hover, body.bg-blue .lesson:hover, body.bg-pink .lesson:hover, body.bg-purple .lesson:hover {
   background-color: rgb(var(--white))  !important;
}

.yoga img.colorize, .meditation img.colorize, .stretch img.colorize, .private img.colorize {
   background: transparent !important;
}

.bg-image {
   background-size: cover !important;
   background-position: center center !important;
}