:root {
    --white: 252, 250, 247;
    --black: 0,0,0;

    --pink: 250, 63, 108;
    --fuchsia: 194, 45, 109;
    --purple: 81, 42, 121;
    --orange: 250, 159, 54;
    --green: 111, 188, 74;
    --teal: 25, 158, 139;
    --blue: 6, 58, 118;

    --accent-font: Fertigo, sans-serif;
    --main-font: Myriad, sans-serif;

    --error-bg: rgba(200,0,0,0.2);

    --pink-gradient: linear-gradient(to right, rgb(var(--purple)),rgb(var(--pink)));
    --orange-gradient: linear-gradient(to right, rgb(var(--fuchsia)),rgb(var(--orange)));
    --pink-gradient-fade: linear-gradient(to right, rgba(var(--purple),0.1),rgba(var(--pink),0.1));
    --pink-gradient-ultrafade: linear-gradient(to right, rgba(var(--purple),0.05),rgba(var(--pink),0.05));
    --green-gradient: linear-gradient(135deg, rgb(var(--blue)) ,rgb(var(--teal)));
 }

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

    --body-font: normal normal 17px/1.2 var(--main-font);
    --menu-font: normal normal 24px/1.8 var(--accent-font);
    --menu-slogan: normal normal 34px/0.3 var(--accent-font);
    --menu-slogan-padding: 15px 10px 0;

    --header-font: normal normal 58px/0.9 var(--accent-font);
    --subheader-font: bold normal 16px/1.1 var(--main-font);
    --accented-font: normal normal 50px/0.8 var(--accent-font);
    --button-font: bold normal 17px/1.2 var(--main-font);
    --button-case: uppercase;
    --subheader-case: uppercase;
    --button-padding: 12px 20px 10px;
    --button-text: rgb(var(--white));
    --button-bg: var(--pink-gradient);
    --button-hover-bg: var(--orange-gradient);
    --button-hover-filter: none;
    --input-font: var(--main-font);

    --menu-text: rgb(var(--blue));
    --menu-active: rgb(var(--fuchsia));
    --menu-item-radius: 0;
    --menu-bg: var(--pink-gradient-fade);
    --menu-stuck-bg: var(--pink-gradient-fade), linear-gradient(to right, rgba(var(--white),0.9), rgba(var(--white),0.9));
/*    --menu-stuck-filter: blur(10px);*/
   --menu-mobile-filter: none;
    --menu-mobile-panel-bg: var(--menu-stuck-bg);
    --menu-mobile-bg: rgba(var(--white),0.95);
    --menu-mobile-text: var(--menu-text);
    --menu-mobile-active: var(--menu-active);
    --menu-mobile-padding: 140px 10px 0 10px;
    --menu-mobile-inner-padding: 0;
    --menu-padding: 25px 0px 15px;
    --menu-inner-padding: 10px 10px;
    --menu-toggle: rgb(var(--pink));
    --menu-icon-text: transparent;
    --menu-icon-bg: transparent;

    --mark-bg: var(--pink-gradient-fade);
    --mark-text: rgb(var(--blue));

    --menu-toggle-height: 3px;

    --first-height: 100vh;
    --first-text: rgb(var(--blue));
    --first-slogan-text: rgb(var(--black));
    --first-font: normal normal 70px/0.7 var(--accent-font);
    --first-shadow: 0 0 60px rgba(var(--white),0.9), 0 0 30px rgba(var(--white),0.6);
    --first-slogan-shadow: 0 0 10px rgba(var(--white),0.9), 0 0 5px rgba(var(--white),0.6);

    --first-plain-bg: transparent;

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

    --input-bg: var(--pink-gradient-fade);
    --input-text:rgb(var(--black));
    --label-text: rgba(var(--blue),1);
    --label-font: normal normal 14px/1.1 var(--accent-font);

    --accent-bg: var(--pink-gradient-fade);
    --accent-subheader: var(--primary-subheader);
    --accent-header: var(--primary-header);
    --accent-text: var(--primary-text);

    --input-radius: 15px;
    --button-radius: 25px;
    --block-radius: 50px;
    --accent-radius: 0;
    --icon-radius: 50%;
    --icon-hover: transparent;
    --icon-hover-bg: var(--green-gradient);
    --icon-hover-bg: var(--orange-gradient);
    --icon-hover-case: none;
    --loader-radius: 50%;

    --first-before-bg: linear-gradient(to bottom, rgba(var(--white),1) 0%, rgba(var(--white),0) 30%);
    --image-before-bg: transparent;

    --footer-text: rgb(var(--white));
    --footer-bg: var(--green-gradient);
    --footer-font: normal normal 14px/1.1 var(--accent-font);
    --footer-icon: transparent;
    --footer-icon-bg: transparent;
    --footer-icon-hover-bg: transparent;
    --footer-hover: transparent;

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

    --boxline-bg: transparent;
    --boxline-padding: 65px 0 0 0;

    --quote-bg: rgb(var(--white));
    --quote-padding: 60px;
    --quote-border: 0;
    --quote-radius: 100px;
    --quote-scroll-bg: transparent;

    --quote-mark: normal normal 35px/1.1 var(--accent-font);

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

   --pricelist-button-width: 130px;

   --totop-bg: var(--green-gradient);
   --totop-text: rgb(var(--white));

   --snackbars-bg: var(--green-gradient);
   --snackbars-text: rgb(var(--white));

 }

 @media(max-width:992px) {
   :root {

   }
 }

 @media (max-width:768px) {
   :root {
      --quote-padding: 50px;
      --header-font: normal normal 48px/0.9 var(--accent-font);
      --boxline-padding: 25px 0 0 0;
   }
 }

 @media (max-width:496px) {
   :root {
      --quote-padding: 40px;
      --quote-radius: 60px;
      --owl-arrow-size: 40px;
      --owl-arrow-offset: 15px;
   }
 }
 @media (max-width:376px) {
   :root {
   }
 }

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

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

