*,*::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;}

h2,h2>a{font-size:1.4rem;padding:0 5px;text-align:center;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 0 0;padding:0 5px;}
h3,h3>a{font-size:1.2rem;}
h4,h4>a{font-size:1.2rem;}

p,li,a{font-size:1rem;color:#000}

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}

header{
    width: 100%;
    height:80px;
}
header>div{  
    position: fixed;
    width: 100%;
    height:80px;
    top: 0;
    background-color: #df232b;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}
header a { 
border: none;
}
header div a img {
width: 200px;
    height: auto;
    display: block;
    margin-left: 10px;
}
h1{
width: 100%;
max-width: 400px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    display: inline-grid;
    z-index: 2;
    top: 0.5em;
    margin: 0;
    padding: 0 5px;
    font-size: 1.3rem;
    color: #fff;
    text-align: center;
pointer-events: none;
}

@media (max-width:1380px){h1{transform: translateX(-55%);}header+img{display:none}}

.soc { pointer-events: auto; 
width: 320px;
height: 50px;
display: flex;
align-content: center;
justify-content: space-around;
flex-wrap: nowrap;
align-items: center;
}

.soc a{
width: 40px;
    height: 40px;
    margin:.25em;
    background-color: #fff;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;   
}


[href*="dzen.ru"]{
    background-image: url('/data_files/img/svg/dzen_white.svg');
}
[href*="rutube"]{
background-color:#df232b!important;
    background-image: url('/data_files/img/svg/rutube_white.svg');
}

.soc>a[href*="tel"]{width: 200px;
    background: none;
    color: #fff;
    display: grid;
    align-content: center;
    justify-content: center;}
    
.soc>a[href*="tel"]::before{content:"+7 (495) 120-04-50";
font-size: 1.1rem;
    font-weight: bold;
}


@media (max-width:980px){ 

h1{transform: translateX(-47%);}

.soc {width:150px;}

.soc>a[href*="tel"]{
width: 40px;
    height: 40px;
    margin:.25em;
    background-color: #fff;
    border-radius: 50%;
}

.soc a[href*="tel"]::before {
padding-top: 5px;
zoom: 1.1;
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='%23df232b'%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");
}
}

main{padding-top:20px;} 
main>p{
max-width: 1000px;
    width: 100%;
    padding: 0 10px;
    text-align: left;
    text-indent: 1em;
    margin: 10px auto 0;
}

.par{
max-width: 1280px;
height: auto;
width:100%;
display: flex;
flex-wrap: wrap;
align-content: center;
margin: 1em auto .5em;
justify-content: center;
}

.par div{
max-width:600px;
height: auto;
width:100%;
margin:.5em;
border-radius: 1em;
background-color: #e6e7e8;
border: 1px solid rgba(0, 0, 0, .15);
padding-bottom: 1em;
}

.par div>picture img{display: block;
max-width:600px;
height: auto;
width:100%;
border-radius:1em 1em 0 0;
}


.par div picture+a{text-align: right;
    display: block;
    margin-right: 10px;
    margin-top: -80px;
    border: none;
}
.par div picture+a img{
width: 100px;
height: 100px;
border-radius: 50%;
animation: breathing-pulse 2s infinite ease-in-out;
transition: transform 0.3s; 
}

@keyframes breathing-pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.08); /* Увеличиваем на 8% */
    }
    100% {
        transform: scale(1);
    }
}
.par div picture+a:hover img {
    animation: none;
box-shadow:0 0 25px rgba(0,0,0,.2), inset 0 0 15px rgba(0,0,0,.3);
}

.par div h3{

}

.par div p{
width: 100%;
text-align: center;  
padding:5px 5px 0 5px;
text-indent:0;
}

.par div>.soc{justify-content: center;margin: 1em auto .5em;}

.par div>.soc a{
border: none;
transition:.5s;
border-radius: 1em;
}

