/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6.1772372172
Updated: 2026-03-01 16:36:12

*/

/* =====================================================
   Разные правки шаблона,elementor и т.д.
   ===================================================== */
.elementor-icon-wrapper {
    display: flex !important;
}
/*Ссылка в тексте*/
.atimeero p a,
.atimeero li a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #FFC26B !important;
}

.atimeero p a::after,
.atimeero li a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg,#c89b5e,#f3d7a2,#c89b5e);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .9s cubic-bezier(.19,1,.22,1);
}

.atimeero p a:hover::after,
.atimeero li a:hover::after {
	transform: scaleX(1);
	transform-origin: left;
}

.atimeero p a:not(:hover)::after,
.atimeero li a:not(:hover)::after {
	transform: scaleX(0);
	transform-origin: left;
}
/*Заголовки*/
h1, h2, h3, h4, h5, h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    margin-block-end: 0rem !important;
    margin-block-start: 0rem !important;
}
/*Выделение на сайте*/
::selection{
background:#FF3340;
color:#FFF4E4;
}
::-moz-selection{
background:#FF3340;
color:#FFF4E4;
}

a,button{
-webkit-tap-highlight-color: transparent;
outline:none;
}

a:focus,
a:active,
button:focus,
button:active{
outline:none;
box-shadow:none;
}
/*WPML языки в header*/
span.wpml-ls-native {
    color: #ffc26b;
}
/*Кнопки фильтров анимация*/
a.ue_taxonomy_item.uc-is-parent {
    transition: all .3s;
}
/*Виджет текста*/
.text p {
    margin-bottom: 0.7em !important;
}
/*timeero-steps Uul li*/
.timeero-steps ul{
list-style:none;
padding-left:0;
}
.timeero-steps ul{
    margin-top: 20px;
}
.timeero-steps li{
position:relative;
padding-left:40px;
margin-bottom:16px;
line-height:1.5;
}
.timeero-steps{
list-style:none;
padding-left:0;
}
.timeero-steps {
    margin-top: 20px;
}

/*Раскрывающийся текст*/
/* закрыто */
.unfold_wrapper{
	transition: -webkit-mask-image .3s ease, mask-image .3s ease;
	-webkit-mask-image:linear-gradient(
	to bottom,
	black 60%,
	rgba(0,0,0,0.9) 75%,
	rgba(0,0,0,0.4) 90%,
	transparent 100%
	);
	mask-image:linear-gradient(
	to bottom,
	black 60%,
	rgba(0,0,0,0.9) 75%,
	rgba(0,0,0,0.4) 90%,
	transparent 100%
	);
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-size:100% 100%;
	mask-size:100% 100%;
}

/* открыто */
.unfold_wrapper.ue-unfold-active{
-webkit-mask-image:none !important;
mask-image:none !important;
}

/* иконка */

.timeero-steps li:before{
content:"\e81d";
font-family:"timeero-original";
position:absolute;
left:0;
top:-5px;
font-size:1.5em !important;
color:#ffc26b;
}


/* иконка */

.timeero-steps li:before{
content:"\e81d";
font-family:"timeero-original";
position:absolute;
left:1px;
top:-5px;
font-size:1.5em !important;
color:#ffc26b;
}

/*Кнопка Load More*/
.loadmore a.uc-filter-load-more__link {
    border-radius: 5px 50px 50px 50px !important;
    transition: all .3s;
}
.loadmore a.uc-filter-load-more__link:hover {
    background-color: #02010100;
    color: var(--e-global-color-text);
    border-color: #FF3340;
    box-shadow: 0px 0px 15px 0px rgba(255, 50.999999999999986, 63.99999999999994, 0.5) inset;
    transition: all .3s;
}
/*Кнопки с иконкой*/
.elementor-button .elementor-button-icon{
transition:transform 0.80s ease;
}