.brand__slogan {
   display: block !important;
}

.brand__slogan small {
   font: bold normal 11px/1.1 var(--main-font);
   letter-spacing: 0.53em;
   text-transform: uppercase;
   display: inline-block;
   padding-left: 3px;
   padding-top: 6px;
   color: rgb(var(--black));
}

.button {
   letter-spacing: 0.05em;
}

.page-header {
   height: 0;
}

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

#about img {
   border-radius: 50%;
}

@media(max-width: 768px) {
   .about:first-of-type {
      text-align: center;
   }
}

.about:first-of-type::after {
   content: "";
   width: 100%;
   height: 60px;
   background: url(/images/avatar-bottom.png);
   background-size: contain;
   background-repeat: no-repeat;
   display: block;
   background-position: 75px center;
   display: none;
}

#services img {
   max-width: 100px;
   margin-left: auto;
   margin-right: auto;
}

#services p {
   padding: 0 20px;
   text-align: left;
   border-radius: var(--block-radius);
}

#services h3 {
   padding: 0 20px;
}

@media(min-width:368px) { 
   #services p, #services h3 {
      padding: 0 35px;
   }
   
}

@media(min-width:768px) {

   #services h3 {
      padding: 0;
   }
   #services p {
      margin-top: 20px !important;
      padding: 30px 40px;
      background: rgba(var(--white),0.5);
   }

}

@media(min-width:992px) {

   #about img {
      max-width: unset;
      max-height: 300px;
      margin-right: 30px;
   }
   .about:first-of-type {
      text-align: right;
   }

   .about:first-of-type::after {
      background-position: calc(100% - 110px) center;
   }
  .about p, .simple p {
      max-width: 75%;
   }
   #videos p { 
      padding-right: 35px;
   }
   #services p {
      padding: 30px 40px;
   }
}

.first-text {
   margin-left: auto;
   margin-right: auto;
   padding: 50px;
   border-radius: var(--block-radius);
   background: rgba(var(--white),0.6);
}

h3, .heading-3, .simple .fa {
   letter-spacing: 0.43em;
}

.simple .fa {
   font: var(--subheader-font);
   padding-top: 5px;
   padding-bottom: 5px;
   /*text-transform: var(--subheader-case);*/
}

@media(max-width:992px) {
   #services .cell-sm-6:last-of-type {
      margin-left: auto;
      margin-right: auto;
   }
}

.form-label {
   text-transform: unset;
}

#reviews {
  background-size: auto calc(100% - 100px);
   background-repeat: no-repeat;
   background-position: 25% bottom;
   mix-blend-mode: multiply;
   min-height: 700px;
}

@media(min-width:598px) {

   #reviews {
       background-position: 5% bottom;
    }

}

#reviews .heading-2::after, #reviews h2::after {
   
   top: -100px;
}

.rd-mailform .button
{
   max-width: 100% !important;
}