a[href*="max.ru"]{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 1000 1000'%3E%3Cdefs%3E%3ClinearGradient id='b'%3E%3Cstop offset='0' stop-color='%2300f'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='a'%3E%3Cstop offset='0' stop-color='%234cf'/%3E%3Cstop offset='.662' stop-color='%2353e'/%3E%3Cstop offset='1' stop-color='%2393d'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='117.847' x2='1000' y1='760.536' y2='500' gradientUnits='userSpaceOnUse' href='%23a'/%3E%3CradialGradient id='d' cx='-87.392' cy='1166.116' r='500' fx='-87.392' fy='1166.116' gradientTransform='rotate(51.356 1551.478 559.3)scale(2.42703433 1)' gradientUnits='userSpaceOnUse' href='%23b'/%3E%3C/defs%3E%3Crect width='1000' height='1000' fill='url(%23c)' rx='250' ry='250'/%3E%3Crect width='1000' height='1000' fill='url(%23d)' rx='250' ry='250'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M508.211 878.328c-75.007 0-109.864-10.95-170.453-54.75-38.325 49.275-159.686 87.783-164.979 21.9 0-49.456-10.95-91.248-23.36-136.873-14.782-56.21-31.572-118.807-31.572-209.508 0-216.626 177.754-379.597 388.357-379.597 210.785 0 375.947 171.001 375.947 381.604.707 207.346-166.595 376.118-373.94 377.224m3.103-571.585c-102.564-5.292-182.499 65.7-200.201 177.024-14.6 92.162 11.315 204.398 33.397 210.238 10.585 2.555 37.23-18.98 53.837-35.587a189.8 189.8 0 0 0 92.71 33.032c106.273 5.112 197.08-75.794 204.215-181.95 4.154-106.382-77.67-196.486-183.958-202.574Z' clip-rule='evenodd'/%3E%3C/svg%3E");
filter: grayscale(100%);transition: filter 0.5s ease, transform 0.2s ease;
}

a[href*="t.me"]{background-image: url('data:image/svg+xml,<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" data-name="Layer 1"><g class="layer"><g fill="rgb(0,0,0)" id="svg_1"><path d="m355.05,169.64q-0.96,0 -159.93,102.64l22.39,74.48l4.8,-47.27q136.89,-125 137.06,-125.8a6.92,6.93 0 0 0 0.16,-1.14q0,-2.91 -4.48,-2.91z" fill="%2336a9e1" id="svg_2" stroke="%2336a9e1"/><path d="m320.45,9.11l-127.47,0c-103.36,0 -187.3,83.07 -187.3,185.37l0,126.16c0,102.28 83.94,185.35 187.3,185.35l127.47,0c103.36,0 187.3,-83.07 187.3,-185.35l0,-126.16c0,-102.29 -83.94,-185.37 -187.3,-185.37zm96.01,125.23l-50.53,245.45q-2.88,12.63 -15.36,12.63a14.31,14.31 0 0 1 -8.95,-3.24l-74.52,-54.73l-41.26,39.19a10.79,10.8 0 0 1 -7.36,3.23q-8.64,0 -11.51,-7.77l-29.43,-89.7l-72.92,-22.99q-6.73,-2.26 -7.68,-9.71q0,-7.77 7.36,-10.69q299.69,-113.34 301.61,-113.34a11.05,11.06 0 0 1 7.2,3.24a9.82,9.82 0 0 1 3.35,8.42l0,0.01z" fill="%2336a9e1" id="svg_3" stroke="%2336a9e1" stroke-width="5"/></g></g></svg>');
filter: grayscale(100%);transition: filter 0.5s ease, transform 0.2s ease;}

