/**
 * Theme Name: YOOtheme
 * Theme URI: https://yootheme.com
 * Description: A powerful, flexible and elegant website builder that allows you to create complex pages within minutes and customize every aspect of the theme.
 * Version: 4.4.12
 * Author: YOOtheme
 * Author URI: https://yootheme.com
 * Update URI: https://api.yootheme.com/v1/package/yootheme_wp?v=4.4.12
 * Requires PHP: 7.4
 * Requires at least: 6.1
 */

@font-face {
  font-family: 'MagistralFont_';
  src: url('/wp-content/themes/yootheme/fonts/ofont.ru_Magistral_C.ttf') format('truetype');
}

@font-face {
  font-family: 'MagistralBook';
  src: url('/wp-content/themes/yootheme/fonts/Magistral-Book.woff2') format('truetype');
}

@font-face {
  font-family: 'ToxigenesisBold';
  src: url('/wp-content/themes/yootheme/fonts/toxigenesis_bd.ttf') format('truetype');
}

@font-face {
  font-family: 'MagistralLight';
  src: url('/wp-content/themes/yootheme/fonts/magistral-light.woff2') format('truetype');
}

@font-face {
  font-family: 'MagistralFont__';
  src: url('/wp-content/themes/yootheme/fonts/magistral-extrabold.woff2') format('truetype');
}

