* {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 {background: #000000; overflow-x: hidden; overflow-x: none !important; z-index: 10000000;}

body.sss {overflow-x: hidden; overflow-x: none !important; z-index: 10000000; background: #ffffff; }


:focus-visible{ outline: 3px solid red; outline-offset: 3px; box-shadow: 0 0 0 4px red; z-index: 1000; }

/* -------------------------------------------- */   
.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: #fff;}
body::-webkit-scrollbar-track {border-radius: 11px;background-color: #000000;}

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

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

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


/* ------------------------------- */  
 
.plashka {width: 60%; margin:0 20% 0 20%; border: 0; padding: calc(0.6em + 0.6vw); text-align:left; background: rgba(0,0,0,0.98); position: fixed; bottom: 2.8em; display:none; z-index:100001;
color:#ffffff; font-family: 'Roboto Condensed300'; font-size: calc(0.525vw + 0.525vh + 0.525vmin); letter-spacing: -0.005em; line-height: calc(0.75vw + 0.75vh + 0.75vmin);}


@media (max-width: 766px) and (orientation: landscape)
{.plashka {width: 90%; margin:0 7% 0 3%;  border: 0px; padding: calc(0.7em + 0.7vw); text-align:left; 
background: rgba(0,0,0,0.98);  position: fixed; bottom: 2.8em; display:none; z-index:100001;
color:#ffffff; font-family: 'Roboto Condensed300'; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: -0.005em; line-height: calc(0.9vw + 0.9vh + 0.9vmin);}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.plashka {width: 90%; margin:0 7% 0 3%;  border: 0px; padding: calc(0.7em + 0.7vw); text-align:left; 
background: rgba(0,0,0,0.98);  position: fixed; bottom: 2.8em; display:none; z-index:100001;
color:#ffffff;  font-family: 'Roboto Condensed300'; font-size: calc(0.73vw + 0.73vh + 0.73vmin); letter-spacing: -0.005em; line-height: calc(0.9vw + 0.9vh + 0.9vmin);}}

@media (orientation: portrait)
{.plashka {width: 88%; margin-left:3.4%; border: 0px; padding: calc(0.7em + 0.7vw); text-align:left;background: rgba(0,0,0,0.98);  position: fixed; bottom: 1.8em; display:none; z-index:100001;
color:#ffffff;  font-family: 'Roboto Condensed300'; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: -0.005em; line-height: calc(1.2vw + 1.2vh + 1.2vmin);}}


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

a.link_in_plashka {text-decoration: none;  border-bottom: calc(0.05vw + 0.05vh + 0.05vmin) solid #ffffff; color:#ffffff; opacity:1.0; font-family: 'Roboto Condensed300'; 
font-size: calc(0.525vw + 0.525vh + 0.525vmin); letter-spacing: -0.005em; line-height: calc(0.7vw + 0.7vh + 0.7vmin);}

@media (max-width: 766px) and (orientation: landscape)
{a.link_in_plashka {text-decoration: none; border-bottom: 0.5px solid #ffffff; color:#ffffff; opacity:1.0; font-family: 'Roboto Condensed300'; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: -0.005em; line-height: calc(1.0vw + 1.0vh + 1.0vmin);}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{a.link_in_plashka {text-decoration: none; border-bottom: 0.5px solid #ffffff; color:#ffffff; opacity:1.0; font-family: 'Roboto Condensed300'; font-size: calc(0.73vw + 0.73vh + 0.73vmin); letter-spacing: -0.005em; line-height: calc(1.0vw + 1.0vh + 1.0vmin);}}


@media (orientation: portrait)
{a.link_in_plashka {text-decoration: none; border-bottom: 0.5px solid #ffffff; color:#ffffff; opacity:1.0; font-family: 'Roboto Condensed300'; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: -0.005em; line-height: calc(1.0vw + 1.0vh + 1.0vmin);}}


a.link_in_plashka:hover {text-decoration: none;  border-bottom: calc(0.05vw + 0.05vh + 0.05vmin) solid #ff0000; color:#ff0000; opacity:1;}


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


@media screen and (min-width: 0px) and (max-width: 700px)
{.dopbutton { margin-left: calc(0.2em + 0.2vw); margin-top: calc(0.6em + 0.6vw); border: 0; 
text-decoration: none; color:#000000; opacity:1.0; font-family: 'Roboto Condensed300'; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: -0.005em; line-height: calc(0.7vw + 0.7vh + 0.7vmin);
padding-right: calc(0.5em + 0.5vw); padding-left: calc(0.5em + 0.5vw); padding-top: calc(0.35em + 0.35vw); padding-bottom: calc(0.35em + 0.35vw); background: #ffffff; }}

@media screen and (min-width: 700.001px) and (max-width: 1300px)
{.dopbutton { margin-left: calc(0.2em + 0.2vw); margin-top: calc(0.6em + 0.6vw); border: 0; 
text-decoration: none; color:#000000; opacity:1.0; font-family: 'Roboto Condensed300'; font-size: calc(0.725vw + 0.725vh + 0.725vmin); letter-spacing: -0.005em; line-height: calc(0.7vw + 0.7vh + 0.7vmin);
padding-right: calc(0.35em + 0.35vw); padding-left: calc(0.35em + 0.35vw); padding-top: calc(0.15em + 0.15vw); padding-bottom: calc(0.15em + 0.15vw); background: #ffffff; }}

@media screen and (min-width: 1300.001px) and (max-width: 3000px)
{.dopbutton {margin-left: calc(0.1em + 0.1vw); margin-top: calc(0.2em + 0.2vw); border: 0; 
text-decoration: none; color:#000000; opacity:1.0; font-family: 'Roboto Condensed300'; font-size: calc(0.525vw + 0.525vh + 0.525vmin); letter-spacing: -0.005em; line-height: calc(0.7vw + 0.7vh + 0.7vmin);
padding-right: calc(0.4em + 0.4vw); padding-left: calc(0.4em + 0.4vw); padding-top: calc(0.2em + 0.2vw); padding-bottom: calc(0.2em + 0.2vw); background: #ffffff; }}


@media screen and (min-width: 3000.001px) and (max-width: 99999px)
{.dopbutton { margin-left: calc(0.2em + 0.2vw); margin-top: calc(0.2em + 0.2vw); border: 0; 
text-decoration: none; color:#000000; opacity:1.0; font-family: 'Roboto Condensed300'; font-size: calc(0.525vw + 0.525vh + 0.525vmin); letter-spacing: -0.005em; line-height: calc(0.7vw + 0.7vh + 0.7vmin);
padding-right: calc(0.4em + 0.4vw); padding-left: calc(0.4em + 0.4vw); padding-top: calc(0.2em + 0.2vw);padding-bottom: calc(0.2em + 0.2vw); background: #ffffff; }}


.dopbutton:hover {background: #ff0000;  color: #ffffff;}

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

.cot {line-height: 70%;}

@media screen and (min-width: 0px) and (max-width: 700px)
{.cot {line-height: 110%;}}
  
/* ---------------------------------- */  



/* --GM------------ */ 

.verh {top: calc(5.42vw + 5.42vh + 5.42vmin); left: 7%; width: 86%;  display: flex; flex-direction: row;  flex-wrap: wrap; justify-content: center; align-items: center; align-content: center;
column-gap: calc(0.25vw + 0.25vh + 0.25vmin); position: absolute; z-index: 1; }
a.klink {line-height:155%;text-decoration: none; color: #ffffff; font-family: 'Roboto Condensed300'; font-size: calc(0.61vw + 0.61vh + 0.61vmin); letter-spacing: 0; transition: opacity 0.25s ease;}
a.klink:hover {color: #ff0000; }
.dott {text-decoration: none; color: #ffffff; font-family: 'Roboto Condensed300'; font-size: calc(0.61vw + 0.61vh + 0.61vmin); letter-spacing: 0;  transition: opacity 0.25s ease;}
a.klink_selected {line-height:155%;text-decoration: none; color: #ffffff; font-family: 'Roboto Condensed300'; font-size: calc(0.61vw + 0.61vh + 0.61vmin); text-shadow: 14px 12px 20px rgba(255,255,255, 1.0); filter: drop-shadow(0 0 10px #ffffff); letter-spacing: 0; opacity: 1.0; }
a.klink_selected:hover {color: #ffffff;  opacity: 0.7; transition: opacity 0.25s ease;}
/* --------------------------------------------------------------- */ 
.veryspec {position: relative; display: inline-block; }
.veryspec > ul { }
.veryspec > ul > li {position:relative;list-style: none; }
.veryspec a, #veryspec .current {display: block;}
.veryspec a {position: relative; padding-top: calc(0.15vw + 0.15vh + 0.15vmin); padding-bottom: calc(0.15vw + 0.15vh + 0.15vmin);  color: #ffffff; font-family: 'Roboto Condensed300'; font-size: calc(0.61vw + 0.61vh + 0.61vmin); text-decoration: none;  letter-spacing: 0; opacity: 1; transition: opacity 0.25s ease;}
.veryspec a:hover, #veryspec a:focus { color: #ff0000;}
.veryspec .current {filter: drop-shadow(0 0 10px #ffffff); opacity: 1.0; text-shadow: 14px 12px 20px rgba(255,255,255, 1.0);}
.veryspec > ul > li > ul {list-style: none;display: none; position:absolute;left:0;	right:0;top:100%;padding:0;	margin:0;border-radius: 1vh;
padding-bottom: calc(0.15vw + 0.15vh + 0.15vmin); padding-right: calc(0.4vw + 0.4vh + 0.4vmin);  padding-left: calc(0.4vw + 0.4vh + 0.4vmin);
backdrop-filter: blur(5px); background: rgba(0,0,0,0.2); opacity: 1.0; z-index: 1; width: fit-content; height: fit-content;}
.veryspec > ul > li.open > ul {display:block;list-style: none; }
.veryspec > ul > li > ul a{}
.jojo {vertical-align: -4%; font-size: 85%; opacity: 1.0; color: #ffffff;}
.selly {text-shadow: 14px 12px 20px rgba(255,255,255, 1.0); filter: drop-shadow(0 0 10px #ffffff);transition: opacity 0.25s ease; }
.selly:hover { opacity: 0.85; }
/* -------------------------------------------------------------------------- */  


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

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

@media (orientation: portrait)
{img.logotype_class { z-index: 1; width:42.5%; position: absolute; top: 3%; right: 30%; }}

@media (orientation: portrait) and (min-width: 540px)
{img.logotype_class { z-index: 1; width:27.5%; position: absolute; top: 3%; right: 30%; }}

@media (orientation:landscape)
{img.logotype_class { z-index: 1; width:13vw; position: absolute; top: 3%; right: 43%;  }}

img.logotype_class7 { z-index: 1; width:13vw; top: 25%;}

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

/* ----------------------------------------------------------- */
 
.ostalnoe {margin-top:calc(7.61vw + 7.61vh + 7.61vmin);  }

@media (max-width: 767px) and (orientation: portrait)
{.ostalnoe {margin-top:calc(10.11vw + 10.11vh + 10.11vmin); }}

@media (min-width: 767.9999px) and (orientation: portrait)
{.ostalnoe {margin-top:calc(8.11vw + 8.11vh + 8.11vmin); }}
/* ---------------------------------- */ 
.ostalnoe_osobennoe {margin-top:calc(4.41vw + 4.41vh + 4.41vmin);  }


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



/* ------PM----------- */  

a.port_links {text-decoration: none;}

.tt { z-index: 1000; position: fixed; top: 8.5%; right: 2.5%;}
#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: 5px; width: calc(4.11vw + 4.11vh + 4.11vmin);  background-color: #bec0c0;  position: relative; display: block; transition: all 0.2s ease-in-out; }

@media (orientation: portrait) and (min-width: 650px)
{#knopka span {height: 8px; width: calc(4.11vw + 4.11vh + 4.11vmin);  background-color: #bec0c0;  position: relative; display: block; transition: all 0.2s ease-in-out; }}

#knopka span:before {top: -15px; visibility: visible;}
#knopka span:after {top: 15px;}

@media (orientation: portrait) and (min-width: 650px)
{#knopka span:before {top: -27px; visibility: visible;}}

@media (orientation: portrait) and (min-width: 650px)
{#knopka span:after {top: 27px;}}

#knopka span:before {height: 5px; width: calc(2.11vw + 2.11vh + 2.11vmin); background-color: #bec0c0;  position: absolute; content: ""; transition: all 0.2s ease-in-out;}
#knopka span:after {height: 5px; width: calc(4.11vw + 4.11vh + 4.11vmin); background-color: #bec0c0;  position: absolute; content: ""; transition: all 0.2s ease-in-out;}

@media (orientation: portrait) and (min-width: 650px)
{#knopka span:before {height: 8px; width: calc(2.11vw + 2.11vh + 2.11vmin); background-color: #bec0c0;  position: absolute; content: ""; transition: all 0.2s ease-in-out;}}

@media (orientation: portrait) and (min-width: 650px)
{#knopka span:after {height: 8px; width: calc(4.11vw + 4.11vh + 4.11vmin); background-color: #bec0c0;  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);}

#knopka:before {content: ''; position: absolute; display: block; top: -25px; left: -25px; right: -25px; bottom: -25px;}
/* ---------- */ 
#menu_content { visibility: hidden; position: fixed;  top: 0; left: 0;  z-index: 1019; background: rgba(0, 0, 0, 0.88);  width: 100%;  height: 100%;  overflow-y: scroll; }
#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.2em;}
#menu_content ul li a {color:#fff;  color: #fff; font-family: 'Roboto Condensed300'; font-size: calc(1.65vw + 1.65vh + 1.65vmin);  text-decoration: none;}
.redly {color: rgba(255,0,0, 1.00);}
.wd {color:#fff;  color: #fff; font-family: 'Roboto Condensed300'; font-size: calc(1.4025vw + 1.4025vh + 1.4025vmin);  text-decoration: none;}
.added {color:#fff;  color: #fff; font-family: 'Roboto Condensed300'; font-size: calc(1.485vw + 1.485vh + 1.485vmin);  text-decoration: none;}
.added2 {color:#fff;  color: #fff; font-family: 'Roboto Condensed300'; font-size: calc(0.99vw + 0.99vh + 0.99vmin);  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;}

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

img.micro_logo { z-index: 1000; width:4.5%; vertical-align: -18%; line-height:120%; }
.www {display: inline;}
.iconss {color: #ffffff; vertical-align:-35%; font-size: calc(1.9vw + 1.9vh + 1.9vmin);}
img.logotype_in_menu {width: 35%; opacity: 0.9; animation: oh_no_why 2.3s linear infinite;}

@keyframes oh_no_why {0% {opacity: 0.11;} 3% {opacity: 0.11;} 5% {opacity: 0.6;} 21% {opacity: 0.6;} 23% {opacity: 0.11;} 24% {opacity: 0.99;} 78% {opacity: 0.6;} 80% {opacity: 0.45;} 85% {opacity: 0.99;}}

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


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

@media (orientation: portrait)
{#landscape_video {display:none;} }

@media (orientation:landscape)
{#portret_video {display:none;} }

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

.zag_video, .canvas { width: 100%; 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;}}

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


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

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

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

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


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

.needit {position: absolute; top: 3.8vw; right: 3%;  display: flex; flex-direction: row;  z-index: 1;}

@media (orientation: portrait)
{.needit {visibility: hidden;}}

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

.land_icons {color: #ffffff; font-size: calc(1.3vw + 1.3vh + 1.3vmin); opacity:0.9; transition: opacity 0.25s ease;}
.land_icons:hover {color: #ffffff; filter: drop-shadow(0 0 10px #ffffff); opacity: 1.0; text-shadow: 14px 12px 20px rgba(255,255,255, 1.0);}

/* -------------------------------- */ 
.moving {height: calc(4.00vw + 4.00vh + 4.00vmin);}
.moving2 {height: calc(2.0vw + 2.0vh + 2.0vmin);}
.moving3 {height: calc(0.6vw + 0.6vh + 0.6vmin);}
.moving4 {height: calc(1.0vw + 1.0vh + 1.0vmin);}
.moving5 {height: calc(0.8vw + 0.8vh + 0.8vmin);}
.moving_second {height: calc(7.00vw + 7.00vh + 7.00vmin);}
/* --------------------------------------------------------------------------- */

.hr-line {width: 100%; margin: 0 auto; opacity:0.1; padding: 0; 	height: 0; 	border: none; 	border-top: 1px solid #333;}

.hr-line2 {width: 100%; margin: 0 auto; opacity:0.1; padding: 0; 	height: 0; 	border: none; 	border-top: 1px solid #fff;}

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

.place {text-decoration: none; color: #000000; font-family: 'Oswald'; font-size: calc(2.00vw + 2.00vh + 2.00vmin); letter-spacing: 0; }

@media (orientation: portrait)
{.place {text-decoration: none; color: #000000; font-family: 'Oswald'; font-size: calc(3.00vw + 3.00vh + 3.00vmin); letter-spacing: 0; }}

/* --------------------------------------------------------------------------- */
.place2 {text-decoration: none; color: #ffffff; font-family: 'Oswald'; font-size: calc(2.00vw + 2.00vh + 2.00vmin); letter-spacing: 0; }

@media (orientation: portrait)
{.place2 {text-decoration: none; color: #ffffff; font-family: 'Oswald'; font-size: calc(3.00vw + 3.00vh + 3.00vmin); letter-spacing: 0; }}

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

.search_field {border: none; border-bottom: 1px solid black; width: 70%; text-decoration: none; color: #000000; font-family: 'Oswald'; font-size: calc(1.50vw + 1.50vh + 1.50vmin); letter-spacing: 0; }

@media (orientation: portrait)
{.search_field {border: none; border-bottom: 1px solid black; width: 75%; text-decoration: none; color: #000000; font-family: 'Oswald'; font-size: calc(2.50vw + 2.50vh + 2.50vmin); letter-spacing: 0; }}

/* --------------------------------------------------------------------------- */
.sel_req {background-color: #ebebeb; border-bottom: 2px dashed #000000; padding-right: 0.5%; padding-left: 0.5%;}

.sel_req2 {background-color: #727272; border-bottom: 2px dashed #ffffff; padding-right: 0.5%; padding-left: 0.5%;}

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

img.search_logo { z-index: 1000; width:1.85%; vertical-align: -12%; line-height:120%; opacity: 0.5; }

img.search_logo2 { z-index: 1000; width:2.85%; padding-right: 1%; vertical-align: -12%; line-height:120%; opacity: 1.0; }

/* --------------------------------------------------------------------------- */
@media (orientation: portrait)
{img.search_logo { z-index: 1000; width:6.7%; vertical-align: -12%; line-height:120%; opacity: 0.6; }}

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

a.search_link_title {text-decoration: none;color: #000000; font-family: 'Oswald'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); letter-spacing: 0;}
a.search_link_title:hover {color: red;}

a.search_link_title2 {text-decoration: none;color: #ffffff; font-family: 'Oswald'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); letter-spacing: 0;}
a.search_link_title2:hover {color: #ff5252;}

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

@media (orientation: portrait)
{a.search_link_title {text-decoration: none;color: #000000; font-family: 'Oswald'; font-size: calc(1.4vw + 1.4vh + 1.4vmin); letter-spacing: 0;}}
/* --------------------------------------------------------------------------- */

a.search_link {text-decoration: none; border-bottom: 1px solid #ffffff; color: #000000; font-family: 'Roboto Condensed300'; font-size: calc(0.61vw + 0.61vh + 0.61vmin); letter-spacing: 0; opacity: 0.7; transition: opacity 0.25s ease;}
a.search_link:hover {text-decoration: none; border-bottom: 1px solid red; color: red; opacity: 1.0; }

a.search_link2 {text-decoration: none; border-bottom: 1px solid #000000; color: #ffffff; font-family: 'Roboto Condensed300'; font-size: calc(0.61vw + 0.61vh + 0.61vmin); letter-spacing: 0; opacity: 0.7; transition: opacity 0.25s ease;}
a.search_link2:hover {text-decoration: none; border-bottom: 1px solid #ff5252; color: #ff5252; opacity: 1.0; }

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

@media (orientation: portrait)
{a.search_link {text-decoration: none; border-bottom: 1px solid #ffffff; color: #000000; font-family: 'Roboto Condensed300'; font-size: calc(1.22vw + 1.22vh + 1.22vmin); letter-spacing: 0; opacity: 0.7; transition: opacity 0.25s ease;}}

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

.form_man {width: 70%; margin-left:14%; color: #000000; font-family: 'Oswald'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); letter-spacing: 0;}

.form_man2 {width: 70%; margin-left:14%; color: #ffffff; font-family: 'Oswald'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); letter-spacing: 0;}

@media (orientation: portrait)
{.form_man {width: 80%; margin-left:7%; color: #000000; font-family: 'Oswald'; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: 0;}}

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

.search_button {background: #ffffff; color: #000000; font-family: 'Oswald'; font-size: calc(1.2vw + 1.2vh + 1.2vmin); border: none; opacity: 0.7; cursor: pointer;}
.search_button:before {content: ""; position:absolute;top: -40%; bottom: 140%; left: -40%; right: 140%; width: 240%; height: 240%;}

@media (orientation: portrait)
{.search_button {background: #ffffff; color: #000000; font-family: 'Oswald'; font-size: calc(2.2vw + 2.2vh + 2.2vmin); border: none; opacity: 0.7; cursor: pointer;}}

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

.black_out {display: none; }

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

.okno{position: fixed; left: 0; background: #ffffff; top: 0;	width: 100%; height: 100%; z-index: 1021; }

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

.imona {width: 100%; height: 100%; border: none;}

.close_x  { cursor: pointer; position: fixed; width: calc(1.3vw + 1.3vh + 1.3vmin); height: calc(1.3vw + 1.3vh + 1.3vmin); 
top: 3.8vw; right: 3%;  display: flex; flex-direction: row;  z-index: 1;opacity: 0.6; }

@media (orientation: portrait)
{.close_x  { cursor: pointer; position: fixed; width: calc(1.75vw + 1.75vh + 1.75vmin); height: calc(1.75vw + 1.75vh + 1.75vmin); 
top: calc(0.95vw + 0.95vh + 0.95vmin); right: calc(1.1vw + 1.1vh + 1.1vmin); opacity: 0.6; }}

.close_x:hover { opacity: 1.0;}

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

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

.red_opisanie {width:100%; height: calc(13.1vw + 13.1vh + 13.1vmin); border: none; border: 0;  }

@media (max-width: 767px) and (orientation: portrait)
{.red_opisanie {width:100%; height: calc(27.5vw + 27.5vh + 27.5vmin); border: none; border: 0;}}

@media (min-width: 767.9999px) and (orientation: portrait)
{.red_opisanie {width:100%; height: calc(30.1vw + 30.1vh + 30.1vmin); border: none; border: 0;}}

@media (max-width: 766px) and (orientation: landscape)
{.red_opisanie {width:100%; height: calc(14.1vw + 14.1vh + 14.1vmin); border: none; border: 0;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.red_opisanie {width:100%; height: calc(14.1vw + 14.1vh + 14.1vmin); border: none; border: 0;}}

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

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

@media (orientation: landscape)
{img.ph_gor {width:100%; height: auto; border: none; border: 0;}}

@media (max-width: 766px) and (orientation: landscape)
{img.ph_gor {width:100%; height: auto; border: none; border: 0; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{img.ph_gor {width:100%; height: auto; border: none; border: 0; }}

@media (max-width: 766px) and (orientation: portrait)
{img.ph_gor {display: none;}}

@media (min-width: 767px) and (orientation: portrait)
{img.ph_gor {width:100%; height: auto; border: none; border: 0;}}

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

@media (orientation: portrait)
{img.ph_port {width:100%; height: auto; border: none; border: 0; }}

@media (min-width: 767px) and (orientation: portrait)
{img.ph_port {display: none;}}


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

.starters { margin-top: calc(3.0vw + 3.0vh + 3.0vmin); margin-bottom: calc(1.0vw + 1.0vh + 1.0vmin);}
.starters2 { margin-top: 0; margin-bottom: calc(1.0vw + 1.0vh + 1.0vmin);}

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

.txt_strt {text-align: center; font-family: 'Oswald'; font-weight: 400; font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0em; font-weight: normal; text-decoration: none; color: #ffffff;  }

@media (max-width: 766px) and (orientation: landscape)
{.txt_strt {font-family: 'Oswald'; font-weight: 400; font-size: calc(1.6vw + 1.6vh + 1.6vmin); letter-spacing: 0em; font-weight: normal; text-decoration: none; color: #ffffff;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.txt_strt {font-family: 'Oswald'; font-weight: 400; font-size: calc(1.6vw + 1.6vh + 1.6vmin); letter-spacing: 0em; font-weight: normal; text-decoration: none; color: #ffffff;  }}

@media (max-width: 766px) and (orientation: portrait)
{.txt_strt {font-family: 'Oswald'; font-weight: 400; font-size: calc(1.85vw + 1.85vh + 1.85vmin); letter-spacing: -0.018em; text-decoration: none; color: #ffffff; }}

@media (min-width: 767px) and (orientation: portrait)
{.txt_strt {margin-left:6%; font-family: 'Oswald'; font-weight: 400; font-size: calc(1.75vw + 1.75vh + 1.75vmin); letter-spacing: -0.018em; font-weight: normal; text-decoration: none; color: #ffffff;  }}

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

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

@media (orientation: landscape)
{img.lport {display: none;} img.lslide {} }

@media (orientation: portrait)
{img.lport {} img.lslide {display: none;}}

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

@media (orientation: landscape)
{.swiper-container {text-align: center; border: 0; border: none; height: 80vh; border: 0px solid red;}}

@media (orientation: landscape)
{.swiper-container img {height: 100%; width:auto;  object-fit: cover;  background-position: center; background-size: cover; background-attachment:fixed;
position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; image-rendering: optimizeQuality; cursor: grab;}}

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

@media (orientation: portrait)
{.swiper-container {text-align: center; border: 0; border: none; width: 100%; height: 0; padding-bottom: 100%; }}

@media (orientation: portrait)
{.swiper-container img {width: 100%;  height:auto;}}

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

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

@media (orientation: landscape)
{.txt_vb {text-align: left; color: #ffffff; font-family: 'Roboto Condensed300'; font-size: calc(1.0vw + 1.0vh + 1.0vmin); }}

@media (orientation: landscape)
{.vbn { padding-bottom: 0.5%;  padding-top: 0.2%; padding-left: 8%; padding-right: 0; background-color: rgba(0,0,0,0.35); width: 50%; position: absolute; left: 10%; bottom: 2%; z-index:100;}}

@media (orientation: portrait)
{.txt_vb {text-align: left; color: #ffffff; font-family: 'Roboto Condensed300'; font-size: calc(1.2vw + 1.2vh + 1.2vmin); }}

@media (orientation: portrait)
{.vbn{padding: 2%; padding-top: 1%; padding-left: 6%; padding-right: 3%; background-color: rgba(0,0,0,0.35); width: 75%; position: absolute; left: 7%; bottom: 2%; z-index:100;}}

.swipe_prev {position: absolute; top: 60%; left:2%; font-size: calc(1.53vw + 1.53vh + 1.53vmin); color: #ffffff; opacity:0.8; z-index:100; transition: color 0.25s ease;}

.swipe_next {position: absolute; top: 60%; right:2%; font-size: calc(1.53vw + 1.53vh + 1.53vmin); color: #ffffff; opacity:0.8; z-index:100; transition: color 0.25s ease;}

.swipe_prev:hover {cursor: pointer; opacity: 0.7; color: red;}
.swipe_next:hover {cursor: pointer; opacity: 0.7; color: red; transition: opacity 0.25s ease;}

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

/* ----------------------------------------- */ 
.owl-carousel2 .owl-wrapper:after {content: ".";	display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel2 {display: none; position: relative; width: 100%; cursor: grab; -ms-touch-action: pan-y;}
.owl-carousel2 .owl-wrapper {display: none; position: relative; -webkit-transform: translate3d(0,0,0);}
.owl-carousel2 .owl-wrapper-outer {overflow: hidden; position: relative; width: 100%;}
.owl-carousel2 .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-carousel2 .owl-item {float: left;}
.grabbing {cursor: grab;}
.owl-carousel2 .owl-wrapper,.owl-carousel2 .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: #000000; margin: calc(0.9vw + 0.9vh + 0.9vmin); margin-bottom: calc(1.85vw + 1.85vh + 1.85vmin);  padding-top: 1px;transform: rotate(4deg); }

.post-title {font-family: 'Roboto Condensed300'; font-weight: 500; font-size: calc(3.5vw + 3.5vh + 3.5vmin); font-weight: bold; text-decoration: none; color: #ffffff; display: inline-block; transition: all 0.3s ease 0s;}

@media (max-width: 767px) and (orientation: portrait)
{.post-title { font-family: 'Roboto Condensed300'; font-weight: 500; font-size: calc(6.0vw + 6.0vh + 6.0vmin); font-weight: bold; text-decoration: none; color: #ffffff; display: inline-block; transition: all 0.3s ease 0s;}}

.post-description {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.7vw + 0.7vh + 0.7vmin);
color: #ffffff;  line-height:120%; margin-bottom: calc(0.45vw + 0.45vh + 0.45vmin);  opacity: 0.85;  }

@media (max-width: 767px) and (orientation: portrait)
{.post-description {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin);
color: #ffffff;  line-height:120%; margin-bottom: calc(0.45vw + 0.45vh + 0.45vmin); opacity: 0.85; }}

@media (min-width: 767px) and (orientation: portrait)
{.post-description {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(1.05vw + 1.05vh + 1.05vmin);
color: #ffffff;  line-height:120%; margin-bottom: calc(0.45vw + 0.45vh + 0.45vmin); opacity: 0.85;  }}

@media (max-width: 766px) and (orientation: landscape)
{.post-description {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(1.23vw + 1.23vh + 1.23vmin);
color: #ffffff;  line-height:120%; margin-bottom: calc(0.45vw + 0.45vh + 0.45vmin);  opacity: 0.85; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.post-description {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(1.18vw + 1.18vh + 1.18vmin);
color: #ffffff;  line-height:120%; margin-bottom: calc(0.45vw + 0.45vh + 0.45vmin);  opacity: 0.85; }}

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

a.read-more {font-family: 'Roboto Condensed300'; font-size: calc(0.5vw + 0.5vh + 0.5vmin); font-weight: bold; text-decoration: none; float: right;color:#000000; background: #ffffff;
padding: calc(0.5vw + 0.5vh + 0.5vmin);  padding-top: calc(0.2vw + 0.2vh + 0.2vmin); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); text-transform: uppercase; transition: all 0.34s linear;}

@media (max-width: 767px) and (orientation: portrait)
{a.read-more {font-family: 'Roboto Condensed300'; font-size: calc(1.4vw + 1.4vh + 1.4vmin); font-weight: bold; text-decoration: none; float: right;color:#000000; background: #ffffff;
padding: calc(1.0vw + 1.0vh + 1.0vmin);  padding-top: calc(0.4vw + 0.4vh + 0.4vmin); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); text-transform: uppercase; transition: all 0.34s linear;}}

@media (min-width: 767px) and (orientation: portrait)
{a.read-more {font-family: 'Roboto Condensed300'; font-size: calc(1.0vw + 1.0vh + 1.0vmin); font-weight: bold; text-decoration: none; float: right;color:#000000; background: #ffffff;
padding: calc(0.7vw + 0.7vh + 0.7vmin);  padding-top: calc(0.25vw + 0.25vh + 0.25vmin); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); text-transform: uppercase; transition: all 0.34s linear;}}

@media (max-width: 766px) and (orientation: landscape)
{a.read-more {margin-top:calc(0.8vw + 0.8vh + 0.8vmin); font-family: 'Roboto Condensed300'; font-size: calc(1.2vw + 1.2vh + 1.2vmin); font-weight: bold; text-decoration: none; float: right;color:#000000; background: #ffffff;
padding: calc(0.8vw + 0.8vh + 0.8vmin);  padding-top: calc(0.2vw + 0.2vh + 0.2vmin); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); text-transform: uppercase; transition: all 0.34s linear;}}


@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{a.read-more {margin-top:calc(0.8vw + 0.8vh + 0.8vmin); font-family: 'Roboto Condensed300'; font-size: calc(1.2vw + 1.2vh + 1.2vmin); font-weight: bold; text-decoration: none; float: right;color:#000000; background: #ffffff;
padding: calc(0.8vw + 0.8vh + 0.8vmin);  padding-top: calc(0.2vw + 0.2vh + 0.2vmin); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); text-transform: uppercase; transition: all 0.34s linear;}}

a.read-more:hover {background: #ff0000; text-decoration: none; color: #ffffff; cursor: pointer;}

a.read-more:focus-visible{clip-path: none;  border: 3px solid red;}

a.read-more:focus{ clip-path: none; border: 3px solid red;}

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

img.post-img {position: relative; overflow: hidden; z-index: 10; filter: grayscale(100%); }

img.post-img {width: 100%; height: auto; transform: scale(1, 1); transition: transform 0.2s linear; }

@media (max-width: 767px) and (orientation: portrait)
{img.post-img  {width: 100%;  transform: scale(1, 1); transition: transform 0.3s linear; margin-left: 5%;}}

img.post-img:hover {filter: grayscale(0); z-index: 10; }

.ot_inside {line-height:90%;}

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

.reverse {margin-left: 7%;}

@media (max-width: 767px) and (orientation: portrait)
{.reverse {margin-left: 7%;}}

.tuning02 {line-height: 80%;}

@media (max-width: 767px) and (orientation: portrait)
{.tuning02 {line-height: 110%;}}

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


/* ---FT-------------------------------------- */ 

.swiper2 {width: 100%; height: calc(3.2vw + 3.2vh + 3.2vmin);  margin: 0; background: #ffffff; padding-top: calc(0.4vw + 0.4vh + 0.4vmin); }

@media (max-width: 767px) and (orientation: portrait)
{.swiper2 { width: 100%; height: calc(3.2vw + 3.2vh + 3.2vmin);  margin: 0; background: #ffffff; padding:0; padding-top: calc(0.4vw + 0.4vh + 0.4vmin); padding-bottom: calc(2.1vw + 2.1vh + 2.1vmin);}}

@media (min-width: 767px) and (orientation: portrait)
{.swiper2 {width: 100%; height: calc(3.2vw + 3.2vh + 3.2vmin);  margin: 0; background: #ffffff; padding:0; padding-top: calc(0.4vw + 0.4vh + 0.4vmin); padding-bottom: 0; }}

.swiper2:hover {cursor: default;}

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

.swiper2 .swiper-slide {text-align: center; width: calc(12.4vw + 12.4vh + 12.4vmin); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center; align-items: center;}

@media (max-width: 767px) and (orientation: portrait)
{.swiper2 .swiper-slide {width: calc(21.4vw + 21.4vh + 21.4vmin);}}

@media (min-width: 767px) and (orientation: portrait)
{.swiper2 .swiper-slide {text-align: center; width: calc(12.4vw + 12.4vh + 12.4vmin); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center; align-items: center;}}

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

.swiper2 .swiper-slide img.lgs {width: 100%; height: auto;}
.swiper2 .swiper-slide img.lgs:hover {cursor: pointer; }

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

.footer_now {width: 95.5%; background: #000000; border-top: 1px solid #2e2e2e;  padding-top: calc(0.51vw + 0.51vh + 0.51vmin); padding-bottom: calc(0.51vw + 0.51vh + 0.51vmin);}

@media (orientation: portrait)
{.footer_now {width: 100%; border:0; margin: 0 auto; padding: 0;  margin-top: calc(3.0vw + 3.0vh + 3.0vmin);}}

.lh {line-height: 30%;}

@media (orientation: portrait)
{.lh {line-height: 80%;}}

.foot_full {margin: 0; width: 100%; display: flex; flex-wrap: wrap; }

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

img.logob { height: calc(3.0vw + 3.0vh + 3.0vmin); width: auto; object-fit: cover; object-position: bottom; }

@media (max-width: 767px) and (orientation: portrait)
{img.logob { height: calc(5.0vw + 5.0vh + 5.0vmin); width: auto; object-fit: cover; object-position: bottom; }}

@media (min-width: 767.5px) and (orientation: portrait)
{img.logob { height: calc(5.0vw + 5.0vh + 5.0vmin); width: auto; object-fit: cover; object-position: bottom; }}

@media (max-width: 766px) and (orientation: landscape)
{img.logob { height: calc(3.0vw + 3.0vh + 3.0vmin); width: auto; object-fit: cover; object-position: bottom; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{img.logob { height: calc(3.0vw + 3.0vh + 3.0vmin); width: auto; object-fit: cover; object-position: bottom; }}

img.logob:hover{}

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

img.logop { opacity:0.32; height: calc(3.0vw + 3.0vh + 3.0vmin); width: auto; object-fit: cover; object-position: bottom; }

@media (max-width: 767px) and (orientation: portrait)
{img.logop { opacity:0.32; height: calc(5.0vw + 5.0vh + 5.0vmin); width: auto; object-fit: cover; object-position: bottom; }}

@media (min-width: 767.5px) and (orientation: portrait)
{img.logop {padding-left: 4%; opacity:0.32; height: calc(5.0vw + 5.0vh + 5.0vmin); width: auto; object-fit: cover; object-position: bottom; }}

@media (max-width: 766px) and (orientation: landscape)
{img.logop { opacity:0.32; height: calc(3.0vw + 3.0vh + 3.0vmin); width: auto; object-fit: cover; object-position: bottom; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{img.logop { opacity:0.32; height: calc(3.0vw + 3.0vh + 3.0vmin); width: auto; object-fit: cover; object-position: bottom; }}

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

a.logotxt {font-family: 'Roboto Condensed300'; letter-spacing: -0.018em;   font-size: calc(0.6vw + 0.6vh + 0.6vmin); color: #ffffff; text-decoration: none; transition: opacity 0.3s ease;}

@media (max-width: 767px) and (orientation: portrait)
{a.logotxt {font-family: 'Roboto Condensed300'; letter-spacing: -0.018em;   font-size: calc(0.98vw + 0.98vh + 0.98vmin); color: #ffffff; text-decoration: none; transition: opacity 0.3s ease;}}

@media (min-width: 767.5px) and (orientation: portrait)
{a.logotxt {font-family: 'Roboto Condensed300'; letter-spacing: -0.018em;   font-size: calc(0.98vw + 0.98vh + 0.98vmin); color: #ffffff; text-decoration: none; transition: opacity 0.3s ease;}}

@media (max-width: 766px) and (orientation: landscape)
{a.logotxt {font-family: 'Roboto Condensed300'; letter-spacing: -0.018em;   font-size: calc(0.6vw + 0.6vh + 0.6vmin); color: #ffffff; text-decoration: none; transition: opacity 0.3s ease;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{a.logotxt {font-family: 'Roboto Condensed300'; letter-spacing: -0.018em;   font-size: calc(0.6vw + 0.6vh + 0.6vmin); color: #ffffff; text-decoration: none; transition: opacity 0.3s ease;}}

a.logotxt:hover {opacity: 0.6;}

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

img.ocenka{ height: calc(2.0vw + 2.0vh + 2.0vmin); width: auto; object-fit: cover; object-position: bottom; }

@media (max-width: 767px) and (orientation: portrait)
{img.ocenka{ height: calc(5.0vw + 5.0vh + 5.0vmin);width: auto; object-fit: cover; object-position: bottom; }}

@media (min-width: 767.5px) and (orientation: portrait)
{img.ocenka{ height: calc(5.0vw + 5.0vh + 5.0vmin);width: auto; object-fit: cover; object-position: bottom; }}

@media (max-width: 766px) and (orientation: landscape)
{img.ocenka{ height: calc(2.0vw + 2.0vh + 2.0vmin); width: auto; object-fit: cover; object-position: bottom; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{img.ocenka{ height: calc(2.0vw + 2.0vh + 2.0vmin); width: auto; object-fit: cover; object-position: bottom; }}

img.ocenka:hover {}

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

a.na_foot {font-family: 'Roboto Condensed300'; letter-spacing: -0.018em;   font-size: calc(0.7vw + 0.7vh + 0.7vmin); color: #fff; text-decoration: none; transition: opacity 0.3s ease;}

@media (max-width: 767px) and (orientation: portrait)
{a.na_foot {font-family: 'Roboto Condensed300'; letter-spacing: -0.018em;   font-size: calc(1.05vw + 1.05vh + 1.05vmin); color: #fff; text-decoration: none; transition: opacity 0.3s ease;}}

@media (min-width: 767.5px) and (orientation: portrait)
{a.na_foot {padding: 3%; font-family: 'Roboto Condensed300'; letter-spacing: -0.018em;   font-size: calc(1.05vw + 1.05vh + 1.05vmin); color: #fff; text-decoration: none; transition: opacity 0.3s ease;}}

@media (max-width: 766px) and (orientation: landscape)
{a.na_foot {font-family: 'Roboto Condensed300'; letter-spacing: -0.018em;   font-size: calc(0.7vw + 0.7vh + 0.7vmin); color: #fff; text-decoration: none; transition: opacity 0.3s ease;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{a.na_foot {font-family: 'Roboto Condensed300'; letter-spacing: -0.018em;   font-size: calc(0.7vw + 0.7vh + 0.7vmin); color: #fff; text-decoration: none; transition: opacity 0.3s ease;}}

a.na_foot:hover {opacity: 0.8;}


/* ---0------------------------------------- */ 
 
.foot_00 {flex:0 0 1%; align-self: left; text-align: left;}

@media (max-width: 767px) and (orientation: portrait)
{.foot_00 {flex:0 0 0.5%; align-self: center; text-align: center; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.foot_00 {flex:0 0 3.5%; align-self: center; text-align: center; }}

@media (max-width: 766px) and (orientation: landscape)
{.foot_00 {flex:0 0 1%; align-self: left; text-align: left;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.foot_00 {flex:0 0 1%; align-self: left; text-align: left;}}

/* ---1------------------------------------- */ 
 
.foot_01 {flex:0 0 6%; align-self: center;  text-align: left;  }

@media (max-width: 767px) and (orientation: portrait)
{.foot_01 {flex:0 0 5%; align-self: center;  text-align: left; margin-bottom:5vh; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.foot_01 {flex:0 0 5%; align-self: center;  text-align: left; margin-bottom:5vh; }}

@media (max-width: 766px) and (orientation: landscape)
{.foot_01 {flex:0 0 6%; align-self: center;  text-align: left;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.foot_01 {flex:0 0 6%; align-self: center;  text-align: left;  }}

/* --2-------------------------------------- */  

.foot_02 {flex:0 0 41%; text-align: left; align-self: center;   }

@media (max-width: 767px) and (orientation: portrait)
{.foot_02 {flex:0 0 78%; text-align: center; align-self: center; margin-bottom: 5vh;}}

@media (min-width: 767.5px) and (orientation: portrait)
{.foot_02 {flex:0 0 78%;  text-align: center; align-self: center; margin-bottom: 5vh;}}

@media (max-width: 766px) and (orientation: landscape)
{.foot_02 {flex:0 0 43%;  text-align: left; align-self: center;   }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.foot_02 {flex:0 0 43%;  text-align: left; align-self: center; }}

/* ---3------------------------------------ */  

.foot_03 {flex:0 0 0%; align-self: center;  text-align: left;  }

@media (max-width: 767px) and (orientation: portrait)
{.foot_03 {display: none; } }

@media (min-width: 767.5px) and (orientation: portrait)
{.foot_03 {display: none; } }

@media (max-width: 766px) and (orientation: landscape)
{.foot_03 {flex:0 0 0; align-self: center;  text-align: left;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.foot_03 {flex:0 0 0; align-self: center;  text-align: left;  }}

/* ---4-------------------------------------- */ 
 
.foot_04 {flex:0 0 6%; align-self: center;  text-align: right;  }

@media (max-width: 767px) and (orientation: portrait)
{.foot_04 {padding-left: 8%; flex:0 0 6%; align-self: center;  text-align: right; margin-bottom:1vh; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.foot_04 {padding-left: 11%; flex:0 0 6%; align-self: center;  text-align: right; margin-bottom:1vh; }}

@media (max-width: 766px) and (orientation: landscape)
{.foot_04 {flex:0 0 6%; align-self: center;  text-align: right;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.foot_04 {flex:0 0 6%; align-self: center;  text-align: right;  }}

/* --5-------------------------------------- */  

.foot_05 {flex:0 0 39%; align-self:center; text-align: center; align-self: center;   }

@media (max-width: 767px) and (orientation: portrait)
{.foot_05 {flex:0 0 40%; text-align: center; align-self: center; margin-bottom:1vh; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.foot_05 {flex:0 0 38%;  text-align: center; align-self: center; margin-bottom:1vh;  }}

@media (max-width: 766px) and (orientation: landscape)
{.foot_05 {flex:0 0 36%; text-align: center; align-self: center;   }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.foot_05 {flex:0 0 36%; text-align: center; align-self: center;   }}

/* ---6------------------------------------ */  

.foot_06 {flex:0 0 6%; align-self: center;  text-align: left;  }

@media (max-width: 767px) and (orientation: portrait)
{.foot_06 {flex:0 0 6%; align-self: right;  text-align: right;  margin-bottom:1vh;}}

@media (min-width: 767.5px) and (orientation: portrait)
{.foot_06 {flex:0 0 6%; align-self: right;  text-align: right;  margin-bottom:1vh;}}

@media (max-width: 766px) and (orientation: landscape)
{.foot_06 {flex:0 0 5.3%; align-self: center;  text-align: left;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.foot_06 {flex:0 0 5.3%; align-self: center;  text-align: left;  }}

/* --9------------------------------------- */  

.foot_09 {flex:0 0 50.5%; text-align: right; align-self: center;  }

@media (max-width: 767px) and (orientation: portrait)
{.foot_09 {flex:0 0 100%; align-self: center; text-align: center; margin-top: 0; padding-top:0;}}

@media (min-width: 767.5px) and (orientation: portrait)
{.foot_09 {flex:0 0 100%; align-self: center; text-align: center; margin-top: 0; padding-top:0;}}

@media (max-width: 766px) and (orientation: landscape)
{.foot_09 {flex:0 0 47.5%;  text-align: right; align-self: center;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.foot_09 {flex:0 0 47.5%; align-self:center; text-align: right; align-self: center;  }}

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

img.zn {width: 5%; opacity: 0.9;}

@media (max-width: 767px) and (orientation: portrait)
{img.zn {margin-top: 3%; width: 10%; opacity: 0.9;}}

img.zn:hover {opacity: 1.0;}

/* --------------------------------------- */
.red_opisanie2 {width:100%; height: calc(8.1vw + 8.1vh + 8.1vmin); border: none; border: 0;  }

@media (max-width: 767px) and (orientation: portrait)
{.red_opisanie2 {width:100%; height: calc(15.5vw + 15.5vh + 15.5vmin); border: none; border: 0;}}

@media (min-width: 767.5px) and (orientation: portrait)
{.red_opisanie2 {width:100%; height: calc(10.5vw + 10.5vh + 10.5vmin); border: none; border: 0;}}

@media (max-width: 766px) and (orientation: landscape)
{.red_opisanie2 {width:100%; height: calc(8.1vw + 8.1vh + 8.1vmin); border: none; border: 0;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.red_opisanie2 {width:100%; height: calc(8.1vw + 8.1vh + 8.1vmin); border: none; border: 0;  }}

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

.red_opisanie3 {width:100%; height: calc(7.6vw + 7.6vh + 7.6vmin); border: none; border: 0;  }

@media (max-width: 767px) and (orientation: portrait)
{.red_opisanie3 {width:100%; height: calc(10.5vw + 10.5vh + 10.5vmin); border: none; border: 0;}}

@media (min-width: 767.5px) and (orientation: portrait)
{.red_opisanie3 {width:100%; height: calc(7.5vw + 7.5vh + 7.5vmin); border: none; border: 0;}}

@media (max-width: 766px) and (orientation: landscape)
{.red_opisanie3 {width:100%; height: calc(8.1vw + 8.1vh + 8.1vmin); border: none; border: 0;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.red_opisanie3 {width:100%; height: calc(7.5vw + 7.5vh + 7.5vmin); border: none; border: 0;  }}

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

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

.com_now {width: 93.5%; background: #000000; }

@media (max-width: 767px) and (orientation: portrait)
{.com_now {width: 93.5%; background: #000000;  }}

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

.dh {line-height: 50%;}

@media (orientation: portrait)
{.dh {line-height: 80%;}}

.bh {line-height: 70%;}

@media (orientation: portrait)
{.bh {line-height: 80%;}}

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

.com_full {width: 100%; display: flex; flex-wrap: wrap; }

img.photo_left {width: 100%; object-fit: cover; object-position: top; border-radius: calc(0.6vw + 0.6vh + 0.6vmin); }

/* ---1------------------------------------- */ 
 
.com_01 {flex:0 0 30%; align-self: start;  text-align: center;  }

@media (max-width: 767px) and (orientation: portrait)
{.com_01 {flex:0 0 100%; align-self: center;  text-align: center; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.com_01 {flex:0 0 30%; align-self: start;  text-align: center; }}

@media (max-width: 766px) and (orientation: landscape)
{.com_01 {flex:0 0 30%; align-self: start;  text-align: center;  } }

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.com_01 {flex:0 0 30%; align-self: start;  text-align: center;  } }

/* --2-------------------------------------- */  

.com_02 {flex:0 0 2%; text-align: left; align-self: center;   }

@media (max-width: 767px) and (orientation: portrait)
{.com_02 {display: none;}}

@media (min-width: 767.5px) and (orientation: portrait)
{.com_02 {flex:0 0 2%; text-align: left; align-self: center;   }}

@media (max-width: 766px) and (orientation: landscape)
{.com_02 {flex:0 0 2%; text-align: left; align-self: center;   }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.com_02 {flex:0 0 2%; text-align: left; align-self: center;   }}

/* --3-------------------------------------- */  

.com_03 {flex:0 0 68%; text-align: left; align-self: start;   }

@media (max-width: 767px) and (orientation: portrait)
{.com_03 {flex:0 0 100%; text-align: left; align-self: start; margin-top:4vh; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.com_03 {flex:0 0 68%; text-align: left; align-self: start;   }}

@media (max-width: 766px) and (orientation: landscape)
{.com_03 {flex:0 0 68%; text-align: left; align-self: start;   }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.com_03 {flex:0 0 68%; text-align: left; align-self: start;   }}

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

.bioz { font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 124%; font-weight: bold;  font-size: calc(2.1vw + 2.1vh + 2.1vmin); color: #fff; text-decoration: none; }

@media (max-width: 767px) and (orientation: portrait)
{.bioz { font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 124%; font-weight: bold;  font-size: calc(3.6vw + 3.6vh + 3.6vmin); color: #fff; text-decoration: none; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.bioz { font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 124%; font-weight: bold;  font-size: calc(2.1vw + 2.1vh + 2.1vmin); color: #fff; text-decoration: none; }}

@media (max-width: 766px) and (orientation: landscape)
{.bioz { font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 124%; font-weight: bold;  font-size: calc(2.1vw + 2.1vh + 2.1vmin); color: #fff; text-decoration: none; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.bioz { font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 124%; font-weight: bold;  font-size: calc(2.1vw + 2.1vh + 2.1vmin); color: #fff; text-decoration: none; }}

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

.bioz2{opacity: 0.7;font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 90%; font-weight: normal;  font-size: calc(1.2vw + 1.2vh + 1.2vmin); color: #fff; text-decoration: none; }

@media (max-width: 767px) and (orientation: portrait)
{.bioz2{opacity: 0.7;font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 90%; font-weight: normal;  font-size: calc(1.9vw + 1.9vh + 1.9vmin); color: #fff; text-decoration: none; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.bioz2{opacity: 0.7;font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 90%; font-weight: normal;  font-size: calc(1.2vw + 1.2vh + 1.2vmin); color: #fff; text-decoration: none; }}

@media (max-width: 766px) and (orientation: landscape)
{.bioz2{opacity: 0.7;font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 90%; font-weight: normal;  font-size: calc(1.2vw + 1.2vh + 1.2vmin); color: #fff; text-decoration: none; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.bioz2{opacity: 0.7;font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 90%; font-weight: normal;  font-size: calc(1.2vw + 1.2vh + 1.2vmin); color: #fff; text-decoration: none; }}

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

.bioz3 {opacity: 0.8;font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 150%; font-weight: normal;  font-size: calc(1.0vw + 1.0vh + 1.0vmin); color: #fff; text-decoration: none; }

@media (max-width: 767px) and (orientation: portrait)
{.bioz3 {opacity: 0.8;font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 150%; font-weight: normal;  font-size: calc(1.75vw + 1.75vh + 1.75vmin); color: #fff; text-decoration: none; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.bioz3 {opacity: 0.8;font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 150%; font-weight: normal;  font-size: calc(1.0vw + 1.0vh + 1.0vmin); color: #fff; text-decoration: none; }}

@media (max-width: 766px) and (orientation: landscape)
{.bioz3 {opacity: 0.8;font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 150%; font-weight: normal;  font-size: calc(1.0vw + 1.0vh + 1.0vmin); color: #fff; text-decoration: none; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.bioz3 {opacity: 0.8;font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 150%; font-weight: normal;  font-size: calc(1.0vw + 1.0vh + 1.0vmin); color: #fff; text-decoration: none; }}

/* -------------------------- */
.bioz_txt, a.biolink { opacity: 0.9; line-height: 1.5; font-family: 'Oswald'; letter-spacing: 0.008em;  font-weight: normal;  font-size: calc(0.78vw + 0.78vh + 0.78vmin); color: #fff; text-decoration: none; }

@media (max-width: 767px) and (orientation: portrait)
{.bioz_txt, a.biolink {font-family: 'Oswald'; letter-spacing: 0.008em;  font-weight: normal;  font-size: calc(1.68vw + 1.58vh + 1.58vmin); color: #fff; text-decoration: none; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.bioz_txt, a.biolink { opacity: 0.9;font-family: 'Oswald'; letter-spacing: 0.008em;  font-weight: normal;  font-size: calc(0.78vw + 0.78vh + 0.78vmin); color: #fff; text-decoration: none; }}

@media (max-width: 766px) and (orientation: landscape)
{.bioz_txt, a.biolink { opacity: 0.9;font-family: 'Oswald'; letter-spacing: 0.008em;  font-weight: normal;  font-size: calc(0.78vw + 0.78vh + 0.78vmin); color: #fff; text-decoration: none; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.bioz_txt, a.biolink { opacity: 0.9;font-family: 'Oswald'; letter-spacing: 0.008em;  font-weight: normal;  font-size: calc(0.78vw + 0.78vh + 0.78vmin); color: #fff; text-decoration: none; }}

a.biolink:hover {opacity: 0.7;}

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

.thh {line-height: 120%;}

@media (orientation: portrait)
{.thh {line-height: 120%;}}

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

a.blockdol {text-decoration: none;}

.dol_block {width: 93.2%;  background: #262626; display: flex; margin-top: 0;  border-radius: 1em; margin-bottom: calc(1.35vw + 1.35vh + 1.35vmin);}

@media (max-width: 766px) and (orientation: landscape)
{.dol_block {width: 92%;  background: #262626; display: flex; margin-top: 0; border-radius: 1em; padding-top:0.5%; padding-bottom:1.5%;   margin-bottom: calc(1.35vw + 1.35vh + 1.35vmin);}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.dol_block {width: 92%;  background: #262626; display: flex; margin-top: 0; border-radius: 1em; padding-top:0.5%; padding-bottom:1.5%;   margin-bottom: calc(1.35vw + 1.35vh + 1.35vmin);}}

@media (max-width: 767px) and (orientation: portrait)
{.dol_block {display: inline-block; width: 93.5%; background: #262626;margin-top: 0; border-radius: 1em; padding: 0; padding-top:5.5%; padding-bottom:5.5%;   margin-bottom: calc(1.95vw + 1.95vh + 1.95vmin); }}

@media (min-width: 767.9999px) and (orientation: portrait)
{.dol_block {width: 92%;  background: #262626; display: flex; margin-top: 0; border-radius: 1em; padding-top:0.5%; padding-bottom:1.5%;   margin-bottom: calc(1.35vw + 1.35vh + 1.35vmin);}}

.dol_block:hover{opacity: 0.95;}

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


.fon1 {background-image:url('fon6.png'); }
.fon2 {background-image:url('fon5.png'); }
.fon3 {background-image:url('fon4.png');}
.fon4 {background-image:url('fon3.png');}
.fon5 {background-image:url('fon2.png');}
.fon6 {background-image:url('fon1.png');}

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

img.photo_person {width: 40%; object-fit: cover; object-position: top; border-radius: calc(0.6vw + 0.6vh + 0.6vmin); }

@media (max-width: 767px) and (orientation: portrait)
{img.photo_person {width: 100%; object-fit: cover; object-position: top; border-radius: calc(0.6vw + 0.6vh + 0.6vmin); }}

@media (min-width: 767.9999px) and (orientation: portrait)
{img.photo_person {width: 60%; object-fit: cover; object-position: top; border-radius: calc(0.6vw + 0.6vh + 0.6vmin); }}

@media (max-width: 766px) and (orientation: landscape)
{img.photo_person {width: 45%; object-fit: cover; object-position: top; border-radius: calc(0.6vw + 0.6vh + 0.6vmin); }}

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

.dol_x {flex: 50%; box-sizing: border-box; align-self: center; text-align: center; align-items: center; justify-content: center; padding: 0.5%;}

@media (max-width: 766px) and (orientation: landscape)
{.dol_x {flex: 50%;  box-sizing: border-box; align-self: center; text-align: center; align-items: center; justify-content: center;padding: 1%;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.dol_x {flex: 50%;  box-sizing: border-box; align-self: center; text-align: center; align-items: center; justify-content: center;padding: 1%;}}

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

@media (min-width: 767.9999px) and (orientation: portrait)
{.dol_x {flex: 50%;  box-sizing: border-box; align-self: center; text-align: center; align-items: center; justify-content: center;padding: 1%;}}

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

.vsed  {flex: 50%;padding-left: 15%;  box-sizing: border-box; text-align: center;  align-self: center; text-align: center; align-items: center; justify-content: center;}

@media (max-width: 766px) and (orientation: landscape)
{.vsed  {flex: 50%;padding-left: 17%;   box-sizing: border-box; text-align: center;  align-self: center; text-align: center; align-items: center; justify-content: center;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.vsed  {flex: 50%; padding-left: 17%;   box-sizing: border-box; text-align: center;  align-self: center; text-align: center; align-items: center; justify-content: center;}}

@media (max-width: 767px) and (orientation: portrait)
{.vsed {width: 90%; padding-left: 0;  text-align: center; margin-bottom: 5%;}}

@media (min-width: 767.9999px) and (orientation: portrait)
{.vsed  {flex: 50%;  padding-left: 0;  box-sizing: border-box; text-align: center;  align-self: center; text-align: center; align-items: center; justify-content: center;}}

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

.dol {font-family: 'Oswald'; font-size: calc(0.7vw + 0.7vw + 0.7vw);line-height: 110%; letter-spacing: 0.008em; font-weight: normal;  text-decoration: none; color: #e1e1e1; opacity:1.0; }

@media (max-width: 766px) and (orientation: landscape)
{.dol {font-family: 'Oswald'; font-size: calc(1.2vw + 1.2vh + 1.2vmin); letter-spacing: 0em; font-weight:  normal; text-decoration: none; color: #e1e1e1; opacity:1.0; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.dol {font-family: 'Oswald';  font-size: calc(1.1vw + 1.1vh + 1.1vmin); letter-spacing: 0em; font-weight: normal; text-decoration: none; color: #e1e1e1; opacity:1.0; }}

@media (max-width: 766px) and (orientation: portrait)
{.dol {font-family: 'Oswald';  font-size: calc(1.85vw + 1.85vh + 1.85vmin); line-height: 110%; letter-spacing: 0.008em; font-weight: normal; text-decoration: none; color: #e1e1e1; opacity:1.0; }}

@media (min-width: 767px) and (orientation: portrait)
{.dol {font-family: 'Oswald'; font-size: calc(1.29vw + 1.29vw + 1.29vw);  letter-spacing: 0.008em; font-weight: normal;  text-decoration: none; color: #e1e1e1; opacity:1.0; }}

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

.ime {font-family: 'Oswald'; line-height: 120%;   font-size: calc(0.85vw + 0.85vw + 0.85vw);  letter-spacing: 0.008em; font-weight: normal;  text-decoration: none; color: #f1f1f1; opacity:1.0; }

@media (max-width: 766px) and (orientation: landscape)
{.ime {font-family: 'Oswald'; line-height: 120%;  font-size: calc(1.2vw + 1.2vh + 1.2vmin); letter-spacing: 0em; font-weight:  normal; text-decoration: none; color: #f1f1f1; opacity:1.0; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.ime {font-family: 'Oswald';line-height: 120%;   font-size: calc(1.1vw + 1.1vh + 1.1vmin); letter-spacing: 0em; font-weight: normal; text-decoration: none; color: #f1f1f1; opacity:1.0; }}

@media (max-width: 766px) and (orientation: portrait)
{.ime {font-family: 'Oswald'; line-height: 120%;font-size: calc(1.95vw + 1.95vh + 1.95vmin); letter-spacing: 0.008em; font-weight: normal; text-decoration: none; color: #f1f1f1; opacity:1.0; }}

@media (min-width: 767px) and (orientation: portrait)
{.ime {font-family: 'Oswald'; line-height: 120%;   font-size: calc(0.9vw + 0.9vw + 0.9vw);  letter-spacing: 0.008em; font-weight: normal;  text-decoration: none; color: #f1f1f1; opacity:1.0; }}

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

p.histxt { text-indent: 5%; text-align: justify; opacity: 0.8;font-family: 'Oswald'; letter-spacing: 0.008em;  font-weight: normal;  font-size: calc(0.78vw + 0.78vh + 0.78vmin); color: #fff; text-decoration: none; }

@media (max-width: 767px) and (orientation: portrait)
{p.histxt {text-indent:8%; text-align: justify; font-family: 'Oswald'; letter-spacing: 0.008em;  font-weight: normal;  font-size: calc(1.68vw + 1.58vh + 1.58vmin); color: #fff; text-decoration: none; }}

@media (min-width: 767.5px) and (orientation: portrait)
{p.histxt {text-indent:8%; text-align: justify; opacity: 0.8;font-family: 'Oswald'; letter-spacing: 0.008em;  font-weight: normal;  font-size: calc(0.78vw + 0.78vh + 0.78vmin); color: #fff; text-decoration: none; }}

@media (max-width: 766px) and (orientation: landscape)
{p.histxt { text-indent:5%;text-align: justify; opacity: 0.8;font-family: 'Oswald'; letter-spacing: 0.008em;  font-weight: normal;  font-size: calc(0.88vw + 0.88vh + 0.88vmin); color: #fff; text-decoration: none; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{p.histxt { text-indent:5%;text-align: justify; opacity: 0.8;font-family: 'Oswald'; letter-spacing: 0.008em;  font-weight: normal;  font-size: calc(0.78vw + 0.78vh + 0.78vmin); color: #fff; text-decoration: none; }}

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

a.hislink {opacity: 0.9; font-family: 'Oswald'; letter-spacing: 0.008em;  font-weight: normal;  font-size: calc(0.78vw + 0.78vh + 0.78vmin); color: #fff; text-decoration: none; border-bottom: 1px solid #ffffff;}

@media (max-width: 767px) and (orientation: portrait)
{a.hislink {opacity: 1.0; font-family: 'Oswald'; letter-spacing: 0.008em;  font-weight: normal;  font-size: calc(1.68vw + 1.58vh + 1.58vmin); color: #fff; text-decoration: none; border-bottom: 1px solid #ffffff; }}

@media (min-width: 767.5px) and (orientation: portrait)
{a.hislink {opacity: 1.0; font-family: 'Oswald'; letter-spacing: 0.008em;  font-weight: normal;  font-size: calc(0.78vw + 0.78vh + 0.78vmin); color: #fff; text-decoration: none; border-bottom: 1px solid #ffffff;}}

@media (max-width: 766px) and (orientation: landscape)
{a.hislink {opacity: 1.0; font-family: 'Oswald'; letter-spacing: 0.008em;  font-weight: normal;  font-size: calc(0.78vw + 0.78vh + 0.78vmin); color: #fff; text-decoration: none;border-bottom: 1px solid #ffffff; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{a.hislink {opacity: 1.0; font-family: 'Oswald'; letter-spacing: 0.008em;  font-weight: normal;  font-size: calc(0.78vw + 0.78vh + 0.78vmin); color: #fff; text-decoration: none;border-bottom: 1px solid #ffffff; }}

a.hislink:hover { opacity: 1.0; color: #ff0000; border-bottom: 1px solid #ff0000;}

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

.zzhis{font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 90%; font-weight: normal;  font-size: calc(1.2vw + 1.2vh + 1.2vmin); color: #fff; text-decoration: none; }

@media (max-width: 767px) and (orientation: portrait)
{.zzhis{font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 90%; font-weight: normal;  font-size: calc(1.9vw + 1.9vh + 1.9vmin); color: #fff; text-decoration: none; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.zzhis{font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 90%; font-weight: normal;  font-size: calc(1.2vw + 1.2vh + 1.2vmin); color: #fff; text-decoration: none; }}

@media (max-width: 766px) and (orientation: landscape)
{.zzhis{font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 90%; font-weight: normal;  font-size: calc(1.2vw + 1.2vh + 1.2vmin); color: #fff; text-decoration: none; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.zzhis{font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 90%; font-weight: normal;  font-size: calc(1.2vw + 1.2vh + 1.2vmin); color: #fff; text-decoration: none; }}

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

.gallery a img { height: calc(10.65vw + 10.65vh + 10.65vmin);  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); }

@media (max-width: 766px) and (orientation: landscape)
{.gallery a img {height: calc(10.65vw + 10.65vh + 10.65vmin);  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); }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.gallery a img {height: calc(10.65vw + 10.65vh + 10.65vmin);  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); }}

@media (max-width: 766px) and (orientation: portrait)
{.gallery a img {width: 98%; height: auto;  padding-bottom: 2.5%; padding-right: 0.5%;border-radius: calc(0.4vw + 0.4vh + 0.4vmin);}}

@media (min-width: 767px) and (orientation: portrait)
{.gallery a img {height: calc(6.65vw + 6.65vh + 6.65vmin); padding-bottom: 0.5%; padding-right: 0;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%; height: auto;  opacity: 1.0;}

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

.pops {transform: scaleY(-1);}

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

.wowhead {animation: oh_no_why 2s linear infinite; font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 124%; font-weight: bold;  font-size: calc(2.1vw + 2.1vh + 2.1vmin); color: #fff; text-decoration: none; }

@media (max-width: 767px) and (orientation: portrait)
{.wowhead {animation: oh_no_why 2s linear infinite; font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 124%; font-weight: bold;  font-size: calc(4.0vw + 4.0vh + 4.0vmin); color: #fff; text-decoration: none; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.wowhead {animation: oh_no_why 2s linear infinite; font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 124%; font-weight: bold;  font-size: calc(2.1vw + 2.1vh + 2.1vmin); color: #fff; text-decoration: none; }}

@media (max-width: 766px) and (orientation: landscape)
{.wowhead {animation: oh_no_why 2s linear infinite; font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 124%; font-weight: bold;  font-size: calc(2.3vw + 2.3vh + 2.3vmin); color: #fff; text-decoration: none; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.wowhead {animation: oh_no_why 2s linear infinite; font-family: 'Oswald'; letter-spacing: 0.028em; line-height: 124%; font-weight: bold;  font-size: calc(2.3vw + 2.3vh + 2.3vmin); color: #fff; text-decoration: none; }}

@keyframes oh_no_why {0% {opacity: 0.11;} 3% {opacity: 0.11;} 5% {opacity: 0.6;} 21% {opacity: 0.6;} 23% {opacity: 0.11;} 24% {opacity: 0.99;} 78% {opacity: 0.6;} 80% {opacity: 0.45;} 85% {opacity: 0.99;}}

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

a.gal_links_shadow {opacity: 0.56; border-bottom: 1px solid #fff; border-top: 1px solid #fff; text-align: center; font-family: 'Oswald'; font-weight: 400; font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0em; font-weight: normal; text-decoration: none; color: #ffffff;  }

@media (max-width: 766px) and (orientation: landscape)
{a.gal_links_shadow {opacity: 0.56; font-family: 'Oswald'; font-weight: 400; font-size: calc(1.6vw + 1.6vh + 1.6vmin); letter-spacing: 0em; font-weight: normal; text-decoration: none; color: #ffffff;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{a.gal_links_shadow {opacity: 0.56; font-family: 'Oswald'; font-weight: 400; font-size: calc(1.6vw + 1.6vh + 1.6vmin); letter-spacing: 0em; font-weight: normal; text-decoration: none; color: #ffffff;  }}

@media (max-width: 766px) and (orientation: portrait)
{a.gal_links_shadow {opacity: 0.56; font-family: 'Oswald'; font-weight: 400; font-size: calc(1.85vw + 1.85vh + 1.85vmin); letter-spacing: -0.018em; text-decoration: none; color: #ffffff; }}

@media (min-width: 767px) and (orientation: portrait)
{a.gal_links_shadow {opacity: 0.56; margin-left:6%; font-family: 'Oswald'; font-weight: 400; font-size: calc(1.75vw + 1.75vh + 1.75vmin); letter-spacing: -0.018em; font-weight: normal; text-decoration: none; color: #ffffff;  }}

a.gal_links_shadow:hover {opacity: 1.0;}

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

a.gal_links_bright {opacity: 1.0; border-bottom: 1px solid #fff; border-top: 1px solid #fff; text-align: center; font-family: 'Oswald'; font-weight: 400; font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0em; font-weight: normal; text-decoration: none; color: #ffffff;  }

@media (max-width: 766px) and (orientation: landscape)
{a.gal_links_bright {opacity: 1.0; font-family: 'Oswald'; font-weight: 400; font-size: calc(1.6vw + 1.6vh + 1.6vmin); letter-spacing: 0em; font-weight: normal; text-decoration: none; color: #ffffff;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{a.gal_links_bright {opacity: 1.0; font-family: 'Oswald'; font-weight: 400; font-size: calc(1.6vw + 1.6vh + 1.6vmin); letter-spacing: 0em; font-weight: normal; text-decoration: none; color: #ffffff;  }}

@media (max-width: 766px) and (orientation: portrait)
{a.gal_links_bright {opacity: 1.0; font-family: 'Oswald'; font-weight: 400; font-size: calc(1.85vw + 1.85vh + 1.85vmin); letter-spacing: -0.018em; text-decoration: none; color: #ffffff; }}

@media (min-width: 767px) and (orientation: portrait)
{a.gal_links_bright {opacity: 1.0; margin-left:6%; font-family: 'Oswald'; font-weight: 400; font-size: calc(1.75vw + 1.75vh + 1.75vmin); letter-spacing: -0.018em; font-weight: normal; text-decoration: none; color: #ffffff;  }}

a.gal_links_bright:hover {opacity: 0.56;}

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

.tears a:hover img {z-index: 5;  border: 0; opacity: 0.8; 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;}

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

.wrapper {background-color: black; padding: 0.5rem;}
.mangal {column-count: 1; column-gap: 0.5rem; list-style-type: none;
& li {break-inside: avoid; min-height: 30vmin; margin-bottom: 0.5rem; background-color: #000000;
& img {display: block; width: 100%; object-fit: cover; filter: grayscale(100%); transition: opacity 0.3s; }}}

.mangal {columns: 4;}

@media (max-width: 767px) and (orientation: portrait)
{.mangal {columns: 3;}}

@media (min-width: 767.5px) and (orientation: portrait)
{.mangal {columns: 4; }}

@media (max-width: 766px) and (orientation: landscape)
{.mangal {columns: 4;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.mangal {columns: 4; }}

/* -------------------------- */
a.open_video_please:hover {cursor: zoom-in; opacity: 0.85;}

.ekran {opacity: 0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.99); z-index: 3000; pointer-events: none; transition: opacity 200ms ease-in;}

.open {opacity: 1; pointer-events: auto;}

.videowindow {display: flex;  justify-content: center;  align-content: center;  align-items: center;  flex-direction: row; width: 100%; height: 100%; z-index: 3000;}

/* -------------------------- */
.pvideo { height:90%; float: left;}

@media (max-width: 767px) and (orientation: portrait)
{.pvideo {max-height:100%; max-width: 100%;}}

@media (min-width: 767.5px) and (orientation: portrait)
{.pvideo {max-height:75vh; max-width: 100%;}}

@media (max-width: 766px) and (orientation: landscape)
{.pvideo {max-height:100%; max-width: 100%; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.pvideo {max-height:100%; max-width: 100%; }}

.pvideo:hover {cursor: pointer;}

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

.close  {cursor: pointer; position: absolute; width: calc(0.95vw + 0.95vh + 0.95vmin);  top: calc(1.5vw + 1.5vh + 1.5vmin); right: calc(1.5vw + 1.5vh + 1.5vmin);-webkit-tap-highlight-color: transparent; z-index:3001;}

@media (max-width: 767px) and (orientation: portrait)
{.close  {cursor: pointer; position: absolute; width: calc(2vw + 2vh + 2vmin);  top: calc(1.5vw + 1.5vh + 1.5vmin); right: calc(1.5vw + 1.5vh + 1.5vmin); -webkit-tap-highlight-color: transparent; z-index:3001;}}

@media (min-width: 767.5px) and (orientation: portrait)
{.close  {cursor: pointer; position: absolute; width: calc(2vw + 2vh + 2vmin);  top: calc(2vw + 2vh + 2vmin); right: calc(1.5vw + 1.5vh + 1.5vmin);  -webkit-tap-highlight-color: transparent; z-index:3001;}}

@media (max-width: 766px) and (orientation: landscape)
{.close  {cursor: pointer; position: absolute; width: calc(2vw + 2vh + 2vmin);  top: calc(2vw + 2vh + 2vmin); right: calc(1.5vw + 1.5vh + 1.5vmin); -webkit-tap-highlight-color: transparent; z-index:3001;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.close  {cursor: pointer; position: absolute; width: calc(2vw + 2vh + 2vmin);  top: calc(2vw + 2vh + 2vmin); right: calc(1.5vw + 1.5vh + 1.5vmin); -webkit-tap-highlight-color: transparent; z-index:3001;}}

.close:hover { opacity: 0.85;}

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

.mangal2 {column-count: 1; column-gap: 0.5rem; list-style-type: none;
& li {break-inside: avoid; min-height: 30vmin; margin-bottom: 0.5rem; background-color: #000000;
& img {display: block; width: 100%; object-fit: cover; filter: grayscale(100%); transition: opacity 0.3s; }}}

.mangal2 {columns: 4;}

@media (max-width: 767px) and (orientation: portrait)
{.mangal2 {columns: 2;}}

@media (min-width: 767.5px) and (orientation: portrait)
{.mangal2 {columns: 4; }}

@media (max-width: 766px) and (orientation: landscape)
{.mangal2 {columns: 4;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.mangal2 {columns: 4; }}

/* -------------------------- */
.bpcen {width: 65%; margin: 0 auto;}

@media (max-width: 767px) and (orientation: portrait)
{.bpcen {width: 93.5%;  }}

@media (min-width: 767.5px) and (orientation: portrait)
{.bpcen {width: 85%; }}

@media (max-width: 766px) and (orientation: landscape)
{.bpcen {width: 85%; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.bpcen {width: 85%; }}

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

.bpcen_full {width: 100%; display: flex; flex-wrap: wrap; }

/* ---1------------------------------------- */ 
 
.bpcen_01 {flex:0 0 55%; align-self: center; text-align: center;  }

@media (max-width: 767px) and (orientation: portrait)
{.bpcen_01 {flex:0 0 100%; align-self: center;  text-align: center; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.bpcen_01 {flex:0 0 45%; align-self: start;  text-align: center; }}

@media (max-width: 766px) and (orientation: landscape)
{.bpcen_01 {flex:0 0 45%; align-self: start;  text-align: center;  } }

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.bpcen_01 {flex:0 0 45%; align-self: start;  text-align: center;  } }

/* --2-------------------------------------- */  

.bpcen_02 {flex:0 0 3%; text-align: left; align-self: center;  }

@media (max-width: 767px) and (orientation: portrait)
{.bpcen_02 {display: none;}}

@media (min-width: 767.5px) and (orientation: portrait)
{.bpcen_02 {flex:0 0 2%; text-align: left; align-self: center;   }}

@media (max-width: 766px) and (orientation: landscape)
{.bpcen_02 {flex:0 0 2%; text-align: left; align-self: center;   }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.bpcen_02 {flex:0 0 2%; text-align: left; align-self: center;   }}

/* --3-------------------------------------- */  

.bpcen_03 {flex:0 0 41%; text-align: left; align-self: center;  }

@media (max-width: 767px) and (orientation: portrait)
{.bpcen_03 {flex:0 0 100%; text-align: left; align-self: start; margin-top:4vh; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.bpcen_03 {flex:0 0 52%; text-align: left; align-self: start;   }}

@media (max-width: 766px) and (orientation: landscape)
{.bpcen_03 {flex:0 0 52%; text-align: left; align-self: start;   }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.bpcen_03 {flex:0 0 52%; text-align: left; align-self: start;   }}

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

.musal { font-family: 'Roboto Condensed300'; letter-spacing: 0.028em; line-height: 124%; font-weight: bold;  font-size: calc(1.7vw + 1.7vh + 1.7vmin); color: #fff; text-decoration: none; }

@media (max-width: 767px) and (orientation: portrait)
{.musal { font-family: 'Roboto Condensed300'; letter-spacing: 0.028em; line-height: 124%; font-weight: bold;  font-size: calc(3.6vw + 3.6vh + 3.6vmin); color: #fff; text-decoration: none; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.musal { font-family: 'Roboto Condensed300'; letter-spacing: 0.028em; line-height: 124%; font-weight: bold;  font-size: calc(2.1vw + 2.1vh + 2.1vmin); color: #fff; text-decoration: none; }}

@media (max-width: 766px) and (orientation: landscape)
{.musal { font-family: 'Roboto Condensed300'; letter-spacing: 0.028em; line-height: 124%; font-weight: bold;  font-size: calc(2.1vw + 2.1vh + 2.1vmin); color: #fff; text-decoration: none; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.musal { font-family: 'Roboto Condensed300'; letter-spacing: 0.028em; line-height: 124%; font-weight: bold;  font-size: calc(2.1vw + 2.1vh + 2.1vmin); color: #fff; text-decoration: none; }}

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

.musal2{opacity: 0.7;font-family: 'Roboto Condensed300'; letter-spacing: -0.028em;  font-weight: normal;  font-size: calc(0.9vw + 0.9vh + 0.9vmin); color: #fff; text-decoration: none; }

@media (max-width: 767px) and (orientation: portrait)
{.musal2{opacity: 0.7;font-family: 'Roboto Condensed300'; letter-spacing: -0.028em;  font-weight: normal;  font-size: calc(1.9vw + 1.9vh + 1.9vmin); color: #fff; text-decoration: none; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.musal2{opacity: 0.7;font-family: 'Roboto Condensed300'; letter-spacing: -0.028em;  font-weight: normal;  font-size: calc(1.2vw + 1.2vh + 1.2vmin); color: #fff; text-decoration: none; }}

@media (max-width: 766px) and (orientation: landscape)
{.musal2{opacity: 0.7;font-family: 'Roboto Condensed300'; letter-spacing: -0.028em;  font-weight: normal;  font-size: calc(1.2vw + 1.2vh + 1.2vmin); color: #fff; text-decoration: none; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.musal2{opacity: 0.7;font-family: 'Roboto Condensed300'; letter-spacing: -0.028em;  font-weight: normal;  font-size: calc(1.2vw + 1.2vh + 1.2vmin); color: #fff; text-decoration: none; }}

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

.musal3{opacity: 0.55;font-family: 'Roboto Condensed300'; letter-spacing: -0.028em;  font-weight: normal;  font-size: calc(0.6vw + 0.6vh + 0.6vmin); color: #fff; text-decoration: none; }

@media (max-width: 767px) and (orientation: portrait)
{.musal3{opacity: 0.55;font-family: 'Roboto Condensed300'; letter-spacing: -0.028em;  font-weight: normal;  font-size: calc(1.4vw + 1.4vh + 1.4vmin); color: #fff; text-decoration: none; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.musal3{opacity: 0.55;font-family: 'Roboto Condensed300'; letter-spacing: -0.028em;  font-weight: normal;  font-size: calc(0.7vw + 0.7vh + 0.7vmin); color: #fff; text-decoration: none; }}

@media (max-width: 766px) and (orientation: landscape)
{.musal3{opacity: 0.55;font-family: 'Roboto Condensed300'; letter-spacing: -0.028em;  font-weight: normal;  font-size: calc(0.85vw + 0.85vh + 0.85vmin); color: #fff; text-decoration: none; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.musal3{opacity: 0.55;font-family: 'Roboto Condensed300'; letter-spacing: -0.028em; font-weight: normal;  font-size: calc(0.95vw + 0.95vh + 0.95vmin); color: #fff; text-decoration: none; }}

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

.tec { letter-spacing: 0.028em; line-height: 124%;   font-size: calc(1.0vw + 1.0vh + 1.0vmin); color: #6ab0ff; text-decoration: none; }

@media (max-width: 767px) and (orientation: portrait)
{.tec {letter-spacing: 0.028em; line-height: 124%;   font-size: calc(2.4vw + 2.4vh + 2.4vmin); color: #6ab0ff; text-decoration: none; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.tec { letter-spacing: 0.028em; line-height: 124%; font-size: calc(1.4vw + 1.4vh + 1.4vmin); color: #6ab0ff; text-decoration: none; }}

@media (max-width: 766px) and (orientation: landscape)
{.tec {letter-spacing: 0.028em; line-height: 124%;   font-size: calc(1.4vw + 1.4vh + 1.4vmin); color: #6ab0ff; text-decoration: none; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.tec {  letter-spacing: 0.028em; line-height: 124%;  font-size: calc(1.4vw + 1.4vh + 1.4vmin); color: #6ab0ff; text-decoration: none; }}

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

.rbma{line-height: 100%; }

@media (max-width: 767px) and (orientation: portrait)
{.rbma{line-height: 100%; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.rbma{line-height: 65%; }}

@media (max-width: 766px) and (orientation: landscape)
{.rbma{line-height: 45%; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.rbma{line-height: 45%; }}

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

.obmus{width: 100%; display: flex; flex-wrap: wrap; row-gap: calc(0.7vw + 0.7vh + 0.7vmin);  }

@media (max-width: 767px) and (orientation: portrait)
{.obmus{width: 100%; display: flex; flex-wrap: wrap; row-gap: calc(1.77vw + 1.77vh + 1.77vmin);}}

@media (min-width: 767.5px) and (orientation: portrait)
{.obmus{width: 100%; display: flex; flex-wrap: wrap;  row-gap: calc(0.67vw + 0.67vh + 0.647vmin); }}

@media (max-width: 766px) and (orientation: landscape)
{.obmus{width: 100%; display: flex; flex-wrap: wrap;  row-gap: calc(0.27vw + 0.27vh + 0.27vmin); }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.obmus{width: 100%; display: flex; flex-wrap: wrap;  row-gap: calc(0.47vw + 0.47vh + 0.47vmin); }}

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

.mu {width: 100%; display: flex; flex-wrap: wrap; }

/* -------------------------- */
.mu01 {flex:0 0 12%; align-self: start;  text-align: left; }

@media (max-width: 767px) and (orientation: portrait)
{.mu01 {flex:0 0 14%; align-self: start;  text-align: left;  }}

@media (min-width: 767.5px) and (orientation: portrait)
{.mu01 {flex:0 0 12%; align-self: start;  text-align: left;  }}

@media (max-width: 766px) and (orientation: landscape)
{.mu01 {flex:0 0 13%; align-self: start;  text-align: left;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.mu01 {flex:0 0 13%; align-self: start;  text-align: left;  }}

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

.mu02 {flex:0 0 45%; align-self: start;  text-align: left;  }

@media (max-width: 767px) and (orientation: portrait)
{.mu02 {flex:0 0 47%; align-self: start;  text-align: left; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.mu02 {flex:0 0 38%; align-self: start;  text-align: left;}}

@media (max-width: 766px) and (orientation: landscape)
{.mu02 {flex:0 0 48%; align-self: start;  text-align: left;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.mu02 {flex:0 0 48%; align-self: start;  text-align: left;}}

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

.mu03 {flex:0 0 29%; align-self: start;  text-align: left;  }

@media (max-width: 767px) and (orientation: portrait)
{.mu03 {flex:0 0 29%; align-self: start;  text-align: left; }}

@media (min-width: 767.5px) and (orientation: portrait)
{.mu03 {flex:0 0 31%; align-self: start;  text-align: left;}}

@media (max-width: 766px) and (orientation: landscape)
{.mu03 {flex:0 0 33%; align-self: start;  text-align: left; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.mu03 {flex:0 0 33%; align-self: start;  text-align: left; }}

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

img.mllclass {width:calc(1.0vw + 1.0vh + 1.0vmin);}

@media (max-width: 767px) and (orientation: portrait)
{img.mllclass {width:calc(2.5vw + 2.5vh + 2.5vmin);}}

@media (min-width: 767.5px) and (orientation: portrait)
{img.mllclass {width:calc(1.25vw + 1.25vh + 1.25vmin);}}

@media (max-width: 766px) and (orientation: landscape)
{img.mllclass {width:calc(1.5vw + 1.5vh + 1.5vmin); }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{img.mllclass {width:calc(1.5vw + 1.5vh + 1.5vmin); }}

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

a.mulink {opacity: 1.0;   text-align: center; font-family: 'Roboto Condensed300'; font-size: calc(0.65vw + 0.65vh + 0.65vmin); letter-spacing: -0.025em; font-weight: normal; text-decoration: none; color: #ffffff;  }

@media (max-width: 766px) and (orientation: landscape)
{a.mulink {opacity: 1.0;   text-align: center; font-family: 'Roboto Condensed300'; font-size: calc(1.15vw + 1.15vh + 1.15vmin); letter-spacing: -0.025em; font-weight: normal; text-decoration: none; color: #ffffff;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{a.mulink {opacity: 1.0;   text-align: center; font-family: 'Roboto Condensed300'; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: -0.025em; font-weight: normal; text-decoration: none; color: #ffffff;  }}

@media (max-width: 766px) and (orientation: portrait)
{a.mulink {opacity: 1.0;   text-align: center; font-family: 'Roboto Condensed300'; font-size: calc(1.65vw + 1.65vh + 1.65vmin); letter-spacing: -0.025em; font-weight: normal; text-decoration: none; color: #ffffff;  }}

@media (min-width: 767px) and (orientation: portrait)
{a.mulink {opacity: 1.0;   text-align: center; font-family: 'Roboto Condensed300'; font-size: calc(0.65vw + 0.65vh + 0.65vmin); letter-spacing: -0.025em; font-weight: normal; text-decoration: none; color: #ffffff;  }}

a.mulink:hover {opacity: 0.56;}

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

a.hearing {opacity: 1.0;  vertical-align: 40%; padding: calc(0.2vw + 0.2vh + 0.2vmin); padding-right: calc(0.25vw + 0.25vh + 0.25vmin); padding-left: calc(0.25vw + 0.25vh + 0.25vmin); border: 1px solid #ffffff; text-align: center; font-family: 'Roboto Condensed300'; font-size: calc(0.55vw + 0.55vh + 0.55vmin); letter-spacing: -0.025em; font-weight: normal; text-decoration: none; color: #ffffff;  }

@media (max-width: 766px) and (orientation: landscape)
{a.hearing {opacity: 1.0;  vertical-align: 40%; padding: calc(0.2vw + 0.2vh + 0.2vmin); padding-right: calc(0.3vw + 0.3vh + 0.3vmin); padding-left: calc(0.3vw + 0.3vh + 0.3vmin);  border: 1px solid #ffffff;  text-align: center; font-family: 'Roboto Condensed300'; font-size: calc(1.1vw + 1.1vh + 1.1vmin); letter-spacing: -0.025em; font-weight: normal; text-decoration: none; color: #ffffff; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{a.hearing {opacity: 1.0;   vertical-align: 40%; padding: calc(0.2vw + 0.2vh + 0.2vmin); padding-right: calc(0.3vw + 0.3vh + 0.3vmin); padding-left: calc(0.3vw + 0.3vh + 0.3vmin);  border: 1px solid #ffffff;  text-align: center; font-family: 'Roboto Condensed300'; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: -0.025em; font-weight: normal; text-decoration: none; color: #ffffff; }}

@media (max-width: 766px) and (orientation: portrait)
{a.hearing {opacity: 1.0;  vertical-align: 40%; padding: calc(0.4vw + 0.4vh + 0.4vmin); padding-right: calc(0.5vw + 0.5vh + 0.5vmin); padding-left: calc(0.5vw + 0.5vh + 0.5vmin);  border: 1px solid #ffffff;  text-align: center; font-family: 'Roboto Condensed300'; font-size: calc(1.55vw + 1.55vh + 1.55vmin); letter-spacing: -0.025em; font-weight: normal; text-decoration: none; color: #ffffff; }}

@media (min-width: 767px) and (orientation: portrait)
{a.hearing {opacity: 1.0;  vertical-align: 40%; padding: calc(0.2vw + 0.2vh + 0.2vmin); padding-right: calc(0.3vw + 0.3vh + 0.3vmin); padding-left: calc(0.3vw + 0.3vh + 0.3vmin);  border: 1px solid #ffffff;  text-align: center; font-family: 'Roboto Condensed300'; font-size: calc(0.65vw + 0.65vh + 0.65vmin); letter-spacing: -0.025em; font-weight: normal; text-decoration: none; color: #ffffff; }}

a.hearing:hover {opacity: 0.56;}

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

.budse {opacity: 1.0; vertical-align: -21%; font-size: calc(0.85vw + 0.85vh + 0.85vmin); color: #ffffff; font-weight: normal;  }

@media (max-width: 766px) and (orientation: landscape)
{.budse {opacity: 1.0; vertical-align: -31%; font-size: calc(1.45vw + 1.45vh + 1.45vmin); color: #ffffff; font-weight: normal; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.budse {opacity: 1.0; vertical-align: -31%; font-size: calc(1.45vw + 1.45vh + 1.45vmin); color: #ffffff; font-weight: normal; }}

@media (max-width: 766px) and (orientation: portrait)
{.budse {opacity: 1.0; vertical-align: -21%; font-size: calc(1.85vw + 1.85vh + 1.85vmin); color: #ffffff; font-weight: normal; }}

@media (min-width: 767px) and (orientation: portrait)
{.budse {opacity: 1.0; vertical-align: -31%; font-size: calc(1.05vw + 1.05vh + 1.05vmin); color: #ffffff; font-weight: normal; }}

.budse:hover {opacity: 0.56;}

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

.int_news {width: 79.2%; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: nowrap; gap: calc(0.75vw + 0.75vh + 0.75vmin); border-bottom: 1px solid #5e5e5e;}

@media (max-width: 767px)
{.int_news {width: 100%; margin: 0 auto; padding: 0; display: flex; flex-direction: column; gap: calc(0.75vw + 0.75vh + 0.75vmin); }}

@media (min-width: 767px) and (orientation: portrait)
{.int_news {width: 86%; margin: 0 auto; padding: 0; border-radius: 0;
display: flex; flex-direction: column; gap: calc(0.75vw + 0.75vh + 0.75vmin);}}

@media (max-width: 767px) and (orientation: portrait)
{.int_news {padding-bottom:calc(1.75vw + 1.75vh + 1.75vmin); }}

.ress {line-height: 60%;}

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

.news_block {flex:100%; align-self: flex-start; padding-left:3.4%; padding-right:3%; padding-bottom:2%;}

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

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

a.zclass {font-family: 'Oswald'; font-size: calc(0.99vw + 0.99vw + 0.99vw);  letter-spacing: 0.018em; font-weight: bold;  text-decoration: none; color: #ffffff;transition: opacity 0.35s ease;  }

@media (max-width: 766px) and (orientation: landscape)
{a.zclass {font-family: 'Oswald'; font-size: calc(1.85vw + 1.85vh + 1.85vmin); letter-spacing: 0.018em; font-weight:  bold; text-decoration: none; color: #ffffff;transition: opacity 0.35s ease;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{a.zclass {font-family: 'Oswald'; font-size: calc(1.55vw + 1.55vh + 1.55vmin); letter-spacing: 0.018em; font-weight: bold; text-decoration: none; color: #ffffff; transition: opacity 0.35s ease;  }}

@media (max-width: 766px) and (orientation: portrait)
{a.zclass {font-family: 'Oswald'; font-size: calc(2.15vw + 2.15vh + 2.15vmin); line-height: 132%; letter-spacing: 0.018em; font-weight: bold; text-decoration: none; color: #ffffff; transition: opacity 0.35s ease;  }}

@media (min-width: 767px) and (orientation: portrait)
{a.zclass {font-family: 'Oswald'; font-size: calc(1.55vw + 1.55vh + 1.55vmin); letter-spacing: 0.018em; font-weight: bold; text-decoration: none; color: #ffffff; transition: opacity 0.35s ease;  }}

a.zclass:hover {opacity: 0.7; }

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

.date_news {font-family: 'Roboto Condensed300'; font-size: calc(0.4vw + 0.4vw + 0.4vw);  letter-spacing: 0.018em; font-weight: normal;  text-decoration: none; color: #cacaca;  }

@media (max-width: 766px) and (orientation: landscape)
{.date_news {font-family: 'Roboto Condensed300';  font-size: calc(0.95vw + 0.95vh + 0.95vmin); letter-spacing: 0.018em; font-weight:  normal; text-decoration: none; color: #cacaca;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.date_news {font-family: 'Roboto Condensed300'; font-size: calc(0.85vw + 0.85vh + 0.85vmin); letter-spacing: 0.018em;font-weight: normal; text-decoration: none; color: #cacaca;  }}

@media (max-width: 766px) and (orientation: portrait)
{.date_news {font-family: 'Roboto Condensed300'; font-size: calc(1.45vw + 1.45vh + 1.45vmin); letter-spacing: 0.018em; font-weight: normal; text-decoration: none; color: #cacaca;  }}

@media (min-width: 767px) and (orientation: portrait)
{.date_news {font-family: 'Roboto Condensed300'; font-size: calc(0.75vw + 0.75vh + 0.75vmin); letter-spacing: 0.018em; font-weight: normal; text-decoration: none; color: #cacaca;  }}

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

.smb_news {font-size: calc(0.4vw + 0.4vw + 0.4vw); color: #cacaca; vertical-align: -12%; }

@media (max-width: 766px) and (orientation: landscape)
{.smb_news {font-size: calc(0.95vw + 0.95vh + 0.95vmin); color: #cacaca; vertical-align: -12%;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.smb_news {font-size: calc(0.85vw + 0.85vh + 0.85vmin); color: #cacaca; vertical-align: -12%; }}

@media (max-width: 766px) and (orientation: portrait)
{.smb_news {font-size: calc(1.45vw + 1.45vh + 1.45vmin); color: #cacaca; vertical-align: -12%; }}

@media (min-width: 767px) and (orientation: portrait)
{.smb_news {font-size: calc(0.75vw + 0.75vh + 0.75vmin); color: #cacaca; vertical-align: -12%;  }}

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

.text_news {font-family: 'Roboto Condensed300';  line-height: 140%;  font-weight: 400; font-size: calc(0.44vw + 0.44vw + 0.44vw);  letter-spacing: 0.01em; font-weight: normal;  text-decoration: none; color: #cecece; }

@media (max-width: 766px) and (orientation: landscape)
{.text_news {font-family: 'Roboto Condensed300';  line-height: 140%; font-weight: 400; font-size: calc(1.05vw + 1.05vh + 1.05vmin); letter-spacing: 0.01em; font-weight:  normal; text-decoration: none; color: #cecece; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.text_news {font-family: 'Roboto Condensed300'; line-height: 140%;  font-weight: 400; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: 0.01em; font-weight: normal; text-decoration: none; color: #cecece;  }}

@media (max-width: 766px) and (orientation: portrait)
{.text_news {font-family: 'Roboto Condensed300';  line-height: 140%; font-weight: 400; font-size: calc(1.4vw + 1.4vh + 1.4vmin); letter-spacing: 0.01em; font-weight: normal; text-decoration: none; color: #cecece;  }}

@media (min-width: 767px) and (orientation: portrait)
{.text_news {font-family: 'Roboto Condensed300';  line-height: 140%; font-weight: 400; font-size: calc(0.65vw + 0.65vh + 0.65vmin); letter-spacing: 0.01em; font-weight: normal; text-decoration: none; color: #cecece;  }}

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

a.link_news {font-family: 'Roboto Condensed300';  line-height: 120%;  font-weight: 400; font-size: calc(0.38vw + 0.38vw + 0.38vw);  letter-spacing: -0.01em; font-weight: bold;  text-decoration: none; color: #ffffff; border-bottom: 1px solid #ffffff; }

@media (max-width: 766px) and (orientation: landscape)
{a.link_news {font-family: 'Roboto Condensed300';  line-height: 120%; font-weight: 400; font-size: calc(1.05vw + 1.05vh + 1.05vmin); letter-spacing: 0em; font-weight:  bold; text-decoration: none; color: #ffffff; border-bottom: 1px solid #ffffff;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{a.link_news {font-family: 'Roboto Condensed300'; line-height: 120%;  font-weight: 400; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: 0em; font-weight: bold; text-decoration: none; color: #ffffff; border-bottom: 1px solid #ffffff; }}

@media (max-width: 766px) and (orientation: portrait)
{a.link_news {font-family: 'Roboto Condensed300';  line-height: 120%; font-weight: 400; font-size: calc(1.4vw + 1.4vh + 1.4vmin); letter-spacing: -0.018em; font-weight: bold; text-decoration: none; color: #ffffff;border-bottom: 1px solid #ffffff;  }}

@media (min-width: 767px) and (orientation: portrait)
{a.link_news {font-family: 'Roboto Condensed300';  line-height: 120%; font-weight: 400; font-size: calc(0.65vw + 0.65vh + 0.65vmin); letter-spacing: -0.018em; font-weight: bold; text-decoration: none; color: #ffffff; border-bottom: 1px solid #ffffff; }}

a.link_news:hover {color: #cecece; border-bottom: 1px solid #cecece;}

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

/* ============================= */
/* КОЛЛАЖ ФОТО — ОСНОВНОЕ */
/* ============================= */

.mangal_news {
  column-count: 4;
  column-gap: 0.5rem;
  list-style: none;
  width: 100%;
}

.mangal_news li {
  break-inside: avoid;
  margin-bottom: 0.5rem;
}

.mangal_news img {
  width: 100%;
  display: block;
  object-fit: cover;
}

/* планшет */
@media (max-width: 1240px) {
  .mangal_news {
    column-count: 3;
  }
}

/* телефон */
@media (max-width: 767px) {
  .mangal_news {
    column-count: 2;
  }
}

/* ============================= */
/* ОДНО ФОТО — АККУРАТНО ПО ЦЕНТРУ */
/* ============================= */

.mangal_news:has(li:only-child) {
  column-count: 1;
  display: flex;
  justify-content: center;
}

.mangal_news:has(li:only-child) li {
  max-width: 620px; /* ← ТВОЯ "КАПЛЯ" */
}


img.posterrr { float: left ; padding-right: 3%; width: 20%; max-height: 60%;  }

@media (max-width: 767px) and (orientation: portrait)
{img.posterrr {width: 100%;  padding:0; padding-bottom: 7%; }}

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

a.lbfile {opacity: 1.0; font-family: 'Roboto Condensed300';  line-height: 120%;  font-weight: 400; font-size: calc(0.42vw + 0.42vw + 0.42vw);  letter-spacing: -0.01em; font-weight: normal;  text-decoration: none; color: #ffffff;transition: opacity 0.35s ease;  }

@media (max-width: 766px) and (orientation: landscape)
{a.lbfile {font-family: 'Roboto Condensed300';  line-height: 120%; font-weight: 400; font-size: calc(1.05vw + 1.05vh + 1.05vmin); letter-spacing: 0em; font-weight:  normal; text-decoration: none; color: #ffffff; transition: opacity 0.35s ease; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{a.lbfile {font-family: 'Roboto Condensed300'; line-height: 120%;  font-weight: 400; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: 0em; font-weight: normal; text-decoration: none; color: #ffffff;transition: opacity 0.35s ease;   }}

@media (max-width: 766px) and (orientation: portrait)
{a.lbfile {font-family: 'Roboto Condensed300';  line-height: 120%; font-weight: 400; font-size: calc(1.25vw + 1.25vh + 1.25vmin); letter-spacing: -0.018em; font-weight: normal; text-decoration: none; color: #ffffff;transition: opacity 0.35s ease;   }}

@media (min-width: 767px) and (orientation: portrait)
{a.lbfile {font-family: 'Roboto Condensed300';  line-height: 120%; font-weight: 400; font-size: calc(0.75vw + 0.75vh + 0.75vmin); letter-spacing: -0.018em; font-weight: normal; text-decoration: none; color: #ffffff; transition: opacity 0.35s ease; }}

a.lbfile:hover {opacity: 0.7; }

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

.ffile {font-size: calc(0.42vw + 0.42vw + 0.42vw); color: #ffffff; vertical-align: -21%;}

@media (max-width: 766px) and (orientation: landscape)
{.ffile {font-size: calc(1.05vw + 1.05vh + 1.05vmin); color: #ffffff; vertical-align: -21%;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.ffile {font-size: calc(0.9vw + 0.9vh + 0.9vmin); color: #ffffff; vertical-align: -21%; }}

@media (max-width: 766px) and (orientation: portrait)
{.ffile {font-size: calc(1.25vw + 1.25vh + 1.25vmin);   color: #ffffff; vertical-align: -21%; }}

@media (min-width: 767px) and (orientation: portrait)
{.ffile {font-size: calc(0.75vw + 0.75vh + 0.75vmin);  color: #ffffff; vertical-align: -21%;  }}

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

.contacts_block {width: 93.2%; display: flex;  margin-top:1.5%; margin: 0 auto;}

@media (max-width: 766px) and (orientation: landscape)
{.contacts_block {width: 95%; display: flex; margin-top:3%;}}

@media (max-width: 767px) and (orientation: portrait)
{.contacts_block {display: inline-block; width: 100%; margin: 0 auto; padding: 0;  margin-top:2%;}}

@media (min-width: 767.9999px) and (orientation: portrait)
{.contacts_block {width: 100%; display: flex;  margin-top:0.2%;}}

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

.izo {flex: 35%;  box-sizing: border-box;  align-self: center; text-align: center; align-items: center; justify-content: center;}

@media (max-width: 766px) and (orientation: landscape)
{.izo {flex: 35%;  box-sizing: border-box;  align-self: start; text-align: center; align-items: center; justify-content: center;}}

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

@media (min-width: 767.9999px) and (orientation: portrait)
{.izo {flex: 50%;  box-sizing: border-box; align-self: center; text-align: center; align-items: center; justify-content: center;}}

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

.izo_block{width: 100%; height: calc(18.25vw + 18.25vh + 18.25vmin); padding: 0;  }

@media (max-width: 766px) and (orientation: landscape)
{.izo_block{width: 100%; height: calc(30.25vw + 30.25vh + 30.25vmin); padding: 0;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.izo_block{width: 100%; height: calc(20.25vw + 20.25vh + 20.25vmin); padding: 0;  }}

@media (max-width: 767px) and (orientation: portrait)
{.izo_block{width: 100%; height: calc(23.25vw + 23.25vh + 23.25vmin);  padding: 0; }}

@media (min-width: 767.9999px) and (orientation: portrait)
{.izo_block{width: 100%; height: calc(23.25vw + 23.25vh + 23.25vmin);  padding: 0; }}

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

.txt99  {flex: 50%;   text-align: left;box-sizing: border-box; padding:4%; padding-left:0; padding-top: 0%;}

@media (max-width: 766px) and (orientation: landscape)
{.txt99  {flex: 50%;   text-align: left; box-sizing: border-box; padding:4%; padding-left:0; padding-top: 0%;}}

@media (max-width: 767px) and (orientation: portrait)
{.txt99 {width: 90%; padding:2%; padding-top:4%; padding-bottom:8%;}}

@media (min-width: 767.9999px) and (orientation: portrait)
{.txt99  {flex: 65%;  box-sizing: border-box;padding:4%; padding-left:3%; padding-top: 0%;}}

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

img.contacts_img_zn {width: 5%; opacity: 0.9; vertical-align: -37%;}

@media (max-width: 767px) and (orientation: portrait)
{img.contacts_img_zn {width: 10%; opacity: 0.9; vertical-align: -24%;}}

img.contacts_img_zn:hover {opacity: 1.0;}

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

.contacts_smb {font-size: calc(0.78vw + 0.78vh + 0.78vmin); color: #ffffff; vertical-align: -12%; }

@media (max-width: 766px) and (orientation: landscape)
{.contacts_smb {font-size: calc(0.78vw + 0.78vh + 0.78vmin); color: #ffffff; vertical-align: -12%;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.contacts_smb {font-size: calc(0.78vw + 0.78vh + 0.78vmin); color: #ffffff; vertical-align: -12%; }}

@media (max-width: 766px) and (orientation: portrait)
{.contacts_smb {font-size: calc(1.68vw + 1.58vh + 1.58vmin);  color: #ffffff; vertical-align: -12%; }}

@media (min-width: 767px) and (orientation: portrait)
{.contacts_smb {font-size: calc(0.78vw + 0.78vh + 0.78vmin); color: #ffffff; vertical-align: -12%;  }}

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

.oso {display: none; }

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

.por {}

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

@media (max-width: 1023px)
{.pepl {display: none; }}

@media (max-width: 1023px)
{.pepl {display: none; }}

.mangal_news {
  margin-left: auto;
  margin-right: auto;
}