.elementor-button:hover .elementor-button-icon{
transform:translateX(3px);
}
/*Доп стиль для кнопки перейти-подсветка белая*/
.button-element-after-02-white:hover::after {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  background: #FFF4E4;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: -1;
  border-radius: 1000px;
  filter: blur(20px);
  opacity: 0.4;
  transition: all 0.6s ease-out;

}
.button-element-after-02-white {
    z-index: 1;
}
@media (max-width: 767px) {
.button-element-after-02-white:hover::after {
  left: 0px;
}}
/*Кнопка с иконкой*/
.elementor-button .timeerocss{
display:inline-flex;
width:20px;
height:20px;
font-size: 2em;
align-items:center;
justify-content:center;
transition:transform .25s ease;
}
/*Кнопка button-blur-left*/
.button-blur-left .elementor-button {
    background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
.button-blur-left .elementor-button .timeerocss {
    display:inline-flex;
    font-size: 1.1em;
    align-items:center;
    justify-content:center;
    transition:transform .25s ease;
}
.button-blur-left .elementor-button .elementor-button-icon {
display:flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
background:#FF3340;
border-radius:50%;
flex:0 0 36px;
overflow:hidden;
}
.button-blur-left .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
/*Кнопка button-blur*/
.button-blur .elementor-button {
    background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}

/*Текстовый виджет*/
p {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
}


/* =====================================================
   Шаблон Страница записей маска изображения "Программы"
   ===================================================== */
.mask-header-str::before {
mask-image: linear-gradient(rgba(4, 2, 8, 0.6) 0%, rgba(4, 2, 8, 0)100%);
}

/* =====================================================
   Дополнения для страниц программ с иконкой 
   ===================================================== */
.program-features {
display:flex;
flex-wrap:wrap;
gap:10px 10px;
}

.feature-item {
display:flex;
align-items:center;
font-family: "Gogh", Sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.6em;
letter-spacing: 0.3px;
color: #FFF4E4;
}

.feature-item i {
color:#FF3340;
margin-right:8px;
font-size:12px;
}

/* =====================================================
   Button
   ===================================================== */

.button-element-after::after {
  content: '';
  display: block;
  width: 100%;
  height: 50%;
  background: #FF3340;
  position: absolute;
  top: -20px;
  left: 0%;
  z-index: -1;
  border-radius: 1000px;
  filter: blur(40px);
  opacity: 0.6;
}
.button-element-after {
    z-index: 1;
}
@media (max-width: 767px) {
	.button-element-after::after {
	filter: blur(30px);
	}
}

/*0.2.Мастера карточка*/
.button-element-after-01:hover::after {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  background: #FF3340;
  position: absolute;
  top: 5px;
  left: 15px;
  z-index: -1;
  border-radius: 1000px;
  filter: blur(20px);
  opacity: 0.6;
  transition: all 0.6s ease-out;

}
.button-element-after-01 {
    z-index: 1;
}
@media (max-width: 767px) {
.button-element-after-01:hover::after {
  left: 0px;
}}
.button-element-after-02-white:hover::after {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  background: #FFF4E4;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: -1;
  border-radius: 1000px;
  filter: blur(20px);
  opacity: 0.4;
  transition: all 0.6s ease-out;

}
.button-element-after-02-white {
    z-index: 1;
}
@media (max-width: 767px) {
.button-element-after-02-white:hover::after {
  left: 0px;
}}

/* =====================================================
   Анимация фона
   ===================================================== */

.site-background{
position:fixed;
inset:0;
z-index:-2;
background:radial-gradient(circle at center,#15001f,#050009 70%);
}

.bg-animation{
position:fixed;
inset:0;
overflow:hidden;
pointer-events:none;
z-index:-1;
opacity:.55;
}

.bg-ball{
position:absolute;
width:55vw;
height:55vw;
max-width:700px;
max-height:700px;
border-radius:50%;
opacity:.45;

/* СТАТИЧНЫЙ blur */
filter:blur(90px);

/* УБРАТЬ */
mix-blend-mode:normal;
will-change:auto;

animation-duration:24s;
animation-timing-function:ease-in-out;
animation-iteration-count:infinite;
animation-direction:alternate;
}

/* Шары */

.ball1{
background:radial-gradient(circle,#ff0055 0%,transparent 70%);
top:-15vh;
left:-15vw;
animation-name:float1;
}

.ball2{
background:radial-gradient(circle,#9c00ff 0%,transparent 70%);
top:-10vh;
right:-15vw;
animation-name:float2;
}

.ball3{
background:radial-gradient(circle,#1300ad 0%,transparent 70%);
bottom:-15vh;
left:-15vw;
animation-name:float3;
}

.ball4{
background:radial-gradient(circle,#ff003c 0%,transparent 70%);
bottom:-15vh;
right:-15vw;
animation-name:float4;
}

/* ТОЛЬКО transform + opacity */

@keyframes float1{
0%{
transform:translate3d(0,0,0) scale(1);
opacity:.35;
}
100%{
transform:translate3d(0,25vh,0) scale(1.15);
opacity:.55;
}
}

@keyframes float2{
0%{
transform:translate3d(0,0,0) scale(1);
opacity:.35;
}
100%{
transform:translate3d(-20vw,0,0) scale(1.12);
opacity:.55;
}
}

@keyframes float3{
0%{
transform:translate3d(0,0,0) scale(1);
opacity:.35;
}
100%{
transform:translate3d(20vw,0,0) scale(1.12);
opacity:.55;
}
}

@keyframes float4{
0%{
transform:translate3d(0,0,0) scale(1);
opacity:.35;
}
100%{
transform:translate3d(0,-20vh,0) scale(1.1);
opacity:.55;
}
}
/*Адаптив*/
@media(max-width:767px){

.bg-animation{
opacity:.5;
}

.bg-ball{
width:85vw;
height:85vw;

opacity:.85;

filter:blur(50px);
}

/* Делаем цвета ярче */

.ball1{
background:radial-gradient(circle,
rgba(255,0,85,1) 0%,
rgba(255,0,85,.72) 38%,
transparent 74%);
}

.ball2{
background:radial-gradient(circle,
rgba(156,0,255,1) 0%,
rgba(156,0,255,.72) 38%,
transparent 74%);
}

.ball3{
background:radial-gradient(circle,
rgba(19,0,173,1) 0%,
rgba(19,0,173,.72) 38%,
transparent 74%);
}

.ball4{
background:radial-gradient(circle,
rgba(255,0,60,1) 0%,
rgba(255,0,60,.72) 38%,
transparent 74%);
}

}


/* =====================================================
   Иконка swipe
   ===================================================== */
.slide-left-alternate-reverse{
position:relative;
display:inline-flex;

animation:swipeHand 1.5s ease-out infinite;

will-change:transform;
}

.slide-left-alternate-reverse:after{
content:'';

position:absolute;

top:50%;
right:20px;

width:42px;
height:2px;

transform:translateY(-50%) scaleX(0);

transform-origin:right center;

background:linear-gradient(
90deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,.95) 100%
);

border-radius:20px;

opacity:0;

filter:blur(.3px);

animation:swipeTrail 1.5s ease-out infinite;

pointer-events:none;
}

@keyframes swipeHand{

0%{
transform:translateX(0);
animation-timing-function:cubic-bezier(.55,.06,.68,.19);
}

/* быстрый уход влево */

40%{
transform:translateX(-25px);
animation-timing-function:cubic-bezier(.22,1,.36,1);
}

/* мягкое возвращение */

100%{
transform:translateX(0);
}

}

@keyframes swipeTrail{

0%{
opacity:0;
transform:
translateY(-50%)
scaleX(0);
}

46%{
opacity:0;
transform:
translateY(-50%)
scaleX(0);
}

/* след появляется когда иконка идет обратно */

60%{
opacity:.95;
transform:
translateY(-50%)
scaleX(1);
}

100%{
opacity:0;
transform:
translateY(-50%)
scaleX(.15);
}

}