@font-face {
  font-family: 'MagistralFont';
  src: url('/wp-content/themes/yootheme/fonts/magistral-bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Mazzard';
  src: url('/wp-content/themes/yootheme/fonts/mazzardh-regular.woff2') format('truetype');
}



body{
  font-family: 'MagistralBook';
  font-size:20px;
  text-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
}


.main-title{
	font-size:70px;
  font-family: 'MagistralFont', bold;
  text-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
  text-transform:none; 
}

.sub-title{
	font-size:50px;
  font-family: 'MagistralFont', bold;
  text-transform: uppercase;
  /* text-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); */
}



.gradient-text {
  background: linear-gradient(90deg, #A60BFC, #3C79F8); /* сам градиент */
  -webkit-background-clip: text; /* обрезаем фон по тексту */
  -webkit-text-fill-color: transparent; /* делаем сам текст прозрачным */
}


.accent-text{
font-family: 'MagistralLight';
font-style: normal;
/* font-weight: 300; */
font-size: 90px;
line-height: 108px;
/* leading-trim and text-edge are draft CSS properties.
Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
/* ACCENT */
color: #AC48FA;
margin-top: -150px !important;
margin-left:30px !important;
}

.accent-description{
  margin-top: -30px !important;
  margin-left:38px !important;
}

.button-cta{
  width: fit-content;;
  font-family: 'MagistralFont';
  font-style: normal;
  font-size: 13px;
  line-height: 16px;
  cursor: pointer;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 23px 51px;
  gap: 10px;

  background: linear-gradient(95.07deg, #A60BFC 12.41%, #3C79F8 95.35%);
  border-radius: 6px;

  /* leading-trim: both;
  text-edge: cap; */
  letter-spacing: 0.07em;
  text-transform: uppercase;

  color: #FFFFFF;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}

.button-cta:hover{
  background: #5F55F9;
  border-radius: 6px;
}

.button-cta:active{
  background: #7404BA;
  border-radius: 6px;
}

.small-top-margin{
  margin-top:-60px !important;
}




.gradient-btn-simple-fill{
  box-sizing: border-box;
  border: 1px solid transparent; /* делаем сам border прозрачным */
  background: 
    radial-gradient(55.62% 390.74% at 10.11% 367.28%, #9719F5 0%, #131337 100%) padding-box, /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    linear-gradient(to right, #A60BFC, #3C79F8) border-box;
  border-radius: 10px;
  text-align: center;
  padding:20px;
  
}


.gradient-btn-simple{
  box-sizing: border-box;
  border: 1px solid #371F55; /* делаем сам border прозрачным */
  border-radius: 10px;
  text-align: center;
  padding:20px;
}


.gradient-btn-simple-fill span, .gradient-btn-simple span{
  margin: 0px 7px;
  text-transform: uppercase;
}

.gradient-btn-simple-fill .derive, .gradient-btn-simple .derive{
  width: 32px;
  height: 0px;
  display: inline;
  border: 0.5px solid #371F55;
  transform: rotate(90deg);

  /* Inside auto layout */
  flex: none;
  order: 2;
  flex-grow: 0;
}

#card-apps-wrapper{
  gap:30px;
}

.gradient-btn-simple-fill .regular, .gradient-btn-simple .regular{
  font-family: 'MagistralLight';
  font-size: 22px;
  line-height: 26px;
  /* leading-trim and text-edge are draft CSS properties.

    Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
    */
    leading-trim: both;
    text-edge: cap;
    text-transform: uppercase;
}

.gradient-btn-simple-fill .bold{
  font-family: 'ToxigenesisBold';
font-style: normal;
font-size: 22px;
line-height: 26px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
text-transform: uppercase;

background: linear-gradient(95.07deg, #A60BFC 12.41%, #3C79F8 95.35%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.gradient-btn-simple .bold{
  font-family: 'ToxigenesisBold';
  font-style: normal;
  font-size: 22px;
  line-height: 26px;
  /* leading-trim and text-edge are draft CSS properties.

  Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
  */
  leading-trim: both;
  text-edge: cap;
  text-transform: uppercase;
}

.purple{
  color: #9719F5;;
}


.number-wrapper{
  text-align: right;
  text-align: -webkit-right;
}

.number{
  width: 240px;
  height: 240px;
  background: radial-gradient(116.25% 116.25% at 95.62% -16.25%, #80257C 0%, #492562 61.54%, #131337 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  border-radius: 10px;
  display: flex;                      /* Включаем флекс */
  justify-content: center;           /* Горизонтальное центрирование */
  align-items: center;               /* Вертикальное центрирование */
}

.big-number{
  font-size: 109.89px;
  line-height: 132px;
  /* leading-trim and text-edge are draft CSS properties.

  Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
  */
  leading-trim: both;
  text-edge: cap;
  text-align: center;
}
.big-number-text{
  font-size: 55px;
  line-height: 66px;
  /* leading-trim and text-edge are draft CSS properties.
  
  Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
  */
  leading-trim: both;
  text-edge: cap;
  text-align: center;
  color: #FFFFFF;
  margin-top: -30px;
}

.props-table .el-item{
  border-bottom: 1px solid #2E2640;
  padding: 10px 0px;
}


.props-table .el-title{
  min-width: 150px;
  text-transform: uppercase;
  /* Процессор */
  font-family: 'Mazzard';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  /* leading-trim and text-edge are draft CSS properties.

  Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
  */
  leading-trim: both;
  text-edge: cap;
  text-transform: uppercase;

  color: #6F5781;
}
.props-table .el-content{

  font-family: 'MagistralBook';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  /* leading-trim and text-edge are draft CSS properties.

  Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
  */
  leading-trim: both;
  text-edge: cap;

  color: #FFFFFF;
}


#prices-nav .el-item .el-link{
  /* Boot-camp */
  font-family: 'MagistralFont';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  /* identical to box height */
  text-align: center;
  text-transform: uppercase;
  color: #5F3B8B;
}

.cta-video-wrapper{
  z-index:3;
}
.backgraund-cta-video{
  scale:1.1;
}
.cta-light-header{
  font-family: 'MagistralLight';
  font-size: 70px;
  line-height: 70px;
}
.cta-text-wrapper div{
  padding-top: 100px;
}
#cta-text-section{
  margin-top: 160px;
  margin-bottom: 140px;
}
.cta-text-description{
  font-style: italic;
}

#prices-nav .el-item{
  padding: 10px 20px;
  min-width: fit-content;
}

#prices-nav .el-item.uk-active{
  border-bottom: 1px solid #E13BF4;
}

#prices-nav .el-item{
  border-bottom: 1px solid rgba(225, 59, 244, 0.2);
  transition: all 0.4s ease;
}

#prices-nav .el-item:hover{
  border-bottom: 1px solid #E13BF4;
}

