* {margin:0; padding:0; outline:none}

html {scroll-behavior: smooth;-webkit-tap-highlight-color: transparent; }
body::-webkit-scrollbar {width: calc(0.1vw + 0.1vh + 0.1vmin); }


body {overflow-x: hidden; overflow-x: none !important; z-index: 10000000;}

/* - чтобы во время открытого меню не было прокрутки сайта --- */  
.no-scroll {overflow: hidden;}

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

@media screen and (min-width: 0px) and (max-width: 1025px)
{body::-webkit-scrollbar {display: none;}}

@media screen and (min-width: 1025.0001px) and (max-width: 99999px)
{body::-webkit-scrollbar {width: calc(0.3em + 0.3vw); background-color: #fff;}}

body::-webkit-scrollbar-thumb {border-radius: 11px;background-color: #fed794;}
body::-webkit-scrollbar-track {border-radius: 11px;background-color: #fff;}

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

@font-face {
  font-display: swap; 
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/material-symbols-outlined-v245-latin-regular.eot');
  src: url('fonts/material-symbols-outlined-v245-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/material-symbols-outlined-v245-latin-regular.woff2') format('woff2'),
       url('fonts/material-symbols-outlined-v245-latin-regular.woff') format('woff'),
       url('fonts/material-symbols-outlined-v245-latin-regular.ttf') format('truetype'),
       url('fonts/material-symbols-outlined-v245-latin-regular.svg#MaterialSymbolsOutlined') format('svg');
}

@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/inter-v18-cyrillic_latin-regular.eot');
  src: url('fonts/inter-v18-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/inter-v18-cyrillic_latin-regular.woff2') format('woff2'),
       url('fonts/inter-v18-cyrillic_latin-regular.woff') format('woff'),
       url('fonts/inter-v18-cyrillic_latin-regular.ttf') format('truetype'),
       url('fonts/inter-v18-cyrillic_latin-regular.svg#Inter') format('svg');
}


@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/inter-v18-cyrillic_latin-500.eot');
  src: url('fonts/inter-v18-cyrillic_latin-500.eot?#iefix') format('embedded-opentype'),
       url('fonts/inter-v18-cyrillic_latin-500.woff2') format('woff2'),
       url('fonts/inter-v18-cyrillic_latin-500.woff') format('woff'),
       url('fonts/inter-v18-cyrillic_latin-500.ttf') format('truetype'),
       url('fonts/inter-v18-cyrillic_latin-500.svg#Inter') format('svg'); 
}


@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed300';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-condensed-v25-cyrillic_latin-300.eot');
  src: url('fonts/roboto-condensed-v25-cyrillic_latin-300.eot?#iefix') format('embedded-opentype'),
       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'),
       url('fonts/roboto-condensed-v25-cyrillic_latin-300.svg#RobotoCondensed') format('svg');
}

@font-face {
  font-display: swap;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/oswald-v49-cyrillic_latin-200.eot');
  src: url('fonts/oswald-v49-cyrillic_latin-200.eot?#iefix') format('embedded-opentype'),
       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'),
       url('fonts/oswald-v49-cyrillic_latin-200.svg#Oswald') format('svg');
}

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

.material-symbols-outlined {font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none;
display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;}

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

/* ---Отступы по якорям------------------------------------------------------------------------ */

.otodvigaem_about {scroll-margin-top: 210px;}

@media (max-width: 767px) and (orientation:portrait) 
{.otodvigaem_about {scroll-margin-top: 150px;}}


.otodvigaem_price {scroll-margin-top: 125px;}

@media (max-width: 767px) and (orientation:portrait) 
{.otodvigaem_price {scroll-margin-top: 95px;}}


.otodvigaem_raspisanie {scroll-margin-top: 55px;}

@media (max-width: 767px) and (orientation:portrait) 
{.otodvigaem_raspisanie {scroll-margin-top: 25px;}}


.otodvigaem_faq {scroll-margin-top: 130px;}

@media (max-width: 767px) and (orientation:portrait) 
{.otodvigaem_faq {scroll-margin-top: 120px;}}


.otodvigaem_tournaments {scroll-margin-top: 120px;}

@media (max-width: 767px) and (orientation:portrait) 
{.otodvigaem_tournaments {scroll-margin-top: 110px;}}


.otodvigaem_contacts {scroll-margin-top: 120px;}

@media (max-width: 767px) and (orientation:portrait) 
{.otodvigaem_contacts {scroll-margin-top: 110px;}}


.otodvigaem_face2face {scroll-margin-top: 120px;}

@media (max-width: 767px) and (orientation:portrait) 
{.otodvigaem_face2face {scroll-margin-top: 105px;}}

.otodvigaem_siya {scroll-margin-top: 80px;}