a[href*="t.me"]{background-image: url('data:image/svg+xml,<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" data-name="Layer 1"><g class="layer"><g fill="rgb(0,0,0)" id="svg_1"><path d="m355.05,169.64q-0.96,0 -159.93,102.64l22.39,74.48l4.8,-47.27q136.89,-125 137.06,-125.8a6.92,6.93 0 0 0 0.16,-1.14q0,-2.91 -4.48,-2.91z" fill="%2336a9e1" id="svg_2" stroke="%2336a9e1"/><path d="m320.45,9.11l-127.47,0c-103.36,0 -187.3,83.07 -187.3,185.37l0,126.16c0,102.28 83.94,185.35 187.3,185.35l127.47,0c103.36,0 187.3,-83.07 187.3,-185.35l0,-126.16c0,-102.29 -83.94,-185.37 -187.3,-185.37zm96.01,125.23l-50.53,245.45q-2.88,12.63 -15.36,12.63a14.31,14.31 0 0 1 -8.95,-3.24l-74.52,-54.73l-41.26,39.19a10.79,10.8 0 0 1 -7.36,3.23q-8.64,0 -11.51,-7.77l-29.43,-89.7l-72.92,-22.99q-6.73,-2.26 -7.68,-9.71q0,-7.77 7.36,-10.69q299.69,-113.34 301.61,-113.34a11.05,11.06 0 0 1 7.2,3.24a9.82,9.82 0 0 1 3.35,8.42l0,0.01z" fill="%2336a9e1" id="svg_3" stroke="%2336a9e1" stroke-width="5"/></g></g></svg>');
filter: grayscale(100%);transition: filter 0.5s ease, transform 0.2s ease;}

a[href*="vk.com"]{background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 101 100" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2_40)"><path d="M0.5 48C0.5 25.3726 0.5 14.0589 7.52944 7.02944C14.5589 0 25.8726 0 48.5 0H52.5C75.1274 0 86.4411 0 93.4706 7.02944C100.5 14.0589 100.5 25.3726 100.5 48V52C100.5 74.6274 100.5 85.9411 93.4706 92.9706C86.4411 100 75.1274 100 52.5 100H48.5C25.8726 100 14.5589 100 7.52944 92.9706C0.5 85.9411 0.5 74.6274 0.5 52V48Z" fill="%230077FF"/><path d="M53.7085 72.042C30.9168 72.042 17.9169 56.417 17.3752 30.417H28.7919C29.1669 49.5003 37.5834 57.5836 44.25 59.2503V30.417H55.0004V46.8752C61.5837 46.1669 68.4995 38.667 70.8329 30.417H81.5832C79.7915 40.5837 72.2915 48.0836 66.9582 51.1669C72.2915 53.6669 80.8336 60.2086 84.0836 72.042H72.2499C69.7082 64.1253 63.3754 58.0003 55.0004 57.1669V72.042H53.7085Z" fill="white"/></g><defs><clipPath id="clip0_2_40"><rect width="100" height="100" fill="white" transform="translate(0.5)"/></clipPath></defs></svg>');
filter: grayscale(100%);transition: filter 0.5s ease, transform 0.2s ease;}

a[href*="max.ru"]:hover,a[href*="t.me"]:hover,a[href*="vk.com"]:hover{transition:.3s;filter:grayscale(0%);transform: scale(1.1); }
a[href*="max.ru"]:active,a[href*="t.me"]:active,a[href*="vk.com"]:active{transition:.3s;filter:grayscale(100%);transform: scale(1);transform:translateY(2px);}



@media (max-width:770px){ 
h1{
position: absolute;
width: 100%;
transform: translateX(-50%);
top:95px; 
z-index: 0;
color:#df232b;
}
main{padding-top: 80px;}
}


@media (max-width:400px){

header>div {height: 60px;}
h1{top:75px;} 
header div a img {width:145px;margin-left: 7px;}
h1,h2 {font-size: 1.15rem;}
main{padding-top:55px;}
}

.fb,.fb+a{min-height: 35px;
    min-width: 140px;
    width: fit-content;
    margin:1em auto 0!important;
    padding:8px 20px;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;
    transition: box-shadow 0.2s, transform 0.1s, background 0.2s;
   
    display: grid;
    place-items: center;
    align-items: center;
    align-content: center;
    justify-content: center;
    
    }