#prices-nav .el-item:hover .el-link{
  color:#E13BF4;
  text-decoration: none;
}

#prices-nav .el-link{
  transition: all 0.4s ease;
  text-decoration: none;
}
#prices-nav .el-link:hover{
  text-decoration: none;
}

#prices-nav .uk-active .el-link{
  background: linear-gradient(90deg, #AC48F7 0%, #F872BE 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.prices-detail{
  background: #2B1A41;
  position: relative;
  left: -100px;
  top: 40px;
  width: calc(100% + 100px);

}
.price-detail-wrapper{
  display: flex;
  flex-direction: column;
}
.price-detail-wrapper div:nth-of-type(2){
  margin-top: auto;
  margin-left:auto;
}

.prices-detail .uk-grid div .el-item{
  display: flex;
  align-items: center; /* вертикальное выравнивание */
  flex-wrap: nowrap;  
  gap: 1rem; /* расстояние между title, meta, content */
  border-bottom:1px solid rgba(66, 42, 98, 0.4);
  padding: 20px 40px;
}

/* Если нужно, чтобы title был фиксированной ширины */
.prices-detail .uk-grid div .el-item .el-title {
  flex: 0 0 auto;  /* не растягивается */
  min-width: 150px; /* или другой размер по желанию */
}

.prices-detail .uk-first-column{
  margin: 0px;
}

/* Meta и content пусть растягиваются */
.prices-detail .uk-grid div .el-item .el-meta,
.prices-detail .uk-grid div .el-item .el-content {
  flex: 1 1 auto;
}


.prices-wraps {display: none; }
.prices-wraps.active {display: block}


.filial-btn{
  cursor: pointer;
}

.prices-detail .uk-grid div .el-item .el-title{
  font-family: 'MagistralBook';
  font-size: 24px;
  line-height: 29px;
  /* identical to box height */
  text-transform: uppercase;

  color: #FFFFFF;
}
.prices-detail .uk-grid div .el-item .el-title small{
  /* с 22:00 до 8:00 */
  font-family: 'MagistralBook';
  font-style: normal;
  font-size: 10px;
  line-height: 12px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF;
  top: -10px;
  position: relative;

}

.prices-wraps.uk-margin{
  margin-top:20px;
}

.prices-detail .uk-grid div .el-item .el-content{
  font-family: 'MagistralBook';
  font-style: normal;
  font-size: 24px;
  line-height: 29px;
  /* identical to box height */
  text-align: center;
  color: #DD72F8;
  margin-top:0px;
}

.prices-detail .uk-grid div .el-item .el-meta{
  font-family: 'MagistralBook';
  font-style: normal;
  font-size: 24px;
  line-height: 29px;
  /* identical to box height */
  text-align: center;
  color: #5C378A;
}

.slide-nav .el-slidenav{
  border: 1px solid #AC48FA;
    border-radius: 30px;
    text-align: center;
    color: #AC48FA;
}
.slide-nav .el-slidenav svg{
  scale:0.8;
}

.slide-nav .el-slidenav:hover{
  background: #AC48FA;
  color:#fff;
}

.right-gradient-background{
  position: absolute;
  width: 568px;
  height: 484px;
  /* gradient */
  background: linear-gradient(95.07deg, #A60BFC 12.41%, #3C79F8 95.35%);
  opacity: 0.3;
  filter: blur(100px);
  right: 0px;
  margin-top: -400px;
}

#on-kiashko.uk-section-xsmall, #on-lukanenko.uk-section-xsmall{
  padding-top: 0px;
  padding-bottom: 0px;
}

.cta-video-wrapper{
  margin-top:100px;
}
.cta-header{
  font-family: 'MagistralFont';
  font-size: 36px;
  line-height: 43px;
  text-transform: uppercase;
  /* heading */
  color: #E5DFED;
}

