/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@font-face { 
    font-family: "TTTravelsDemiBold";
    src: url("fonts/TTTravels/TTTravelsDemiBold.woff") format("woff");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}
@font-face { 
    font-family: "TTTravelsRegular";
    src: url("fonts/TTTravels/TTTravelsRegular.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face { 
    font-family: "TTTravelsMedium";
    src: url("fonts/TTTravels/TTTravelsMedium.woff") format("woff");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face { 
    font-family: "Stapel-Medium";
    src: url("fonts/Stapel/Stapel-Medium.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}
@font-face { 
    font-family: "Stapel-Bold";
    src: url("fonts/Stapel/Stapel-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}


.ff_sm {font-family: 'Stapel-Medium', sans-serif;}
.ff_sb {font-family: 'Stapel-Bold', sans-serif;}
.ff_ttb {font-family: 'TTTravelsDemiBold', sans-serif;}
.ff_ttm {font-family: 'TTTravelsMedium', sans-serif;}
.ff_ttr {font-family: 'TTTravelsRegular', sans-serif;}


* {
    padding: 0px;
    margin: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: normal;
    color: inherit;
    text-transform: none;
    text-decoration: none;
    font-family: 'TTTravelsRegular', sans-serif;
}


ul {padding-left:none; list-style: none;}
button,a,mark,b,label,select,strong {
    border: none;
    all: initial;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

#wpadminbar {display:none !important;}
html {
    padding:0px !important;
    margin:0px !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
}

button, a {
    cursor: pointer;
}
body {
    min-height: 100vh;
    position:relative;
}

header {
    position:sticky;
}

.L16 {
    -webkit-clip-path: polygon(16px 0%, 100% 0%, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0% 100%, 0% 16px);
            clip-path: polygon(16px 0%, 100% 0%, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0% 100%, 0% 16px);
}
.L24l {
    -webkit-clip-path: polygon(0% 0%, calc(100% - 24px) 0%, 100% 24px, 100% 100%, 24px 100%, 0% calc(100% - 24px));
            clip-path: polygon(0% 0%, calc(100% - 24px) 0%, 100% 24px, 100% 100%, 24px 100%, 0% calc(100% - 24px));
}
.L24r {
    -webkit-clip-path: polygon(24px 0%, 100% 0%, 100% calc(100% - 24px), calc(100% - 24px) 100%, 0% 100%, 0% 24px);
            clip-path: polygon(24px 0%, 100% 0%, 100% calc(100% - 24px), calc(100% - 24px) 100%, 0% 100%, 0% 24px);
}
.L24t {
    -webkit-clip-path: polygon(40px 0%, calc(100% - 40px) 0%, 100% 40px, 100% 100%, 0% 100%, 0% 40px);
            clip-path: polygon(40px 0%, calc(100% - 40px) 0%, 100% 40px, 100% 100%, 0% 100%, 0% 40px);
}


.btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 88%;
    height: 88%;
    -webkit-transition: -webkit-box-shadow 0.6s;
    transition: -webkit-box-shadow 0.6s;
    -o-transition: box-shadow 0.6s;
    transition: box-shadow 0.6s;
    transition: box-shadow 0.6s, -webkit-box-shadow 0.6s;
}

.btn_orange:hover::before {
    -webkit-box-shadow: 0px 0px 20px 0px var(--c6), 0px 0px 40px 0px var(--c5);
            box-shadow: 0px 0px 20px 0px var(--c6), 0px 0px 40px 0px var(--c5);
}

.btn_white:hover::before {
    -webkit-box-shadow: 0px 0px 20px 0px var(--c9), 0px 0px 40px 0px var(--c8);
            box-shadow: 0px 0px 20px 0px var(--c9), 0px 0px 40px 0px var(--c8);
}

.btn_blue:hover::before {
    -webkit-box-shadow: 0px 0px 20px 0px var(--c4), 0px 0px 40px 0px var(--c3);
            box-shadow: 0px 0px 20px 0px var(--c4), 0px 0px 40px 0px var(--c3);
}


.wide {max-width:1140px;margin:0 auto;width:100%;}

.back_page {
    display:none;
    position:fixed;
    margin:40px;
}

input::-webkit-input-placeholder {color:var(--c9);}

input::-moz-placeholder {color:var(--c9);}

input:-ms-input-placeholder {color:var(--c9);}

input::-ms-input-placeholder {color:var(--c9);}

input::placeholder {color:var(--c9);}



.form-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding:16px;
}


.form-wrapper::before {
    content: '';
    width: 92%;
    height: 92%; 
    position: absolute;
    top: 4%;
    left: 4%;
    -webkit-transform: translate(-4%, -4%);
        -ms-transform: translate(-4%, -4%);
            transform: translate(-4%, -4%);
    background-color: var(--c1);
    -webkit-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
            transform: rotate(2deg);
    -webkit-clip-path: polygon(24px 0%, 100% 0%, 100% calc(100% - 24px), calc(100% - 24px) 100%, 0% 100%, 0% 24px);
            clip-path: polygon(24px 0%, 100% 0%, 100% calc(100% - 24px), calc(100% - 24px) 100%, 0% 100%, 0% 24px);
}


.el1 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height: 64px;
    width: 2px;
    background-color: var(--c4);
    position:absolute;
    bottom:0;
    left:0;
}
.el2 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width: 64px;
    height: 2px;
    background-color: var(--c4);
    position:absolute;
    bottom:0;
    left:0;
}
.el3 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height: 64px;
    width: 2px;
    background-color: var(--c4);
    position:absolute;
    right:0;
    top:0;
}
.el4 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width: 64px;
    height: 2px;
    background-color: var(--c4);
    position:absolute;
    right:0;
    top:0;
}

/* form {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap:16px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-height: 296px;
    height: 100%;
} */

.wpcf7-form {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap:4px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
}
.wpcf7 {
    position:relative;
    height: 100%;
    width:100%;
    min-height: 256px;
}



.form__input {
    border: none;
    all: initial;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding:2px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    color:var(--c8);
    font-family: 'TTTravelsRegular', sans-serif;
    width:100%;
}
.form__input::-webkit-input-placeholder {
    color:rgba(255,255,255,0.6);
    font-family: 'TTTravelsRegular', sans-serif;
}
.form__input::-moz-placeholder {
    color:rgba(255,255,255,0.6);
    font-family: 'TTTravelsRegular', sans-serif;
}
.form__input:-ms-input-placeholder {
    color:rgba(255,255,255,0.6);
    font-family: 'TTTravelsRegular', sans-serif;
}
.form__input::-ms-input-placeholder {
    color:rgba(255,255,255,0.6);
    font-family: 'TTTravelsRegular', sans-serif;
}
.form__input::placeholder {
    color:rgba(255,255,255,0.6);
    font-family: 'TTTravelsRegular', sans-serif;
}

/* form popup */
.form__input_popup {
    border: none;
    all: initial;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding:8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    color:var(--c1);
    font-family: 'TTTravelsRegular', sans-serif;
    width:100%;
}
.form__input_popup::-webkit-input-placeholder {
    color:rgba(0,0,0,0.6);
    font-family: 'TTTravelsRegular', sans-serif;
}
.form__input_popup::-moz-placeholder {
    color:rgba(0,0,0,0.6);
    font-family: 'TTTravelsRegular', sans-serif;
}
.form__input_popup:-ms-input-placeholder {
    color:rgba(0,0,0,0.6);
    font-family: 'TTTravelsRegular', sans-serif;
}
.form__input_popup::-ms-input-placeholder {
    color:rgba(0,0,0,0.6);
    font-family: 'TTTravelsRegular', sans-serif;
}
.form__input_popup::placeholder {
    color:rgba(0,0,0,0.6);
    font-family: 'TTTravelsRegular', sans-serif;
}


/* end form popap */
form label {
    width:100%;
}
.wpcf7-form-control-wrap {
    padding:0;
    margin-right:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;

}
.wpcf7-not-valid-tip {
    color:var(--c9);
    font-family: 'Stapel-Bold', sans-serif;
    bottom:-10px;
    right: 0px;
    position:absolute;
}

.form__accept {
    width:20px;
    height: 20px;
    border-radius: 2px;
    cursor: pointer;
}
.accept {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width: 100%;
    padding-bottom:8px;
}
.accept * span {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:20px;
    height:20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding:0;
    margin: 0;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.form__button_wrapp {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.form__button_wrapp p {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: auto;
    margin: 0px;
    padding:0px;
    text-align: center;
}
.wpcf7-spinner {
    display:none;
}
.form__button {
    border: none;
    all: initial;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size:24px;
    font-family: 'Stapel-Bold', sans-serif;
    background: -o-linear-gradient(left, var(--c1), var(--c2), var(--c1));
    background: -webkit-gradient(linear, left top, right top, from(var(--c1)), color-stop(var(--c2)), to(var(--c1)));
    background: linear-gradient(90deg, var(--c1), var(--c2), var(--c1));
    -webkit-background-clip: text;
            background-clip: text;
    background-size: 100% 100%;
    color: transparent;
}

/* delete Please fill out this field. */
.wpcf7-response-output {
    display:none;
}

.screen-reader-response {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100% !important;
    height: 100% !important;
    position: relative;
    margin:0px !important;
    clip: auto !important; /* Сбрасывает значение clip */
    -webkit-clip-path: none !important;
            clip-path: none !important; /* Сбрасывает значение clip-path */
    -ms-flex-pack:distribute;
        justify-content:space-around;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
            overflow: initial !important;
}
.screen-reader-response ul {
    display:none !important;
}
.screen-reader-response p {
    font-family: 'Stapel-Bold', sans-serif;
    font-size:32px;
    font-weight:900;
    color:var(--c9);
    text-transform:uppercase;
    text-align:center;
}
#form_popup .wpcf7 .screen-reader-response p {
    color:var(--c1);
    width: 100%;
}

#form_popup .wpcf7-not-valid-tip {
    color:var(--c1);
}
/* end FORM */

.a_t {
    color:var(--c8);
}
.a_t:hover {
    color:var(--c9);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.a_t:active {
    color:var(--c9);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.nav_link {color:var(--c1);}
.nav_link:hover {color:var(--c5); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.nav_link:active {color:var(--c5); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}



.container1 {
	height: 500px;
	margin: 0 auto;
	width: 400px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}


.shadow_inner {
    position: relative;
    overflow: hidden;
}

.shadow_inner::before,
.shadow_inner::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 200px; /* Ширина для тени */
    z-index: 1; /* Устанавливаем поверх слайдов */
}

.shadow_inner::before {
    left: 0;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.shadow_inner::after {
    right: 0;
    background: -o-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}





.card__line {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height: 500px;
    position:relative;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    width:400px;
}

.card {
    width: 400px;
    -webkit-box-flex:0;
        -ms-flex:0 0 400px;
            flex:0 0 400px;
	height:auto;
	max-height:480px;
    margin: 0px 5%;
    -webkit-transform: translateX(-5%) scale(.6);
        -ms-transform: translateX(-5%) scale(.6);
            transform: translateX(-5%) scale(.6);
	z-index:-1;
}
.card p {
    height: 96px;
}
.card_act {
    -webkit-transform: translateX(-5%) scale(1.2);
        -ms-transform: translateX(-5%) scale(1.2);
            transform: translateX(-5%) scale(1.2);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
	z-index:1;
}
.card_act p {
	height:auto;
}
.pag_wrap {
    top:50%;
    -webkit-transform:translateY(-50%) scale(1.2);
        -ms-transform:translateY(-50%) scale(1.2);
            transform:translateY(-50%) scale(1.2);
    width: 448px;
    position:relative;
}

.slider-prev {
    left:-20px;
    position:absolute;
}
.slider-next {
    right:20px;
    position:absolute;

}


.btn_pag:hover {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-box-shadow: 0px 0px 20px 0px var(--c3), 0px 0px 40px 0px var(--c4);
            box-shadow: 0px 0px 20px 0px var(--c3), 0px 0px 40px 0px var(--c4);
}
.btn_pag:active {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-box-shadow: 0px 0px 20px 0px var(--c3), 0px 0px 40px 0px var(--c4);
            box-shadow: 0px 0px 20px 0px var(--c3), 0px 0px 40px 0px var(--c4);
}

.p50l {
    padding-left:50px;
}

:root {
    --c0:rgba(22, 19, 25, 1);   /* black text and footer */
    /* for black linear */
    --c1:rgba(7, 4, 10, 1);     /* black dark */
    --c2:rgba(7, 4, 10, 0.6);   /* black opacity */

    /* for blue linear */
    --c3:rgba(36, 112, 200, 1);   /* blue dark */
    --c4:rgba(42, 218, 232, 1);   /* blue ligth */

    /* for orange linear */
    --c5:rgba(255, 149, 23, 1);    /* orange */
    --c6:rgba(255, 107, 25, 1);    /* dark orange */

    /* for grey linear */
    --c7:rgba(226, 230, 238, 1);    /* grey */
    --c8:rgba(255, 255, 255, 0.9);  /* width ligth */
    --c9:rgba(255, 255, 255, 1);    /* width ligth */
}

.c0 {color:var(--c0);}

.c1 {color:var(--c1);}
.c2 {color:var(--c2);}

.c3 {color:var(--c3);}
.c4 {color:var(--c4);}

.c5 {color:var(--c5);}
.c6 {color:var(--c6);}

.c7 {color:var(--c7);}
.c8 {color:var(--c8);}
.c9 {color:var(--c9);}

.b0 {background:var(--c0);}

.b1 {background:var(--c1);}
.b2 {background:var(--c2);}

.b3 {background:var(--c3);}
.b4 {background:var(--c4);}

.b5 {background:var(--c5);}
.b6 {background:var(--c6);}

.b7 {background:var(--c7);}
.b8 {background:var(--c8);}
.b9 {background:var(--c9);}


.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px;}
.fs24 {font-size:24px;}
.fs26 {font-size:26px;}
.fs32 {font-size:32px;}
.fs40 {font-size:40px;}
.fs64 {font-size:64px;}


.f {display:-webkit-box;display:-ms-flexbox;display:flex;}
.fw {-ms-flex-wrap:wrap;flex-wrap:wrap;}
.fc {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.fac {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

.f_ {-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
._f {-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.f_f {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
._f_ {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}


.T {text-transform: uppercase;}
._t_ {text-align:center;}
._t {text-align:end;}
.t_ {text-align:start;}
.t_nw {white-space: nowrap;}


.g4 {gap:4px;}
.g8 {gap:8px;}
.g12 {gap:12px;}
.g16 {gap:16px;}
.g32 {gap:32px;}
.g64 {gap:64px;}
.gEM {gap:1em;}

._bc3 {border:1px solid var(--c3);}
._bb {border-bottom: 1px solid var(--c9);}
._bbc6 {border-bottom: 1px solid var(--c6);}
._b {border:1px solid var(--c8);}

.p4l {padding-left:4px;}
.p4r {padding-right:4px;}
.p4 {padding:4px;}


.p30l {padding-left:30px;}
.p30r {padding-right: 30px;}

.p1 {padding:1px;}
.p2t {padding-top:2px;}
.p2b {padding-bottom:2px;}
.p2 {padding:2px;}
.p16 {padding:16px;}
.p16t {padding-top:16px;}
.p16b {padding-bottom:16px;}
.p24 {padding:24px;}
.p32t {padding-top:32px;}
.p32b {padding-bottom:32px}

.p8l {padding-left:8px;}
.p8r {padding-right:8px;}
.p8t {padding-top:8px;}
.p8b {padding-bottom:8px;}
.p8 {padding:8px;}

._m_ {margin:0 auto;}

.br0 {border-radius:50%;}


.f_auto {-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;}
.f33 {-webkit-box-flex:1;-ms-flex:1 1 33%;flex:1 1 33%;}
.f50 {-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}
.f_72 {-webkit-box-flex:0;-ms-flex:0 0 72px;flex:0 0 72px;}
.f_200 {-webkit-box-flex:0;-ms-flex:0 1 200px;flex:0 1 200px;}
.f_256 {-webkit-box-flex:1;-ms-flex:1 1 256px;flex:1 1 256px;}
.f_300 {-webkit-box-flex:1;-ms-flex:1 1 300px;flex:1 1 300px;}
.f_320 {-webkit-box-flex:1;-ms-flex:1 1 320px;flex:1 1 320px;}
.f_512 {-webkit-box-flex:1;-ms-flex:1 1 512px;flex:1 1 512px;}

.w {width:100%;}
.w_a {width:auto;}
.w_4 {width:4px;}
.w_16 {width:16px;}
.w_24 {width:24px;}
.w_32 {width:32px;}
.w_40 {width:40px;}
.w_48 {width:48px;}
.w_64 {width:64px;}
.w_96 {width:96px;}
.w_304M {max-width:304px;}
.w_600M {max-width:600px;}


.h {height: 100%;}
.h_4 {height:4px;}
.h_16 {height: 16px;}
.h_64 {height: 64px;}
.h_40 {height: 40px;}
.h_48 {height: 48px;}
.h_256m {min-height: 256px;}
.h_272m {min-height: 272px;;}
.h_296m {min-height: 296px;}
.h_368m {min-height: 368px;}
.h_296 {height: 296px;}
.h_72 {height: 72px;}
.h_128 {height: 128px;}

.z9 {z-index:9;}
.z1 {z-index:1;}

.abs {position:absolute;}
.rel {position:relative;}


.__t {top:0px;}
.__t50 {top:50%}
.__b {bottom:0px;}
.__l {left:0px;}
.__r {right: 0px;}
.__O {
    -webkit-transform: translate(-30%,-50%) scale(1.4);
        -ms-transform: translate(-30%,-50%) scale(1.4);
            transform: translate(-30%,-50%) scale(1.4);
}

.gr_blue {
    background: -o-linear-gradient(left,var(--c3) 50%, var(--c4) 120%);
    background: -webkit-gradient(linear,left top, right top,color-stop(50%, var(--c3)), color-stop(120%, var(--c4)));
    background: linear-gradient(90deg,var(--c3) 50%, var(--c4) 120%);
}
.gr_orange {
    background: -o-linear-gradient(left,var(--c6) 0%, var(--c5) 100%);
    background: -webkit-gradient(linear,left top, right top,from(var(--c6)), to(var(--c5)));
    background: linear-gradient(90deg,var(--c6) 0%, var(--c5) 100%);
}
.gr_grey {
    background: -o-linear-gradient(left,var(--c7) 0%, var(--c9) 100%, var(--c7) 100%);
    background: -webkit-gradient(linear,left top, right top,from(var(--c7)), color-stop(100%, var(--c9)), to(var(--c7)));
    background: linear-gradient(90deg,var(--c7) 0%, var(--c9) 100%, var(--c7) 100%);
}
.gr_black_t {
    background: -o-linear-gradient(left, var(--c1), var(--c2), var(--c1));
    background: -webkit-gradient(linear, left top, right top, from(var(--c1)), color-stop(var(--c2)), to(var(--c1)));
    background: linear-gradient(90deg, var(--c1), var(--c2), var(--c1));
    -webkit-background-clip: text;
            background-clip: text;
    background-size: 100% 100%;
    color: transparent;
}
.gr_white_t {
    background: -o-linear-gradient(left, var(--c9), var(--c8), var(--c9));
    background: -webkit-gradient(linear, left top, right top, from(var(--c9)), color-stop(var(--c8)), to(var(--c9)));
    background: linear-gradient(90deg, var(--c9), var(--c8), var(--c9));
    -webkit-background-clip: text;
            background-clip: text;
    background-size: 100% 100%;
    color: transparent;
}
.gr_white_b {
    background: -o-linear-gradient(left,var(--c9) 0%, var(--c7) 100%);
    background: -webkit-gradient(linear,left top, right top,from(var(--c9)), to(var(--c7)));
    background: linear-gradient(90deg,var(--c9) 0%, var(--c7) 100%);
}

.scroll {
    overflow-y: scroll; /* Всегда показывать вертикальный скроллбар */
    overflow-x: hidden; /* Скрывать горизонтальный скроллбар */
}

/* Для WebKit-браузеров (например, Chrome, Safari) */
.scroll::-webkit-scrollbar {
    width: 12px; /* Ширина вертикального скроллбара */
    height: 0; /* Высота горизонтального скроллбара, устанавливаем 0 для скрытия */
}

.scroll::-webkit-scrollbar-thumb {
    background: #ccc; /* Цвет ползунка */
    border-radius: 6px; /* Закругленные края ползунка */
}

.scroll::-webkit-scrollbar-track {
    background: #f1f1f1; /* Цвет дорожки */
}

/* Для Firefox */
.scroll {
    scrollbar-width: thin; /* Тонкий скроллбар */
    scrollbar-color: #ccc #f1f1f1; /* Цвет скроллбара и дорожки */
}

.hide {
    overflow: hidden;
}

.lock {overflow: hidden;}



.arrow {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 16px solid var(--c6);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.menu {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease, visibility 0.5s ease;
    -o-transition: max-height 0.5s ease, visibility 0.5s ease;
    transition: max-height 0.5s ease, visibility 0.5s ease;
    visibility: hidden;
}

.menu.visible {
    max-height: 200px; 
    visibility: visible;
}
.arrow.rotated {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.burger * {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.burger {
    height:20px;
    width:30px;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.burger__line_1,
.burger__line_2,
.burger__line_3 {
    height:2px;
    background:var(--c5);
    position:absolute;
}
.burger__line_1 {
    width:100%;
    top:0;
    left:0;
}
.burger__line_2 {
    width:66%;
    top:50%;
    -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
            transform:translateY(-50%);
    left:0;
}
.burger__line_3 {
    width:33%;
    bottom:0;
    left:0;
}
.burger:hover {
    cursor: pointer;
}
.burger:hover .burger__line_1,
.burger:hover .burger__line_2,
.burger:hover .burger__line_3 {
    -webkit-box-shadow: 0px 0px 4px 0px var(--c6), 0px 0px 40px 0px var(--c5);
            box-shadow: 0px 0px 4px 0px var(--c6), 0px 0px 40px 0px var(--c5);
}

.burger_cross {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
}
.burger_cross .burger__line_1 {
    -webkit-transform: rotate(45deg) translateY(-50%);
        -ms-transform: rotate(45deg) translateY(-50%);
            transform: rotate(45deg) translateY(-50%);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    background:var(--c4);
}
.burger_cross .burger__line_2 {
    display:none;
}
.burger_cross .burger__line_3 {
    width:100%;
    -webkit-transform: rotate(-45deg) translateY(50%);
        -ms-transform: rotate(-45deg) translateY(50%);
            transform: rotate(-45deg) translateY(50%);
    -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
            transform-origin: bottom left;
    background:var(--c4);
}
.burger_cross:hover  {
    -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
            transform:scale(1.1);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.burger_menu {
    background:var(--c9);
    max-width:1140px;
    width:100%;
    height: 100vh;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s, -webkit-transform 0.5s;
    -o-transition: transform 0.5s, opacity 0.5s, visibility 0s 0.5s;
    transition: transform 0.5s, opacity 0.5s, visibility 0s 0.5s;
    transition: transform 0.5s, opacity 0.5s, visibility 0s 0.5s, -webkit-transform 0.5s;
    position:fixed;
    top:72px;
    z-index:9;
    padding-bottom:86px;
    gap:16px;
}

.burger_menu_open {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s, visibility 0s, -webkit-transform 0.5s;
    transition: opacity 0.5s, visibility 0s, -webkit-transform 0.5s;
    -o-transition: transform 0.5s, opacity 0.5s, visibility 0s;
    transition: transform 0.5s, opacity 0.5s, visibility 0s;
    transition: transform 0.5s, opacity 0.5s, visibility 0s, -webkit-transform 0.5s;
}

.y608 {display:none;}

@media (orientation: portrait) {
    .form > .h {
        height: auto !important;
    }
    .slider_3 .h_256m {
        min-height: auto;
    }
}

@media (max-width: 1176px) {
    .n1176 {display:none;}
    .wide {padding:8px;}
    #el1 .fs22 {font-size:18px;}
}
@media (max-width: 1140px) {
    .fs40 {
        font-size:32px;
    }
	.shadow_inner::before,
	.shadow_inner::after {
    	width: 56px;
	}
    #head4 .fs14 {
        font-size:12px;
    }
    #head2 .fs14 {
        font-size:12px;
    }
    #head3 .fs14 {
        font-size:12px;
    }
}
@media (max-width:976px) {
    #head4 .fs14 {
        font-size:10px;
    }
    #head2 .fs14 {
        font-size:10px;
    }
    #head3 .fs14 {
        font-size:10px;
    }

}
@media (max-width:840px) {
    .n840 {
        display:none
    }
    #head3 .L16 {
        -webkit-clip-path: none;
                clip-path: none;
        border-radius:50%;
    }
    #head3.btn::before {
        border-radius:50%;
    }
}

@media (max-width: 767px) {
    .n768 {display:none;}
    .fs40 {
        font-size:26px;
    }
    #head1 {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
    #head3 {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
    #head5 {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;}
    .f768Y {-ms-flex-wrap:wrap;flex-wrap:wrap;}
    #el1 .fs40 {font-size:26px;}
    h2._t_ {text-align:start;}
    .chapter._f_ {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
    .wide {padding:0px 20px 20px 20px;}
	.shadow_inner::before,
	.shadow_inner::after {
    	width: 0px;
	}
    .container1 {
        width:360px; 
    }
    .card__line {
        width:360px;
    }
    .card {
		width: 360px;
		-webkit-box-flex:0;
			-ms-flex:0 0 360px;
				flex:0 0 360px;
        margin: 0px 10%;
        -webkit-transform: translateX(-10%);
            -ms-transform: translateX(-10%);
                transform: translateX(-10%);
    }
    .card_act {
				width: 360px;
		-webkit-box-flex:0;
			-ms-flex:0 0 360px;
				flex:0 0 360px;
        -webkit-transform: translateX(-10%) scale(1.2);
            -ms-transform: translateX(-10%) scale(1.2);
                transform: translateX(-10%) scale(1.2);
    }
    .pag_wrap {
        width: 408px;
    }
}
@media (min-width: 608px) {
    .f608Y {-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
}
@media (max-width: 607px) {
    .n608 {display:none;}
	.burger_menu {padding-bottom:186px;}
    .fs32 {
        font-size:28px;
    }
    .f608Y {-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .y608 {display:-webkit-box;display:-ms-flexbox;display:flex;}
    .n608 {display:none;}
    .slide1 .h_296m {
        min-height: auto;
    }
    .num_slide_1 {
        position:absolute;
        bottom:0;
        right:0;
        margin:12px;
    }
    .slider4 {
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    }
    .slide4 .fc {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
    }
    .slide4 .g16 {
        gap:32px;
    }
    .slide4 .h_256m {
        min-height: auto;
    }
    .pag_wrap {
        display: none !important;
    }
    .pag_wrap button {
        display: none !important;
    }
	.card p {
		font-size:10px;
	}
}
@media (max-width: 544px) {
    .fs32 {
        font-size:22px;
    }
    .container1 {
        width:340px; 
    }
    .card__line {
        width:340px;
    }
    .card {
		width: 340px;
		-webkit-box-flex:0;
			-ms-flex:0 0 340px;
				flex:0 0 340px;
        margin: 0px 10%;
        -webkit-transform: translateX(-10%);
            -ms-transform: translateX(-10%);
                transform: translateX(-10%);
    }
    .card_act {
				width: 340px;
		-webkit-box-flex:0;
			-ms-flex:0 0 340px;
				flex:0 0 340px;
        -webkit-transform: translateX(-10%) scale(1.2);
            -ms-transform: translateX(-10%) scale(1.2);
                transform: translateX(-10%) scale(1.2);
    }
	#el4 .fs64 {
		font-size:32px;
	}
	#el4 .fs24 {
		font-size:20px;
	}
    .modal_1_in .fs40 {
        font-size:24px;
    }
    .modal_1_in .fs22 {
        font-size:18px;
    }

}

@media (max-width: 414px) {
    .card {
		width: 304px;
        flex:0 0 304px;
        margin: 0% 5%;
        transform: scale(1);
    }
    .card_act {
        width: 304px;
        flex:0 0 304px;
        margin: 0px 5%;
        transform: scale(1);
    }
}
@media (max-width: 375px) {
    .fs32 {
        font-size:20px;
    }
}