body{
background: #ffffff;
}
input.error,
textarea.error{
box-shadow: 0 0 3px #f98901;
border-color: #f98901;
}
.transition{
transition: all 0.3s linear 0s;
}
.programm-change{
color: #777;
font: 14px/1.6 "FiraSans-Regular";
text-align: center;
}
.slick-arrow{
cursor: pointer;
}
.inside{
width: 100%;
max-width: 1170px;
margin: 0 auto;
position: relative;
}
.flex{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.flex-sb{
justify-content: space-between;
}
.flex-sa{
justify-content: space-around;
}
.flex-c{
justify-content: center;
}
.flex-t{
align-items: flex-start;
}
.flex-bt{
align-items: flex-end;
}
.flex-m{
align-items: center;
}
.flex-s{
align-items: stretch;
}
#screen-top{
background: url("../images/home-main-bg.jpg") no-repeat center 0;
position: relative;
}
#screen-top .inside{
position: static;
max-width: 1170px;
}
#screen-top #menu-toggler{
color: #fff;
height: 42px;
width: 42px;
display: none;
background: url(../images/menu-toggle.png) no-repeat;
cursor: pointer;
position: absolute;
right: 7px;
text-transform: uppercase;
top: 21px;
transition: all 0.3s ease 0s;
}
#screen-top #menu-toggler span{
padding-top: 2px;
display: block;
}
#screen-top #menu-toggler:hover{
transition: all 0.3s ease 0s;
}
.yandex-widget-header{
margin-left: -12px;
}
.yandex-widget-header iframe{
border-radius:4px;
}
#header .button-callback{
display:none;
}
.button-callback .button-1 a{
color: #31293A;
font: 14px/17px "FiraSans-SemiBold";
text-transform: uppercase;
width: calc(100% - 52px);
padding: 11px 26px;
text-align: center;
border-radius: 6px;
background: #febf00;
transition: all 0.3s ease 0s;
}
#header{
padding-top: 3px;
}
#header .inner-top{
padding-bottom: 8px;
min-height: 80px;
}
#header .center{
text-align: left;
color: #fff;
font: 16px/24px "FiraSans-Medium";
margin-left: -47px;
}
#header .center p{
line-height: 1.5;
}
#header .center p a{
color: #fff;
text-decoration: none;
display: inline-block;
padding-bottom: 0px;
line-height: 1;
transition: all 0.3s ease 0s;
}
#header .center p a:hover{
color: #8356b2;
border-bottom-color: #8356b2;
transition: all 0.3s ease 0s;
}
#header .info a{
color: #fff;
}
#header .info .phone{
margin-bottom: 9px;
float: left;
margin-left: 6px;
}
#header .info .phone a{
font: 20px/1 "FiraSans-Medium";
}
#header .info .callback{
text-align: right;
padding-top:7px;
font: 14px/1 "FiraSans-Regular";
}
#header .info .whatsapp{
float:left;
}
#header .info .callback a{
color: #D0B0F1;
transition: all 0.3s ease 0s;
}
#header .info .callback a:after {
content: '';
width: 100%;
height: 1px;
margin-top: -2px;
display: block;
background: #D0B0F1;
transition: all 0.3s ease 0s;
}
#header .info .callback a:hover:after {
opacity: 0;
transition: all 0.3s ease 0s;
}
#header .logo{
margin-right: 8px;
}
#navigation .inner{
position: relative;
z-index: 1;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
#navigation .menu{
width: 77%;
margin-left: 14px;
}
#navigation .menu ul{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
width: 100%;
}
#navigation .menu .submenu ul{
display:unset;
}
#navigation .inner .menu > ul > li{
display: inline-block;
position: relative;
margin-right: 0px;
height: 45px;
top: 2px;
}
#navigation .inner .menu > ul > li > a{
color: #fff;
font: 14px/20px "FiraSans-Medium";
text-transform: uppercase;
display: inline-block;
padding: 10px 0px;
border-radius: 6px;
letter-spacing: 0.01em;
transition: all 0.3s ease 0s;
}
#navigation .inner .menu > ul > li .submenu{
position: absolute;
display: none;
top: 43px;
left: 0;
width: 289px;
padding: 20px;
background: #fff;
box-shadow: 0px 3px 17px 0px rgb(106 59 156 / 25%);
border-radius: 10px;
z-index: -1;
}
#navigation .inner .menu > ul > li .submenu li{
margin-bottom: 20px;
}
#navigation .inner .menu > ul > li .submenu li a{
color: #31293A;
text-transform: none;
font: 16px/24px "FiraSans-Regular";
}
#navigation .inner .menu > ul > li .submenu li a:hover{
color: #FF6A4D;
transition: all 0.3s ease 0s;
}
#navigation .inner .menu > ul > li li:last-child{
margin-bottom: 0;
}
#navigation .inner .menu > ul > li:last-child{
margin-right: 0;
}
#navigation .inner .menu li:hover a{
color: #FEBE29;
}
#navigation .inner .menu li.parent a{
border-radius: 6px 6px 0 0;
}
#navigation .inner .menu li.parent:hover .submenu{
display: block;
}
#navigation .inner:after{
background:#8257B0;
position: absolute;
left: 0;
width: 100%;
border-radius: 4px;
height: 45px;
z-index: -1;
content: "";
}
#navigation .order{
margin-right: 0;
position: relative;
right: 4px;
padding: 0;
}
#navigation .order a{
background: #FEBE29;
color: #31293A;
font: 14px/17px "FiraSans-Medium";
text-align: center;
padding: 10px 14px;
text-transform: uppercase;
border-radius: 6px;
letter-spacing: 0.01em;
transition: all 0.3s ease 0s;
}
#navigation .order a:hover{
background: #FFCE5A;
transition: all 0.3s ease 0s;
}
#main-home-block{
padding-top: 35px;
}
#main-home-block.vybor-lagera{
padding-top: 0;
padding-bottom: 90px;
}
#main-home-block .item{
width: 571px;
/*width: 400px;*/
}
#main-home-block .item .img img{
display: block;
    border-radius: 10px 10px 0 0;