.otodvigaem_imbirnaya_skazka {scroll-margin-top: 120px;}

.otodvigaem_mast {scroll-margin-top: 125px;}




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

/* ----  Портретное меню----------- */  
.tt {width: 95%; z-index: 1000; display: flex; flex-wrap: wrap; position: fixed; top: 2%; left: 2.5%;  height: 5%; background: rgba(0, 0, 0, 0.65);
border-radius: calc(0.6vw + 0.6vh + 0.6vmin); background-image: url(1.png); 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: 1px solid rgba(0, 0, 0, 0.55);}
.tt0 { background: #000;   background-image: url(1.png); background-repeat: no-repeat; background-size: cover; }
#knopka { flex:0 0 20%; right: 24%; position: absolute; padding: 1%; z-index: 1020; cursor: pointer; user-select: none; opacity: 1.0; align-self: center; 
 -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none;}
#knopka span {height: 4px; width: calc(4.11vw + 4.11vh + 4.11vmin);  background-color: #ffffff; position: relative; display: block; transition: all 0.2s ease-in-out; }
#knopka span:before {top: -15px; visibility: visible;}
#knopka span:after {top: 15px;}
#knopka span:before {height: 4px; width: calc(2.11vw + 2.11vh + 2.11vmin); background-color: #ffffff; position: absolute; content: ""; transition: all 0.2s ease-in-out;}
#knopka span:after {height: 4px; width: calc(4.11vw + 4.11vh + 4.11vmin); background-color: #ffffff; position: absolute; content: ""; transition: all 0.2s ease-in-out;}
#knopka:hover span, #knopka:hover span:before, #knopka:hover span:after {}
input[type=checkbox] {display: none;}
input[type=checkbox]:checked ~ #menu_content {visibility: visible;}
input[type=checkbox]:checked ~ #knopka:hover span, input[type=checkbox]:checked ~ #knopka span {background: transparent;}
input[type=checkbox]:checked ~ #knopka span:before {transform: rotate(45deg) translate(7px, 7px); opacity: 1; width: calc(4.11vw + 4.11vh + 4.11vmin);}
input[type=checkbox]:checked ~ #knopka span:after {transform: rotate(-45deg) translate(7px, -7px);}
#menu_content { visibility: hidden; position: fixed;  top: 0; left: 0;  z-index: 1019; background: rgba(0, 0, 0, 0.88);  width: 100%;  height: 100%;   }
#menu_content.active {visibility: visible; }
#menu_content ul {display: flex; justify-content: start; flex-direction: column;  height: 100vh; padding-left: 5%; list-style-type: none; margin-top:6vh;}
#menu_content ul li {padding: 0.6em;}
#menu_content ul li a {color:#fff;  color: #fff; font-family: 'Roboto Condensed300'; font-size: calc(1.85vw + 1.85vh + 1.85vmin);  text-decoration: none;}
#knopka span { transform: rotate(360deg);}
#knopka{transform:scale(0.6);}
.soc {padding-left: 0.6em; padding-top: 1.0em; text-decoration: none; opacity: 0.9;}
img.sn {width: 8%; border:0;}


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



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

.verh {top: 3%; left: 7%; width: 86%; height: 7%; background: rgba(0, 0, 0, 0.65); border-radius: calc(0.6vw + 0.6vh + 0.6vmin);
background-image: url(1.png); background-repeat: no-repeat; background-size: cover; 
display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: center; column-gap: calc(0.25vw + 0.25vh + 0.25vmin);
position: fixed; border: 1px solid rgba(0, 0, 0, 0.55); z-index: 1000;}


@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.verh { left: 2.5%; width: 95%;}}


.niz {left: 7%; width: 86%; height: 7%; background: #fff; border-radius: calc(0.6vw + 0.6vh + 0.6vmin);
background-image: url(1_1.png); background-repeat: no-repeat; background-size: cover; 
display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: center; column-gap: calc(0.25vw + 0.25vh + 0.25vmin);
 border: 1px solid rgba(0, 0, 0, 0.55); z-index: 1000; margin: 0 auto;}


@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.niz { left: 2.5%; width: 95%;}}

