*,*::after,*::before{padding:0;margin:0;box-sizing:border-box}*:focus:not(:focus-visible){outline:none}[data-fancybox]{cursor:pointer}
html{scroll-behavior:smooth}
body{width:100%;min-height:100vh;min-height:100dvh;}

h1,h2,h2>a{font-size:1.5rem;color:#df232b}
h3,h4,h3>a,h4>a,h5,h6,h5>a,h6>a{width:100%;text-align:center;color:#666}
h3,h3>a,h4,h4>a{margin:1em 0 .5em 0; padding:0 5px;}
h3,h3>a{font-size:1.3rem;}
h4,h4>a{font-size:1.2rem;}
.color_red div h4{font-size:1.3rem!important;color:#df232b}
h5,h6,h5>a,h6>a{font-size:1rem;padding:0 5px;}
ul,ol{padding-left:40px;margin:.1em 0 0;}
p,li,a{font-size:1rem;color:#000}
main p{margin-top:10px;text-indent:1em}
a{text-decoration:none;border-bottom:1px dashed #666;transition:border-color .2s ease-in-out}
a:hover{border-bottom-color:transparent}
img{object-fit:cover}
.none,.none+li{display:none}

header{
width:100%;height:480px;background-image:url(/netcat_files/userfiles/landing/school/1920.webp);background-image: image-set(url(/netcat_files/userfiles/landing/school/1920.avif) type("image/avif"),url(/netcat_files/userfiles/landing/school/1920.webp) type("image/webp"));background-repeat:no-repeat;background-size:auto auto;background-position:top 80px right;
display: grid;
    align-content: space-evenly;
    justify-content: start;
    justify-items: start;
}

header>div:first-of-type {position:fixed;width:100%;min-height:80px;height:auto;top:0;padding:5px 10px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;background-color:#df232b;z-index:4;}

header>div:first-of-type+div{
margin: 50px 0 0 50px;
    height: 250px;
    
display:grid;
justify-content: start;
align-content: space-evenly;
align-items: center;
}

header>div>a,header>div>a img{display:block} 
header>div>a:first-of-type{margin-right:1em;}
header>div>a img{width:200px;height:58px;}

header>div:first-of-type>div{display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: wrap;}


.soc{width: 280px;text-align:center;line-height:0;}
.soc>a{width:35px;height:35px;margin:0 5px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center}
[href*="max.ru"]{background-image:url('/data_files/img/svg/max_white.svg')}
[href*="t.me"]{background-image:url('/data_files/img/svg/telegram_white.svg')}
[href*="vk.com"]{background-image:url('/data_files/img/svg/vk_white.svg')}
[href*="dzen.ru"]{background-image:url('/data_files/img/svg/dzen_white.svg')}
[href*="rutube"]{background-image:url('/data_files/img/svg/rutube_white.svg')}
.soc+a{width:230px;color:#fff;font-size:1.4rem;font-weight:bold;text-align:center;}
.soc+a::before{content:"+7 (495) 120-04-50";}
header a,nav ul li a{border:none;transition:opacity .5s;}
header a:hover{opacity:.8;}

h1,h1+p{width:100%;}
h1~p{
font-weight: 600;
    color: #df232b;
    font-size: 1.5rem;
    padding-left: 1em;
}
h1+p+p{margin-top: -2em;}    

.fb{min-height: 35px;
    min-width: 140px;
    width: fit-content;
    margin:1em auto 1em!important;
    padding:5px 18px;border-radius:3em;font-size:.75rem!important;letter-spacing:.1em;text-align:center;text-transform:uppercase;font-weight:bold;text-decoration:none;color:#fff;background:#df232b;border:none;display: grid;
    place-items: center;
    transition: box-shadow 0.2s, transform 0.1s, background 0.2s;
    align-items: center;
    align-content: center;
    justify-content: center;
    }
header>p{margin-left: 3em;} 
header .fb {background-color:#1C9645;}

.fb:hover,.fb+a:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(223,35,43,.3)}
.fb:active,.fb+a:active{transform:translateY(1px)}

nav{position:fixed;width:50%;min-height:80px;height:auto;top:0;right:20px;z-index:5;display:grid;justify-content:end;align-items:center;}

nav h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}
.menu-btn,.menu-toggle{display:none}

nav ul{width:100%;height:inherit;list-style:none;gap:5px;display:flex;flex-wrap:wrap;justify-content:space-around;align-content:center;}
nav ul li{min-width:min-content;border-radius:10px;display:grid;align-content:center;text-align:center;border: 1px solid rgba(255,255,255,.1);}
nav ul li a{
padding: 5px 10px;
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
    line-height:1.1;
}
nav ul li a:hover{box-shadow:inset 0 0 0 40px #fff;color:#666;border-radius:2em;transition:.5s}

.b1920,.b1920>img{height:150px;max-width:none;width:100%}
.b1920 a{border:none}
.b1920>img{display:block;object-position:center center}
main>h2:first-of-type{margin:1em auto .5em;
    font-size: 1.4em;
    padding: 0 10px;
    text-align: center;
    color: #df232b;
    max-width: 900px;
    width: 100%;}
main>p:first-of-type,main>p:first-of-type+p,main>ol:first-of-type,main>ul:first-of-type{max-width:900px;width:100%;height:auto}
main>p:first-of-type,main>p:first-of-type+p,main>p:first-of-type,main>p:first-of-type+p+p{margin:10px auto;padding:0 10px;text-indent:0;}
main>ol:first-of-type,main>ul:first-of-type{padding:1em 10px 10px 30px;margin:0 auto}

.unit4>a{
width: 350px;
    height: 100px;
    margin: 0.5em;
    padding: 0.5em;
    border-radius: 1em;
    background-color: #e2e2e2;
    border: 1px solid rgba(0, 0, 0, .15);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    overflow: hidden;
    transition:.9s;
    }
    
.unit4>a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top left, #df232b 0%, transparent 10%);
    pointer-events: none; 
}  
    
.unit4>a img{width:80px;height:80px;display: block;}  
.unit4>a h4{font-size:1.2rem;margin:0;text-align:start;}
.unit4 div>p {padding:0 5px;text-align:center}

.unit4 div{align-content: flex-start!important;}
.unitD {
height: 150px!important;
}
.unitD img {display: block;
    width: 50px;
    height: 50px;
}

.development{margin-bottom:1em!important}
.development div:nth-child(odd){
max-width: 400px;
    width: 100%;
    height: 350px;
    margin: 0.5em;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 1em;
    background-color: #e6e7e8;
    transition:.9s;
    position: relative;
    overflow: hidden;
}
.development div:nth-child(odd)::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top left, #df232b 0%, transparent 10%);
    pointer-events: none; 
}  

.development div:nth-child(odd) img{
max-width: 400px;
    width: 100%;
    height: 300px;
    border-radius: 1em 1em 0 0;
    display: block;
}
.development div:nth-child(odd) h4{
max-width: 400px;
    width: 100%;
    height: 50px;
    display: grid;
    margin: 0;
    align-content: center;
    justify-content: center;
}

.option,.option1{max-width: 1280px;
    width: 100%;
    margin: 0 auto 1em;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content:center;
    counter-reset: my-counter;}
    
.option>div,.option>a,.option1>div {
max-width: none;
width: 300px;
    height: 150px !important;
    border-radius: 2em;
    margin: .5em !important;
    padding: 10px;
    display: grid;
    align-content: space-between !important;
    justify-content: center !important;
    border: 1px solid rgba(0, 0, 0, .15);
    justify-content: start !important;
    position: relative;
    align-content: center !important;
}
.option>a,.option1>a{transition:.9s;}
.option>div,.option1>div{background-color:#e6e7e8;justify-items:center;}
.option1>div{text-align:center;display:block;}

.option>div h4,.option>div p,.option>a h4,.option>a span{text-align:left;}
.option>div h4,.option>a h4,.option1>div h4,.option1>a h4{margin: 0 0 0 .5em;}
.option>a h4,.option1>a h4{font-size:1rem;color: #fff;}
.option>div p,.option1>div p{padding: 5px 10px;margin:0;text-indent:0;} 
.option>a span,.option1>a span{margin:10px;}
.option>a img,.option1>a img{
    position: absolute;
    display: grid;
    justify-content: start;
    right: 20px;
    top: 15px;
}

.option>div>img,.option1>div>img{height:80px;width:auto;margin-left:50px;}
.option1>div>img{margin:0 0 5px 0;}

.option>div>img+h4,.option1>div>img+h4{width:200px;color:#fff;margin-top:0!important;}

.option>div::before,.option>a::before {
counter-increment: my-counter;
    content: counter(my-counter, decimal);
    position: absolute;
    top: -35px;
    right: 5px;
    z-index: 0;
    font-size: 150px;
    font-weight: bold;
    color: #666;
    text-underline-offset: 3px;
    opacity: .3;
    pointer-events: none;
    }
.option>a::before {color: #fff;
    text-decoration-color: #fff;
}

a+h3 ~ p{
max-width: 1000px;
    width: 100%;
    margin: 10px auto;
    padding: 0 10px;
}
.b1920+h3+p{text-align:center;}

#news{scroll-margin-top:80px;margin-bottom: 1em;}
#gruppy{scroll-margin-top:170px;}
#reviews,#make{scroll-margin-top:140px;}
#faq{scroll-margin-top:125px;}
#contact{scroll-margin-top:95px;}
#price{scroll-margin-top:80px;}

.news,.art,.team,.data_group,.development{max-width:1280px;width:100%;height:auto;margin:0 auto 0;padding:0 .5em;}
.news,.art,.team,.development{display:flex;justify-content:center;flex-wrap:wrap;align-content:flex-start;}

footer{
    margin: 1em 0 0 0;
    padding:1em 10px 1.5em 10px;
    background-color:#e2e2e2}
aside h3,footer h3,footer h4,footer h5,footer h6{width:100%;margin:.5em auto;padding:0 10px;text-align:center}
footer ul{list-style-type:none;padding:0;margin:0;text-align:center;padding:0 5px;}
footer h3,footer h4{font-size:1.3rem;}
footer h5,footer h6{font-size:1rem;}

aside p {
   width: 100%;
    margin-top: -0.5em;
    padding: 5px 10px 10px 10px;
    text-align: center;
    color: #666;
}
.flex {
    margin-top: -0.5em;
    margin-bottom: -0.5em!important;
    display: flex!important;
    flex-wrap: wrap;
    justify-content: center;
}
.flex section {
    padding: 0;
    margin: 0.5em;
}
.flex section, .bar>.art article, .bar>.art article a {
    min-height: 400px;
    height: fit-content;
    width: 300px;
    max-width: none;
    display: block;
}
.bar>.art article{
margin: .5em auto;
}
.bar>.art article a>picture>img {
    border-radius: 1em 1em 0 0;
    height: 200px;
    width: 300px;
}
.bar h4 { margin: 0;
font-size: .9rem;
    text-align: center;
    font-weight: 600;
}
.bar>.art article a>div>h5{
    width: 100%;
    font-size: .95rem;
    line-height: 1.2;
    height: 50px;
    display: grid;
    align-items: center;
    text-align: center;
}
.art article a {
    border: none;
    background: linear-gradient(to top left,#df232b 2px,transparent 10%);
}
.art article a>div>p {
    font-size: .95rem;
    line-height: 1.35;
    text-indent: 0;
    text-align: left;
}

.dogm {
height: auto;
max-width: 450px;
width: 100%;
display: flex;
justify-content: center;
align-content: center;
margin:1em auto -1.5em;
flex-wrap: wrap;
align-items: center;
}

.dogm img{
height:80px;
width:67px;
margin:10px;
}
.dogm h5 {
    max-width: 350px;
    width: 100%;
    height: auto;
    text-align: left;
    margin: 0.5em 0;
padding: 0;
}
.dogm h5 a {font-size: .9rem;border: none;}
@media (max-width:400px){.dogm h5 {text-align: center;}}

footer>div:nth-of-type(3){width:100%;height:auto;padding:10px 5px;display:grid;justify-content:center;justify-items:center;}
footer>div:nth-of-type(3) p{margin-top:10px;}


@media (max-width:1450px){
header{background-position:right 10% bottom;}
nav ul{justify-content:center;}nav{width:40%;}
nav ul li{margin:-.25em;}
}


@media (max-width:1200px){
header>div:first-of-type>div {
max-width: 400px;
        width: 100%;
        text-align: center;
        display: grid;
        justify-items: center;
        margin-left: 5%;
}
header>div:first-of-type+div{
margin: 40px 0 0 30px;
height: 300px;
}

.soc+a{margin-top:.2em;}

h1~p {width: 70%;}
h1+p+p {
    margin-top: -1em;
}

.author {margin-left:40px;}
.option,.option1{ max-width: 900px;}
header+img{display:none}
}


@media (max-width:960px){
header{ height: 460px;
background-position: right 30% bottom;
background-image:url(/netcat_files/userfiles/landing/school/980.webp);
background-image:image-set(url("/netcat_files/userfiles/landing/school/980.avif") type("image/avif"),url("/netcat_files/userfiles/landing/school/980.webp") type("image/webp"));
}

header>div>a img {
    width: 160px;
    height: auto;
}

header>div:first-of-type{min-height:60px;}
header>div>a:first-of-type{width:150px;}

.soc{position: fixed;
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    background-color: #df232b;
    display: inline-flex;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;}
    
.soc+a{
position: fixed;
    width: 50px;
    height: 50px;
    right: 60px;
    top:5px;
}  
    
.soc+a::before{content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 1280 1280'%3E%3Cg transform='translate(0,1280) scale(0.1,-0.1)' fill='%23ffffff'%3E%3Cpath d='M6190 12789 c-58 -4 -177 -13 -265 -19 -1200 -83 -2373 -521 -3350 -1252 -991 -740 -1751 -1760 -2175 -2918 -200 -543 -328 -1139 -369 -1710 -37 -506 -37 -474 0 -985 41 -568 170 -1162 369 -1705 644 -1758 2042 -3156 3800 -3800 543 -200 1139 -328 1710 -369 506 -37 474 -37 985 0 1193 87 2359 525 3330 1251 991 740 1751 1760 2175 2918 200 543 328 1139 369 1710 37 506 37 474 0 985 -41 568 -170 1162 -369 1705 -644 1758 -2042 3156 -3800 3800 -546 200 -1148 330 -1715 369 -82 6 -213 15 -291 21 -156 11 -249 11 -404 -1z m625 -760 c1018 -70 2009 -428 2860 -1034 417 -297 824 -684 1148 -1092 453 -572 799 -1240 998 -1925 168 -581 241 -1181 218 -1796 -41 -1099 -397 -2146 -1037 -3047 -799 -1125 -1991 -1925 -3331 -2235 -1112 -258 -2292 -169 -3350 252 -1904 757 -3262 2503 -3520 4528 -33 255 -43 430 -43 720 0 290 10 465 43 720 108 848 412 1665 885 2381 1072 1622 2890 2582 4814 2542 91 -2 233 -8 315 -14z'/%3E%3Cpath d='M5040 10721 c-73 -29 -652 -369 -688 -404 -83 -80 -101 -204 -45 -312 86 -167 1156 -2005 1185 -2035 61 -65 167 -95 253 -71 54 14 671 371 715 413 68 64 97 179 68 264 -8 22 -275 493 -594 1045 -395 685 -592 1017 -620 1045 -69 70 -181 93 -274 55z'/%3E%3Cpath d='M3920 9844 c-687 -423 -856 -788 -764 -1644 170 -1580 1271 -3734 2614 -5113 381 -393 847 -750 1173 -901 194 -90 329 -121 532 -121 211 1 362 36 600 142 121 54 376 192 372 201 -2 4 -273 473 -601 1043 l-598 1037 -62 -28 c-378 -172 -817 -37 -1252 383 -268 259 -492 570 -677 942 -228 458 -337 862 -339 1255 -1 263 45 436 158 607 52 78 127 155 187 191 15 9 27 22 27 29 0 7 -125 230 -279 495 -153 266 -420 728 -593 1028 -173 300 -321 546 -329 548 -8 1 -84 -41 -169 -94z'/%3E%3Cpath d='M8215 5320 c-50 -8 -67 -17 -414 -217 -157 -90 -301 -179 -320 -196 -71 -68 -100 -182 -67 -273 24 -68 1166 -2037 1204 -2076 74 -78 195 -101 292 -57 103 46 645 367 680 402 54 53 73 109 69 199 l-4 73 -479 830 c-264 457 -527 912 -585 1013 -58 101 -120 201 -138 222 -54 63 -149 95 -238 80z'/%3E%3C/g%3E%3C/svg%3E")!important}   

h1{width: 80%;padding:0 0 0 20px;}
h1+p{padding:0 25px;}
header>p {
    margin: -2em 0 0 2em;
}
header>div:first-of-type+div{margin:60px 0 0 10px;}

nav {
    width: 50px;
    min-height: 50px;
    right: 5px;
}

.menu-toggle {
  display: none;
}
.menu-btn {
display: flex;
    align-items: center;
    position: fixed;
    top: 10px;
    right: 20px;
    width: 30px;
    height: 40px;
    cursor: pointer;
    z-index: 10;
}
.menu-btn > span,
.menu-btn > span::before,
.menu-btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: 0.3s;
}
.menu-btn > span::before { content: ''; top: -8px; }
.menu-btn > span::after { content: ''; top: 8px; }
.menu-toggle:checked ~ .menu-btn > span { transform: rotate(45deg); }
.menu-toggle:checked ~ .menu-btn > span::before { top: 0; transform: rotate(0); }
.menu-toggle:checked ~ .menu-btn > span::after { top: 0; transform: rotate(90deg); }

.menu-box {
  position: fixed;
  top: 0;
  right: -100%; 
  width: 100%;
  height:100vh;
  height:100dvh;
  background-color:rgba(102, 102, 102,.9);
  backdrop-filter: blur(3px);
  transition:.3s;
padding: 50px 0;
    text-align: center;
    list-style: none;
    z-index: 9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow-y: auto;
}
.menu-toggle:checked ~ .menu-box {
  right: 0;
}
.menu-item {
  display: block;
  padding: 12px 24px;
  font-size: 20px;
  text-decoration: none;
  color: #666;
}
nav h2{
position: static !important;
    width: auto !important;
    height: auto!important;
    margin: 0!important;
    clip: auto !important;
    overflow: visible !important;
    color: #fff;
}
nav ul {
width: 200px;
height: 500px;
margin:2em auto 0;
align-content: flex-start;
padding: 0;
}
nav ul li{width:80%;margin:.5em;}

nav ul li a{
border-radius: 1em;
    background-color: #fff;
    color: #666;
}

nav ul::after{
content: "";
    display: inline-block;
    background-image: url(/data_files/img/webp/mascot.webp);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 180px;
    height:200px;
    margin-top: 20px;
}

.unit6{
column-count: inherit!important;
display: flex!important;
    flex-wrap: wrap;
    justify-content: center;
}

#contact{scroll-margin-top:90px;}
#gruppy{scroll-margin-top:150px;}
#faq,#make{scroll-margin-top:130px;}
#news,#price{scroll-margin-top:60px;}
}


@media (max-width:600px){
.none,.none+li{display:block}
header{
height:750px;
justify-content: center;
    justify-items: center;
background-position:center 60px;
background-image:url(/netcat_files/userfiles/landing/school/600.webp);
background-image:image-set(url("/netcat_files/userfiles/landing/school/600.avif") type("image/avif"),url("/netcat_files/userfiles/landing/school/600.webp") type("image/webp"));
}

header>p {
    margin: 0;
}

header>div:first-of-type>div{
max-width:none;width: 100%;margin: 0;
display: grid;
        justify-content: center;
}
header>div:first-of-type+div{
width: 100%;
    max-width: 360px;
    height: 300px;
    padding: 5px;
    margin:440px 0 0 0;
    display: grid;
    align-content: space-around;
}
 
h1{width: 100%;
    max-width: 360px;
    padding:0;
    text-align: center;
    font-size: 1.5rem;
    }
    
h1~p{width: 100%;
    max-width: 360px;
    padding: 0 5px;
    text-align: center;
    font-size: 1.3rem;
    margin-top: -2em!important;
    }
header>div:first-of-type+div+p{margin: -1em 0 2em;}

main{margin-top:3em;}

}

.faq>div{background-color:#fff!important;}

.news article, .art article {
position: relative;
    height: 400px;
    width: 300px;
    margin: 0.5em;
    border-radius: 1em;
    display: grid;
    border: 1px solid rgba(0, 0, 0, .15);
    background-color: rgba(230, 231, 232,.5);
    transition: 1s;
    overflow: hidden;
}
.news article h3, .news article h4 {
    height: 400px;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    background: linear-gradient(to top left,#df232b 1px,transparent 10%);
}
.news article h3 a, .news article h4 a {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
    color: inherit;
    line-height: 1;
}
.news article h3 a>picture img, .news article h4 a>picture img {
    height: 300px;
    width: 300px;
    border-radius: 0.9em 1em 0 0;
    display: block;
}
.news article h3 a>span, .news article h4 a>span {
    height: 70px;
    width: 100%;
    margin-top: -13px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    text-align: center;
}
.news article>span[itemprop="datePublished"] {
    position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center;
    font-size: .8rem;
    color: #666;
}
.news article>span>span {
    display: none;
}

.unit6 img:hover,.news article:hover,.art article:hover,.development div:nth-child(odd):hover,.unit4>a:hover,.option>a:hover{transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,.4);transition:.2s;border:1px solid rgba(0,0,0,.1)}
.unit6 img:active,.news article:active,.art article:active,.development div:nth-child(odd):active,.unit4>a:active,.option>a:active{transform:translateY(2px);box-shadow:0 5px 10px rgba(0, 0, 0, .1);transition:.2s;border:1px solid rgba(0,0,0,.1)}

/*layers*/
.l_slide{display:none;flex-direction: column; height:calc(100vh - 30vh);height:calc(100dvh - 30dvh); max-width:1000px;width:100%;padding:1em!important; flex-wrap:wrap}

.l_slide>strong{flex:0 0 auto; overflow:hidden; display:grid;align-content:center;font-size:1.3em;color:#666}
.l_slide p{margin-top:10px;text-indent:1em;}

.l_slide>strong+div{width:100%;height:60vh;flex:1 1 0; height:60dvh;margin-top:.5em;padding-top:.5em;border-top:1px solid #666;overflow-y:auto;
overflow-x: auto; touch-action: auto; -webkit-overflow-scrolling: touch;
}


.l_slide ul{padding-left:25px;margin-left:10px;}

/*
.has-iframe .f-html {
    width: 1000px !important;
    height: 540px !important;
}
*/

.f-pad{padding:20px !important;}
.f-pad ul{padding-left:25px;}

@media(max-width:1300px){.l_slide.f-html{width:85vw!important;width:85svw!important;height:90vh;height:90dvh;}

.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:10px!important}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:10px!important}
}
@media(max-width:1000px){.has-iframe .f-html{width:100%!important;}}

@media(max-width:760px) {
.has-iframe .f-html {  width:100%!important;
        height: 100vh !important;
        height: 100dvh !important;
        max-height: 100vh !important;
        max-height: 100dvh !important;
    }
.l_slide>strong{font-size:1.1em;text-align:center}    
.l_slide>strong+div{height:76vh;height:76dvh;}

}



audio{width:280px;height:35px;border-radius:1em;margin:20px 0 60px;}
#up {
    display: none;
    position: fixed; 
    bottom: 40px;
    left: 20px;
    z-index: 99;
}

.up {
    height: 50px;
    width: 30px;
    margin-bottom: 5px;
    display: block !important;
    animation: up .7s forwards;
}

.up > a {
    display: block;
    width: 30px; 
    height: 30px;
    margin: 0 auto 10px;
    background: url(/data_files/img/svg/vverh.svg) no-repeat center;
    background-size: contain;
    border: none;
    opacity: .75;
}
#up>hr{margin-top: -10px;
    height: 3px;
    background-color: #df232b;}

@keyframes up {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/*latin*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/data_files/font/montserrat-latin-norm.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/data_files/font/montserrat-latin-it.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}