max-width: 100%;
}
.tabl-intensiv {
    gap:28px;
}
#main-home-block .item .description{
background: #fff;
padding: 29px 40px 40px 40px;
border-radius: 0 0 10px 10px;
box-shadow: 0px 3px 17px 0px rgba(106, 59, 156, 0.21);
}
#main-home-block .item .description h3 a{
display: block;
color: #31293A;
font: 30px/1.24 "FiraSans-Regular";
}
#main-home-block .item .description .short-desc > p{
font: 16px/1.5 "FiraSans-Regular";
color: #31293A;
}
#main-home-block .item .description .graphic{
color: #31293A;
font: 16px/1 "FiraSans-Bold";
margin-top: 31px;
margin-bottom: 20px;
}
#main-home-block.vybor-lagera .item .description .graphic{
color: #ff6a4c;
}
#main-home-block .item .description .detail{
margin-top: 24px;
}
#main-home-block .item .description .detail a{
display: inline-block;
vertical-align: top;
text-align: center;
color: #fff;
border-radius: 4px;
width: 199px;
height: 44px;
font: 16px/44px "FiraSans-Medium";
transition: all 0.3s ease 0s;
}
#main-home-block .item .description .detail a:hover{
background: #febf00;
transition: all 0.3s ease 0s;
}
#main-home-block .item-1 .description h3 a span{
color: #50d68e;
}
#main-home-block .item-1 .description .detail a{
box-shadow: 0px 5px 16px 0px rgba(25, 132, 75, 0.5);
background: #50d68e;
}
#main-home-block .item-1 .description .detail a:hover{
background: 0 5px 16px 0 rgba(254, 114, 0, 0.74);
}
#main-home-block .item-2 .description{
padding-right: 20px;
}
#main-home-block .item-2 .description h3 a span{
color: #ff6a4c;
}
#main-home-block .item-2 .description .detail a{
box-shadow: 0px 5px 16px 0px rgba(255, 106, 76, 0.5);
background: #ff6a4c;
}
#facts{
margin-top: 68px;
}
#facts .title{
color: #31293A;
margin-bottom: 35px;
font: 36px/1 "FiraSans-Regular";
text-align: center;
}
#facts .icons{
padding-top: 8px;
width: 524px;
}
#facts .ico-item .text{
margin-top: 32px;
margin-left: 12px;
}
#facts .ico-item .digit{
font: 56px/1 "FiraSans-Bold";
color: #8356b2;
}
#facts .ico-item .txt{
margin-left: 14px;
}
#facts .ico-item .txt p{
color: #31293A;
font: 20px/1.3 "FiraSans-Regular";
}
#facts .icons > div:nth-child(2) .ico{
margin-left: 26px;
}
#facts .text-block{
width: 600px;
height: 230px;
padding: 40px 60px 40px 50px;
box-sizing: border-box;
border-radius: 3px;
border: 2px solid #e8e4ed;
}
#facts .text-block .top-part{
margin-bottom: 31px;
color: #31293A;
}
#facts .text-block .top-part p{
font: 24px/1.4 "FiraSans-Regular";
}
#facts .text-block .bottom-part > div{
width: 215px;
}
#facts .text-block .bottom-part > div p{
color: #31293A;
font: 16px/1.4 "FiraSans-Regular";
}
#all-about-us{
margin-top: 79px;
background: url("../images/all-about-us-gray.jpg") no-repeat center bottom;
}
#all-about-us .main-inner{
padding-top: 60px;
box-shadow: 0px 5px 16px 0px rgba(131, 86, 178, 0.77);
border-radius: 8px 8px 0 0;
padding-bottom: 50px;
background: url("../images/all-about-us.png") no-repeat center 0;
background-size: 100%;
}
#all-about-us .caption{
text-align: center;
line-height: 1;
color: #febf00;
text-transform: uppercase;
}
#all-about-us .caption strong{
display: block;
font: 126px/1 "FiraSans-Ultra";
line-height: 1;
}
#all-about-us .caption .about-word{
line-height: 1;
font: 82px/1 "FiraSans-Ultra";
margin-top: -18px;
}
#all-about-us .caption span{
color: #fff;
font: 34px/1 "FiraSans-Bold";
margin-top: -4px;
display: block;
}
#all-about-us .caption .play-button{
margin-top: 19px;
}
#all-about-us .caption .play-button a{
background: url("../images/playbtn.png") no-repeat 23px center #ff6a4c;
font: 18px/63px "FiraSans-Regular";
height: 63px;
width: 236px;
color: #fff;
display: inline-block;
box-sizing: border-box;
padding-left: 26px;
border-radius: 40px;
transition: all 0.3s ease 0s;
box-shadow: 0px 5px 16px 0px rgba(255, 106, 76, 0.74);
}
#all-about-us .caption .play-button a:hover{
background-color: #febf00;
box-shadow: 0px 5px 16px 0px rgba(254, 114, 0, 0.74);
transition: all 0.3s ease 0s;
}
#proud-block{
position: relative;
padding-top: 33px;
z-index: 1;
background: #50d68e;
}
#proud-block .inside{
background: url("../images/proud-boy-bg.png") no-repeat 18px 78px;
}
#proud-block .left-side{
margin-left: 154px;
}
#proud-block .left-side img{
display: block;
max-width: 100%;
}
#proud-block .right-side{
margin-top: 118px;
margin-left: 12px;
width: 600px;
color: #fff;
}
#proud-block .right-side .title{
font: 36px/1 "FiraSans-Regular";
margin-bottom: 34px;
}
#proud-block .right-side .text p{
font: 24px/1.3 "FiraSans-Regular";
}
.free-lesson-footer{
color: #fff;
font: 14px/22px "FiraSans-Regular";
letter-spacing: 0;
margin-top: 40px;
margin-bottom: 10px;
width: 91%;
}
.whatsapp-ico{
display:none;
}
#footer .whatsapp-ico{
display: block;
width: 20px;
height: 20px;
float: left;
margin-right: 6px;
margin-top: 3px;
}
#footer .inner{
margin-bottom: 29px;
justify-content: flex-start;
flex-wrap: nowrap;
gap: 70.5px;
}
#footer .border-footer{
border-top: 1px solid #9467C3;
width: 166%;
overflow: hidden;
margin-left: calc(-33%);
text-align: center;
display: block;
}
.free-lesson-footer a{
color: #fff
}
#footer{
background: #8356b2;
overflow: hidden;
padding: 43px 0;
}
#footer .copyright.hidden{
display: none;
font: 14px/1 "FiraSans-Regular";
text-align: center;
color: #fff;
padding-bottom: 0px;
margin-top: 30px;
}
#footer .coll-1{
width: 255px;
}
#footer .coll-2{
margin-left: -31px;
}
#footer .coll-1 .phone a{
font: 18px/26px "FiraSans-Regular";
color: #fff;
letter-spacing: 0;
}
#footer .coll-1 .copyright{
color: #fff;
font: 14px/22px "FiraSans-Regular";
margin-top: 50px;
letter-spacing: 0;
}
#footer .coll-1 .work-hours{
color: #dfc2fe;
font: 14px/24px "FiraSans-Regular";
}
#footer .coll.nav li{
margin-bottom: 10px;
list-style: none;
}
#footer .coll.nav li a{
color: #fff;
font: 14px/22px "FiraSans-Regular";
letter-spacing: 0;
transition: all 0.3s ease 0s;
}
#footer .coll.nav li a:hover{
color: #febf00;
border-bottom-color: #bf8a79;
transition: all 0.3s ease 0s;
}
#footer .coll.info .callback{
margin-bottom: 10px;
text-align: left;
}
#footer .footer-mob {
display:none;
}
#footer .coll.info .callback a{
color: #31293A;
font: 14px/16px "FiraSans-Medium";
text-transform: uppercase;
text-align: center;
border-radius: 6px;
padding: 10px 14px;
background: #FEBE29;
transition: all 0.3s ease 0s;
}
#footer .coll.info .callback a:hover{
background: #FFCE5A;
transition: all 0.3s ease 0s;
box-shadow: none;
}
#footer .coll.info .payment p{
margin-bottom: 4px;
text-align: left;
color: #fff;
font: 14px/22px "FiraSans-Regular";
letter-spacing: 0;
}
#footer .coll.info .payment .flex > div{
margin-right: 10px;
}
#footer .coll.info .payment .flex > div:last-child{
margin-right: 0px;
}
#footer .coll.info .payment .flex > div a{
display: block;
}
#footer .coll.info .payment .flex > div a img{
display: block;
}
#footer .cards .flex{
justify-content: flex-start;
}
.yandex-widget-footer{
display: none;
margin-top: 20px;
}
.fancybox-inner{
border-radius: 20px;
}
.fancybox-type-iframe .fancybox-inner{
border-radius: 0px;
}
#callback{
display: none;
width: 426px;
padding: 66px;
border-radius: 10px;
background: #fff;
}
#callback .subtitle{
margin-bottom: 30px;
text-align: center;
}
#callback .subtitle p{
font: 16px/1.2 "FiraSans-Regular";
color: #31293A;
}
#callback .title{
font-size: 28px;
color: #31293A;
line-height: 36px;
text-align: center;
margin-bottom: 30px;
font-family: "FiraSans-SemiBold";
}
#callback .title span{
color: #ff6a4d;
}
#callback .input-field{
position: relative;
margin-bottom: 20px;
}
#callback .copy{
padding-top: 20px;
}
#callback .copy p{
color: #999999;
line-height: 16px;
font-size: 13px;
font-family: "FiraSans-Regular";
}
#callback .copy p a{
text-decoration: underline;
color: #8356b2;
display: inline;
text-decoration-color: #c7b7da;
}
#callback .copy p a:hover{
color: #ef4949;
text-decoration: none;
}
#callback .submit-field{
text-align: left;
}
#callback .submit-field input{
background: #57D690;
font-size: 20px;
color: #fff;
font-family: "FiraSans-Medium";
width: 100%;
height: 68px;
padding: 6px 0;
display: inline-block;
cursor: pointer;
border-radius: 5px;
border: none;
}
#callback .submit-field input:hover{
background-color: #6AE8A2;
}
#callback-header{
display: none;
width: 426px;
padding: 40px;
border-radius: 10px;
background: #fff;
}
#callback-header .subtitle{
margin-bottom: 30px;
text-align: center;
}
#callback-header .subtitle p{
font: 16px/1.2 "FiraSans-Regular";
color: #31293A;
}
#callback-header .title{
font-size: 28px;
color: #31293A;
line-height: 36px;
text-align: center;
margin-bottom: 30px;
font-family: "FiraSans-SemiBold";
}
#callback-header .title span{
color: #ff6a4d;
}
#callback-header .input-field{
position: relative;
margin-bottom: 20px;
}