.soc+p{max-width: 320px;
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: auto;}
.par p .fb,.par p .fb+a{min-width:inherit;width:140px}
.par p .fb{background:#666;}
.par p .fb+a{background:#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)}


#news+strong {
    display: block;
    width: 90%;
    margin: 0.5em auto;
    text-align: center;
    font-size: 1.2rem;
    color: #666;
}

#news+strong+div>.news>h3>a {
    font-size: 1rem;
}

#news+strong+div {
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: center;
}
#news+strong+div>.news {
    height: auto;
    max-width: 300px;
    padding: 0;
    margin:.5em;
}
#news+strong+div>.news>h3 {
    height: auto;
    width: 75%;
    margin:-.5em auto .5em;
    text-align: center;
    line-height: 1;
}

.news article, .art article {
    position: relative;
    height: 400px;
    width: 300px;
    /* margin: 0.5em; */
    border-radius:1.2em;
    display: grid;
    border: 1px solid rgba(0, 0, 0, .15);
    background-color: rgba(230, 231, 232,.5);
    transition: 1s;
    overflow: hidden;
}

.news article>span[itemprop="datePublished"] {
    position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center;
    font-size: .8rem;
    color: #666;
}

.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;
    border: none;
    text-decoration: none;
    color: inherit;
    line-height: 1;
    padding: 0;
    margin: 0;
}


.news article h3 a>picture img, .news article h4 a>picture img {
    height: 300px;
    width: 300px;
    border-radius: 1em 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;
}



.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: 0.5em auto;
}



.flex {

    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 {
width: 100%;
    font-size: .95rem;
    line-height: 1.35;
    text-indent: 0;
    text-align: left;
    padding: 0 10px 10px 10px;
}





.news,.art,.team{max-width:1280px;width:100%;height:auto;margin:0 auto 0;padding:0 .5em;}
aside h3{
    width: 100%;
    margin: 0.5em auto;
    padding: 0 10px;
    text-align: center;
}

.news article:hover,.art article:hover{transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,.4);transition:.2s;border:1px solid rgba(0,0,0,.1)}
.news article:active,.art article:active{transform:translateY(2px);box-shadow:0 5px 10px rgba(0, 0, 0, .1);transition:.2s;border:1px solid rgba(0,0,0,.1)}



footer {width: 100%;height:auto;
text-align: center;
margin: 1em 0 0 0;
padding:1em 0 1.5em 0;
background-color: #e2e2e2;
}

footer>div:first-of-type {
height: auto;
max-width: 600px;
width: 100%;
display: flex;
justify-content: center;
align-content: center;
margin: auto;
flex-wrap: wrap;
align-items: center;
}

footer>div:first-of-type img{
height:80px;
width:67px;
margin:10px;
}
footer>div:first-of-type h5 {
    max-width: 350px;
    width: 100%;
    height: auto;
    text-align: left;
}
@media (max-width:400px){footer>div:first-of-type h5 {text-align: center;}}
footer>div:first-of-type h5 a {
font-size: .9rem;
border: none;
}

footer div p {
    width: 100%;
    margin-top:.5em;
    padding: 5px 10px 10px 10px;
    text-align: center;
    color: #666;
}

footer div p:nth-child(2){
text-align: left;
display: inline-block;
max-width: 750px;
width: 100%;
padding: 0 30px;
}

footer h6 {
    font-size: 1rem;
}




/*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;}

}

.f-html[href*="yandex.ru"]{
height: 100vh !important;
        height: 100dvh !important;
        max-height: 100vh !important;
        max-height: 100dvh !important;
}

audio{width:280px;height:35px;border-radius:1em;margin:20px 0 20px;}

#up {
    display: none;
    position: fixed; 
    bottom: 0;
    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;
}
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;
}