/*
#videos .range::before {
   content: "Video Lessons";
   font: var(--header-font);
   flex-basis: 100%;
   color: var(--primary-header);
   padding-left: 45px;
   animation: fadeInUpSmall 1s ease-in-out;
   margin-top: 150px;
}*/

.simple {
   padding: 0 50px;
}

.infoblock {
   padding: 0 35px;
}

@media(max-width:368px) {
   .infoblock {
      padding: 0 15px;
   }
   .simple {
      padding: 0 30px;
   }
}

#prices {
   display: none;
}

footer a {
   color: rgb(var(--white)) !important;
}

.simple .fa {
   display: inline-flex;
   align-items: center;
}

.simple .fa::before, .rd-navbar-element .fa::before {
   -webkit-text-fill-color: transparent !important;
   -webkit-background-clip: text !important;
   background: var(--green-gradient);
   font-size: 30px;
   line-height: 30px;
   width: 40px;
   display: inline-block;
   text-align: center;
   padding-bottom: 3px;
}

.simple .fa:hover::before, .rd-navbar-element .fa:hover::before {
   background: var(--orange-gradient);
}

.rd-navbar-fixed .rd-navbar-nav li, .rd-navbar-fixed .rd-navbar-element {
   text-align: center;
}

@media(max-width:400px) {
   .rd-navbar-fixed .rd-navbar-brand {
      left: 0px;
      transform: scale(0.8) translateX(-20px);
   }
}

@media(min-width:568px) {
   .rd-navbar-fixed .rd-navbar-brand {
      left: 50%;
      transform: translateX(-50%);
   }

}


a.text-bold {
   color: var(--link-hover);
}

.fa-phone::before {
   position: relative;
   top: 3px;
}

.text-left.heading-2::after, h2.text-left::after {
   content: "";
   width: 60px;
   height: 45px;
   background: url(/images/header-right.png);
   background-size: contain;
   background-position: center center;
   background-repeat: no-repeat;
   display: inline-block;
   position: relative;
   top: 5px;
   left: 10px;
}

.heading-2.text-left, h2.text-left {
   white-space: nowrap;
}

.heading-2.text-center::after, h2.text-center::after {
   content: "";
   width: 100px;
   height: 40px;
   background: url(/images/header-center.png);
   background-size: contain;
   background-position: center center;
   background-repeat: no-repeat;
   display: block;
   position: relative;
   width: 100%;
   top: 5px;
}

.owl-arrow:hover {
   opacity: 1;
   filter: hue-rotate(70deg) saturate(2);
}

.owl-item {
   display: inline-flex;
   align-items: flex-end;
   min-height: 400px !important;
}

.post-boxed {
   opacity: 0.9;
}

.speech-bubble::after, .speech-bubble-outline::after {
   border-bottom-left-radius: var(--input-radius);
}

@media(min-width:992px) {

   .owl-carousel .post-boxed {
      max-width: 60%;
   }

   #reviews {
      background-position: center bottom;
   }
   

}

#contacts {
   margin-top: 0px;
}


@media(max-width:576px) {
   #contacts {
      margin-top: 30px;
   }
}

.infoblock-has-image-top {
   padding-bottom: 30px;
}

.text-blue {
   color: rgb( 0, 52, 112) !important;
}

#order-tickets {
   display: none !important;
}

#due-today {
   color: rgb(var(--blue));
   font-size: 34px;
}

.pay-header {
   margin-top: -15px;
   margin-bottom: 5px;
}

.video-embed, .videos_info img {
   width: calc(100% + 70px);
   height: auto;
   margin-top: 0px;
   margin-bottom: 20px;
   border-radius: var(--quote-radius);
   margin-left: -35px;
   max-width: calc(100% + 70px);
   background: var(--pink-gradient-fade), url(/images/ajax-loader.gif) no-repeat center center / auto, linear-gradient(to right, white, white);
   background-blend-mode: multiply;
}

@media(max-width:420px) {
   h2.text-left, .heading-2.text-left {
      white-space: wrap;
      margin-right: -30px;
      padding-right: 0;
   }
   .simple .fa {
      letter-spacing: 0.1em;
   }
   .owl-carousel .post-boxed {
      max-width: 100%;
   }
   .video-embed, .videos_info img {
      width: calc(100% + 30px);
      max-width: calc(100% + 30px);
      margin-left: -15px;
   }
}

.value-id {
   white-space: nowrap;
}