.vibe-item-header{
  /* Зоны под любой стиль */

  font-family: 'MagistralFont';

  font-size: 20px;
  line-height: 29px;
  /* identical to box height, or 145% */
  text-transform: uppercase;

  color: #FFFFFF;
  margin-bottom:10px;
}

.vibe-item-text{
  /* Соло, тусовка, тимплей или просто фифа на диване — подойдёт каждому. */

  font-family: 'MagistralBook';
  font-size: 20px;
  line-height: 29px;
  color: #A4A0A9;
  margin:0px !important;
}

.vibe-item-text{
  padding-left: 0px;
}

.gallery-sidebar .uk-dotnav li a, .reviews-wraps .uk-dotnav li a, .uk-dotnav li a{
  background-color: #493D59;
  border: none;
}

.gallery-sidebar .uk-dotnav .uk-active a, .reviews-wraps .uk-dotnav .uk-active a, .uk-dotnav .uk-active a{
  background-color: #DD72F8;
}



.reviews-wraps .el-content{
  font-family: 'MagistralBook';
  font-style: italic;
  font-size: 20px;
  line-height: 150%;
  color: #A4A0A9;
  text-align: left;
}
.reviews-wraps .el-meta{
  font-family: 'MagistralBook';
  font-style: italic;
  font-size: 20px;
  line-height: 150%;

  color: #FFFFFF;
  text-align: left;
}


.btn-panel .el-title{
  font-family: 'MagistralBook';
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  /* leading-trim and text-edge are draft CSS properties.

  Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
  */
  leading-trim: both;
  text-edge: cap;
  text-transform: uppercase;

  /* heading */
  color: #E5DFED;
}

.btn-panel .uk-width-expand{
  padding-left: 10px;
}
#reviews-btn-panel{
  margin-top:50px;
}

.btn-link{
  border-radius:10px;
  transition: all 0.4s ease;
}
.btn-link img{
  width: 100%;
}

.btn-link:hover{
  background-color: #5F55F9;
}

.btn-link:active{
  background-color: #7404BA;
}