#callback-header .copy{
padding-top: 20px;
}
#callback-header .copy p{
color: #999999;
line-height: 16px;
font-size: 13px;
font-family: "FiraSans-Regular";
}
#callback-header .copy p a{
text-decoration: none;
color: #8356b2;
display: inline;
text-decoration-color: #c7b7da;
}
#reserve .copy p a:after , #callback-preza .copy p a:after ,.form-free-seats .copy a:after, .zoom a:after , #prices .sales .bottom a:after , .back-form .form-free-seats .copy a:after{
content: '';
width: 100%;
height: 1px;
margin-top: -3px;
display: block;
background: #8356b2;
transition: all 0.3s ease 0s;
}
.form-free-seats .copy a:after, .zoom a:after , #prices .sales .bottom a:after{
margin-top: -6px;
}
#reserve .copy p a:hover:after , #callback-preza .copy p a:hover:after,.form-free-seats .copy a:hover:after, .zoom a:hover:after , #prices .sales .bottom a:hover:after{
opacity: 0;
transition: all 0.3s ease 0s;
}
#callback-header .copy p a:hover{
color: #ef4949;
text-decoration: none;
}
#callback-header .submit-field{
text-align: left;
}
#callback-header .submit-field input{
background: #57D690;
font-size: 20px;
color: #fff;
font-family: "FiraSans-Medium";
width: 100%;
height: 68px;
padding: 6px 0;
display: inline-block;
cursor: pointer;
border-radius: 5px;
border: none;
}
#callback-header .submit-field input:hover{
background-color: #6AE8A2;
}
#info-diskont{
display: none;
max-width: 644px;
width:564px;
padding: 40px;
border-radius: 10px;
background: #fff;
}
#info-diskont .subtitle{
margin-bottom: 30px;
text-align: center;
}
#info-diskont .subtitle p{
font: 16px/1.2 "FiraSans-Regular";
color: #31293A;
}
#info-diskont .title{
font-size: 28px;
color: #31293A;
line-height: 36px;
text-align: left;
margin-bottom: 20px;
font-family: "FiraSans-SemiBold";
}
#info-diskont .subtitl{
color: #31293A;
font: 16px/24px "FiraSans-Medium";
margin-bottom:10px;
}
#info-diskont .txt{
color: #999999;
font: 16px/24px "FiraSans-Regular";
margin-bottom:24px;
}
#info-diskont .txt:last-child{
margin-bottom:0;
}
#callback-preza , #reserve{
display: none;
width: 426px;
padding: 40px;
border-radius: 10px;
background: #fff;
}
#callback-preza .subtitle , #reserve .subtitle{
margin-bottom: 30px;
text-align: center;
}
#callback-preza .subtitle p , #reserve .subtitle p{
font: 16px/1.2 "FiraSans-Regular";
color: #31293A;
}
#callback-preza .title , #reserve .title{
font-size: 28px;
color: #31293A;
line-height: 36px;
text-align: center;
margin-bottom: 30px;
font-family: "FiraSans-SemiBold";
}
#reserve .title{
margin-bottom: 30px;
}
#callback-preza .title span , #reserve .title span{
color: #ff6a4d;
}
#callback-preza .input-field , #reserve .input-field{
position: relative;
margin-bottom: 20px;
}
#callback-preza .copy , #reserve .copy{
padding-top: 20px;
}
#callback-preza .copy p , #reserve .copy p{
color: #999999;
line-height: 16px;
font-size: 13px;
font-family: "FiraSans-Regular";
}
#callback-preza.copy p a , #reserve copy p a{
text-decoration: underline;
color: #8356b2;
display: inline;
text-decoration-color: #c7b7da;
}
#callback-preza .copy p a:hover , #reserve  .copy p a:hover{
color: #ef4949;
text-decoration: none;
}
#callback-preza .submit-field , #reserve .submit-field{
text-align: left;
}
#reserve .copy p a{
color: #8257B0;}
#callback-preza .submit-field input , #reserve .submit-field input{
background: #57D690;
font-size: 20px;
color: #fff;
font-family: "FiraSans-Medium";
width: 100%;
height: 68px;
padding: 6px 0;
display: inline-block;
cursor: pointer;
border-radius: 5px;
border: none;
}
#callback-preza .submit-field input:hover , #reserve .submit-field input:hover{
background-color: #6AE8A2;
}
.page-form{
width: 330px;
padding: 28px 30px;
border-radius: 8px;
margin-top: 98px;
background: #fff;
box-shadow: 0px 5px 16px 0px rgba(131, 86, 178, 0.1);
}
.page-form .title{
font-size: 30px;
color: #31293A;
line-height: 1.2;
margin-bottom: 15px;
font-family: "FiraSans-Regular";
}
.page-form .subtitle{
font: 14px/1 "FiraSans-Regular";
margin-bottom: 18px;
color: #31293A;
}
.page-form .input-field{
position: relative;
margin-bottom: 32px;
}
.page-form .age h4{
font-size: 18px;
color: #31293A;
margin-bottom: 20px;
font-family: "FiraSans-Regular";
}
.page-form .age ul{
cursor: pointer;
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
justify-content: flex-start;
}
.page-form .age li > div{
position: relative;
border: 2px solid transparent;
font-size: 14px;
color: #31293A;
background: #fbfbfb;
margin-right: 12px;
border-radius: 6px;
width: 42px;
padding-top: 12px;
padding-bottom: 12px;
box-shadow: 0px 2px 2px #e3e3e3;
font-family: "FiraSans-SemiBold";
text-align: center;
}
.page-form .age li > div:after{
background: url("../images/check.png") no-repeat center;
width: 0px;
height: 0px;
content: " ";
position: absolute;
top: -10px;
left: -10px;
background-size: 100%;
transition: all 0.3s ease 0s;
transform: scale(0);
}
.page-form .age li.active > div{
border-color: #50d68e;
}
.page-form .age li.active > div:after{
display: block;
width: 22px;
transform: scale(1);
height: 22px;
transition: all 0.3s ease 0s;
}
.page-form .age li.error > div{
border-color: #ef4949;
}
.page-form .age li.error > div:after{
background: url("../images/wrong.png") no-repeat center;
width: 0px;
height: 0px;
content: " ";
position: absolute;
top: -10px;
left: -10px;
background-size: 100%;
transition: all 0.3s ease 0s;
transform: scale(0);
}
.page-form .age li.error > div:after{
display: block;
width: 22px;
transform: scale(1);
height: 22px;
transition: all 0.3s ease 0s;
}
.page-form .copy{
padding-top: 34px;
}
.page-form .copy p{
line-height: 1.4;
color: #31293A;
font-size: 14px;
font-family: "FiraSans-Regular";
}
.page-form .copy p a{
text-decoration: underline;
color: #8356b2;
display: inline;
text-decoration-color: #c7b7da;
}
.page-form .copy p a:hover{
color: #ef4949;
}
.page-form .submit-field{
text-align: left;
margin-top: 34px;
}
.page-form .submit-field input{
background: #50d68e;
font-size: 20px;
color: #fff;
font-family: "FiraSans-Medium";
width: 200px;
height: 56px;
padding: 0;
display: inline-block;
cursor: pointer;
border-radius: 5px;
border: none;
box-shadow: 2px 2px 8px rgba(25, 132, 75, 0.5);
}
.page-form .submit-field input:hover{
background-color: #ef4949;
}
#subscription{
display: none;
width: 434px;
padding:40px;
border-radius: 8px;
background: #fff;
}
#subscription .title{
font-size: 28px;
color: #31293A;
line-height: 1.2;
text-align: center;
margin-bottom: 30px;
font-family: "FiraSans-SemiBold";
}
#subscription .input-field{
position: relative;
margin-bottom: 30px;
}
#subscription .age h4{
font-size: 18px;
color: #31293A;
margin-bottom: 20px;
font-family: "FiraSans-Regular";
}
#subscription .age ul{
cursor: pointer;
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
justify-content: flex-start;
}
#subscription .age li > div{
position: relative;
border: 2px solid transparent;
font-size: 14px;
color: #31293A;
background: #fbfbfb;
margin-right: 12px;
border-radius: 6px;
width: 42px;
padding-top: 12px;
padding-bottom: 12px;
box-shadow: 0px 2px 2px #e3e3e3;
font-family: "FiraSans-SemiBold";
text-align: center;
}
#subscription .age li > div:after{
background: url("../images/check.png") no-repeat center;
width: 0px;
height: 0px;
content: " ";
position: absolute;
top: -10px;
left: -10px;
background-size: 100%;
transition: all 0.3s ease 0s;
transform: scale(0);
}
#subscription .age li.active > div{
border-color: #50d68e;
}
#subscription .age li.active > div:after{
display: block;
width: 22px;
transform: scale(1);
height: 22px;
transition: all 0.3s ease 0s;
}
#subscription .age li.error > div{
border-color: #ef4949;
}
#subscription .age li.error > div:after{
background: url("../images/wrong.png") no-repeat center;
width: 0px;
height: 0px;
content: " ";
position: absolute;
top: -10px;
left: -10px;
background-size: 100%;
transition: all 0.3s ease 0s;
transform: scale(0);
}
#subscription .age li.error > div:after{
display: block;
width: 22px;
transform: scale(1);
height: 22px;
transition: all 0.3s ease 0s;
}
#subscription .copy{
padding-top: 34px;
}
#subscription .copy p{
line-height: 1.4;
color: #31293A;
font-size: 14px;
font-family: "FiraSans-Regular";
}
#subscription .copy p a{
text-decoration: underline;
color: #8257B0;
display: inline;
text-decoration-color: #8257B0;
}
#subscription .copy p a:hover{
color: #ef4949;
text-decoration: none;
}
#subscription .submit-field{
text-align: left;
margin-top: 34px;
}
#subscription .submit-field input{
background: #50d68e;
font-size: 20px;
color: #fff;
font-family: "FiraSans-Medium";
width: 100%;
height: 56px;
padding: 0;
display: inline-block;
cursor: pointer;
transition: all 0.3s ease 0s;
border-radius: 5px;
border: none;
box-shadow: 2px 2px 8px rgba(25, 132, 75, 0.5);
}
#subscription .submit-field input:hover{
background-color: #6AE8A2;
transition: all 0.3s ease 0s;
box-shadow: 0 5px 16px 0 rgba(255, 106, 76, 0.5);
}
.input-field.error textarea,
.input-field.error input{
background: #FAFAFA !important;
border: 1px solid #E62159 !important;
color: #31293A !important;
}
.input-field.error textarea,
.input-field.error::placeholder {
color: #31293A !important;
}
.input-field.error .error-message{
display: block;
}
#thanks-window{
text-align: center;
display: none;
width: unset;
color: #31293A;
padding: 40px;
border-radius: 10px;
max-width: 374px;
margin: 0 auto;
}
#thanks-window .thanks-img{
background: url(../images/thanksimg.svg);
width: 120px;
height: 120px;
margin: 0 auto;
margin-bottom:10px;
}
#thanks-window h3{
font-size: 28px;
font-family: "FiraSans-SemiBold";
margin-bottom: 10px;
line-height: 36px;
}
#thanks-window p{
font-size: 14px;
font-family: "FiraSans-Regular";
line-height: 22px;
}
.fancybox-skin{
border-radius: 20px !important;
}
#mobile-menu:after{
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.82);
top: 0;
left: 0;
position: fixed;
z-index: -1;
content: "";
}
#mobile-menu .button-2{
margin-bottom: 11px;
text-align: center;
-webkit-box-ordinal-group: 2;
-webkit-order: 2;
-ms-flex-order: 2;
text-align: right;
order: 2;
}
#mobile-menu .button-3{
-webkit-box-ordinal-group: 3;
-webkit-order: 3;
-ms-flex-order: 3;
text-align: right;
order: 3;
margin-top: -4px;
}
#mobile-menu .button-1{
-webkit-box-ordinal-group: 1;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
#mobile-menu .button-2 a{
color: #31293A;
margin-top: 35px;
font-size: 20px;
font-family: "FiraSans-SemiBold";
}
#mobile-menu .button-3 a{
color: #8257B0;
font-family: "FiraSans-Regular";
font-size: 14px;
text-decoration: underline;
}
#mobile-menu .button-2 a  svg{
width: 18px;
height: 18px;
margin-right: 7px;
position: relative;
top: 2px;
}
#mobile-menu .button-4{
margin-top: 43px;
justify-content: flex-end;
-webkit-box-ordinal-group: 4;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
#mobile-menu .button-4 a{
color:#20B038;
font-family: "FiraSans-Regular";
margin-right: 9px;
}
#mobile-menu .button-4 a svg{
padding-right:3px;
}
#mobile-menu .button-1 a{
color: #31293A;
font: 14px/17px "FiraSans-SemiBold";
text-transform: uppercase;
padding: 11px 15px;
text-align: center;
border-radius: 6px;
background: #febf00;
transition: all 0.3s ease 0s;
}
#mobile-menu .button-1 a:hover{
background: #ff6a4c;
transition: all 0.3s ease 0s;
box-shadow: 0px 3px 8px 0px rgba(255, 191, 0, 0.5);
}
#mobile-menu.open{
display: block;
}
#mobile-menu{
box-sizing: border-box;
width: 100%;
top: 0;
left: 0;
display: none;
position: fixed;
height: 100%;
overflow: auto;
padding-bottom: 0;
z-index: 1000;
}
#mobile-menu #menu-close{
width: 17px;
height: 17px;
background: url(../images/close-black.png);
background-repeat: no-repeat;
cursor: pointer;
background-size: cover;
position: absolute;
right: 19px;
top: 33px;
transition: all 0.3s ease 0s;
}
#mobile-menu #menu-close span{
padding-top: 2px;
display: block;
}
#mobile-menu #menu-close:hover{
transition: all 0.3s ease 0s;
}
#mobile-menu .mob-header{
position: relative;
padding-top: 68px;
background: #ffffff;
padding-bottom: 38px;
}
#mobile-menu .mob-header .button a{
color: #522e14;
font: 18px/64px "FiraSans-Heavy";
text-transform: uppercase;
height: 64px;
width: 224px;
text-align: center;
border-radius: 4px;
background: #febf00;
letter-spacing: 0;
transition: all 0.3s ease 0s;
box-shadow: 0px 3px 8px 0px rgba(255, 191, 0, 0.3);
}
#mobile-menu .mob-header .button a:hover{
background: #ff6a4c;
transition: all 0.3s ease 0s;
box-shadow: 0px 3px 8px 0px rgba(255, 191, 0, 0.3);
}
#mobile-menu .parrent-menu{
max-width: 1228px;
margin: 0 auto;
padding: 0 25px;
}
#mobile-menu .parrent-menu{
background: #ffffff;
display: flex;
gap: 76px;
padding: 0 75px;
flex-wrap: nowrap;
justify-content: space-between;
padding-bottom: 150px;
}
#mobile-menu .parrent-menu > div > ul > li{
padding-bottom: 40px;
}
#mobile-menu .parrent-menu ul{
width: max-content;
}
#mobile-menu .parrent-menu > div > ul > li.parent{
padding-left: 0;
}
#mobile-menu .parrent-menu li a{
color: #8257B0;
font: 22px/30px "FiraSans-SemiBold";
text-decoration: underline;
}
#mobile-menu .parrent-menu > div:nth-child(2) li a{
color: #31293A;
font: 16px/24px "FiraSans-Regular";
}
#mobile-menu .parrent-menu > div:nth-child(3){
text-align:right;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: flex-end;
}
#mobile-menu .parrent-menu .subtitl{
color: #999999;
font: 22px/30px "FiraSans-SemiBold";
}
#mobile-menu .parrent-menu .par > div{
padding-top: 22px;
padding-bottom: 10px;
}
#mobile-menu .parrent-menu  .par > div{
display: none;
margin-top: 22px;
}
#mobile-menu .parrent-menu  .par.open > div{
display: block;
}
#mobile-menu .parrent-menu  .par li{
margin-bottom: 32px;
}
#mobile-menu .parrent-menu  .par li a{
font: 16px/1 "FiraSans-Regular";
text-transform: none;
}
#mobile-menu .parrent-menu li:last-child{
margin-bottom: 0;
padding-bottom: 40px;
}
#mobile-menu .children-menu{
padding-top: 20px;
background: #9f75ca;
padding-bottom: 20px;
}
#mobile-menu .children-menu li{
font: 16px/1 "FiraSans-Regular";
margin-bottom: 24px;
}
#mobile-menu .children-menu li a{
color: #fff;
}
#mobile-menu .children-menu li:nth-child(1){
font: 20px/1 "FiraSans-SemiBold";
color: #fff;
text-transform: uppercase;
}
.breadcrumbs{
margin: 47px 0 30px;
text-align: center;
}
.breadcrumbs li{
display: inline-block;
text-align: center;
vertical-align: middle;
margin-right: -1px;
font: 13px/1 "FiraSans-Regular";
}
.breadcrumbs li a{
color: #31293A;
transition: all 0.3s ease 0s;
}
.breadcrumbs li span{
color: #999;
}
.breadcrumbs li a:hover{
color: #ff6a4c;
transition: all 0.3s ease 0s;
}
body.inner-page #screen-top{
padding-bottom: 40px;
background-position: center -30px;
}
.hidden-callback{
display: none;
margin-right: 73px;
}
.hidden-callback img, .hidden-callback a{
display: block;
float: left;
margin-right: 10px;
}
.fancybox-opened .fancybox-skin{
position: relative;
}
.close-btn{
position: absolute;
top: 20px;
right: 20px;
width: 16px;
height: 16px;
background-position: 0 0;
background-repeat: no-repeat;
cursor: pointer;
background-image: url("../images/close-black.svg") ;
}
.input-field input{
width: 100%;
height: 56px;
background: #f5f5f5;
color: #31293A;
font-size: 16px;
border-radius: 4px;
font-family: "FiraSans-Regular";
padding-left: 20px;
box-sizing: border-box;
border: none;
}
.input-field textarea:hover , .input-field input:hover {
background: #FAFAFA !important;
}
.input-field textarea:focus , .input-field input:focus , .form-free-seats .input-field textarea:focus , .form-free-seats .input-field input:focus{
background: #FFFFFF;
border: 1px solid #EAEAEA;
padding-top: 16px !important;
height:56px;}
.input-field textarea:focus:hover , .input-field input:focus:hover , .form-free-seats .input-field textarea:focus:hover , .form-free-seats .input-field input:focus:hover{
background: #FFFFFF !important;
}
.input-field.error .error {
display: block;
}
.input-field .error {
position: absolute;
bottom: -10px;
color: #E62159;
font: 11px/6px "FiraSans-Regular";
display: none;
}
.input-field input:focus+.placeholder, .input-field input:not(:placeholder-shown)+.placeholder {
top: 5px;
transition: all .3s ease 0s;
font-size: 11px;
}
.input-field .placeholder {
color: #999999;
font: 16px/24px "FiraSans-Regular";
left: 21px;
top: 17px;
position: absolute;
transition: all .3s ease 0s;
pointer-events: none;
}
.input-field textarea:valid , .input-field input:valid , .form-free-seats .input-field textarea:valid , .form-free-seats .input-field input:valid{
background: #FFFFFF !important;
border: 1px solid #EAEAEA !important;
padding-top: 16px !important;
}
.close-btn:hover{
background-position: 0 bottom;
}
.fancybox-wrap .fancybox-skin .fancybox-close,
.white-wrapp .fancybox-skin .fancybox-close,
.fancybox-wrap .fancybox-skin .wh-ph,
.white-wrapp .fancybox-skin .wh-ph{
display: none !important;
}
.white-wrapp .fancybox-type-image .fancybox-close{
display: block !important;
}
.wh-ph {
position: absolute;
width: 32px;
height: 32px;
top: -42px;
background: #ffffff;
right: 0;
border-radius: 50%;
}
.white-wrapp.fancybox-type-image .fancybox-close{
background: url("../images/close-white.png") no-repeat scroll center 0;
display: block !important;
top: -32px !important;
right: 0 !important
}
.fancybox-wrap.fancybox-type-iframe  .fancybox-skin .fancybox-close,
.fancybox-wrap.fancybox-type-image  .fancybox-skin .fancybox-close ,
.fancybox-wrap.fancybox-type-iframe  .fancybox-skin .wh-ph,
.fancybox-wrap.fancybox-type-image .fancybox-skin .wh-ph {
display: block !important;
}
.violet-floor{
background: #764aa4;
padding-top: 4px;
color: #fff;
}
.violet-floor .left .line-bold{
color: #fff;
margin-bottom: 8px;
letter-spacing: 0;
font-size: 18px;
font-family: "FiraSans-SemiBold";
}
.violet-floor .left{
color: #d0b0f1;
font-size: 13px;
font-family: "FiraSans-Regular";
width: 335px;
position: relative;
z-index: 1;
}
.violet-floor .left p{
line-height: 1.4;
}
.violet-floor .right{
position: relative;
z-index: 1;
}
.violet-floor .right .as{
margin-left: 18px;
}
.violet-floor div img{
display: block;
}
#change .title-small{
text-align: center;
}
.sboru-star{
margin-top: 30px;
font: 13px/1 "FiraSans-Regular";
color: #31293A;
line-height: 1.3;
}
.sboru-star span{
color: red;
font-weight: bold;
}
.sboru-star-price{
margin-bottom: 30px;
}
#change .desc .name span{
color:red;
}
#change .desc .name.name-spect, #change .desc .name.name-dir{
font-weight: 400;
}
.station{
max-width: 280px;
}
.station span{
color:red;
}
.station-spect,.station-dir{
font: 14px/1.3 "FiraSans-Regular";
color: #999;
max-width: 200px;
}
.station-spect{
margin-bottom: 10px;
}
.station-dir{
margin-bottom: 20px;
}
.desc.desc-spect{
margin-bottom: 20px;
}
.desc.desc-spect p{
margin-bottom: 10px;
}
.tanec-lager .afishi-new .slick-track{
margin: 0 auto;
}
.tanec-lager .spectacli-tancu .slick-track{
margin: 0 auto;
}
.tanec-lager #teachers-slider .slick-track{
margin: 0 auto;
}
.fancybox-overlay .fancybox-wrap.yes-over {
overflow:visible !important;
}
.fancybox-wrap.no-over {
overflow:hidden !important;
height: 100vh !important;
}
.fancybox-overlay-fixed.no-over {
overflow:hidden !important;
height: 100vh !important;
}
.fancybox-outer.no-over {
overflow:hidden !important;
}
.lager-1.no-over {
overflow:hidden !important;
height: 100vh !important;
}
@media screen and (max-width: 1216px){
#footer .inside{
width: 983px;
}
#footer .coll-2{
margin-left: 0;
}
#footer .coll-1 .copyright{
margin-top: 33px;
}
#footer .inner{
gap: 36.25px;
flex-wrap: nowrap;
}
.free-lesson-footer{
width: 100%;
}
.guaranty .inside{
width: 978px;
padding: 60px;
margin: 0 auto;
}
}@media screen and (max-width: 1024px){
.station,.station-spect,.station-dir{
max-width: 100%;
}
}
@media screen and (max-width: 1000px){
.inside{
width: 690px;
}
#mobile-menu .parrent-menu > div:nth-child(2) li a{
font: 18px/26px "FiraSans-Regular";
}
#footer{
padding: 30px 0;
}
#footer .inside{
width: 690px;
}
#footer .inner {
flex-wrap: wrap;
}
#footer .coll-4{
margin-left: -40px;
}
.guaranty .inside{
width: 690px;
}
.violet-floor .irbis_phone{
display: none;
}
.violet-floor{
padding-top: 28px;
position: relative;
padding-bottom: 28px;
}
.violet-floor .right,
.violet-floor .left{
padding-left: 46px;
}
.violet-floor .right{
width: 100%;
margin-top: 16px;
}
.violet-floor .right .flex{
justify-content: flex-start
}
.violet-floor .inside{
width: 768px;
}
.violet-floor .inside:after{
position: absolute;
bottom: -27px;
right: 10px;
background: url(../images/irbis_phone-2.png);
content:"";
width: 367px;
height: 160px;
}
.violet-floor{
overflow-x: hidden;
}
#header .center{
display:none;
}
#mobile-menu .parrent-menu > div:nth-child(1){
-webkit-box-ordinal-group: 1;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
#mobile-menu .parrent-menu > div:nth-child(2){
-webkit-box-ordinal-group: 2;
-webkit-order: 2;
-ms-flex-order: 2;
order: 3;
}
#mobile-menu .parrent-menu > div:nth-child(3){
-webkit-box-ordinal-group: 3;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
width:100%;
}
#mobile-menu .button-1{
position: relative;
top: 6px;
width: 100%;
text-align: left;
}
#mobile-menu .button-2{
margin-top: -64px;
}
#mobile-menu .mob-header{
padding-top: 46px;
}
#mobile-menu .button-4{
margin-top: 15px;
}
#mobile-menu .parrent-menu{
background: #ffffff;
display: flex;
gap: 132px;
row-gap: 40px;
padding: 0 40px;
flex-wrap: wrap;
justify-content: flex-start;
padding-bottom: 150px;
}
#footer .inner{
gap: 90px;
row-gap: 18px;
}