.test0{background: #000; background-image: url(1.png); background-repeat: no-repeat; background-size: cover; }

.kletki {color: #fff; font-family: 'Inter'; font-size: calc(0.95vw + 0.95vh + 0.95vmin); font-weight: bolder; letter-spacing: 0.025em;}

.kletki_niz {color: #000; font-family: 'Inter'; font-size: calc(0.95vw + 0.95vh + 0.95vmin); font-weight: bolder; letter-spacing: 0.025em;}

.kletki2 {color: #fff; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(0.61vw + 0.61vh + 0.61vmin); letter-spacing: 0.01em;  }

.kletki2_niz {color: #000; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(0.61vw + 0.61vh + 0.61vmin); letter-spacing: 0.01em;  }

@media (orientation: portrait)
{.kletki2_niz {color: #000; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(0.91vw + 0.91vh + 0.91vmin); letter-spacing: 0.01em;  }}


a.klink {text-decoration: none; border-bottom: 1px solid transparent;}
a.klink:hover {border-bottom: 1px solid #fff;}


a.klink_niz { text-decoration: none; border-bottom: 1px solid transparent;}
a.klink_niz:hover {border-bottom: 1px solid transparent;}


.wide_punkt {position: relative; display: flex; justify-content: center;  align-items: center; height: calc(2.5vw + 2.5vh + 2.5vmin); }
.wide_punkt:hover {cursor: pointer;}

.this_punkt {position: relative;  background: transparent; border: 0; cursor: pointer; text-decoration: none; 
color: #fff; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: 0.01em;}

.inside_wide_punkt {display: none; position: absolute; z-index: 1000; opacity: 1.0; box-shadow: 0 0 0 0 rgba(77,181,37,0.15); -webkit-box-shadow: 0 0 0 0 rgba(77,181,37,0.08);
  background-color:rgba(0, 0, 0, 0.65);  width: calc(9.28vw + 9.28vh + 9.28vmin); left: -69%;  top: calc(1.3vw + 1.3vh + 1.3vmin); border-radius: calc(0.6vw + 0.6vh + 0.6vmin); }

@media screen and (min-aspect-ratio: 1.15) and (max-aspect-ratio: 1.339) 
{.inside_wide_punkt {  top: calc(2.32vw + 2.32vh + 2.32vmin); left: -4%;  }}

@media screen and (min-aspect-ratio: 1.34) and (max-aspect-ratio: 1.88) and (max-width: 2000px) 
{.inside_wide_punkt {  top: calc(2.247vw + 2.247vh + 2.247vmin); left: -4%; }}

@media screen and (min-aspect-ratio: 1.34) and (max-aspect-ratio: 1.88) and (min-width: 2001px) 
{.inside_wide_punkt {  top: calc(2.205vw + 2.205vh + 2.205vmin); left: -4%;  }}

@media screen and (min-aspect-ratio: 1.89) and (max-aspect-ratio: 1.93) 
{.inside_wide_punkt {  top: calc(2.205vw + 2.205vh + 2.205vmin); left: -4%;  }}

@media screen and (min-aspect-ratio: 2.0)
{.inside_wide_punkt { top: calc(2.16vw + 2.16vh + 2.16vmin); left: -13%; }}

.test88 { background-color:#000; }

.inside_wide_punkt a {display: block;  animation: spisok 300ms ease-in-out both;  text-decoration: none; 
position: relative; color: #fff; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(0.6vw + 0.6vh + 0.6vmin); 
letter-spacing: 0.01em; opacity:0.8; padding: calc(0.45vw + 0.45vh + 0.45vmin);  line-height:102%;}

@keyframes spisok {from {opacity: 0;} to {opacity: 1;}}

.inside_wide_punkt a:hover {   color: #fff; border-radius: calc(0.6vw + 0.6vh + 0.6vmin);}
.wide_punkt:hover .inside_wide_punkt {display: block;  z-index:1000000; }

.rose:hover {border-bottom: 1px solid #fff;}

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

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


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

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

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

/* ---Тонировка----------------------------------- */ 
#opisanie {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.39);}


/* ---Надписи внизу(для всех видов экранов)------------------------------ */ 

.zagolovok {color: #fff; font-family: 'Inter'; font-size: calc(1.5vw + 1.5vh + 1.5vmin); font-weight: bolder; text-transform: uppercase; position: absolute; bottom: 20%; left:10.5%;}

@media (orientation: portrait)
{.zagolovok {color: #fff; font-family: 'Inter'; font-size: calc(1.7vw + 1.7vh + 1.7vmin); font-weight: bolder; text-transform: uppercase; position: absolute; bottom: 24%; left:6.5%;}}

.podcherknuli {background-color: #fff; width: 37%; height: calc(0.03vw + 0.03vh + 0.03vmin); outline: none; border: none; opacity: 0.6; position: absolute; bottom: 19.5%; left:10.5%;}

@media (orientation: portrait)
{.podcherknuli {background-color: #fff; width: 77%; height: calc(0.03vw + 0.03vh + 0.03vmin); outline: none; border: none; opacity: 0.6; position: absolute; bottom: 23%; left:6.9%;}}

.pod_zagolovok {color: #fff; font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.75vw + 0.75vh + 0.75vmin);  opacity: 0.7; position: absolute; bottom: 15%; left:10.5%; }

@media (orientation: portrait)
{.pod_zagolovok { width: 85%; color: #fff; font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(1.05vw + 1.05vh + 1.05vmin);  opacity: 0.7; position: absolute; bottom: 17%; left:6.8%; }}


/* ---Кнопка записаться внизу(для всех видов экранов)------------------------ */ 

.btn_tt_lan {color: #fff; font-family: 'Roboto Condensed300'; font-size: calc(0.7vw + 0.7vh + 0.7vmin);  background: rgba(254,215,148, 0.62);
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; 
text-align: center; transition: color 0.1s linear 0.05s;
border-radius: calc(0.8vw + 0.8vh + 0.8vmin); position: absolute; text-align: center; bottom: 16%;  right: 12.5%; width: 18%;
}

@media (orientation: portrait)
{.btn_tt_lan {color: #fff; font-family: 'Roboto Condensed300'; font-size: calc(1.2vw + 1.2vh + 1.2vmin);  background: rgba(254,215,148, 0.62);
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); position: absolute; text-align: center; bottom: 8%; left: 18%; width: 60%;}}

.btn_tt_lan::before {content: ""; display: block; position: absolute; left: 0; right:0; top: 0; bottom:0; height: 100%; width: 1px; background: #ffffff; border-radius: calc(0.8vw + 0.8vh + 0.8vmin); 
 z-index: 1; opacity: 0; transition: width 0.32s ease, opacity 0s linear 0.2s;}

.btn_tt_lan::after {transition: border 0.1s linear 0.05s;}

.btn_tt_lan .btn-inner_tt_lan {position: relative;z-index: 2;}

.btn_tt_lan:hover {color: #000000; border-radius: calc(0.8vw + 0.8vh + 0.8vmin); transition: color 0.1s linear 0s;}

.btn_tt_lan:hover::before {left: 0; right:0; top: 0; bottom:0; width: 100%; opacity: 1.0; transition: width 0.32s ease, opacity 0s linear 0s;}

.btn_tt_lan:hover::after {border-color: #000000; transition: border 0.1s linear 0s;}

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


/* --Условия - какое меню показывать------------------------------------------ */

/* --Большое меню показывается только на горизонтальных экранах-------------------- */

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

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

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

/* --Условия для кнопки записи на занятие------------ */ 

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

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.lando {display:none;}}

@media (orientation:landscape) and (hover: hover) and (pointer: fine)
{.portreto {display:none;}}

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



/* --------------------------------------------------------------------------- */
/* ---О нас ------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */

.phantom {opacity:0.01; width:1px;}

.zza {width: 100%; display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: start; }

/* -------------------------------------------------------------------------- */ 
.over_the_block { margin-left:7%; font-family: 'Oswald'; font-size: calc(1.6vw + 1.6vh + 1.6vmin); letter-spacing: 0.038em;  font-weight: bold; color: #000; opacity:0.7; }

@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; opacity:0.7; }}

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

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

.go_down {font-size: calc(5.0vw + 5.0vh + 5.0vmin);  color:#fed794; line-height: 50%; margin-right: 7%;-webkit-tap-highlight-color: transparent;-webkit-animation: move4 2s linear infinite;animation: move4 2s linear infinite;}
@keyframes move4 {30% {opacity: 0.3;animation-timing-function: ease-in;} 45% {opacity: 0.45;} 60% {opacity: 0.6;animation-timing-function: ease-out;} 75% {opacity: 0.75;} 90% {opacity: 0.9;animation-timing-function: ease-in;}  100% {opacity: 1;}
from {transform: translate(0px, 0px) scale(0.45);} to {transform: translate(50px, 0px) scale(0.45);}}

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

#coaches {width: 86%;  margin: 0 auto;  }

@media (orientation: portrait)
{#coaches {width: 100%; margin: 0 auto; overflow: hidden;}}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{#coaches {width: 95%; margin: 0 auto; overflow: hidden;}}

@media (min-width: 768px) and (orientation:portrait) 
{#coaches {width: 95%; overflow: hidden; }}


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

.owl-carousel .owl-wrapper:after {content: ".";	display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel {display: none; position: relative; width: 100%; cursor: grab; -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper {display: none; position: relative; -webkit-transform: translate3d(0,0,0);}
.owl-carousel .owl-wrapper-outer {overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out;	-o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;}
.owl-carousel .owl-item {float: left;}
.grabbing {cursor: grab;}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}

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

.post-slide {background: #fffbf3; border-radius: calc(0.9vw + 0.9vh + 0.9vmin); border: 1px solid #fed794; margin-right: calc(0.69vw + 0.69vh + 0.69vmin);}

@media (orientation: portrait)
{.post-slide {background: #fffbf3; border-radius: calc(0.9vw + 0.9vh + 0.9vmin); border: 1px solid #fed794; margin-left: calc(0.49vw + 0.49vh + 0.49vmin); margin-right: calc(0.49vw + 0.49vh + 0.49vmin);}}


.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; 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: "Oswald"; color: #353535; letter-spacing: 0.028em; }

@media (orientation: portrait)
{.post-title {font-size: calc(1.99vw + 1.99vh + 1.99vmin); font-family: "Oswald"; 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: "Oswald"; color: #353535; letter-spacing: 0.028em; }}

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

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


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

.btn_tt_zap  {color: #000; font-family: 'Roboto Condensed300'; 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 Condensed300';  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 Condensed300'; 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:landscape) and (hover: none) and (pointer: coarse)
{.btn_tt_zap { width: 84%;  }}

.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%;}}


/* -----доп.фотографии------------------------------- */ 

.dopphoto a img {width: 22%; }

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


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


@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 Condensed300'; font-weight: 400; 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 Condensed300'; font-weight: 400; 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); }}


.malo {font-family: 'Roboto Condensed300'; font-weight: 400; 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 Condensed300'; font-weight: 400; 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 Condensed300'; font-weight: 400; 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;}

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

.owl-carousel3 .owl-wrapper:after {content: ".";	display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel3 {display: none; position: relative; width: 100%; cursor: grab; -ms-touch-action: pan-y;}
.owl-carousel3 .owl-wrapper {display: none; position: relative; -webkit-transform: translate3d(0,0,0);}
.owl-carousel3 .owl-wrapper-outer {overflow: hidden; position: relative; width: 100%;}
.owl-carousel3 .owl-wrapper-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out;	-o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;}
.owl-carousel3 .owl-item {float: left;}
.grabbing {cursor: grab;}
.owl-carousel3 .owl-wrapper,.owl-carousel3 .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}


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

#obolochka {width: 86%;  margin: 0 auto;  }

@media (orientation: portrait)
{#obolochka {width: 100%; margin: 0 auto; overflow: hidden;}}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{#obolochka {width: 95%; margin: 0 auto; overflow: hidden;}}


@media (min-width: 768px) and (orientation:portrait) 
{#obolochka {width: 95%; overflow: hidden; }}

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

.mobile_price{display: none;}

@media (max-width: 1300px)
{.mobile_price{display: block;}}

.mobile{width: 93%; margin: 0 auto;}

.lap_price {}

@media (max-width: 1300px)
{.lap_price {display: none;}}

.text_for_table  {color: #202020;  font-family: 'Roboto Condensed300'; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: 0.05em;}

@media (orientation: portrait)
{.text_for_table  {color: #202020;  font-family: 'Roboto Condensed300'; font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0.05em;}}

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


table.table_with_price { width: 86%; margin: 0 auto; border: 0; margin-top: calc(1.3em + 0.8vw);  padding: calc(1.2em + 1.2vw); 
border-collapse:collapse;text-align:center;   }


@media (orientation: portrait)
{table.table_with_price {  width: 100%; -webkit-transform: scale(.6); -webkit-transform-origin: 0 0;  width: 166.6666666666667%;  border-collapse:collapse;text-align:center;}}


@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{table.table_with_price {width: 95%; margin: 0 auto;border-collapse:collapse;text-align:center; }}


@media (min-width: 768px) and (orientation:portrait) 
{table.table_with_price { width: 91%; margin: 0 auto; margin-left:5%; -webkit-transform: scale(.6); -webkit-transform-origin: 0 0;  width: 151.6666666666667%;  border-collapse:collapse;text-align:center;}}


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

table.table_with_price th{background:#fffbf3;}
table.table44 th{background:#fcfcff;}

table.table_with_price td,table.table_with_price th{background:#fffbf3; padding:calc(0.3vw + 0.3vh + 0.3vmin); vertical-align: middle; border:1px solid #ecb85e;}
table.table44 td,table.table44 th{background:#f6f6ff; padding:calc(0.3vw + 0.3vh + 0.3vmin); vertical-align: middle; border:0px; border-top: 1px solid #6e6ccf; border-bottom: 1px solid #6e6ccf;}



table.table_with_price tr:hover{background:#ef9804; }
table.table44 tr:hover{background:#b5b3fe; }


table.table_with_price tr:hover td{color:#000;cursor:pointer;}


table.table_with_price td {font-size: calc(0.6vw + 0.6vh + 0.6vmin); opacity: 0.9; }

@media (orientation: portrait)
{table.table_with_price td {font-size: calc(1.3vw + 1.3vh + 1.3vmin);  opacity: 0.9;}}

	
table.table_with_price th {padding: 25px; background:#fff1d9;}
table.table44 th {padding: 25px; background:#efefff;}


td.eng_class5 {text-align: left;}
/* -------------------------------------------------------------------------- */  


/* --для поднятия обертки с вопрос-ответом, т.к. таблицу пришлось умещать при портретном отображении на весь экран---------------- */  
@media (orientation: portrait) and (max-width: 768px) and (min-aspect-ratio: 0.56) and (max-aspect-ratio: 0.6667)
{.ohno {margin-top: -127%;}}

@media (orientation: portrait) and (max-width: 768px) and (min-aspect-ratio: 0.45) and (max-aspect-ratio: 0.49)
{.ohno {margin-top: -147%;}}

@media (min-width: 768px) and (orientation:portrait) 
{.ohno {margin-top: -105%;}}





/* --------------- */  
@media (orientation: portrait) and (max-width: 768px) and (min-aspect-ratio: 0.56) and (max-aspect-ratio: 0.6667)
{.ohno5 {margin-top: -87%;}}

@media (orientation: portrait) and (max-width: 768px) and (min-aspect-ratio: 0.45) and (max-aspect-ratio: 0.49)
{.ohno5 {margin-top: -87%;}}

@media (min-width: 768px) and (orientation:portrait) 
{.ohno5 {margin-top: -65%;}}









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

.accordion {
border-radius: calc(0.8vw + 0.8vh + 0.8vmin); background-color: #fef0d3; cursor: pointer; padding: calc(0.8vw + 0.8vh + 0.8vmin); width: 86%; text-align: left;
font-family: 'Oswald'; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: 0.038em;  font-weight: bold; color: #000; opacity:0.7; 
transition: 0.3s; border: 1px solid #fed794; margin-bottom: calc(0.4vw + 0.4vh + 0.4vmin);}


@media (orientation: portrait)
{.accordion {width: 95%; font-size: calc(0.98vw + 0.98vh + 0.98vmin); }}

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

.accordion:hover {background-color: #fff; border: 1px solid #ffc664;}
.accordion.active {background-color: #fff; border: 1px solid #ffc664;}

.panel {background-color: #fff; padding: calc(0.8vw + 0.8vh + 0.8vmin);width: 76%; text-align: left;
font-family: 'Roboto Condensed300'; font-size: calc(0.8vw + 0.8vh + 0.8vmin); letter-spacing: 0.018em;  color: #000; opacity:0.7;
transition: 0.3s;display: none; line-height: 140%;}

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

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

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


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

.tourney_div {width: 86%; margin-left: 6%; border:0; text-align:left; display: inline-block; padding: 0;}

@media (orientation: portrait)
{.tourney_div {width: 95%;margin-left: 3%; }}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.tourney_div {width: 95%; }}

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

.text_for_tourney  { font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.7vw + 0.7vh + 0.7vmin);
color: rgba(0,0,0, 0.47);  line-height:calc(0.85vw + 0.85vh + 0.85vmin); }

@media (max-width: 767px) and (orientation: portrait)
{.text_for_tourney  { font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(1.2vw + 1.2vh + 1.2vmin);
color: rgba(0,0,0, 0.47);  line-height:calc(1.6vw + 1.6vh + 1.6vmin); }}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.text_for_tourney  { font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(1.05vw + 1.05vh + 1.05vmin);
color: rgba(0,0,0, 0.47);  line-height:calc(1.4vw + 1.4vh + 1.4vmin); }}


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

a.link_tourney { font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.7vw + 0.7vh + 0.7vmin);
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.link_tourney { font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(1.2vw + 1.2vh + 1.2vmin);
color: rgba(0,0,0, 0.77);  line-height:calc(1.6vw + 1.6vh + 1.6vmin); text-decoration: none;}}


@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{a.link_tourney { font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(1.05vw + 1.05vh + 1.05vmin);
color: rgba(0,0,0, 0.77);  line-height:calc(1.4vw + 1.4vh + 1.4vmin);text-decoration: none; }}

a.link_tourney:hover{color: #d39f46; }

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

.tourney_block {width: 86%; border:1px solid #f6f2eb; margin: 0 auto; 
border-radius: calc(0.6vw + 0.6vh + 0.6vmin); box-shadow: 0px 14px 22px -9px #f5ead7;
display: flex; flex-direction: row; flex-wrap: nowrap; gap: calc(0.75vw + 0.75vh + 0.75vmin);}


@media (orientation: portrait)
{.tourney_block {width: 100%; border:0; padding: 0; }}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.tourney_block {width: 100%; border:0;  padding: 0;}}

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

.tourney {flex:100%; align-self: flex-start; color: #103f55; font-family: 'Roboto Condensed300'; 
font-weight: 400; font-size: calc(0.65vw + 0.65vh + 0.65vmin); padding-left:3.4%; padding-right:3%; padding-bottom:2%;}

@media (max-width: 767px)
{.tourney {flex:100%; padding-left:5%; padding-right:5%;}}

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

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

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

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

/* ---------------------------------------- */  
 
.adding{font-size: 85%; color:#626262;}
@media (max-width: 767px)
{.adding{font-size: 175%; color:#626262;}}

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

.t2 a img {width: 23%;}

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

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

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

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

.t1 a img {width: 38%;}

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

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

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


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

.videonews {width: 100%; border:0; display: inline-block;}

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

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

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

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

@media (max-width: 1240px) and (orientation: landscape)
{.video_ys { width: 70%; }}

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

.video_ys:hover {cursor: pointer;}


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

.text_for_contacts  { font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.8vw + 0.8vh + 0.8vmin);
color: rgba(0,0,0, 0.47);  line-height:calc(0.95vw + 0.95vh + 0.95vmin); }

@media (max-width: 767px) and (orientation: portrait)
{.text_for_contacts  { font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(1.3vw + 1.3vh + 1.3vmin);
color: rgba(0,0,0, 0.47);  line-height:calc(1.7vw + 1.7vh + 1.7vmin); }}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.text_for_contacts  { font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.95vw + 0.95vh + 0.95vmin);
color: rgba(0,0,0, 0.47);  line-height:calc(1.3vw + 1.3vh + 1.3vmin); }}

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

a.link_contacts { font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.8vw + 0.8vh + 0.8vmin);
color: rgba(0,0,0, 0.77);  line-height:calc(0.95vw + 0.95vh + 0.95vmin); text-decoration: none;}


@media (max-width: 767px) and (orientation: portrait)
{a.link_contacts { font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(1.3vw + 1.3vh + 1.3vmin);
color: rgba(0,0,0, 0.77);  line-height:calc(1.7vw + 1.7vh + 1.7vmin); text-decoration: none;}}


@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{a.link_contacts { font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.95vw + 0.95vh + 0.95vmin);
color: rgba(0,0,0, 0.77);  line-height:calc(1.3vw + 1.3vh + 1.3vmin);text-decoration: none; }}

a.link_contacts:hover{color: #d39f46; }


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

img.cn {width: 3%; border:0; vertical-align: -31%;}

@media (max-width: 767px) and (orientation: portrait)
{img.cn {width: 8%; border:0; vertical-align: -31%;}}


@media (min-width: 768px) and (orientation: portrait)
{img.cn {width: 5%; border:0; vertical-align: -41%;}}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{img.cn {width: 4%; border:0; vertical-align: -41%;}}

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

img.lad { float: right; width: 35%; margin-right: 10%;  margin-top: -3%; border-radius: calc(0.8vw + 0.8vh + 0.8vmin);}

@media (max-width: 767px) and (orientation: portrait)
{img.lad {float: none; width: 90%;  border-radius: calc(0.8vw + 0.8vh + 0.8vmin); margin:0 auto;
margin-right: 0;margin-left: 3%; margin-top: 0;margin-bottom: 5%;}}

@media (min-width: 768px) and (orientation: portrait)
{img.lad { float: right; width: 40%; margin-right: 4%;  margin-top: 1%; border-radius: calc(0.8vw + 0.8vh + 0.8vmin);}}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{img.lad { float: right; width: 40%; margin-right: 4%;  margin-top: 3%; border-radius: calc(0.8vw + 0.8vh + 0.8vmin);}}

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


/* ---Студия ин.языков------------------------------------- */  

img.face { float: left; width: 25%; margin-top: -2%; border-radius: 0; padding-right: 7%;}

@media (max-width: 767px) and (orientation: portrait)
{img.face {float: none; width: 90%;  border-radius: 0; margin:0 auto;
margin-right: 0;margin-left: 1%; margin-top: -8%;margin-bottom: 0;padding-right: 0;}}

@media (min-width: 768px) and (orientation: portrait)
{img.face { float: left; width: 38%; margin-left: 0; padding-right: 2%; margin-top: 1%; border-radius: 0;}}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{img.face { float: left; width: 30%; margin-left: 0;  margin-top: 3%; border-radius: 0;}}


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

.text_for_eng  { width: 98%; font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.7vw + 0.7vh + 0.7vmin);
color: rgba(0,0,0, 0.47);  line-height:calc(0.89vw + 0.89vh + 0.89vmin); }

@media (max-width: 767px) and (orientation: portrait)
{.text_for_eng  { font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(1.4vw + 1.4vh + 1.4vmin);
color: rgba(0,0,0, 0.47);  line-height:calc(1.8vw + 1.8vh + 1.8vmin); }}


@media (min-width: 767px) and (orientation: portrait)
{.text_for_eng  { font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.75vw + 0.75vh + 0.75vmin);
color: rgba(0,0,0, 0.47);  line-height:calc(1.0vw + 1.0vh + 1.0vmin); }}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.text_for_eng  { font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.85vw + 0.85vh + 0.85vmin);
color: rgba(0,0,0, 0.47);  line-height:calc(1.07vw + 1.07vh + 1.07vmin); }}


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

.person {width: 86%; margin: 0 auto; border: 1px solid #9f9de6; background: #fefeff;}

@media (orientation: portrait) and (max-width: 767px)
{.person {width: 98%; margin: 0 auto; border: 0px solid #9f9de6; background: #fefeff;}}


@media (orientation: portrait) and (min-width: 768px)
{.person {width: 94.6%; margin: 0 auto; border: 1px solid #9f9de6; background: #fefeff;}}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.person {width: 94.6%; margin: 0 auto; border: 1px solid #9f9de6; background: #fefeff;}}


/* ---------------------------------------- */  
.inpad3{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:21%;}

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

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

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

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

.here { font-size: calc(0.9vw + 0.9vh + 0.9vmin);}

@media (max-width: 767px) and (orientation: portrait)
{.here {font-size: calc(1.6vw + 1.6vh + 1.6vmin);}}

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


.prices_lang {width: 86%; margin: 0 auto; border: 1px solid #9f9de6; background: #fefeff;background-image: url(face2face/fon.jpg); background-repeat: no-repeat; background-size: cover; }

@media (orientation: portrait) and (max-width: 767px)
{.prices_lang {width: 98%; margin: 0 auto; border: 0px solid #9f9de6; background: #fefeff;background-image: url(face2face/fon.jpg); background-repeat: no-repeat; background-size: cover; }}


@media (orientation: portrait) and (min-width: 768px)
{.prices_lang {width: 94.6%; margin: 0 auto; border: 1px solid #9f9de6; background: #fefeff;background-image: url(face2face/fon.jpg); background-repeat: no-repeat; background-size: cover; }}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.prices_lang {width: 94.6%; margin: 0 auto; border: 1px solid #9f9de6; background: #fefeff;background-image: url(face2face/fon.jpg); background-repeat: no-repeat; background-size: cover; }}

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

/* -----Мастерская десертов----------------------------------- */  


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

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

.imbirnaya2 {width: 86%; margin: 0 auto; border: 0;  border: 1px solid #9f9de6; background: #ffffff;background-image: url(imbirnaya_skazka/fon2.jpg); background-repeat: no-repeat; background-size: cover; }

@media (orientation: portrait) and (max-width: 767px)
{.imbirnaya2 {width: 98%; margin: 0 auto;   border: 1px solid #9f9de6; background: #ffffff;background-image: url(imbirnaya_skazka/fon2.jpg); background-repeat: no-repeat; background-size: cover; }}


@media (orientation: portrait) and (min-width: 768px)
{.imbirnaya2 {width: 94.6%; margin: 0 auto;   border: 1px solid #9f9de6; background: #ffffff;background-image: url(imbirnaya_skazka/fon2.jpg); background-repeat: no-repeat; background-size: cover; }}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.imbirnaya2 {width: 94.6%; margin: 0 auto;  border: 1px solid #9f9de6;  background: #ffffff;background-image: url(imbirnaya_skazka/fon2.jpg); background-repeat: no-repeat; background-size: cover; }}

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

.prices_imbirnaya {width: 86%; margin: 0 auto; border: 1px solid #9f9de6; background: #ffffff;background-image: url(imbirnaya_skazka/fon.jpg); background-repeat: no-repeat; background-size: cover; }

@media (orientation: portrait) and (max-width: 767px)
{.prices_imbirnaya {width: 98%; margin: 0 auto; border: 0px solid #9f9de6; background: #ffffff;background-image: url(imbirnaya_skazka/fon.jpg); background-repeat: no-repeat; background-size: cover; }}


@media (orientation: portrait) and (min-width: 768px)
{.prices_imbirnaya {width: 94.6%; margin: 0 auto; border: 1px solid #9f9de6; background: #ffffff;background-image: url(imbirnaya_skazka/fon.jpg); background-repeat: no-repeat; background-size: cover; }}

@media (orientation:landscape) and (hover: none) and (pointer: coarse)
{.prices_imbirnaya {width: 94.6%; margin: 0 auto; border: 1px solid #9f9de6; background: #ffffff;background-image: url(imbirnaya_skazka/fon.jpg); background-repeat: no-repeat; background-size: cover; }}

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

.t4 a img {width:10%;}

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

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

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

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

.et3 {width: 86%; margin: 0 auto; padding-left: 3%;}