.custom-btn-default a{
  cursor: pointer;
  display: flex;
  justify-content: center; 
  align-items: center;
  padding: 16px 40px;
  border-radius: 6px;
  gap: 10px;
  background: radial-gradient(55.62% 390.74% at 10.11% 367.28%, #0B0B24 0%, #0B0B24 100%) padding-box, /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
              linear-gradient(to right, #A60BFC, #3C79F8) border-box;
  box-sizing: border-box;
  border: 1px solid transparent;
  transition: all 0.4s ease;
  text-decoration: none;
}


.custom-btn-default a:hover{
  background: #5F55F9;
}

.custom-btn-default a:active{
  background: #7404BA;
}


.btn-cotent {
  width: 139px;
  height: 9px;

  font-family: 'MagistralBook';
  font-style: normal;
  font-size: 13px;
  line-height: 16px;
  /* leading-trim and text-edge are draft CSS properties.

  Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
  */
  leading-trim: both;
  text-edge: cap;
  text-transform: uppercase;
  /* heading */
  color: #E5DFED;
}


.contact-panel{
  width: 500px;
  height: 160px;
  background: radial-gradient(55.62% 390.74% at 10.11% 367.28%, #9719F5 0%, #131337 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  border-radius: 10px;
  margin-top:30px !important;
}

.contact-panel .contact-panel-wrapper{
  display: flex;
  justify-content: center;  /* по горизонтали */
  align-items: center;      /* по вертикали */
  height: 100%;
}
.contact-panel .contact-panel-wrapper .cotact-panel-logo{
  text-align: center;
}



.contact-panel .contact-panel-wrapper .header-panel{
  font-family: 'ToxigenesisBold';
  font-size: 24px;
  line-height: 29px;
  /* identical to box height */
  text-transform: uppercase;

  background: linear-gradient(95.07deg, #A60BFC 12.41%, #3C79F8 95.35%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}



.contact-panel .contact-panel-wrapper .text-panel{
  font-family: 'MagistralBook';
  font-size: 22px;
  line-height: 26px;
  color: #FFFFFF;
}


.reviews-panel-widget{
  margin-top:60px !important;
}

.reviews-panel-widget .title-rewiews-widget{
  font-family: 'MagistralFont';
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */
  text-transform: uppercase;

  /* heading */
  color: #E5DFED;
}


.reviews-widget-button-wrapper .custom-btn-default{
  width: 193px;
  height: 46px;
  display: block;
}

.reviews-widget-button-wrapper div{
  display: flex;
  align-items: center;      /* по вертикали */
  gap:20px;
}

.reviews-widget-button-wrapper .btn-cotent{
  justify-content: center;
}


.cta-text{
  font-family: 'MagistralBook';
  font-style: italic;
  font-size: 24px;
  line-height: 34px;
  color: #E5DFED;
}

.cta-header{
  font-family: 'MagistralBook';
  font-size: 70px;
  line-height: 70px;
  /* or 70px */

  /* heading */
  color: #E5DFED;
}

.ascs-q{
/* Можно ли прийти без брони? */

position: absolute;
width: 288px;
height: 24px;
left: 1px;
top: calc(50% - 24px/2);

font-family: 'Magistral';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 24px;
/* identical to box height */

/* heading */
color: #E5DFED;

}

footer{
  margin-top:80px;
}

.footer-wrap .uk-panel{
  display: flex; 
  gap: 20px;
  width: 100%;        /* чтобы растягивался на всю ширину родителя */
  
}


.footer-wrap .uk-panel .footer-nav >* >*> a{
  font-family: 'MagistralBook';
  font-size: 14px;
  line-height: 17px;
  color: #6D6D8D;
  text-decoration: none;
  transition: all 0.3 ease-out;
}

.footer-wrap .uk-panel .footer-nav >* >*> a:hover{
  color: #AC48FA;
}

.footer-accent-text{
  font-family: 'MagistralFont';
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */
  color: #AC48FA;
}

.footer-regular-text{
  font-family: 'MagistralBook';
  font-size: 14px;
  line-height: 17px;
  color: #E5DFED;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 25px; /* чтобы текст не прилипал к границе */

}

.inline{
  display: inline-block !important;
}

.flex{
  display: flex !important;
}

.footer-right-panel-wrap .uk-panel .uk-panel{
  display: block;
}

.footer-right-panel{
  display: flex;
  gap:25px;
}

.uk-navbar-nav > .menu-item a{
  font-family: 'MagistralBook';
  font-size: 16px;
  line-height: 19px;

  /* heading */
  color: #E5DFED;
  text-transform: lowercase;

}

.uk-accordion-title{
  font-family: 'MagistralLight';
  font-size: 20px;
  line-height: 24px;
  color: #E5DFED;
}

.uk-accordion-content .el-content.uk-text-meta{
  font-family: 'MagistralBook';
  font-size: 18px;
  line-height: 22px;
  color: #A4A0A9;
  text-transform: none;
}

.small-text{
  font-family: 'MagistralBook';
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
}

.footer-wrap{
  background: linear-gradient(180deg, #08081B 0%, #0B0B24 100%);
}

#cta-modal .cta-content{
  height: 555px; width: 566px;
}

#cta-modal .cta-content .cta-item{
  width: 100%; text-align: center;
  margin-top: 30px;
}

#cta-modal .cta-text{
  font-family: 'MagistralBook';
  font-size: 32px;
  line-height: 38px;
  font-style: normal;
  /* or 38px */
  text-align: center;

  color: #FFFFFF;
}

.uk-light .uk-navbar-nav>li:hover>a::before{
  background-color: #AC48FA;
}

.visible-large{
    display:block;
}
.visible-small{
  display:none;
}
.uk-panel.uk-flex{
  display: flow-root;
}



@media (max-width: 900px) {
  body{
    font-size:16px;
  }
  #our-clubs{
    margin-top:60px;
  }
  .on-center{
    width: 100%;
    text-align: center;
    
  }
  .main-title{
    font-size:40px;
  }
  .sub-title{
    font-size:30px;
  }
  .sub-title-text{
    margin-top:-10px !important;
    margin-bottom: -10px !important;
  }
  .sup-title-img{
    scale:0.7;
  }
  #prices-nav .el-item .el-link{
    font-size:16px;
  }
  #prices-nav .el-item{
    padding: 10px 16px;
  }

  #prices{
    margin-top:40px;
  }

  .big-number{
    font-size:46px;
    line-height: 80px;
  }
  .big-number-text{
    font-size:23px;
    line-height: 40px;
  }
  .number{
    height: 100px;
    width: 100px;
  }

  .prices-wraps > .uk-grid:first-child .uk-first-column .uk-panel{
    text-align: left !important;
    width: 130%;
  }
  .prices-detail .uk-grid div .el-item{
    padding: 20px 20px;
  }

  .prices-detail .uk-grid div .el-item .el-title,
  .prices-detail .uk-grid div .el-item .el-content,
  .prices-detail .uk-grid div .el-item .el-meta
  {
    font-size: 16px;
    line-height: 19px;
  }

  #cta-modal .cta-content{
    width: 316px;
  }
  .uk-modal-dialog {
    width: 360px;
  }

  .cta-video-wrapper{
    margin-top:20px;
  }

  .cta-header{
    font-size: 24px;
    line-height: 29px;
  }

  #about-us{
    margin-top:80px;
  }
  /* .vibe-items-wrapper.uk-first-column{
    margin-top:-10px !important;
  } */
  .vibe-item-text{
    padding-left:10px;
    padding-right:10px;
  }
  .gallery-sidebar .uk-margin-top.uk-light{
    display: block !important;
  }
  #reviews{
    margin-top: 40px;
  }
  .reviews-wraps .el-content, .reviews-wraps .el-meta{
    font-size: 16px;
    line-height: 24px;
  }
   .reviews-wraps .uk-slider-items{
    height: 190px;
   }

    .tick-icon{
    margin-bottom: 16px !important;
    margin-top:20px;
  }

  .vibe-item-header{
    font-size: 18px;
    line-height: 22px;
  }
  .vibe-item-text{
    font-size: 16px;
    line-height: 26px;
  }

  .button-cta{
    display: block;
    margin: auto;
    width: 70%;
  }

  .prices-wraps .button-cta{
    margin: 40px auto;
  }

  .visible-large{
    display:none !important;
  }
  .visible-small{
    display:block !important;
  }
  .title-breakpoint{
    display: none;
  }
  .sub-title, .sub-title-text, .uk-grid-margin.uk-first-column, .accent-text, .uk-margin{
    width: 100%;
    text-align: center !important;
  }
  .sup-title-img{
    width: 100%;
    right: 0px !important;
    top: -80px !important;
    text-align: center;
  }
  .accent-text, .uk-margin{
    left:0px !important;
  }
  /* .point-enter{
    height: 400px;
  } */
  .small-top-margin {
    margin-top: 0px !important;
  }
  .accent-description, .accent-text{
    margin-left: 0px !important;
  }
  .accent-text{
    margin-top: -125px !important;
  }

  /* #prices-nav ul li:nth-child(n+3) {
    display: none;
  }  */
  /* #prices-nav ul li{
    width: 40%;
  } */
  #prices-nav ul {
    margin-left: 0px;
  }

  .close-text{
    margin-top: -10px !important;
    display: block;
  }
  .prices-detail{
    position: static;
  }

  .price-detail-wrapper div:nth-of-type(2){
      width: 100%;
      margin: 10px auto;
  }

  .cotact-panel-logo img{
    position: absolute;
    left: 35px;
    top: 35px;
  }
  
  .prices-wraps > div:first-of-type{
    flex-wrap: nowrap;
  }

   .contact-panel .contact-panel-text-wrapper .header-panel,
   .contact-panel .contact-panel-text-wrapper div.uk-panel
   {
    text-align: left !important;
    font-size: 18px;
    line-height: 22px;
   }
   .contact-panel .contact-panel-text-wrapper{
    margin-left:150px;
    margin-top: -70px;
   }
   .custom-btn-default{
    font-size: 12px;
    line-height: 14px;
    font-family: 'MagistralFont';
   }
  .reviews-widget-button-wrapper .custom-btn-default{
    width: 167px;
  }
   .reviews-widget-button-wrapper .custom-btn-default a{
    padding: 16px 0px;
   }
   .uk-accordion-title{
    font-size: 16px;
    line-height: 19px;
   }
   .uk-accordion-content .el-content.uk-text-meta{
    font-size: 15px;
    line-height: 18px;
   }
   .small-text{
    font-size: 12px;;
   }
   .footer-wrap .uk-text-small{
    display: none;
   }
   .footer-right-panel-wrap .footer-social{
    text-align: left !important;
   }
   .uk-nav-primary>li>a{
    font-family: 'MagistralBook';
    text-transform: lowercase;
   }
   .backgraund-cta-video{
    display: none;
   }
   .reviews-widget-button-wrapper div {
        justify-content: center;
    }

    .reviews-wraps img{object-position: left;}