#footer .inner .info{
-webkit-box-ordinal-group: 5;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
width: 29%;
margin: 0px -39px;
padding-top: 30px;
padding-right: 39px;
border-top: 1px solid #9467C3;
}
#footer .inner .coll-1{
-webkit-box-ordinal-group: 1;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
width: 69%;
max-width: 100% !important;
margin: 0 -39px;
padding-top: 30px;
padding-left: 39px;
border-top: 1px solid #9467C3;
}
.free-lesson-footer{
margin-top: 27px;
}
.payment .flex > div:last-child{
margin-right: 9px;
}
#footer .coll.nav li a{
margin-bottom: 0px;
}
#footer .coll-1 .copyright{
margin-top: 36px;
}
}
@media screen and (max-width:  720px){
.violet-floor .inside:after{
right: -50px
}
.violet-floor .right,
.violet-floor .left{
padding-left: 6px;
}
.yandex-widget-header{
display: none;
}
#footer .inside{
width: calc(100% - 30px);
}
.guaranty .inside{
width: calc(100% - 30px);
}
#footer .coll.info .callback{
margin-bottom: 6px;
text-align: right;
margin-top: 16px;
}
.free-lesson-footer{
margin-top: 38px;
}
#info-diskont{
padding: 40px 20px;
width: calc(100% - 40px);
margin:0 auto;
}
#callback-preza, #reserve {
padding: 40px 15px;
}
#callback-preza .title, #reserve .title {
font-size: 20px;
line-height: 28px;
}
}
@media screen and (max-width:  660px){
.violet-floor .inside:after{
right: -100px
}
}
@media screen and (max-width:  510px){
.violet-floor .inside:after{
right: 0px;
background: url(../images/irbis_phone-3.png);
background-size: auto 156px;
width: 67px;
height: 156px;
bottom: -7px;
}
.violet-floor .inside .left{
width: calc(100% - 60px);
}
.violet-floor .right .as{
margin-left: 12px;
}
#footer .coll.nav li{
margin-bottom: 10px;
list-style: none;
}
#footer .coll.nav{
width:100%;
margin: 0;
}
#footer .footer-mob {
display:block;
}
#footer .footer-desk {
display:none;
}
}
@media screen and (max-width:  360px){
.violet-floor .inside:after{
right: 0px;
background: url(../images/irbis_phone-3.png);
width: 78px;
height: 196px;
bottom: -24px;
}
.violet-floor .right .as{
margin-left: 8px;
}
}
@media screen and (max-width:  320px){
.violet-floor .inside:after{
right: 0px;
background: url(../images/irbis_phone-3.png);
width: 78px;
height: 196px;
bottom: -14px;
}
}
@media screen and (max-width:  390px){
.violet-floor .inside .left{
width: calc(100% - 50px);
}
}
@media screen and (max-width: 411px){
#screens-reviews-inner{
padding: 0 0px;
}
.foot-wrap:before{
background-size: cover;
}
.foot-bottom .phone{
display: block;
text-align: center;
}
.phone-wrap .phone_number{
margin-right: 0;
}
.foot-bottom .phone .btn{
color: black;
display: block;
float: none;
margin: 0 auto;
}
}
@media screen and (max-width:500px){
body .head-desc{
margin-top: 50px;
}
.head-desc h2{
margin-bottom: 20px;
}
.cont-schedule{
margin-top: 50px !important;
}
#jlesson{
height: auto !important;
}
#map-ofices{
height: 360px !important;
}
.cont-schedule h2{
margin-top: 0 !important;
}
.yandex-widget-footer{
margin-left: 2px;
}
}
.guaranty{
background: #8356b2;
padding: 84px 0 25px 0;
color: #fff;
font-family:  "FiraSans-Regular";
}
.guaranty .title-guaranty{
font-size: 40px;
margin-bottom: 44px;
}
.guaranty .subtitle-guaranty{
font-size: 24px;
margin-bottom: 48px;
}
.guaranty .guaranty-description{
font-size: 16px;
width: 808px;
max-width: 100%;
line-height: 1.5;
}
.guaranty .guaranty-footer-position{
color: #d0b5ec;
font-size: 20px;
margin-bottom: 12px;
}
.guaranty .guaranty-footer{
margin-top: -25px;
}
.guaranty .guaranty-footer-name{
font-size: 24px;
margin-bottom: 40px;
}
.guaranty .guaranty-stamp{
margin-left: -40px;
margin-right: -17px;
}
@media screen and (max-width:1260px){
.guaranty .guaranty-stamp{
margin-left: -100px;
margin-right: -22px;
}
.guaranty{
padding: 53px 0 22px 0
}
}
@media screen and (max-width:900px){
.guaranty .signature img{
width: 150px;
}
.guaranty .guaranty-stamp{
margin-right: -16px;
margin-left: -50px;
}
.guaranty .guaranty-stamp img{
width: 190px;
}
}
@media screen and (max-width:860px){
.guaranty .title-guaranty{
font-size: 30px;
margin-bottom: 28px;
}
.guaranty .subtitle-guaranty{
font-size: 20px;
margin-bottom: 38px;
line-height: 1.3;
}
.guaranty{
padding-top: 56px
}
.guaranty .title-guaranty{
margin-bottom: 32px;
}
.guaranty .guaranty-footer{
margin-top: 0;
}
.guaranty .guaranty-footer-name{
font-size: 20px;
}
.guaranty .guaranty-footer-position{
font-size: 16px;
margin-bottom: 20px;
}
}
@media screen and (max-width:860px){
.guaranty .guaranty-stamp{
margin-left: -20px;
}
}
@media screen and (max-width:700px){
.guaranty .guaranty-stamp{
margin-left: -20px;
}
}
@media screen and (max-width:500px){
.guaranty .title-guaranty{
font-size:20px;
margin-bottom: 22px;
}
.guaranty .guaranty-footer > .flex > div:nth-child(1){
width: 100%;
}
.guaranty .guaranty-footer > .flex{
justify-content: space-around;
}
.guaranty .subtitle-guaranty{
font-size: 16px;
margin-bottom: 24px;
line-height: 1.5;
}
.guaranty{
padding-top: 38px;
padding-bottom: 15px;
}
.guaranty .guaranty-description{
font-size: 13px;
line-height: 1.6;
}
.guaranty .guaranty-footer-position{
font-size: 14px;
margin-bottom: 12px;
}
.guaranty .guaranty-footer-name{
font-size: 16px;
}
.guaranty .guaranty-footer{
margin-top: 36px;
}
.guaranty .guaranty-stamp img{
width: 170px;
}
.guaranty .signature img{
width: 138px;
}
.guaranty .signature,
.guaranty .guaranty-stamp{
margin-top: -42px;
}
}
@media screen and (max-width: 480px){
#mobile-menu .parrent-menu{
padding: 0 25px 0 25px;
padding-top: 25px;
margin-top: -1px;
gap: 40px;
row-gap: 40px;
}
#mobile-menu .parrent-menu > div:nth-child(2) li a{
font: 18px/26px "FiraSans-Regular";
}
#mobile-menu .parrent-menu > div > ul > li{
padding-bottom: 30px;
}
#callback-preza , #reserve{
width: unset;;
}