* {margin:0; padding:0; outline:none;}
:root {color-scheme: light only;}
html {scroll-behavior: smooth; -webkit-tap-highlight-color: transparent; }
html, body { scrollbar-gutter: stable; }
body {background: #fff; overflow-x: hidden; overflow-x: none !important; z-index: 9000;}
@media (prefers-color-scheme: dark)
{body {background: #fff; overflow-x: hidden; overflow-x: none !important; z-index: 9000;}}
/* -------------------------------------------- */  

@media (orientation: portrait)
{body::-webkit-scrollbar {display: none;}}

@media (orientation:landscape)
{body::-webkit-scrollbar {width: calc(0.25vw + 0.25vh + 0.25vmin);}}

body::-webkit-scrollbar-thumb {border-radius: calc(0.25vw + 0.25vh + 0.25vmin); background-color: #fed794;}


/* -------------------------------------------- */  

@font-face {
font-family: "Material Symbols Outlined";
font-display: swap;
font-style: normal;
font-weight: normal;
src: url('fonts/MaterialSymbolsOutlined-Regular.woff2') format('woff2'),
     url('fonts/MaterialSymbolsOutlined-Regular.woff') format('woff'),
     url('fonts/MaterialSymbolsOutlined-Regular.ttf') format('truetype');    
}



@font-face {
font-family: "Roboto Condensed";  
font-display: swap;
font-style: normal;
font-weight: 300;
src:   url('fonts/roboto-condensed-v25-cyrillic_latin-300.woff2') format('woff2'),
       url('fonts/roboto-condensed-v25-cyrillic_latin-300.woff') format('woff'),
       url('fonts/roboto-condensed-v25-cyrillic_latin-300.ttf') format('truetype');
}



@font-face {
font-family: 'Montserrat_400';  
font-display: swap;
font-style: normal;
font-weight: 400;
src:   url('fonts/montserrat-v31-cyrillic_latin-regular.woff2') format('woff2'),
       url('fonts/montserrat-v31-cyrillic_latin-regular.woff') format('woff'),
       url('fonts/montserrat-v31-cyrillic_latin-regular.ttf') format('truetype');
}



@font-face {
font-family: 'Montserrat_500';  
font-display: swap; 
font-style: normal;
font-weight: 500;
src:   url('fonts/montserrat-v31-cyrillic_latin-500.woff2') format('woff2'),
       url('fonts/montserrat-v31-cyrillic_latin-500.woff') format('woff'),
       url('fonts/montserrat-v31-cyrillic_latin-500.ttf') format('truetype');
}


@font-face {
font-family: 'Montserrat_600';  
font-display: swap;
font-style: normal;
font-weight: 600;
src:   url('fonts/montserrat-v31-cyrillic_latin-600.woff2') format('woff2'), 
       url('fonts/montserrat-v31-cyrillic_latin-600.woff') format('woff'),
       url('fonts/montserrat-v31-cyrillic_latin-600.ttf') format('truetype');
}

@font-face {
font-family: 'Montserrat_700';  
font-display: swap;
font-style: normal;
font-weight: 700;
src:   url('fonts/montserrat-v31-cyrillic_latin-700.woff2') format('woff2'),
       url('fonts/montserrat-v31-cyrillic_latin-700.woff') format('woff'),
       url('fonts/montserrat-v31-cyrillic_latin-700.ttf') format('truetype');
}



@font-face {
font-family: 'Oswald';  
font-display: swap;
font-style: normal;
font-weight: 200;
src:   url('fonts/oswald-v49-cyrillic_latin-200.woff2') format('woff2'),
       url('fonts/oswald-v49-cyrillic_latin-200.woff') format('woff'),
       url('fonts/oswald-v49-cyrillic_latin-200.ttf') format('truetype');
}


/* --------------------------------------------------------------------------- */


/* ---Горизонтальное меню------------- */ 

.grizont {width: 95%; margin: 0 auto; display: flex; box-sizing: border-box;  align-items: stretch;
position: absolute; top: 2.8%; left: 2.5%; width: 95%; height: 10%; background: rgba(0, 0, 0, 0.65); background-image: url(1.jpg); 
background-repeat: no-repeat; background-size: cover; border: none; border-radius: calc(0.6vw + 0.6vh + 0.6vmin);}

.vnutri_grizont { display: flex; flex-direction: row; flex-wrap: nowrap; width: 84%; }
.text_64 {display: flex;align-items: center; justify-content: center; flex-grow: 0; flex-shrink: 0;}

.main_links_menu {flex: 1; display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: calc(0.05vw + 0.05vh + 0.05vmin);}
.stroki_lm {width: 100%;  display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; padding-bottom: calc(0.1vw + 0.1vh + 0.1vmin);}
.stroki_lm:nth-child(2) {padding: 0; border-bottom: calc(0.03vw + 0.03vh + 0.03vmin) dashed rgba(255,255,255, 0.3); }
.stroki_lm:nth-child(3) {padding-top: calc(0.05vw + 0.05vh + 0.05vmin); border: none; }


a.main_h {color: #ffffff; font-family: 'Montserrat_600'; letter-spacing: -0.0025em;  font-size: calc(4.2vw + 4.2vh + 4.2vmin); text-decoration: none;margin-right: calc(0.05vw + 0.05vh + 0.05vmin);}
a.main_h2 {color: #ffffff; font-family: 'Montserrat_600'; letter-spacing: -0.0025em;  font-size: calc(1.2vw + 1.2vh + 1.2vmin); text-decoration: none; margin-right:calc(2.05vw + 2.05vh + 2.05vmin); }

.godown {color: #fbc061; } 
.godown:hover {color: rgba(255,255,255, 0.82);}

a.gr_links_big {white-space: nowrap; color: #ffffff;  font-family: 'Roboto Condensed'; letter-spacing: 0.0125em; font-size: calc(0.55vw + 0.55vh + 0.55vmin); text-decoration: none; 
transition: all 0.3s ease; }


a.gr_links {white-space: nowrap; color: #fff;  font-family: 'Roboto Condensed'; letter-spacing: 0.0125em; font-size: calc(0.55vw + 0.55vh + 0.55vmin); text-decoration: none; 
border-bottom: calc(0.04vw + 0.04vh + 0.04vmin) solid transparent; transition: all 0.3s ease; margin-right: 3.15%; }
a.gr_links:hover {border-bottom: calc(0.04vw + 0.04vh + 0.04vmin) solid #ffffff; }

.us2 {width: 100%;}
.one_of_us {width: 94%; border: calc(0.03vw + 0.03vh + 0.03vmin) dashed rgba(255,255,255, 0.3); border-radius: calc(0.518vw + 0.518vh + 0.518vmin); display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: flex-start; padding: calc(0.28vw + 0.28vh + 0.28vmin);}
.one_of_us:hover {background: rgba(255,255,255, 0.27); }


.opening_menu {position: relative; margin-right: 3.15%;}
.opening_menu:hover {cursor: pointer;}

.on_a_board {display: none; position: absolute; width: 38vw; z-index: 1000; opacity: 1.0; background: rgba(0, 0, 0, 0.65); backdrop-filter: blur(calc(0.418vw + 0.418vh + 0.418vmin)); -webkit-backdrop-filter: blur(calc(0.418vw + 0.418vh + 0.418vmin));border-radius: calc(0.218vw + 0.218vh + 0.218vmin);}

.mastr {right: 5%;}

.on_a_board a {display: block; animation: moving 0.28s ease-out forwards; text-decoration: none; position: relative; margin-bottom: calc(0.3vw + 0.3vh + 0.3vmin); }

@keyframes moving {from {opacity: 0; transform: translateY(-30px);} to {opacity: 1; transform: translateY(0);}}

.on_a_board a:last-child {margin-bottom: calc(0.57vw + 0.57vh + 0.57vmin);}

.opening_menu:hover .on_a_board{display: block; overflow-y:scroll; overflow-x: hidden; overflow-x: none !important; z-index:88855; height: calc(16.26vw + 16.26vh + 16.26vmin);}

.opening_menu:hover .shortlly {height: calc(6.31vw + 6.31vh + 6.31vmin);}




.on_a_board::-webkit-scrollbar {width: calc(0.118vw + 0.118vh + 0.118vmin); }
.on_a_board::-webkit-scrollbar-thumb {background-color: rgba(255,255,255, 0.57); border-radius: calc(0.2vw + 0.2vh + 0.2vmin);}

@-moz-document url-prefix() {.on_a_board { scrollbar-width: thin !important;}}  

.teacher_info {width: 83%; margin-left: 2%; border: none; justify-self: start; align-self: center; text-align: left; }
.teacher_name {color: #fff; font-family: 'Montserrat_500'; font-size: calc(0.66vw + 0.66vh + 0.66vmin);  }
.teacher_work {color: #fff;  font-family: 'Roboto Condensed';  font-size: calc(0.5vw + 0.5vh + 0.5vmin); }
img.phototeacher {width: 15%; border: none; border-radius: 50%; user-select: none;}

/* ---Горизонтальное меню - замена и добавление классов для всех страниц, кроме главной-------- */

.nextgrizont {width: 95%; margin: 0 auto; display: flex; box-sizing: border-box;  align-items: stretch;
position: absolute; top: 2.8%; left: 2.5%; width: 95%; height: 10%; background: rgba(0, 0, 0, 0.65); background-image: url(3.jpg); 
background-repeat: no-repeat; background-size: cover; border: none; border-radius: calc(0.6vw + 0.6vh + 0.6vmin);}

.nextvnutri_grizont {display: flex; flex-direction: row; flex-wrap: nowrap; margin-left: 16%; width: 84%; }

.nextstroki_lm {width: 100%; display: flex; align-items: center; justify-content: flex-end; box-sizing: border-box; padding-bottom: calc(0.1vw + 0.1vh + 0.1vmin);}

a.nextmain_h2 {color: #ffffff; font-family: 'Montserrat_600'; letter-spacing: -0.0025em;  font-size: calc(1.2vw + 1.2vh + 1.2vmin); text-decoration: none; margin-right:calc(1.05vw + 1.05vh + 1.05vmin); }

/* ---Здесь не замена, а просто дополнительный класс для всех страниц КРОМЕ главной, чтобы притемнить выпадающее меню-------- */
.nexton_a_board { opacity: 1.0;  background: rgba(0,0,0, 0.9);}

/* -------------------------------------------------- */


/* ---------Портретное меню------------------------ */ 
.people {max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.34s ease-out, opacity 0.34s ease-out; }
.people.online {opacity: 1;}
.bbb {display: block;}

.morelayers {position: fixed; width: 94%; z-index: 1000; display: flex; flex-wrap: wrap; position: fixed; top: 2%; left: 3%; height: 6%; background: rgba(0, 0, 0, 0.65);
 background-image: url(3.jpg); background-repeat: no-repeat; background-size: cover; justify-content: flex-start;
align-items: center; align-content: center; column-gap: calc(0.25vw + 0.25vh + 0.25vmin); border-radius: calc(0.6vw + 0.6vh + 0.6vmin);}

.headport {width: 80%; margin-left: 20%;  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; z-index: 1000; }

.logotxt {color: #ffffff; font-family: 'Montserrat_600'; letter-spacing: -0.0025em;  font-size: calc(4.5vw + 4.5vh + 4.5vmin); }
.logotxt2 {color: #ffffff; font-family: 'Montserrat_600'; letter-spacing: -0.0025em;  font-size: calc(1.5vw + 1.5vh + 1.5vmin); vertical-align: 53%; padding-left:2%;}

.chsclass {cursor: pointer; position: relative; z-index: 1020; right: 5%; display: flex; flex-direction: column; gap: calc(0.5vw + 0.5vh + 0.5vmin); }
.linechs {width: calc(2.6vw + 2.6vh + 2.6vmin); border-radius: 50%; height: calc(0.2vw + 0.2vh + 0.2vmin); background: #ffffff; transition: all 0.33s ease; }

.chsbtn:checked ~ .chsclass .linechs:nth-child(1) {transform: rotate(-45deg) translate(-7.5px, 7.5px);}
.chsbtn:checked ~ .chsclass .linechs:nth-child(2) {opacity: 0;}
.chsbtn:checked ~ .chsclass .linechs:nth-child(3) {transform: rotate(45deg) translate(-7.5px, -7.5px);}

/* ----Запрет скроллинга страницы при открытии меню----------- */ 
.portrait_no_scrolling {overflow-y: hidden;}

input[type=checkbox] {display: none;}
input[type=checkbox]:checked ~ #inside_the_menu {opacity: 1; visibility: visible; transform: translateY(0); animation: fadeIn 0.4s forwards; }

#inside_the_menu {opacity: 0; visibility: hidden; transform: translateY(-50px); position: fixed; top: 0; left: 0; z-index: 1000;
background-image: url(21.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; 
width: 100%; height: 100vh; background-image: url(21.jpg); background-size: 100% 100%; background-repeat: no-repeat; width: 100%; height: 100%; overflow-x: hidden; overflow-x: none !important; overflow-y: scroll; transition: all 0.54s cubic-bezier(0.32, 1.57, 0.63, 1);}

#inside_the_menu .lster {width: 90vw;  border: none; height: 99vh; text-align: left; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: 2.0vh;  }

.zagtxt { color: #ffffff; font-family: 'Montserrat_600'; letter-spacing: -0.0025em;  font-size: calc(4.3vw + 4.3vh + 4.3vmin); }
.baselnk {color: #ffffff; font-family: 'Roboto Condensed'; font-size: calc(1.68vw + 1.68vh + 1.68vmin);  text-decoration: none;}

.ngodown {color: #fbc061; } 

a.notbaselnk {text-decoration: none; }

.nottteach {display: flex; justify-content: space-between; align-items: center; }

.tteach {display: flex; justify-content: space-between; align-items: center; padding-top: 5%; padding-bottom: 4%; border-bottom: calc(0.03vw + 0.03vh + 0.03vmin) dashed rgba(255,255,255, 0.3);}

.tt_left {width: 28%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
img.phteach {width: 100%; border-radius: 41% 60% / 50% 60%;  border: calc(0.12vw + 0.12vh + 0.12vmin) solid #ffffff; background: rgba(0,0,0,0.89); user-select: none;}

.tt_right {width: 65%;display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-left: calc(1.36vw + 1.36vh + 1.36vmin);}

.teachname {color: #ffffff; font-family: 'Montserrat_500'; font-size: calc(1.08vw + 1.08vh + 1.08vmin);  }
.teachname_big {color: #ffffff; font-family: 'Montserrat_500'; font-size: calc(1.46vw + 1.46vh + 1.46vmin);  }
.teachwork {color: #ffffff;  font-family: 'Roboto Condensed';  font-size: calc(1.05vw + 1.05vh + 1.05vmin); }

/* --------------------------------------------------------- */ 


/* --Какое меню показывать?------------------ */

@media (orientation:portrait)
{.grizont, .nextgrizont {display:none;} .portriz {}  }

@media (orientation:landscape)
{.grizont, .nextgrizont {} .portriz {display:none;} }

/* --------------------------------------------------------- */ 








/* ---Фоновое видео, надписи, кнопка------------- */ 

.osnova_glavnoy {position: relative;  width: 100%; height: 100%; overflow: hidden; aspect-ratio: 1/1; display:flex; justify-content:center;}

.main_video_chess, .canvas {height: 100%; object-fit: cover; object-position: center center; }

@media (orientation:landscape)
{.main_video_chess, .canvas { width: 100%; height: 100%; object-fit: cover; object-position: center center;}}

.tonirovka {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25);}

.make {display: grid; grid-template-columns: 78% 22%; position: absolute; bottom: 7%; width: 95%; left: 50%; transform: translateX(-50%); }

.left1, .left2 {grid-column: 1; }
.left1 {color: #ffffff; font-family: 'Montserrat_700'; font-size: calc(1.4vw + 1.4vh + 1.4vmin); }
.left2 {color: #ffffff; font-family: 'Roboto Condensed';  font-size: calc(0.75vw + 0.75vh + 0.75vmin); }
.right {grid-column: 2; grid-row: 1 / 3; display: flex; align-items: center; justify-content: center;}

.record {width: 100%; color: #ffffff; font-family: 'Roboto Condensed'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); background: rgba(254,215,148, 0.62);border: 8px double #ffffff;
padding: calc(0.55vw + 0.55vh + 0.55vmin); padding-left: calc(0.35vw + 0.35vh + 0.35vmin); padding-right: calc(0.35vw + 0.35vh + 0.35vmin); text-decoration: none; 
border-radius: calc(0.8vw + 0.8vh + 0.8vmin); text-align: center; -webkit-touch-callout: none; user-select: none; overflow: hidden; transition: all 0.34s ease; cursor: pointer;}
.record:hover {background: linear-gradient(141deg, #e8b256, #c0b6a6); transform: translateY(-0.19vw) scale(1.036);}
.record:active {transform: scale(0.923);}

@media (orientation:portrait)
{.make { display: flex; flex-direction: column;  bottom: 4%; width:94%;  }}

@media (orientation:portrait)
{.firstt {display: none;}}

@media (orientation:portrait)
{.left1, .left2, .right { width: 100%;}}


@media (orientation:portrait)
{.left1 {font-size: calc(1.98vw + 1.98vh + 1.98vmin); text-align: center; }}

@media (orientation:portrait) and (aspect-ratio < 0.5)  
{.left1 {font-size: calc(2.48vw + 2.48vh + 2.48vmin); text-align: center; }}

@media (orientation:portrait)
{.left2 { font-size: calc(1.35vw + 1.35vh + 1.35vmin); text-align: center; }}

@media (orientation:portrait) and (aspect-ratio < 0.5) 
{.left2 { font-size: calc(1.55vw + 1.55vh + 1.55vmin); text-align: center; }}

@media (orientation:portrait)
{.record {margin-top: calc(0.68vw + 0.68vh + 0.68vmin); font-size: calc(1.47vw + 1.47vh + 1.47vmin); border: 6px double #ffffff; border-radius: calc(0.98vw + 0.98vh + 0.98vmin);}}

@media (orientation:portrait) and (aspect-ratio < 0.5) 
{.record {margin-top: calc(0.68vw + 0.68vh + 0.68vmin); font-size: calc(1.67vw + 1.67vh + 1.67vmin); border: 6px double #ffffff; border-radius: calc(0.98vw + 0.98vh + 0.98vmin);}}

/* ------------------------------------------ */ 





/* ---ДРУГИЕ РАЗДЕЛЫ---------------------------- */ 



/* ---Обёртка, отодвигаем-------------------- */ 
.all_content {margin-top: 15vh; margin-bottom: 15vh;}

@media (orientation:portrait)
{.all_content {margin-top: 12vh; margin-bottom: 10vh;}}
/* ----------------------------------- */ 


/* --Заголовок------- */ 

.zagolovok {width:95%; margin: 0 auto; }
.zagmain {color: #2d2d2d; font-family: 'Montserrat_600'; letter-spacing: -0.0025em; line-height: 0.8; font-size: calc(2.3vw + 2.3vh + 2.3vmin); }
.podzagmain {color: #6e6e6e; font-family: 'Roboto Condensed'; letter-spacing: -0.0025em; font-size: calc(0.7vw + 0.7vh + 0.7vmin); }
img.somegraph {width: 5%; vertical-align: -75%; margin-right: calc(0.2vw + 0.2vh + 0.2vmin);}

.prog {margin-top: calc(0.2vw + 0.2vh + 0.2vmin);}

@media (orientation:portrait)
{.zagolovok {width:94%; text-align: left;}}

@media (orientation:portrait)
{.zagmain {font-size: calc(2.45vw + 2.45vh + 2.45vmin);}}

@media (orientation:portrait)
{.podzagmain {font-size: calc(1.24vw + 1.24vh + 1.24vmin); }}
@media (orientation:portrait)
{img.somegraph {width: 12%; vertical-align: -50%; margin-right: calc(0.05vw + 0.05vh + 0.05vmin);}}



@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{img.somegraph {width: 5%; vertical-align: -30%; margin-right: calc(0.2vw + 0.2vh + 0.2vmin);}}





/* ----------------------------------- */ 



/* --Вопрос-ответ---------- */ 

.answers {width: 95%; margin: 0 auto; display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; justify-content: flex-start; padding-top: calc(0.94vw + 0.94vh + 0.94vmin); padding-bottom: 15vh;}
.question {margin-top: 2.8vh; width: 100%; border-radius: calc(0.5vw + 0.5vh + 0.5vmin); overflow: hidden; border: calc(0.014vw + 0.014vh + 0.014vmin) solid #e3e3e3; 
box-shadow: 0 calc(0.1vw + 0.1vh + 0.1vmin) calc(0.18vw + 0.18vh + 0.18vmin) calc(0.1vw + 0.1vh + 0.1vmin) rgba(223,223,223,0.39); transition: all 0.24s cubic-bezier(0.28, 0, 0.28, 1); }
.question:last-child {margin-bottom: 0;}
.question:hover {transform: scale(1.0089); box-shadow: 0 calc(0.1vw + 0.1vh + 0.1vmin) calc(0.18vw + 0.18vh + 0.18vmin) calc(0.1vw + 0.1vh + 0.1vmin) rgba(254,215,148,0.18);}
.question:active {transform: scale(0.984);}
.knopka_voprosa {font-family: 'Montserrat_400'; letter-spacing: -0.0075em; color: #6e6e6e; font-size: calc(0.75vw + 0.75vh + 0.75vmin); outline: none; text-align: left;
width: 100%; display: flex; justify-content: flex-start; align-items: center; cursor: pointer; list-style: none;
padding: calc(0.24vw + 0.24vh + 0.24vmin) calc(0.7vw + 0.7vh + 0.7vmin) calc(0.24vw + 0.24vh + 0.24vmin) calc(0.7vw + 0.7vh + 0.7vmin);  
transition: background 0.26s ease; border: none; background: none; gap: calc(0.52vw + 0.52vh + 0.52vmin);}
.knopka_voprosa:hover {background: #fef4e0;}
.openmeplease {color: #e7b154; font-family: 'Montserrat_400'; font-size: calc(1.3vw + 1.3vh + 1.3vmin); transition: transform 0.5s cubic-bezier(0.170,0.9,0.3,1.29);}
.zdes_otvet {overflow: hidden; max-height: 0; transition: max-height 0.4s cubic-bezier(0.38,0,0.22,1);}
.text_otveta {text-align: left; padding: calc(0.99vw + 0.99vh + 0.99vmin); color: #000000; font-family: 'Roboto Condensed'; font-size: calc(0.75vw + 0.75vh + 0.75vmin);}
.question[open] {transform: scale(1);}
.question[open] .knopka_voprosa {background: #fef4e0; color: #000000;}
.question[open] .openmeplease {transform: rotate(45deg);}
.question[open] {box-shadow: 0 calc(0.12vw + 0.12vh + 0.12vmin) calc(0.2vw + 0.2vh + 0.2vmin) calc(0.1vw + 0.1vh + 0.1vmin) rgba(69,72,82,0.1);}
.question[open] .zdes_otvet { max-height: 100vh; }

@media (orientation: portrait)
{.answers {width: 94%; padding-bottom: 10vh; }}

@media (orientation: portrait)
{.question {margin-top: 2.4vh;}}

@media (orientation: portrait)
{.knopka_voprosa {font-size: calc(1.23vw + 1.23vh + 1.23vmin); padding: calc(0.72vw + 0.72vh + 0.72vmin); gap: calc(0.72vw + 0.72vh + 0.72vmin);}}

@media (orientation: portrait)
{.openmeplease {font-size: calc(2.28vw + 2.28vh + 2.28vmin);}}

@media (orientation: portrait)
{.text_otveta {font-size: calc(1.38vw + 1.38vh + 1.38vmin); padding: calc(1.5vw + 1.5vh + 1.5vmin); }}

/* ------------------------------- */ 


/* --Футер--------------------------- */ 

.footgrizont {width: 95%; height: 8%; margin: 0 auto; background: rgba(255, 255, 255, 0.65); background-image: url(1_1.png); 
border: calc(0.016vw + 0.016vh + 0.016vmin) solid #dedede; background-repeat: no-repeat; background-size: cover; border-radius: calc(0.6vw + 0.6vh + 0.6vmin); }
.footlmt {width: 100%;  height: 100%; border: none; display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: flex-start;}
a.footmain_h {color: #d3d3d3; font-family: 'Montserrat_600'; letter-spacing: -0.0025em;  font-size: calc(3.6vw + 3.6vh + 3.6vmin); text-decoration: none; margin-left: 3%;}
a.footmain_h2 {color: #d3d3d3; font-family: 'Montserrat_600'; letter-spacing: -0.0025em;  font-size: calc(1.1vw + 1.1vh + 1.1vmin); text-decoration: none; margin-right: calc(1.1vw + 1.1vh + 1.1vmin);}

@media (orientation: portrait)
{.footgrizont {width: 94%; height: 5%; }}

@media (orientation: portrait)
{a.footmain_h {font-size: calc(3.9vw + 3.9vh + 3.9vmin); }}

@media (orientation: portrait)
{a.footmain_h2 { font-size: calc(1.4vw + 1.4vh + 1.4vmin); margin-right: calc(2.1vw + 2.1vh + 2.1vmin);}}

/* ----------------------------------- */ 



/* ----Контакты--------- */

.contacts {width: 95%; margin: 0 auto; display: flex; flex-direction: row; align-items: start;  flex-wrap: nowrap; justify-content: flex-start; padding-top: calc(0.94vw + 0.94vh + 0.94vmin); padding-bottom: 15vh; }
.block1 {width: 64.5%; display: flex; flex-direction: column; align-items: center;  flex-wrap: nowrap; justify-content: flex-start;   }
.sod1 {width: 100%; text-align: left; }
.jojo {font-family: 'Material Symbols Outlined'; font-size: calc(1.11vw + 1.11vh + 1.11vmin); color: #cecece; line-height: 0.85;vertical-align: -30%;}
a.contactslink {color: #757575; font-family: 'Roboto Condensed'; letter-spacing: -0.0125em; font-size: calc(0.85vw + 0.85vh + 0.85vmin); text-decoration: none; transition: color 0.2s ease;}
a.contactslink:hover {color: #d39f46; }
img.cn {width: 4%; border:0; vertical-align: -19%; padding-left: 0.5%;}
.block2 {width: 35.5%; display: flex; flex-direction: column; align-self: flex-start; align-items:flex-start; flex-wrap: nowrap; justify-content: flex-start; }
img.team  {width: 94.3%; border:0; border-radius: calc(0.75vw + 0.75vh + 0.75vmin); }
.textpodrobnee {color: #757575; font-family: 'Roboto Condensed'; letter-spacing: -0.0025em; font-size: calc(0.55vw + 0.55vh + 0.55vmin); text-decoration: none;}
.jojo_mini {font-family: 'Material Symbols Outlined'; font-size: calc(1.0vw + 1.0vh + 1.0vmin); color: #cecece; line-height: 0.75;vertical-align: -30%;}

@media (orientation: portrait)
{.contacts {width: 94%; padding-bottom: 10vh; flex-direction: column;  }}

@media (orientation: portrait)
{.block2 {width: 100%; margin-top: 2.4vh; }}

@media (orientation: portrait)
{.block1 {width: 100%; margin-top: 2.4vh;}}

@media (orientation: portrait)
{.jojo {font-size: calc(1.7vw + 1.7vh + 1.7vmin);}}

@media (orientation: portrait)
{img.cn {width: 7.5%; padding-left: 0.9%;}}


@media (orientation: portrait)
{img.team  {width: 100%;}}

@media (orientation: portrait)
{a.contactslink {font-size: calc(1.5vw + 1.5vh + 1.5vmin);}}

@media (orientation: portrait)
{.textpodrobnee {font-size: calc(1.15vw + 1.15vh + 1.15vmin);}}

@media (orientation: portrait)
{.jojo_mini {font-size: calc(1.5vw + 1.5vh + 1.5vmin);line-height: 0.55; }}


/* ----Турниры-------- */

.tys {padding-top: calc(0.94vw + 0.94vh + 0.94vmin);}
.tys2 {padding-bottom:15vh;}

.tourneys_full {width: 95%; margin: 0 auto; border-radius: calc(0.5vw + 0.5vh + 0.5vmin); overflow: hidden; border: calc(0.014vw + 0.014vh + 0.014vmin) solid #e3e3e3; 
box-shadow: 0 calc(0.1vw + 0.1vh + 0.1vmin) calc(0.18vw + 0.18vh + 0.18vmin) calc(0.1vw + 0.1vh + 0.1vmin) rgba(223,223,223,0.39); }

.tourneys_pad {padding-left: 3%; padding-right: 3%; padding-top: 1%; padding-bottom: 2%;}

.over_tourney {color: #5f5f5f; font-family: 'Roboto Condensed'; font-size: calc(1.6vw + 1.6vh + 1.6vmin); letter-spacing: -0.038em;  }
.date_tourney {color: #808080; font-family: 'Roboto Condensed'; letter-spacing: -0.0125em; font-size: calc(0.65vw + 0.65vh + 0.65vmin);  }

.inpad2{background: #fed794; font-family: 'Roboto Condensed'; font-size: calc(1.7vw + 1.7vh + 1.7vmin); margin: calc(0.5vw + 0.5vh + 0.5vmin); border-radius: calc(0.9vw + 0.9vh + 0.9vmin); }

.t_text { color: #5f5f5f; font-family: 'Roboto Condensed'; font-size: calc(0.7vw + 0.7vh + 0.7vmin);  }

.videonews {width: 100%; border:0; display: inline-block;}
.video_ys {width: 50%; height: auto; max-height: 100%; border: 0;  padding: 0; border-radius: calc(0.4vw + 0.4vh + 0.4vmin); }
.video_ys:hover {cursor: pointer;}

/* ---------------------------------------- */  

.gallery a img {cursor: zoom-in; width: 25%; padding: 0; margin:0; border: none; border-radius:calc(0.34vw + 0.34vh + 0.34vmin); 
overflow: hidden; position: relative;  transition: opacity 0.24s ease; -webkit-touch-callout: none; user-select: none;}
.gallery a:hover img {z-index: 100; opacity: 0.87;}
@media (orientation: portrait)
{.gallery a img {width: 49%; }}


.t_otstup {padding-bottom: 5vh;}

@media (orientation: portrait)
{.t_otstup {padding-bottom: 1.5vh;}}


@media (orientation: portrait)
{.tys2 {padding-bottom: 10vh;}}

@media (orientation: portrait)
{.tourneys_full {width: 94%; margin-top: 2.4vh;}}

@media (orientation: portrait)
{.tourneys_pad {padding-left: 4%; padding-right: 4%; padding-top: 3%; padding-bottom: 4%;}}

@media (orientation: portrait)
{.over_tourney {font-size: calc(2.0vw + 2.0vh + 2.0vmin); }}

@media (orientation: portrait)
{.date_tourney {font-size: calc(1.15vw + 1.15vh + 1.15vmin);  }}

@media (orientation: portrait)
{.t_text {font-size: calc(1.3vw + 1.3vh + 1.3vmin);  }}

@media (orientation: portrait)
{.videonews {width: 100%; border:0; margin: 0 auto; padding: 0; border-radius: 0;}}

@media (orientation: portrait)
{.video_ys {width: 100%; height: auto; max-height: 100%; }}



/* --Заголовок тренера------- */ 

.trener_view {display: flex; }
.picc{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 10%; margin-right: calc(0.5vw + 0.5vh + 0.5vmin); opacity: 0.1;}
.mini64 {display: flex; align-items: center; justify-content: center; width: 100%; }

.namee {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.trname1 {color: #2b2b2b; font-family: 'Montserrat_500'; letter-spacing: -0.0025em;  font-size: calc(1.4vw + 1.4vh + 1.4vmin); }
.trname2 {color: #2b2b2b; font-family: 'Montserrat_700'; letter-spacing: -0.0025em; line-height: 0.95; font-size: calc(2.1vw + 2.1vh + 2.1vmin); }
.trname3 {color: #6e6e6e; font-family: 'Roboto Condensed'; letter-spacing: -0.0025em; font-size: calc(0.7vw + 0.7vh + 0.7vmin); }

.inpad3{background: #fed794; vertical-align: -13%;  font-family: 'Roboto Condensed'; font-size: calc(1.0vw + 1.0vh + 1.0vmin); margin-right: calc(0.3vw + 0.3vh + 0.3vmin); border-radius: calc(0.9vw + 0.9vh + 0.9vmin); }

@media (orientation:landscape)
{.trname4 {display: none;}}

@media (orientation:portrait)
{.picc{width: 20%; margin-right: calc(0.5vw + 0.5vh + 0.5vmin); opacity: 0.15;}}

@media (orientation:portrait)
{.trname1 { font-size: calc(1.6vw + 1.6vh + 1.6vmin); }}

@media (orientation:portrait)
{.trname2 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

@media (orientation:portrait)
{.trname3 {display: none;}}

@media (orientation:portrait)
{.trname4 {color: #6e6e6e; font-family: 'Roboto Condensed'; letter-spacing: -0.0025em; font-size: calc(1.2vw + 1.2vh + 1.2vmin); }}

@media (orientation:portrait)
{.inpad3{ vertical-align: -10%;  font-family: 'Roboto Condensed'; font-size: calc(1.4vw + 1.4vh + 1.4vmin); margin-right: calc(0.3vw + 0.3vh + 0.3vmin); border-radius: calc(0.9vw + 0.9vh + 0.9vmin); }}

/* --------------------------- */ 


/* ------Карточка------------------- */ 


.post-slide {width: 95%; margin: 0 auto; border-radius: calc(0.5vw + 0.5vh + 0.5vmin); overflow: hidden; border: calc(0.014vw + 0.014vh + 0.014vmin) solid #e3e3e3; 
box-shadow: 0 calc(0.1vw + 0.1vh + 0.1vmin) calc(0.18vw + 0.18vh + 0.18vmin) calc(0.1vw + 0.1vh + 0.1vmin) rgba(223,223,223,0.39); }

@media (orientation: portrait)
{.post-slide {width: 94%; }}

.post-content {padding-left: calc(0.9vw + 0.9vh + 0.9vmin); padding-top: calc(0.25vw + 0.95vh + 0.95vmin);  padding-bottom: calc(0.99vw + 0.99vh + 0.99vmin); padding-right: calc(0.99vw + 0.99vh + 0.99vmin);}

/* ------------------------- */ 

.twoflex {display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: flex-start; align-items: start;   }

@media (orientation: portrait)
{.twoflex {display: flex; flex-direction: column;  flex-wrap: nowrap; justify-content: flex-start; align-items: start;   }}

@media (min-width: 768px) and (orientation:portrait) 
{.twoflex {display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: flex-start; align-items: start;   }}


.stopka1 {flex:23.8%; display: flex; flex-direction: column; }

@media (orientation: portrait)
{.stopka1 {flex:100%; display: flex; flex-direction: column; }}

@media (min-width: 768px) and (orientation:portrait) 
{.stopka1 {flex:40%; display: flex; flex-direction: column; }}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.stopka1 {flex:50%; display: flex; flex-direction: column; }}


/* ------------------------- */ 

.stopka2 {padding-left: 3%; flex:76.2%;display: flex; flex-direction: column; }

@media (orientation: portrait)
{.stopka2 {flex:100%; padding-left: 0; padding-top: 3vh; display: flex; flex-direction: column; }}

@media (min-width: 768px) and (orientation:portrait) 
{.stopka2 {padding-left: 3%; display: flex; flex-direction: column; }}


@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.stopka2 {padding-left: 4%;  }}

/* ------------------------- */ 

.post-title {font-size: calc(1.8vw + 1.8vh + 1.8vmin); font-family: "Montserrat_500"; color: #353535; letter-spacing: 0.028em; }

@media (orientation: portrait)
{.post-title {font-size: calc(1.99vw + 1.99vh + 1.99vmin); font-family: "Montserrat_500"; color: #353535; letter-spacing: 0.028em; }}

.inpad2{background: #fed794; font-size:  90%; margin:calc(0.5vw + 0.5vh + 0.5vmin); border-radius: calc(0.9vw + 0.9vh + 0.9vmin); }

@media (max-width: 767px) and (orientation: portrait)
{.post-title {font-size: calc(1.99vw + 1.99vh + 1.99vmin); font-family: "Montserrat_500"; color: #353535; letter-spacing: 0.028em; }}


/* ---записаться, расписание------------------------ */ 

.btn_tt_zap  {color: #000; font-family: 'Roboto Condensed'; font-size: calc(0.58vw + 0.58vh + 0.58vmin);  background: #fed794; border: 6px double #fff9f0;
padding: calc(0.35vw + 0.35vh + 0.35vmin); padding-left: calc(0.35vw + 0.35vh + 0.35vmin);  padding-right: calc(0.35vw + 0.35vh + 0.35vmin); text-decoration: none; 
text-align: center; border-radius: calc(0.6vw + 0.6vh + 0.6vmin); width: 90%; position: relative;}

@media (orientation: portrait)
{.btn_tt_zap {color: #000; font-family: 'Roboto Condensed';  font-size: calc(1.2vw + 1.2vh + 1.2vmin);  background: #fed794; border: 6px double #fff9f0;
padding-top: calc(0.7vw + 0.7vh + 0.7vmin); padding-bottom: calc(0.8vw + 0.8vh + 0.8vmin); padding-left: calc(0.35vw + 0.35vh + 0.35vmin); 
 padding-right: calc(0.35vw + 0.35vh + 0.35vmin); text-decoration: none; 
text-align: center; transition: color 0.1s linear 0.05s;
border-radius: calc(0.8vw + 0.8vh + 0.8vmin); width: 94%; position: relative; }}


@media (min-width: 768px) and (orientation:portrait) 
{.btn_tt_zap  {color: #000; font-family: 'Roboto Condensed'; font-size: calc(0.78vw + 0.78vh + 0.78vmin);  background: #fed794; border: 6px double #fff9f0;
padding: calc(0.35vw + 0.35vh + 0.35vmin); padding-left: calc(0.35vw + 0.35vh + 0.35vmin);  padding-right: calc(0.35vw + 0.35vh + 0.35vmin); text-decoration: none; 
text-align: center; border-radius: calc(0.6vw + 0.6vh + 0.6vmin); width: 90%; position: relative;}}


@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.btn_tt_zap { width: 84%; font-size: calc(0.74vw + 0.74vh + 0.74vmin);  }}

.btn_tt_zap:hover { background: #fff; color: #000; border: 6px double #fed794; }

/* ---------------------------------------- */  

.gallery a img { width: 24%; border: 0;  padding-bottom: 0; padding-right: 0.5%; padding-bottom: 0.5%;
overflow: hidden; position: relative; margin: 0; transition: filter 0.26s ease; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; 
-moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: calc(0.4vw + 0.4vh + 0.4vmin); }


.gallery a:hover img {z-index: 5;  border: 0; opacity: 0.85; cursor: zoom-in; transition: opacity 0.26s ease;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.gallery a.big img  {width: 90%;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.align-center {text-align: center;}

/* ---------------------------------------- */  

.onlyone a img {width: 100%;}

@media (orientation: portrait)
{.onlyone a img {width: 100%;}}


@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.onlyone a img {width: 96%; padding: 0;}}


/* -----дипломы-------------------------------- */ 

.diplomas a img {width: 8.5%; }

@media (orientation: portrait)
{.diplomas a img {width: 18%;}}


.diplomas2 a img {width: 10%; }

@media (orientation: portrait)
{.diplomas2 a img {width: 18%;}}


@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.diplomas a img {width: 12%; }}


/* -----доп.фото------------------------------ */ 

.dopphoto a img {width: 23%; }

@media (orientation: portrait)
{.dopphoto a img {width: 23%;}}


@media (min-width: 768px) and (orientation:portrait) 
{.dopphoto a img {width: 22%;}}


@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.dopphoto a img {width: 21%;}}


/* -----отодвинуть------------------------------- */ 

.otodvig0 {line-height:60%;}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.otodvig0 {line-height:45%;}}

@media (orientation:landscape) and (min-width:2000px)
{.otodvig0 {line-height:160%;}}


/* ----- после отодвинуть------------------------------- */ 

.otodvig {line-height:60%;}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.otodvig {line-height:35%;}}


@media (orientation:landscape) and (min-width:2000px)
{.otodvig {line-height:160%;}}


/* -----текст----------------------------- */ 

.post-slide .post-description {font-family: 'Roboto Condensed';  font-size: calc(0.56vw + 0.56vh + 0.56vmin);
color: rgba(0,0,0, 0.77);  line-height:calc(0.85vw + 0.85vh + 0.85vmin); margin-bottom: calc(0.45vw + 0.45vh + 0.45vmin); }

@media (max-width: 767px) and (orientation: portrait)
{.post-slide .post-description {font-family: 'Roboto Condensed';  font-size: calc(1.2vw + 1.2vh + 1.2vmin);
color: #000;  line-height:calc(1.6vw + 1.6vh + 1.6vmin); margin-bottom: calc(0.45vw + 0.45vh + 0.45vmin); }}

@media (min-width: 767px) and (orientation: portrait)
{.post-slide .post-description {font-family: 'Roboto Condensed';  font-size: calc(0.9vw + 0.9vh + 0.9vmin);
color: #000;  line-height:1.5; margin-bottom: calc(0.45vw + 0.45vh + 0.45vmin); }}


@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.post-slide .post-description {font-family: 'Roboto Condensed';  font-size: calc(0.78vw + 0.78vh + 0.78vmin);
color: rgba(0,0,0, 0.77);  line-height:calc(0.99vw + 0.99vh + 0.99vmin); margin-bottom: calc(0.45vw + 0.45vh + 0.45vmin); }}




.malo {font-family: 'Roboto Condensed';  font-size: calc(0.66vw + 0.66vh + 0.66vmin);
color: rgba(0,0,0, 0.77);  line-height:calc(0.95vw + 0.95vh + 0.95vmin); margin-bottom: calc(0.45vw + 0.45vh + 0.45vmin); }

@media only screen and (max-width: 1280px) {.post-slide .post-content {padding: 7px 15px 13px }}

a.nomer{font-family: 'Roboto Condensed'; font-size: calc(0.56vw + 0.56vh + 0.56vmin);
color: rgba(0,0,0, 0.77);  line-height:calc(0.85vw + 0.85vh + 0.85vmin); text-decoration: none; }

@media (max-width: 767px) and (orientation: portrait)
{a.nomer{font-family: 'Roboto Condensed'; font-size: calc(1.26vw + 1.26vh + 1.26vmin);
color: rgba(0,0,0, 0.77);  line-height:calc(0.85vw + 0.85vh + 0.85vmin); text-decoration: none; }}

a.nomer:hover {opacity:0.65;}

/* ------------------------------------------------------------------ */ 



/* ----Расписание------------------------------------------------- */

.ztr {font-size: calc(1.1vw + 1.1vh + 1.1vmin); font-family: "Montserrat_500"; color: #353535; letter-spacing: 0.028em; }
@media (max-width: 767px) and (orientation: portrait)
{.ztr {font-size: calc(1.8vw + 1.8vh + 1.8vmin); }}

@media (min-width: 767px) and (orientation: portrait)
{.ztr {font-size: calc(1.7vw + 1.7vh + 1.7vmin); }}

.rasss {width:95%; margin: 0 auto; padding-top: 5vh;}
.raspisanie {display: flex; flex-direction: column; width: 100%; 
box-shadow: 0 calc(0.1vw + 0.1vh + 0.1vmin) calc(0.18vw + 0.18vh + 0.18vmin) calc(0.1vw + 0.1vh + 0.1vmin) rgba(223,223,223,0.39);}
.stroka_raspisania {display: flex; width: 100%; }
.colorim {background: #fed794; color: #2b2b2b; font-family: 'Roboto Condensed'; letter-spacing: -0.0025em;  font-size: calc(0.7vw + 0.7vh + 0.7vmin); }
.amstxt {background: #fffbf1; color: #2b2b2b; font-family: 'Roboto Condensed'; letter-spacing: -0.0025em;  font-size: calc(0.5vw + 0.5vh + 0.5vmin);}
.fam {flex: 1; min-width: 0; padding: 12px; box-sizing: border-box; text-align: center; border-right: calc(0.014vw + 0.014vh + 0.014vmin) solid #fed794;}
.fam:last-child {border-right: none;}


@media (orientation: portrait)
{.rasss {width:94%; margin: 0 auto; padding-top: 3vh; }}

@media (orientation: portrait)
{.stroka_raspisania {display: contents;}}

@media (orientation: portrait)
{.colorim {font-size: calc(1.6vw + 1.6vh + 1.6vmin); }}

@media (orientation: portrait)
{.amstxt {font-size: calc(1.2vw + 1.2vh + 1.2vmin);}}

@media (orientation: portrait)
{.fam {width: auto; border: 0; }}

@media (orientation: portrait)
{[port-list] {order: initial;} [port-list="2"] {order: 1;} [port-list="10"] {order: 2;} [port-list="3"] {order: 3;} [port-list="11"] {order: 4;}
[port-list="4"] {order: 5;} [port-list="12"] {order: 6;} [port-list="5"] {order: 7;} [port-list="13"] {order: 8;} [port-list="6"] {order: 9;} [port-list="14"] {order: 10;}
[port-list="7"] {order: 11;} [port-list="15"] {order: 12;} [port-list="8"] {order: 13;} [port-list="16"] {order: 14;}}


@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.amstxt {font-size: calc(0.63vw + 0.63vh + 0.63vmin);}}

/* ------------------------------------------------------------------ */ 




/* ----Цены------------------------------------------------- */

.pricing {display: flex; gap: 2%; flex-wrap: wrap; margin: 0 auto; }

.price_block {flex: 1 1 calc(33.333% - 2%); background-color: #fffbf1; padding: calc(0.67vw + 0.67vh + 0.67vmin); border-radius: calc(0.4vw + 0.4vh + 0.4vmin); box-sizing: border-box; 
box-shadow: 0 calc(0.1vw + 0.1vh + 0.1vmin) calc(0.18vw + 0.18vh + 0.18vmin) calc(0.1vw + 0.1vh + 0.1vmin) rgba(223,223,223,0.39);
color: #2b2b2b; font-family: 'Roboto Condensed'; letter-spacing: -0.0025em;  font-size: calc(0.6vw + 0.6vh + 0.6vmin);}

.flsha {display: inline-block;   background: #fed794; padding: calc(0.07vw + 0.07vh + 0.07vmin) calc(0.33vw + 0.33vh + 0.33vmin); border-radius: calc(0.29vw + 0.29vh + 0.29vmin);}

@media (orientation: portrait)
{.pricing {flex-direction: column;}}

@media (orientation: portrait)
{.price_block {width: 100%; flex: none;  font-size: calc(1.45vw + 1.45vh + 1.45vmin); padding: calc(1.27vw + 1.27vh + 1.27vmin); padding-bottom: calc(1.97vw + 1.97vh + 1.97vmin);margin-bottom: calc(1.97vw + 1.97vh + 1.97vmin);}}


@media (orientation: portrait)
{.flsha {padding: calc(0.17vw + 0.17vh + 0.17vmin) calc(0.53vw + 0.53vh + 0.53vmin); border-radius: calc(0.39vw + 0.39vh + 0.39vmin);}}



@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.price_block {font-size: calc(0.68vw + 0.68vh + 0.68vmin);}}


/* ------------------------------------------------------------------ */ 
/* ------------------------------------------------------------------ */ 


/* --Иностранный язык------------ */ 


/* ---Заголовок ------------------------------- */ 

.over_the_block {font-family: 'Oswald'; font-size: calc(1.6vw + 1.6vh + 1.6vmin); letter-spacing: 0.038em;  font-weight: bold; color: #000;  }

@media (max-width: 766px) and (orientation: portrait)
{.over_the_block {font-family: 'Oswald';font-size: calc(1.9vw + 1.9vh + 1.9vmin); letter-spacing: 0.038em; font-weight: bold;  color: #000; }}

@media (min-width: 767px) and (orientation: portrait)
{.over_the_block {font-family: 'Oswald';font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: 0.038em; font-weight: bold;  color: #000;  }}

/* ---------------------------------------- */  

/* ----Блок студии------------------------------------ */  

.tourney_div {width: 95%; margin: 0 auto; border-radius: calc(0.5vw + 0.5vh + 0.5vmin); overflow: hidden; border: calc(0.014vw + 0.014vh + 0.014vmin) solid #e3e3e3; 
box-shadow: 0 calc(0.1vw + 0.1vh + 0.1vmin) calc(0.18vw + 0.18vh + 0.18vmin) calc(0.1vw + 0.1vh + 0.1vmin) rgba(223,223,223,0.39); display: flex; gap: 0;  }

.text_for_eng  {flex: 0 0 75%; box-sizing: border-box; text-align: left; padding: calc(0.8vw + 0.8vh + 0.8vmin); 
font-family: 'Roboto Condensed'; color: #2b2b2b; letter-spacing: -0.0025em;  font-size: calc(0.7vw + 0.7vh + 0.7vmin);  }
.logoface { flex: 0 0 25%; box-sizing: border-box;}
img.face { width: 80%; }

/* ---------------------------------------- */ 

@media (orientation: portrait)
{.tourney_div {width: 94%; border: none; box-shadow: none; flex-direction: column;}}

@media (orientation: portrait)
{.text_for_eng  { flex: 0 0 100%; font-size: calc(1.35vw + 1.35vh + 1.35vmin);  }}

@media (orientation: portrait)
{.logoface { flex: 0 0 100%; }}

@media (orientation: portrait)
{img.face { width: 100%; }}

/* ---------------------------------------- */ 

@media (min-width: 767px) and (orientation: portrait)
{.tourney_div {width: 94%; border-radius: 0; border: none; box-shadow: none; flex-direction: row;}}

@media (min-width: 767px) and (orientation: portrait)
{.text_for_eng  {flex: 0 0 70%; font-size: calc(1.0vw + 1.0vh + 1.0vmin);  }}

@media (min-width: 767px) and (orientation: portrait)
{.logoface { flex: 0 0 28%; }}

@media (min-width: 767px) and (orientation: portrait)
{img.face { width: 100%; }}



@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.text_for_eng  { font-size: calc(0.8vw + 0.8vh + 0.8vmin);  }}

/* ---------------------------------------- */  
/* ---------------------------------------- */  


/* ---------------------------------------- */  


.malas {text-align: left; font-family: 'Roboto Condensed'; color: #000000; letter-spacing: -0.0025em;  font-size: calc(0.7vw + 0.7vh + 0.7vmin);}

.post-title_th {font-size: calc(0.6vw + 0.6vh + 0.6vmin); font-family: "Montserrat_500"; color: #757575; letter-spacing: 0.028em; margin-top: -1.25%;}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.post-title_th {font-size: calc(0.75vw + 0.75vh + 0.75vmin); }}

img.eds {width: 3%; border:0; vertical-align: -30%; padding-left: 0.2%;}

a.englinks {color: #970001; font-family: 'Roboto Condensed'; letter-spacing: -0.0125em; font-size: calc(0.7vw + 0.7vh + 0.7vmin); text-decoration: none; transition: color 0.2s ease;}
a.englinks:hover {color: #ff2728; }

/* ---------------------------------------- */

@media (orientation: portrait)
{.malas {font-size: calc(1.35vw + 1.35vh + 1.35vmin);}}

@media (orientation: portrait)
{.post-title_th {font-size: calc(1.1vw + 1.1vh + 1.1vmin); }}

@media (orientation: portrait)
{img.eds {width: 7.5%; padding-left: 0.9%;}}

@media (orientation: portrait)
{a.englinks {font-size: calc(1.5vw + 1.5vh + 1.5vmin);}}

/* ---------------------------------------- */

@media (min-width: 767px) and (orientation: portrait)
{.malas {font-size: calc(1.0vw + 1.0vh + 1.0vmin);}}

@media (min-width: 767px) and (orientation: portrait)
{.post-title_th {font-size: calc(0.8vw + 0.8vh + 0.8vmin); }}

@media (min-width: 767px) and (orientation: portrait)
{a.englinks {font-size: calc(1.0vw + 1.0vh + 1.0vmin);}}


@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.malas {font-size: calc(0.8vw + 0.8vh + 0.8vmin);}}


/* ---------------------------------------- */

.inpad4{background: #ce0809; font-size:  90%; margin:calc(0.5vw + 0.5vh + 0.5vmin); border-radius: calc(0.9vw + 0.9vh + 0.9vmin); }

/* ---------------------------------------- */  

.t3 a img {width:23.1%;}

@media (orientation: portrait)
{.t3 a img {width: 46%;}}

@media (orientation: portrait) and (min-width: 767px) 
{.t3 a img {width: 22.7%;}}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.t3 a img {width: 22.7%;}}

/* ---------------------------------------- */  

.foo {background: #fefeff;background-image: url(face2face/fon.jpg); background-repeat: no-repeat; background-size: cover;}

/* ---------------------------------------- */  

.uslovia {flex: 95%; background: #fefeff;background-image: url(face2face/fon.jpg); background-repeat: no-repeat; background-size: cover; padding: calc(0.67vw + 0.67vh + 0.67vmin); border-radius: calc(0.4vw + 0.4vh + 0.4vmin); box-sizing: border-box; 
box-shadow: 0 calc(0.1vw + 0.1vh + 0.1vmin) calc(0.18vw + 0.18vh + 0.18vmin) calc(0.1vw + 0.1vh + 0.1vmin) rgba(223,223,223,0.39);
color: #2b2b2b; font-family: 'Roboto Condensed'; letter-spacing: -0.0025em;  font-size: calc(0.6vw + 0.6vh + 0.6vmin);}

@media (orientation: portrait)
{.uslovia {margin-top: -3vh; flex: 94%; font-size: calc(1.45vw + 1.45vh + 1.45vmin); padding: calc(1.27vw + 1.27vh + 1.27vmin); padding-bottom: calc(1.97vw + 1.97vh + 1.97vmin);margin-bottom: calc(1.97vw + 1.97vh + 1.97vmin);}}


@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.uslovia {font-size: calc(0.85vw + 0.85vh + 0.85vmin);}}

/* ---------------------------------------- */  

.shpka {background: #bfdcff; border-right: calc(0.014vw + 0.014vh + 0.014vmin) solid #9ac7ff;}
.txall {background: #eef6ff; border-right: calc(0.014vw + 0.014vh + 0.014vmin) solid #9ac7ff;}

/* ---------------------------------------- */  


img.paq {width: 1.8%; border:0; vertical-align: -25%; padding-left: 0.2%;}

@media (orientation: portrait)
{img.paq {width: 7.5%; padding-left: 0.4%;}}

/* ---------------------------------------- */  

a.englinks2 {color: #970001; font-family: 'Roboto Condensed'; letter-spacing: -0.0125em; font-size: calc(0.7vw + 0.7vh + 0.7vmin); text-decoration: none; transition: color 0.2s ease;}
a.englinks2:hover {color: #ff2728; }

@media (orientation: portrait)
{a.englinks2 {font-size: calc(1.5vw + 1.5vh + 1.5vmin);}}

@media (min-width: 767px) and (orientation: portrait)
{a.englinks2 {font-size: calc(1.4vw + 1.4vh + 1.4vmin);}}

/* ---------------------------------------- */  

.inpad5{background: #e70b79; font-size:  90%; margin:calc(0.5vw + 0.5vh + 0.5vmin); border-radius: calc(0.9vw + 0.9vh + 0.9vmin); }


/* ---------------------------------------- */  

a.skazkalink {color: #903261; font-family: 'Roboto Condensed'; letter-spacing: -0.0125em; font-size: calc(0.7vw + 0.7vh + 0.7vmin); text-decoration: none; transition: color 0.2s ease;}
a.skazkalink:hover {color: #e70b79; }

@media (orientation: portrait)
{a.skazkalink {font-size: calc(1.5vw + 1.5vh + 1.5vmin);}}

@media (min-width: 767px) and (orientation: portrait)
{a.skazkalink {font-size: calc(1.4vw + 1.4vh + 1.4vmin);}}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{a.skazkalink {font-size: calc(0.88vw + 0.88vh + 0.88vmin);}}



/* ---------------------------------------- */  

.noo {background: #fefeff;background-image: url(imbirnaya_skazka/fon2.jpg); background-repeat: no-repeat; background-size: cover;}

.roo {background: #fefeff;background-image: url(imbirnaya_skazka/fon.jpg); background-repeat: no-repeat; background-size: cover;}

/* ---------------------------------------- */  

.t4 a img {width:9.2%;}

@media (orientation: portrait)
{.t4 a img {width: 48%;}}

@media (orientation: portrait) and (min-width: 767px) 
{.t4 a img {width: 23.1%;}}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.t4 a img {width: 23%;}}



/* ---------------------------------------- */  

.video_vertical {width: 20%; height: auto; max-height: 100%; border: 0;  padding: 0;  border-radius: calc(0.4vw + 0.4vh + 0.4vmin); }

@media (orientation: portrait)
{.video_vertical {width: 100%; height: auto; max-height: 100%; }}

@media (min-width: 767px) and (orientation: portrait)
{.video_vertical {width: 50%; }}

.video_vertical:hover {cursor: pointer;}


/* ---------------------------------------- */  


.trname9 {color: #6e6e6e; font-family: 'Roboto Condensed'; letter-spacing: -0.0025em; font-size: calc(0.7vw + 0.7vh + 0.7vmin); }

@media (orientation: portrait)
{.trname9 {font-size: calc(1.2vw + 1.2vh + 1.2vmin); }}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.trname9 {font-size: calc(0.9vw + 0.9vh + 0.9vmin); }}