/* overflow-y: scroll;
  scrollbar-gutter: stable both-edges;
  scrollbar-width: none; */

    .uk-subnav {
      overflow: auto; /* или scroll, если нужно принудительно */
      scrollbar-width: none; /* Firefox */
      -ms-overflow-style: none; /* IE и Edge Legacy */
      flex-wrap: nowrap;
    }
    .uk-subnav::-webkit-scrollbar {
      display: none; /* Chrome, Safari */
    }

}


@media (max-width:379px) and (min-width: 280px){
  .main-title{
    font-size: 35px;
  }
  .prices-detail .uk-grid div .el-item{
    padding: 14px 0px;
  }
  .prices-detail .uk-grid div .el-item .el-title{
    min-width: 110px;
  }
  #prices-nav .el-item {
      padding: 10px 13px;
      min-width: fit-content;
  }
  #prices-nav .el-item .el-link{
    font-size: 15px;
  }
  .prices-wraps > .uk-grid:first-child .uk-first-column .uk-panel {
    font-size:14px;
  }
  .button-cta{
    width: 100%;
    padding: 20px 0px;
  }
  .uk-grid{
    margin-left:-14px;
  }
  .uk-grid-column-large>*, .uk-grid-large>* {
    padding-left: 18px;
  }
  .reviews-wraps .el-content, .reviews-wraps .el-meta {
        font-size: 14px;
        line-height: 19px;
    }
    .sub-title {
        font-size: 28px;
    }
    .cotact-panel-logo img {
        position: absolute;
        left: 2px;
        top: 30px;
        scale: 0.8;
    }
    .contact-panel .contact-panel-text-wrapper {
        margin-left: 92px;

    }
    .contact-panel .contact-panel-text-wrapper .header-panel {
        text-align: left !important;
        font-size: 16px;
        line-height: 20px;
    }

    .reviews-widget-button-wrapper .custom-btn-default {
        width: 118px;
    }
    /* .btn-icon{
      display: none;
    } */

    .reviews-widget-button-wrapper{
      margin-left:-23px;
    }
    /* .custom-btn-default a{
      gap: 0px;
    } */
    .footer-regular-text{
      font-size:13px;
    }
    #card-apps-wrapper{
      gap:10px;
    }
    .reviews-widget-button-wrapper div {
        justify-content: center;
    }

    .reviews-wraps img{object-position: left;}
    #cta-modal .cta-content {
        width: 286px;
    }
    #cta-modal .cta-text {
      font-size: 30px;
    }
    .uk-grid > * {
    padding-left: 14px;
}
}