* {padding: 0; margin: 0;}

html {scroll-behavior: smooth;-webkit-tap-highlight-color: transparent; }

html, body { scrollbar-gutter: stable; }

body {background: #ffffff; overflow-x: hidden; overflow-x: none !important; z-index: 10000000;}
.no-scroll {overflow: hidden;}
.ano { filter: blur(calc(0.1vw + 0.1vh + 0.1vmin)) grayscale(80%) opacity(85%); transition: all 0.25s linear;}
.ano_no {transition: all 0.25s linear;}
.overflow-x-hotfix {overflow-x: hidden; max-width: 100vw;}

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

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


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


@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed300';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-condensed-v25-cyrillic_latin-300.eot');
  src: url('fonts/roboto-condensed-v25-cyrillic_latin-300.eot?#iefix') format('embedded-opentype'),
       url('fonts/roboto-condensed-v25-cyrillic_latin-300.woff2') format('woff2'),
       url('fonts/roboto-condensed-v25-cyrillic_latin-300.woff') format('woff'),
       url('fonts/roboto-condensed-v25-cyrillic_latin-300.ttf') format('truetype'),
       url('fonts/roboto-condensed-v25-cyrillic_latin-300.svg#RobotoCondensed') format('svg');
}

/* -------------------------- */  
.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: #0372c6; 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: #0372c6; 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: #0372c6; 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: #0372c6; 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;  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;  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;  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; 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 #98f4ff; color:#98f4ff; }

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

@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: #5bd2e0;  color: #ffffff;}

/* -------------------------- */  
.cot {line-height: 70%;}

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

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

.box {position: absolute; top: 0; transform: rotate(280deg); left: 46%; opacity: 0.13; z-index: 2001; }
.wave { position: absolute; background:#ff514a; width: 400px; height: 400px; border-radius: 43%; animation: drift 7000ms infinite linear;}
.wave.-three {position: absolute; background-color: #037bcc; width: 800px; height: 700px; border-radius: 43%; animation: drift 7500ms infinite linear;}
.box:after {content: ''; display: block;left: 0;top: 0; width: 100%; height: 100%;z-index: 11;  transform: translate3d(0, 0, 0);}
@keyframes drift {from { transform: rotate(0deg); } from { transform: rotate(360deg); }}

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

@media (max-width: 767.999px) and  (orientation: landscape)
{.box {position: fixed; top: 0; transform: rotate(280deg); left: 42%; opacity: 0.13; z-index: 2001; }}

@media (max-width: 767.999px) and  (orientation: landscape)
{.wave { position: fixed; background:#ff514a; width: 150px; height: 165px;  border-radius: 43%; animation: drift 7000ms infinite linear;}}

@media (max-width: 767.999px) and  (orientation: landscape)
{.wave.-three {position: fixed; background-color: #037bcc; width: 200px; height: 200px;  border-radius: 43%; animation: drift 7500ms infinite linear;}}

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

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.box {position: absolute; top: 0; transform: rotate(280deg); left: 36%; opacity: 0.13; z-index: 2001; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.wave { position: absolute; background:#ff514a; width: 300px; height: 300px; border-radius: 43%; animation: drift 7000ms infinite linear;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.wave.-three {position: absolute; background-color: #037bcc; width: 500px; height: 400px; border-radius: 43%; animation: drift 7500ms infinite linear;}}

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

@media (max-width: 767px) and (orientation: portrait)
{.box {position: fixed; top: 0; transform: rotate(280deg); left:39%;opacity: 0.13;z-index: 2001;  }}

@media (max-width: 767px) and (orientation: portrait)
{.wave { position: fixed; background:#ff514a; width: 100px; height: 115px;  border-radius: 43%; animation: drift 8000ms infinite linear;  }}

@media (max-width: 767px) and (orientation: portrait)
{.wave.-three {position: fixed; background-color: #037bcc; width: 150px; height: 150px;  border-radius: 43%; animation: drift 8500ms infinite linear;  }}

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

@media (min-width: 768px) and (orientation: portrait)
{.box {position: absolute; top: 0; transform: rotate(280deg); left:39%;opacity: 0.13;z-index: 2001;  }}

@media (min-width: 768px) and (orientation: portrait)
{.wave { position: absolute; background:#ff514a; width: 100px; height: 115px;  border-radius: 43%; animation: drift 8000ms infinite linear;  }}

@media (min-width: 768px) and (orientation: portrait)
{.wave.-three {position: absolute; background-color: #037bcc; width: 150px; height: 150px;  border-radius: 43%; animation: drift 8500ms infinite linear;  }}

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

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

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

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

.tt {position: fixed;width: 100%; z-index: 2000; display: flex; flex-wrap: wrap; font-size: calc(0.51vw + 0.51vh + 0.51vmin);  height: calc(4.4vw + 4.4vh + 4.4vmin);  background: #ffffff;}

@media screen and (orientation:landscape)
{.tt {position: fixed; width: 100%; display: flex; flex-wrap: wrap; font-size: calc(0.51vw + 0.51vh + 0.51vmin); height: calc(4.4vw + 4.4vh + 4.4vmin); background: #ffffff; }}

img.moblogo {margin-left:4%; max-width: 110%; }

@media screen and (orientation:landscape)
{img.moblogo {margin-left:4%; max-width: 75%; }}

.mob1 { flex:0 0 70%; align-self: center; text-align:left; align-items: center; justify-content: center; }

#knopka { flex:0 0 20%; right: 2%; position: absolute; padding: 1%; z-index: 4020; cursor: pointer; user-select: none; opacity: 0.9; align-self: center; 
 -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none;}

@media screen and (orientation:landscape)
{#knopka {right: 3.6%;}}

#knopka span {height: 5px; width: calc(4.11vw + 4.11vh + 4.11vmin);  background-color: #0372c6;  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: #0372c6;  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: #0372c6;  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: #0372c6;  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: #0372c6;  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: #0372c6;  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.0; width: calc(4.11vw + 4.11vh + 4.11vmin); background-color: #fff;}
input[type=checkbox]:checked ~ #knopka span:after {transform: rotate(-45deg) translate(7px, -7px); background-color: #fff; z-index: 4020;}

#knopka:before {content: ''; position: absolute; display: block; top: -25px; left: -25px; right: -25px; bottom: -25px;}

#menu_content { background: #0372c6; visibility: hidden; position: fixed;  top: 0; left: 0;  z-index: 4010;    width: 100%;  height: 100%;  overflow-y: scroll; }
#menu_content:after {z-index: 4010; } 

#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:#ffffff; font-family: 'Roboto Condensed300'; font-size: calc(1.65vw + 1.65vh + 1.65vmin);  text-decoration: none;}

#menu_content ul li a.selp {color:#a8f4ff;}

.added {color:#ffffff; font-family: 'Roboto Condensed300'; font-size: calc(1.3vw + 1.3vh + 1.3vmin);  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;}

#menu_content .box {display: none;}

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

header {width: 100%; padding-top: 1.5vh; padding-bottom: 1.25vh; }

.ye {margin: 0 auto; width: 79.3%; display: flex; flex-wrap: wrap; justify-content: space-between; letter-spacing: -0.018em; font-size: calc(0.51vw + 0.51vh + 0.51vmin);  }

@media and (max-width: 767px) and (orientation: landscape)
{.ye {margin: 0 auto; width: 96%; display: flex; flex-wrap: wrap; justify-content: space-between; letter-spacing: -0.018em; font-size: calc(0.51vw + 0.51vh + 0.51vmin);  }}

@media screen and (max-width: 767px) and (orientation: portrait)
{.ye {margin: 0 auto; width: 85%; display: flex; flex-wrap: wrap; justify-content: space-between; letter-spacing: -0.018em; font-size: calc(0.51vw + 0.51vh + 0.51vmin);  }}

@media screen and (min-width: 767px) and (orientation: portrait) 
{.ye { margin: 0 auto; width: 95%; display: flex; flex-wrap: wrap; justify-content: space-between; letter-spacing: -0.018em; font-size: calc(0.51vw + 0.51vh + 0.51vmin);  }}

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

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

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

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

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


.yes_02 {flex:0 0 45%; align-self: left; text-align: left; justify-content: center; align-items:center; align-content:center; }

@media screen and (max-width: 767px) and (orientation: portrait)
{.yes_02 {flex:0 0 100%;  margin-left:5%; align-self: center; text-align: center; justify-content: center; align-items:center; align-content:center; margin-bottom: calc(0.56vw + 0.56vh + 0.56vmin);}}

@media screen and (min-width: 767.5px) and (orientation: portrait) 
{.yes_02 {flex:0 0 45%;  align-self: left; text-align: left; justify-content: center; align-items:center; align-content:center; }}

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

.yes_03 {flex:0 0 43.5%; align-self: center; text-align: right;align-items:center; align-content:center; }

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

@media screen and (min-width: 767.5px) and (orientation: portrait) 
{.yes_03 {flex:0 0 40%; align-self: center; text-align: right;align-items:center; align-content:center; }}

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

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

@media screen and (max-width: 767px) and (orientation: portrait)
{.logo_first{ height: calc(6.56vw + 6.56vh + 6.56vmin);  width: auto; object-fit: cover; object-position: bottom; margin-bottom: calc(0.56vw + 0.56vh + 0.56vmin); }}

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

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

.leline1 {width: 65%; -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg); background: red; padding:0.9%;}

@media screen and (max-width: 767px) and (orientation: portrait)
{.leline1 {width: 90%; -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg); background: red; padding:0.5%;}}

@media screen and (min-width: 767.5px) and (orientation: portrait) 
{.leline1 {width: 65%; -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg); background: red; padding:0.9%;}}

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

.leline2 {-webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg);margin-left:6.61%;}

@media screen and (max-width: 767px) and (orientation: portrait)
{.leline2 {-webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg);margin-left:0;}}

@media screen and (min-width: 767.5px) and (orientation: portrait) 
{.leline2 {-webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg);margin-left:6.61%;}}

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

.leline3 {width: 88%; -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg);background: #0370c8;}

@media screen and (max-width: 767px) and (orientation: portrait)
{.leline3 {width: 90%; -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg);background: #0370c8;}}

@media screen and (min-width: 767.5px) and (orientation: portrait) 
{.leline3 {width: 88%; -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg);background: #0370c8;}}

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

.leline4 {-webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg);margin-left:5%; padding:0.9%;padding-top:0;}

@media screen and (max-width: 767px) and (orientation: portrait)
{.leline4 {-webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg); margin-left:0; padding:2%;padding-top:0;padding-bottom:1.5%;}}

@media screen and (min-width: 767.5px) and (orientation: portrait) 
{.leline4 {-webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg);margin-left:5%; padding:0.9%;padding-top:0;}}
 
/* -------------------------- */

a.nazv { font-family: 'Inter'; font-weight: 400; letter-spacing: -0.018em;   font-size: calc(0.65vw + 0.65vh + 0.65vmin); color: white; text-decoration: none; transition: opacity 0.3s ease;}

@media screen and (max-width: 767px) and (orientation: portrait)
{a.nazv { font-family: 'Inter'; font-weight: 400; letter-spacing: -0.018em;   font-size: calc(1.15vw + 1.15vh + 1.15vmin); color: white; text-decoration: none; transition: opacity 0.3s ease;}}

@media screen and (min-width: 767.5px) and (orientation: portrait) 
{a.nazv { font-family: 'Inter'; font-weight: 400; letter-spacing: -0.018em;   font-size: calc(0.65vw + 0.65vh + 0.65vmin); color: white; text-decoration: none; transition: opacity 0.3s ease;}}



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

a.bsh {font-family: 'Inter'; letter-spacing: -0.018em; font-size: calc(0.451vw + 0.451vh + 0.451vmin); color: #000000; text-decoration: none; transition: opacity 0.3s ease;}

@media screen and (max-width: 767px) and (orientation: portrait)
{a.bsh {font-family: 'Inter'; letter-spacing: -0.018em; font-size: calc(0.9vw + 0.91vh + 0.9vmin); color: #000000; text-decoration: none; transition: opacity 0.3s ease;}}

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

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


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


a.bsh:hover {opacity: 0.89; cursor: pointer; }

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

.lh {line-height: 30%;}

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

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

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

.lh2 {line-height: 10%;}

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

@media screen and (min-width: 767.5px) and (orientation: portrait) 
{.lh2 {line-height: 0;}}

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

.footi3 {color: #000000; vertical-align: -12%;font-size: calc(0.38vw + 0.38vh + 0.38vmin);}

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

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

@media screen and (max-width: 767px) and (orientation: portrait)
{.footi3 {margin-top:0.19em;  color: #000000; vertical-align: -22%;font-size: calc(0.8vw + 0.8vh + 0.8vmin); }}

@media screen and (min-width: 767.5px) and (orientation: portrait) 
{.footi3 {color: #000000; vertical-align: -12%;font-size: calc(0.38vw + 0.38vh + 0.38vmin);}}

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



.nazv2 {font-family: 'Inter'; letter-spacing: -0.018em; font-size: calc(0.55vw + 0.55vh + 0.55vmin); color: #0372c6; text-decoration: none; transition: opacity 0.3s ease;}


.vvod {margin-left: -2%; padding-left: calc(0.18vw + 0.18vh + 0.18vmin); color: #000000; vertical-align: -12%;font-size: calc(0.5vw + 0.5vh + 0.5vmin);}

@media (max-width: 767px) and (orientation: portrait)
{.vvod {margin-top:0.19em; padding-left: calc(0.5vw + 0.5vh + 0.5vmin); color: #ffffff; vertical-align: -12%;font-size: calc(1.35vw + 1.35vh + 1.35vmin);}}


.sbsh {text-decoration: none; color: #ffffff; font-family: 'Inter'; letter-spacing: -0.018em; font-size: calc(0.48vw + 0.48vh + 0.48vmin); opacity: 1.0; transition: 0.2s linear;  }
.sbsh:hover {color: #a8f4ff;text-decoration: none; }

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.sbsh {text-decoration: none; color: #ffffff; font-family: 'Inter'; letter-spacing: -0.018em; font-size: calc(0.58vw + 0.58vh + 0.58vmin); opacity: 1.0; transition: 0.2s linear;  }}

.sbsh_selected {text-decoration: none; color: #a8f4ff; font-family: 'Inter'; letter-spacing: -0.018em; font-size: calc(0.48vw + 0.48vh + 0.48vmin); opacity: 1.0; transition: 0.2s linear;  }
.sbsh_selected:hover {color: #ffffff;text-decoration: none; }

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.sbsh_selected {text-decoration: none; color: #a8f4ff; font-family: 'Inter'; letter-spacing: -0.018em; font-size: calc(0.58vw + 0.58vh + 0.58vmin); opacity: 1.0; transition: 0.2s linear;  }}

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

header > h1 {}
nav#navbar {top: 0; position: relative; width: 100%; transition: all 0.5s linear; z-index: 1000; background: #0372c6; }
ul.menu-list {display: flex; list-style: none; align-items: center; align-content: center; height: calc(1.0vw + 1.0vh + 1.0vmin);}
ul.menu-list li {padding: 0;  }

ul.menu-list  li.first_li {margin-right: 2.0%;  }

ul.menu-list  li.second_li {margin-right: 2.0%; }
ul.menu-list  li.second_li_ti {margin-right: 2.0%; }

ul.menu-list  li.third_li {max-width: 0; overflow: hidden; position:absolute; right: 10.4%; transition: opacity 0.5s linear; opacity: 0;}

@media (min-width: 767px) and (orientation: portrait)
{ul.menu-list  li.third_li {display: none;}}

ul.menu-list li.logo {max-width: 0; overflow: hidden;  transition: all 0.5s linear; margin-left: 10.35%; }

@media (min-width: 767px) and (orientation: portrait)
{ul.menu-list li.logo {max-width: 0; overflow: hidden;  transition: all 0.5s linear; margin-left: 6.8%; }}

.logo > a > img {}

@media screen and (max-width: 1200px)
{.logo > a > img {}}

@media screen and (min-width: 1900px)
{.logo > a > img {}}

ul.menu-list li > a {text-decoration: unset; display: flex; color: #ffffff; font-family: 'Inter'; letter-spacing: -0.018em; 
font-size: calc(0.48vw + 0.48vh + 0.48vmin); opacity:1.0; transition: 0.2s linear;  }

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{ul.menu-list li > a {text-decoration: unset; display: flex; color: #ffffff; font-family: 'Inter'; letter-spacing: -0.018em; 
font-size: calc(0.58vw + 0.58vh + 0.58vmin); opacity:1.0; transition: 0.2s linear;  }}

ul.menu-list li > a:hover {color: #a8f4ff; }

ul.menu-list li > a.ostmkt {text-decoration: unset; display: flex; color: #a8f4ff; font-family: 'Inter'; letter-spacing: -0.018em; 
font-size: calc(0.48vw + 0.48vh + 0.48vmin); opacity:1.0; transition: 0.2s linear;  }

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{ul.menu-list li > a.ostmkt {text-decoration: unset; display: flex; color: #a8f4ff; font-family: 'Inter'; letter-spacing: -0.018em; 
font-size: calc(0.58vw + 0.58vh + 0.58vmin); opacity:1.0; transition: 0.2s linear;  }}

ul.menu-list li > a.ostmkt:hover {color: #ffffff; }

body.fixed-nav nav#navbar {position: fixed; height: calc(1.0vw + 1.0vh + 1.0vmin); }

body.fixed-nav li.third_li {max-width: 100%; opacity: 0.9; }

body.fixed-nav li.logo {max-width: 300px; margin-right: 2.35%; }

@media screen and (min-width: 1900px)
{body.fixed-nav li.logo {max-width: 30%; margin-right: 2.35%;}}

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

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

.this_punkt {position: relative;  background: transparent; cursor: pointer; text-decoration: none; color: #000000; font-family: 'Inter'; letter-spacing: -0.018em; 
font-size: calc(0.48vw + 0.48vh + 0.48vmin); opacity:1.0; }

.inside_wide_punkt {display: none; position: absolute; z-index: 1000; opacity: 1.0; box-shadow: 0 0 0 0 rgba(77,181,37,0.15); -webkit-box-shadow: 0 0 0 0 rgba(77,181,37,0.08);
  background-color:#ffffff;  filter: drop-shadow(0 0 calc(0.07em + 0.07vw) #e2e6e7); 
width: calc(14.18vw + 14.18vh + 14.18vmin); left: -69%;   top: calc(1.05vw + 1.05vh + 1.05vmin);  }

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

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

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

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

.inside_wide_punkt a {display: block;  animation: spisok 300ms ease-in-out both;  text-decoration: none; position: relative; color: #000; font-family: 'Inter'; letter-spacing: -0.018em; 
font-size: calc(0.48vw + 0.48vh + 0.48vmin); opacity:0.8; padding: calc(0.35em + 0.35vw);  line-height:102%;}

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

.inside_wide_punkt a:hover { background-color: #d2ecff;  }
.wide_punkt:hover .inside_wide_punkt {display: block; z-index:1000000;}

.inside_wide_punkt::-webkit-scrollbar {width: calc(0.08vw + 0.08vh + 0.08vmin);}
.inside_wide_punkt::-webkit-scrollbar-track {background: #ffffff;}
.inside_wide_punkt::-webkit-scrollbar-thumb {background-color: #dbe7ed;}

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

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

.dom1{width: calc(4.48vw + 4.48vh + 4.48vmin);margin-right: calc(0.48vw + 0.48vh + 0.48vmin);border-radius: calc(0.4vw + 0.4vh + 0.4vmin); float:left;  }

.ops {font-size: 120%; padding-top:calc(0.285vw + 0.285vh + 0.285vmin); }

.ops_th1 {font-size: 65%; }

.ops_th2 {font-size: 65%;}





.slideshow {overflow: hidden; position: relative; width: 79.2%; margin: 0 auto; height: 80%; z-index: 1; border-radius: 0;}

@media (max-width: 767px) and (orientation: landscape)
{.slideshow {overflow: hidden; position: relative;  width: 100%; margin: 0 auto;  height: 78%; z-index: 1;  border-radius: 0;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.slideshow {overflow: hidden; position: relative;  width: 100%; margin: 0 auto; height: 100%; z-index: 1;  border-radius: 0;}}


@media (max-width: 767px) and (orientation: portrait)
{.slideshow {overflow: hidden; position: relative;  width: 100%; top: calc(3.27vw + 3.27vh + 3.27vmin); height: 90%; z-index: 1;  border-radius: 0;}}

@media (min-width: 768px) and (orientation: portrait)
{.slideshow {overflow: hidden; position: relative;  width: 100%;  height: 90%; z-index: 1; border-radius: 0;}}

@media screen and  (orientation:landscape)
{img.glavnaya_land {display:block;}img.glavnaya_port {display:none;}}

@media screen and (orientation: portrait)
{img.glavnaya_land {display: none;}img.glavnaya_port {display:block;}}

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

.slideshow .slideshow-inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.slideshow .slides {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.slideshow .slide {display: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0;}
.slideshow .slide.is-active {display: block}
.slideshow .slide.is-loaded {opacity: 1;}
.slideshow .slide-content {opacity: 1;position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }

.slideshow .slide .caption {position: absolute; bottom: 0; height: 13%; width: 100%;margin: 0 auto; display: flex; flex-wrap: wrap;
color: #000000; font-family: 'Inter'; font-weight: 400;letter-spacing: -0.018em; font-size: calc(0.48vw + 0.48vh + 0.48vmin);}

@media (max-width: 766px) and (orientation: landscape)
{.slideshow .slide .caption {position: absolute; bottom: 0; height: 19%; width: 100%;margin: 0 auto; display: flex; flex-wrap: wrap;
color: #000000; font-family: 'Inter'; font-weight: 400;letter-spacing: -0.018em; font-size: calc(0.48vw + 0.48vh + 0.48vmin);}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.slideshow .slide .caption {position: absolute; bottom: 0;  width: 100%;margin: 0 auto; display: flex; flex-wrap: wrap;
color: #000000; font-family: 'Inter'; font-weight: 400;letter-spacing: -0.018em; font-size: calc(0.48vw + 0.48vh + 0.48vmin);}}


@media (max-width: 767px) and (orientation: portrait)
{.slideshow .slide .caption {position: absolute; bottom: 0; height: 34%;width: 100%;margin: 0 auto; display: flex; flex-wrap: nowrap;flex-direction: column;
color: #000000; font-family: 'Inter'; font-weight: 400;letter-spacing: -0.018em; font-size: calc(0.9vw + 0.9vh + 0.9vmin); padding-bottom:0; margin-bottom: 0;}}






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

.hey1 {flex:0 0 14%; align-self: center; text-align: left; padding-left:4%; }

@media (max-width: 767px) and (orientation: portrait)
{.hey1 {width: 100%; text-align: left; padding-left:10%; padding-top: 1%; padding-bottom: 1.9%; order: 1; }}

@media (min-width: 767.9999px) and (orientation: portrait)
{.hey1 {flex:0 0 19%; align-self: center; text-align: left; padding-left:4%;  }}


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

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

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


.nazvanie{color: #000000; font-family: 'Inter'; line-height: 130%; text-align: left; font-size: calc(0.8vw + 0.8vh + 0.8vmin); letter-spacing: -0.018em;}

@media (max-width: 767px) and (orientation: portrait)
{.nazvanie{color: #000000; font-family: 'Inter'; line-height: 130%; text-align: left; font-size: calc(1.7vw + 1.7vh + 1.7vmin); letter-spacing: -0.018em;}}

@media (min-width: 767.9999px) and (orientation: portrait)
{.nazvanie{color: #000000; font-family: 'Inter'; line-height: 130%; text-align: left; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: -0.018em;}}

@media (max-width: 766px) and (orientation: landscape)
{.nazvanie{color: #000000; font-family: 'Inter'; line-height: 130%; text-align: left; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: -0.018em;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.nazvanie{color: #000000; font-family: 'Inter'; line-height: 130%; text-align: left; font-size: calc(0.95vw + 0.95vh + 0.95vmin); letter-spacing: -0.018em;}}


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



.nazvanie2{color: #000000; font-family: 'Inter'; line-height: 130%; text-align: left; font-size: calc(0.45vw + 0.45vh + 0.45vmin); letter-spacing: -0.018em;}

@media (max-width: 767px) and (orientation: portrait)
{.nazvanie2{color: #000000; font-family: 'Inter'; line-height: 130%; text-align: left; font-size: calc(1.15vw + 1.15vh + 1.15vmin); letter-spacing: -0.018em;}}

@media (min-width: 767.9999px) and (orientation: portrait)
{.nazvanie2{color: #000000; font-family: 'Inter'; line-height: 130%; text-align: left; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: -0.018em;}}

@media (max-width: 766px) and (orientation: landscape)
{.nazvanie2{color: #000000; font-family: 'Inter'; line-height: 130%; text-align: left; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: -0.018em;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.nazvanie2{color: #000000; font-family: 'Inter'; line-height: 130%; text-align: left; font-size: calc(0.69vw + 0.69vh + 0.69vmin); letter-spacing: -0.018em;}}


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



.hey2 {flex:0 0 43%;  align-self: center; text-align: left; align-items: center; justify-content: center; }

@media (max-width: 767px) and (orientation: portrait)
{.hey2 { flex:0 0 0;  width: 90%; padding-left:5%; padding-bottom: 2.5%; opacity: 0.9; text-align: left; align-self: start; order: 2; align-items: start; justify-content: start; }}

@media (min-width: 767.9999px) and (orientation: portrait)
{.hey2 {flex:0 0 44%;  align-self: center; text-align: left; align-items: center; justify-content: center; }}

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

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.hey2 {flex:0 0 49%;  align-self: center; text-align: left; align-items: center; justify-content: center; }}






.ic90 {font-size: calc(0.46vw + 0.46vh + 0.46vmin);  vertical-align:-14%; color: #0370c8;}

@media (max-width: 767px) and (orientation: portrait)
{.ic90 {font-size: calc(0.99vw + 0.99vh + 0.99vmin); vertical-align:-14%; color: #0370c8;}}

@media (min-width: 767.9999px) and (orientation: portrait)
{.ic90 {font-size: calc(0.6vw + 0.6vh + 0.6vmin); vertical-align:-14%; color: #0370c8;}}

@media (max-width: 766px) and (orientation: landscape)
{.ic90 {font-size: calc(0.6vw + 0.6vh + 0.6vmin);  vertical-align:-14%; color: #0370c8;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.ic90 {font-size: calc(0.68vw + 0.68vh + 0.68vmin);  vertical-align:-14%; color: #0370c8;}}





.hey_th3 {color: #000000; font-family: 'Inter'; line-height: 130%; text-align: left; font-size: calc(0.46vw + 0.46vh + 0.46vmin); letter-spacing: -0.018em; }

@media (max-width: 767px) and (orientation: portrait)
{.hey_th3 {color: #000000; font-family: 'Inter'; line-height: 130%; text-align: left; font-size: calc(0.99vw + 0.99vh + 0.99vmin); letter-spacing: -0.018em; }}

@media (min-width: 767.9999px) and (orientation: portrait)
{.hey_th3 {color: #000000; font-family: 'Inter'; line-height: 130%; text-align: left; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: -0.018em; }}

@media (max-width: 766px) and (orientation: landscape)
{.hey_th3 {color: #000000; font-family: 'Inter'; line-height: 130%; text-align: left; font-size: calc(0.67vw + 0.67vh + 0.67vmin); letter-spacing: -0.018em; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.hey_th3 {color: #000000; font-family: 'Inter'; line-height: 110%; text-align: left; font-size: calc(0.68vw + 0.68vh + 0.68vmin); letter-spacing: -0.018em; }}






.hey3 {flex:0 0 8%; flex:1; align-self: center; text-align: center; align-items: left; justify-content: space-between;align-content: center; padding-right:4%; }

@media (max-width: 767px) and (orientation: portrait)
{.hey3 { flex:0 0 0;  width: 100%; padding:0; text-align: center;  align-self: start; align-items: start; justify-content: center; order: 3;}}

@media (min-width: 767.9999px) and (orientation: portrait)
{.hey3 {flex:0 0 37%; flex:1; align-self: center; text-align: center; align-items: left; justify-content: space-between;align-content: start; padding-right:4%; }}

@media (max-width: 766px) and (orientation: landscape)
{.hey3 {flex:0 0 10%; flex:1;  align-self: center; text-align: center; align-items: flex-start ; align-content: center;  justify-content: start; padding-right:8%; }}


@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.hey3 {flex:0 0 10%; flex:1;  align-self: center; text-align: center; align-items: flex-start ; align-content: center;  justify-content: start; padding-right:8%; }}




.mops {width: 80%; padding: 1.5%; margin-left: 10%;background: #0370c8; color:#ffffff; border-radius: 2.5em; font-family: 'Inter'; font-size: calc(0.46vw + 0.46vh + 0.46vmin); }

@media (max-width: 767px) and (orientation: portrait)
{.mops {width: 100%; margin-left: 0%; padding: 2.0%; border-radius: 0em; background: #0370c8;color:#ffffff;  font-family: 'Inter'; font-size: calc(0.99vw + 0.99vh + 0.99vmin); }}

@media (min-width: 767.9999px) and (orientation: portrait)
{.mops {width: 80%; margin-right: 10%;padding: 1.5%;background: #0370c8; color:#ffffff; border-radius: 0em; font-family: 'Inter'; font-size: calc(0.56vw + 0.56vh + 0.56vmin); }}

@media (max-width: 766px) and (orientation: landscape)
{.mops {width: 85%; padding: 1.5%; background: #0370c8; color:#ffffff; border-radius: 0.5em; font-family: 'Inter'; font-size: calc(0.72vw + 0.72vh + 0.72vmin); }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.mops {width: 85%; padding: 1.5%; background: #0370c8; color:#ffffff; border-radius: 0.5em; font-family: 'Inter'; font-size: calc(0.67vw + 0.67vh + 0.67vmin); }}





.des_txt {width: 79.2%; margin-top: 0.6em;   }

@media (max-width: 767px) and (orientation: portrait)
{.des_txt {width: 100%; margin-top: 2.3em; }}

@media (min-width: 767.9999px) and (orientation: portrait)
{.des_txt {width: 100%; margin-top: 0em; }}

@media (max-width: 766px) and (orientation: landscape)
{.des_txt {width: 100%; margin-top: 0.4em; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.des_txt {width: 100%; margin-top: 0.4em; }}




.txt_0901  { text-indent: 4%; color: #000000; font-family: 'Inter'; 
line-height: 130%; text-align: left;font-size: calc(0.546vw + 0.54vh + 0.54vmin); letter-spacing: -0.018em;}

@media (max-width: 767px) and (orientation: portrait)
{.txt_0901 { text-indent: 4%;  color: #000000; font-family: 'Inter'; 
line-height: 130%; text-align: left;font-size: calc(1.09vw + 1.09vh + 1.09vmin); letter-spacing: -0.018em; padding:0; padding-left: 4.5%; padding-right: 4.5%; }}

@media (min-width: 767.9999px) and (orientation: portrait)
{.txt_0901  { text-indent: 4%; color: #000000; font-family: 'Inter'; 
line-height: 130%; text-align: left;font-size: calc(0.626vw + 0.62vh + 0.62vmin); letter-spacing: -0.018em; padding:0; padding-left: 1.5%; padding-right: 1.5%;}}

@media (max-width: 766px) and (orientation: landscape)
{.txt_0901  { text-indent: 4%; color: #000000; font-family: 'Inter'; 
line-height: 130%; text-align: left;font-size: calc(0.8vw + 0.8vh + 0.8vmin); letter-spacing: -0.018em; padding:0; padding-left: 1.5%; padding-right: 1.5%;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.txt_0901  { text-indent: 4%; color: #000000; font-family: 'Inter'; 
line-height: 130%; text-align: left;font-size: calc(0.67vw + 0.67vh + 0.67vmin); letter-spacing: -0.018em; padding:0; padding-left: 1.5%; padding-right: 1.5%;}}






.block_att {width: 79.2%;  border: 1px solid #d5d5d5;  display: flex;  }

@media (max-width: 767px) and (orientation: portrait)
{.block_att {width: 95%; border: 1px solid #d5d5d5; width: 100%; margin: 0 auto;  padding: 0;  }}

@media (min-width: 767.9999px) and (orientation: portrait)
{.block_att {width: 98%; border: 1px solid #d5d5d5;  margin: 0 auto;  padding: 0;  }}

@media (max-width: 766px) and (orientation: landscape)
{.block_att {width: 98%; border: 1px solid #d5d5d5;  margin: 0 auto;  padding: 0;  }}


@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.block_att {width: 98%; border: 1px solid #d5d5d5;  margin: 0 auto;  padding: 0;  }}




.vverh_vniz {font-size: calc(1.83vw + 1.83vh + 1.83vmin);  transform: rotate(90deg);}

@media (max-width: 767px) and (orientation: portrait)
{.vverh_vniz {font-size: calc(4.13vw + 4.13vh + 4.13vmin); transform: rotate(90deg);}}




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

@media (max-width: 767px) 
{.micro_att {width: 100%; }}

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




.attt  {flex: 95%;  box-sizing: border-box; color: #000000; font-family: 'Roboto Condensed300'; 
line-height: 120%; text-align: left;font-size: calc(0.7vw + 0.7vh + 0.7vmin); padding:2%;}

@media (max-width: 767px) and (orientation: portrait)
{.attt {width: 90%; color: #000000; font-family: 'Roboto Condensed300'; 
line-height: 130%; text-align: left;font-size: calc(1.2vw + 1.2vh + 1.2vmin); padding:2%; }}

@media (min-width: 767.9999px) and (orientation: portrait)
{.attt {flex: 90%;  box-sizing: border-box; color: #000000; font-family: 'Roboto Condensed300'; 
line-height: 110%; text-align: left;font-size: calc(0.7vw + 0.7vh + 0.7vmin); padding:2%;}}

@media (max-width: 766px) and (orientation: landscape)
{.attt {flex: 90%;  box-sizing: border-box; color: #000000; font-family: 'Roboto Condensed300'; 
line-height: 130%; text-align: left;font-size: calc(0.9vw + 0.9vh + 0.9vmin); padding:2%;}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.attt {flex: 90%;  box-sizing: border-box; color: #000000; font-family: 'Roboto Condensed300'; 
line-height: 130%; text-align: left;font-size: calc(0.9vw + 0.9vh + 0.9vmin); padding:2%;}}

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






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

.slideshow .slide .image-container {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; z-index: 1; background-size: cover; image-rendering: optimizeQuality;}
.slideshow .slide .image-container::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.slideshow .slide .moret::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.slideshow .slide .image {width: 100%; width: 100%; object-fit: cover; height: 87%; border-radius: 0; }

@media (max-width: 766px) and (orientation: landscape)
{.slideshow .slide .image {width: 100%; width: 100%; object-fit: cover; height: 81%; border-radius: 0; }}

@media (max-width: 767px) and (orientation: portrait)
{.slideshow .slide .image {width: 100%; width: 100%; object-fit: cover; height: 66%; border-radius: 0; }}

/* -------------------------- */  
.strelki_prev {font-size: calc(1.13vw + 1.13vh + 1.13vmin);}

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

.strelki_next {font-size: calc(1.13vw + 1.13vh + 1.13vmin);}

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

.slideshow .arrows .arrow {position: absolute; bottom: 4%; padding-top: 100%; z-index: 100;}

@media (max-width: 767px) and (orientation: portrait)
{.slideshow .arrows .arrow {position: absolute; bottom: 40%; padding-top: 120%; z-index: 100; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}

@media (max-width: 767px) and (orientation: landscape)
{.slideshow .arrows .arrow {position: absolute; bottom: 4.5%; padding-top: 120%; z-index: 100; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}

.slideshow .arrows .prev {color: #000000; left: calc(0.15vw + 0.15vh + 0.15vmin); transition: left 0.3s linear; }
.slideshow .arrows .prev:hover {left: 0; cursor: pointer; color: #ff0000;  }

@media (max-width: 767px) and (orientation: portrait)
{.slideshow .arrows .prev {color: #ffffff;  left: calc(0.75vw + 0.75vh + 0.75vmin); transition: left 0.3s linear; }}

@media (max-width: 767px) and (orientation: portrait)
{.slideshow .arrows .prev:hover {left: calc(0.35vw + 0.35vh + 0.35vmin); cursor: pointer; color: #ff0000; }}

@media (max-width: 767px) and (orientation: landscape)
{.slideshow .arrows .prev {color: #000000;  left: calc(0.75vw + 0.75vh + 0.75vmin); transition: left 0.3s linear; }}

@media (max-width: 767px) and (orientation: landscape)
{.slideshow .arrows .prev:hover {left: calc(0.15vw + 0.15vh + 0.15vmin); cursor: pointer; opacity:0.5;color: #ff0000; }}

.slideshow .arrows .next {color: #000000; right: 0.1em;  transition: right 0.3s linear; }
.slideshow .arrows .next:hover  {right: -0.1em; cursor: pointer; color: #ff0000; }

@media (max-width: 767px) and (orientation: portrait)
{.slideshow .arrows .next {color: #000000; right: calc(0.45vw + 0.45vh + 0.45vmin); transition: right 0.3s linear; }}

@media (max-width: 767px) and (orientation: portrait)
{.slideshow .arrows .next:hover  {right: calc(0.15vw + 0.15vh + 0.15vmin); cursor: pointer; color: #ff0000; }}

@media (max-width: 767px) and (orientation: landscape)
{.slideshow .arrows .next {color: #000000; right: calc(0.75vw + 0.75vh + 0.75vmin);  transition: right 0.3s linear; }}

@media (max-width: 767px) and (orientation: landscape)
{.slideshow .arrows .next:hover  {right: calc(0.15vw + 0.15vh + 0.15vmin); cursor: pointer; color: #ff0000; }}

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

.nova9 {width: 79.2%; background: #ffffff;  box-shadow: 0px 14px 22px -9px #e1e1e1; display: flex;  margin-top:2.5%;}

@media (max-width: 766px) and (orientation: landscape)
{.nova9 {width: 95%; background: #ffffff;  box-shadow: 0px 14px 22px -9px #e1e1e1; display: flex; margin-top:9%;}}


@media (max-width: 767px) and (orientation: portrait)
{.nova9 {display: inline-block; width: 100%; background: #ffffff; margin: 0 auto; padding: 0;  margin-top:18%;}}

@media (min-width: 767.9999px) and (orientation: portrait)
{.nova9 {width: 100%; background: #ffffff;border: 0px solid red; box-shadow: 0px 14px 22px -9px #e1e1e1; display: flex;  margin-top:5%;}}

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

.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; border: 0px solid red; align-self: center; text-align: center; align-items: center; justify-content: center;}}

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

.photo_74{width: 100%; padding: 0;  }

@media (max-width: 767px)
{.photo_74{width: 100%; padding: 0; }}

@media (min-width: 767.9999px) and (orientation: portrait)
{.photo_74{width: 100%; padding: 0; }}

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

.txt99  {flex: 50%;   text-align: left;box-sizing: border-box; color: #000000; font-family: 'Roboto Condensed300'; 
line-height: 110%; font-size: calc(0.8vw + 0.8vh + 0.8vmin); padding:4%;}

@media (max-width: 766px) and (orientation: landscape)
{.txt99  {flex: 50%;   text-align: left; box-sizing: border-box; color: #000000; font-family: 'Roboto Condensed300'; 
line-height: 240%; font-size: calc(0.7vw + 0.7vh + 0.7vmin); padding:4%; padding-top:0; }}

@media (max-width: 767px) and (orientation: portrait)
{.txt99 {width: 90%; color: #000000; font-family: 'Roboto Condensed300'; 
line-height: 240%; font-size: calc(0.85vw + 0.85vh + 0.85vmin); padding:2%; padding-top:4%; padding-bottom:8%;}}

@media (min-width: 767.9999px) and (orientation: portrait)
{.txt99  {flex: 65%;  box-sizing: border-box; color: #000000; font-family: 'Roboto Condensed300'; 
line-height: 110%; font-size: calc(0.7vw + 0.7vh + 0.7vmin); padding:4%;}}
 
.xt6{font-size: 85%; }
@media (max-width: 767px)
{.xt6{font-size: 175%; }}

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

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

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

@media screen and  (orientation:landscape)
{img.mo {display:none;}}

@media screen and (orientation:landscape)
{img.de {display: block;}}

@media screen and (orientation: portrait)
{img.de {display: none;}}

@media screen and (orientation: portrait)
{img.mo {display:block;}}

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

#our_houses3 {width: 81.4%; margin: 0 auto; padding-left: 2% ; }

@media (max-width: 767px) and (orientation: portrait)
{#our_houses3 {width: 98%; margin: 0 auto; overflow: hidden; margin-top:  calc(1.2vw + 1.2vh + 1.2vmin);margin-bottom:0;  }}

@media (min-width: 768px) and (orientation: portrait)
{#our_houses3 {width: 98%; margin: 0 auto; overflow: hidden;}}

/* -------------------------- */  
h3 {margin-top: 0; margin-bottom: .5rem;}

.post-slide {background: #ffffff; margin: calc(0.9vw + 0.9vh + 0.9vmin); margin-bottom: calc(1.85vw + 1.85vh + 1.85vmin); border-radius: 15px; padding-top: 1px; box-shadow: 0px 14px 22px -9px #b4cad4;}

@media (min-width: 1023px) and (orientation: landscape)
{.post-slide {background: #ffffff; margin: calc(0.5vw + 0.5vh + 0.5vmin); margin-bottom: calc(0.85vw + 0.85vh + 0.85vmin); border-radius: 15px; padding-top: 1px; box-shadow: 0px 14px 22px -9px #b4cad4;}}

@media (max-width: 767px) and (orientation: portrait)
{.post-slide {background: #ffffff; margin: 10px; margin-bottom: 30px; border-radius: 15px; padding-top: 1px; box-shadow: 0px 14px 22px -9px #b4cad4;}}

.post-slide .post-img {position: relative; overflow: hidden; border-radius: calc(0.5vw + 0.5vh + 0.5vmin); }
.post-slide .post-img img {width: 100%; height: auto; transform: scale(1, 1); transition: transform 0.2s linear;}

@media (max-width: 767px) and (orientation: portrait)
{.post-slide .post-img img {width: 100%; border-radius: calc(0.8vw + 0.8vh + 0.8vmin); transform: scale(1, 1); transition: transform 0.2s linear;}}

.post-slide:hover .post-img img {transform: scale(1.1, 1.1); opacity: 0.92;}
.post-slide .post-content {background: #ffffff;  padding: calc(0.5vw + 0.5vh + 0.5vmin) calc(0.9vw + 0.9vh + 0.9vmin) calc(0.9vw + 0.9vh + 0.9vmin) calc(0.9vw + 0.9vh + 0.9vmin); border-radius: 15px;}
.post-slide .post-content.av {background: #ffffff; padding: calc(0.25vw + 0.25vh + 0.25vmin) calc(0.9vw + 0.9vh + 0.9vmin) calc(0.9vw + 0.9vh + 0.9vmin) calc(0.9vw + 0.9vh + 0.9vmin); border-radius: 15px;}
.post-slide .post-title a { font-family: 'Inter'; font-weight: 500; font-size: calc(0.7vw + 0.7vh + 0.7vmin); font-weight: bold; text-decoration: none; color: #0370c8; display: inline-block; transition: all 0.3s ease 0s;}

@media (max-width: 766px) and (orientation: landscape)
{.post-slide .post-title a { font-family: 'Inter'; font-weight: 500; font-size: calc(1.3vw + 1.3vh + 1.3vmin); font-weight: bold; text-decoration: none; color: #0370c8; display: inline-block; transition: all 0.3s ease 0s;}}

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

.post-slide .post-title a:hover {text-decoration: none; cursor:grab; }
.post-slide .post-description {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.66vw + 0.66vh + 0.66vmin);
color: #000; line-height:calc(0.85vw + 0.85vh + 0.85vmin); margin-bottom: calc(0.45vw + 0.45vh + 0.45vmin); }

@media (max-width: 766px) and (orientation: landscape)
{.post-slide .post-description {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(1.2vw + 1.2vh + 1.2vmin);
color: #000;  line-height:calc(1.45vw + 1.45vh + 1.45vmin);  margin-bottom: calc(0.45vw + 0.45vh + 0.45vmin); }
}

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

@media only screen and (max-width: 1280px) {.post-slide .post-content {padding: 10px 25px 20px }}

/* -------------------------- */  
 .read-more {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.5vw + 0.5vh + 0.5vmin); text-decoration: none; float: left;
 text-decoration: none; cursor: pointer; background: #0370c8;color: #ffffff;border: 1px solid #ffffff;
padding-left:calc(0.6vw + 0.6vh + 0.6vmin); padding-right:calc(0.6vw + 0.6vh + 0.6vmin); padding-top:calc(0.25vw + 0.25vh + 0.25vmin); padding-bottom:calc(0.25vw + 0.25vh + 0.25vmin);
transition: background 0.2s linear; border-radius: calc(0.45vw + 0.45vh + 0.45vmin); text-transform: uppercase; transition: all 0.14s linear;}

@media (max-width: 766px) and (orientation: landscape)
{ .read-more {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(1.1vw + 1.1vh + 1.1vmin); text-decoration: none; float: left;
 text-decoration: none; cursor: pointer; background: #0370c8;color: #ffffff;border: 1px solid #ffffff;
padding-left:calc(0.6vw + 0.6vh + 0.6vmin); padding-right:calc(0.6vw + 0.6vh + 0.6vmin); padding-top:calc(0.25vw + 0.25vh + 0.25vmin); padding-bottom:calc(0.25vw + 0.25vh + 0.25vmin);
transition: background 0.2s linear; border-radius: calc(0.45vw + 0.45vh + 0.45vmin); text-transform: uppercase; transition: all 0.14s linear;}}

@media (max-width: 767px) and (orientation: portrait)
{ .read-more {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.9vw + 0.9vh + 0.9vmin); text-decoration: none;float: left;
text-decoration: none; cursor: pointer;background: #0370c8;color: #ffffff;border: 1px solid #ffffff;
padding-left:calc(0.6vw + 0.6vh + 0.6vmin); padding-right:calc(0.6vw + 0.6vh + 0.6vmin); padding-top:calc(0.45vw + 0.45vh + 0.45vmin); padding-bottom:calc(0.45vw + 0.45vh + 0.45vmin);
transition: all 0.14s linear; border-radius: calc(0.85vw + 0.85vh + 0.85vmin); text-transform: uppercase;}}

.read-more:hover {background: #ff0000;color: #ffffff;border: 1px solid #ffffff; text-decoration: none; }

/* -------------------------- */  
.after_podrobnee {line-height: 60%}

@media (orientation: portrait)
{.after_podrobnee {line-height: 105%}}

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

.pt_block {width: 79.2%;  border: 0px solid #d5d5d5;border-radius: calc(1.4vw + 1.4vh + 1.4vmin);  box-shadow: 0px 14px 22px -9px #e1e1e1;display: flex; margin-top:2.5%;}

@media (max-width: 766px) and (orientation: landscape)
{.pt_block {width: 95%;  border: 0px solid #d5d5d5;border-radius: calc(1.4vw + 1.4vh + 1.4vmin);  box-shadow: 0px 14px 22px -9px #e1e1e1;display: flex; margin-top:0%;}}

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

@media (min-width: 767.9999px) and (orientation: portrait)
{.pt_block {width: 90%; border: 1px solid #d5d5d5; border-radius: calc(1.4vw + 1.4vh + 1.4vmin);  display: flex; margin-top:5%;}}

/* -------------------------- */  
.picture {flex: 33%;  box-sizing: border-box; align-self: center; text-align: center; align-items: center; justify-content: center;}

@media (max-width: 767px) 
{.picture {width: 100%; }}

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

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

.picture_block{width: 45%; padding: 10%;  }

@media (max-width: 767px) 
{.picture_block{width: 55%; padding: 7.5%; padding-bottom: 2%;  }}

@media (min-width: 767.9999px) and (orientation: portrait)
{.picture_block{width: 65%; padding: 5%;   }}

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

.text_in_block  {flex: 67%;  box-sizing: border-box; color: #000000; font-family: 'Roboto Condensed300'; 
line-height: 120%; text-align: center;font-size: calc(0.73vw + 0.73vh + 0.73vmin); padding:3%;}

@media (max-width: 767px)
{.text_in_block {width: 95%; color: #000000; font-family: 'Roboto Condensed300'; 
line-height: 130%; text-align: center;font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding:2%; }}

@media (min-width: 767.9999px) and (orientation: portrait)
{.text_in_block  {flex: 65%;  box-sizing: border-box; color: #000000; font-family: 'Roboto Condensed300'; 
line-height: 110%; text-align: center;font-size: calc(0.7vw + 0.7vh + 0.7vmin); padding:3%;}}

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


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

.after_block {line-height: 60%}

@media (orientation: portrait)
{.after_block {line-height: 200%}}

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

.main {width: 79.2%; margin: 0 auto;  }

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

.modul {font-family: 'Inter'; font-weight: 400; font-size: calc(0.65vw + 0.65vh + 0.65vmin);  letter-spacing: -0.018em; font-weight: normal;  text-decoration: none; color: #0372c6;  }

@media (max-width: 766px) and (orientation: landscape)
{.modul {font-family: 'Inter'; font-weight: 400; font-size: calc(1.2vw + 1.2vh + 1.2vmin); letter-spacing: 0em; font-weight: bold; text-decoration: none; color: #0372c6; }}

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

@media (min-width: 767px) and (orientation: portrait)
{.modul {margin-left:3%; font-family: 'Inter'; font-weight: 400; font-size: calc(0.75vw + 0.75vh + 0.75vmin); letter-spacing: -0.018em; font-weight: bold; text-decoration: none; color: #0372c6; }}

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

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

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

img.zn:hover {opacity: 1.0;}

a.tclass{ font-family: 'Roboto Condensed300';  font-size: calc(0.6vw + 0.6vh + 0.6vmin); color: #0372c6;  text-decoration: none;}

@media (max-width: 766px) and (orientation: landscape)
{a.tclass{ font-family: 'Roboto Condensed300';  font-size: calc(1.2vw + 1.2vh + 1.2vmin); color: #0372c6;  text-decoration: none;}}

@media (max-width: 767px) and (orientation: portrait)
{a.tclass{ font-family: 'Roboto Condensed300'; line-height: 120%; font-size: calc(1.4vw + 1.4vh + 1.4vmin); color: #0372c6; text-decoration: none;}}

a.tclass:hover {color: #ff0000;}

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

a.contacts_tclass{ font-family: 'Roboto Condensed300';  font-size: calc(0.67vw + 0.67vh + 0.67vmin); color: #0372c6;  text-decoration: none;}

@media (max-width: 766px) and (orientation: landscape)
{a.contacts_tclass{ font-family: 'Roboto Condensed300';  font-size: calc(1.4vw + 1.4vh + 1.4vmin); color: #0372c6;  text-decoration: none;}}

@media (max-width: 767px) and (orientation: portrait)
{a.contacts_tclass{ font-family: 'Roboto Condensed300';  font-size: calc(1.4vw + 1.4vh + 1.4vmin); color: #0372c6; text-decoration: none;}}

a.contacts_tclass:hover {color: #ff0000;}

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


.sc_block {width: 79.2%;  border-radius: calc(1.4vw + 1.4vh + 1.4vmin);  box-shadow: 0px 14px 22px -9px #e1e1e1; display: flex; margin-top: calc(0.35vw + 0.35vh + 0.35vmin);}

@media (max-width: 766px) and (orientation: landscape)
{.sc_block {width: 95%;  border-radius: calc(1.4vw + 1.4vh + 1.4vmin);  box-shadow: 0px 14px 22px -9px #e1e1e1; display: flex; margin-top: calc(0.35vw + 0.35vh + 0.35vmin);}}

@media (max-width: 767px) and (orientation: portrait)
{.sc_block {display: inline-block; width: 100%; margin: 0 auto; padding: 0; border: 0; border-radius: 0;  margin-top: calc(0.85vw + 0.85vh + 0.85vmin);}}

@media (min-width: 767.9999px) and (orientation: portrait)
{.sc_block {width: 90%; border: 1px solid #d5d5d5; border-radius: calc(1.4vw + 1.4vh + 1.4vmin);  display: flex;}}

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

.sc_zagolovok {flex: 45%;  box-sizing: border-box; align-self: center; text-align: center; align-items: center; justify-content: center; padding:5%; padding-right:0;}

@media (max-width: 767px) 
{.sc_zagolovok {width: 100%;padding:5%;  }}

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




/* -------------------------- */  
.sc_sami_seti  {flex: 55%;  box-sizing: border-box; color: #000000; font-family: 'Roboto Condensed300'; 
line-height: 110%; text-align: center;font-size: calc(0.7vw + 0.7vh + 0.7vmin); padding:5%; padding-right:0;}

@media (max-width: 767px)
{.sc_sami_seti {width: 90%; color: #000000; font-family: 'Roboto Condensed300'; 
line-height: 210%; text-align: center;font-size: calc(0.7vw + 0.7vh + 0.7vmin); padding:5%; padding-right:0; }}

@media (min-width: 767.9999px) and (orientation: portrait)
{.sc_sami_seti  {flex: 50%;  box-sizing: border-box; color: #000000; font-family: 'Roboto Condensed300'; 
line-height: 110%; text-align: center;font-size: calc(0.7vw + 0.7vh + 0.7vmin); padding:5%; padding-right:0;}}

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

.footer_now {width: 100%;  border-top: 0px solid #d5d5d5; box-shadow:0px 0px 17px 0px rgba(34, 60, 80, 0.1); padding-top: 2%; margin-top: calc(2.15vw + 2.15vh + 2.15vmin);}

@media (orientation: portrait)
{.footer_now {width: 100%;  border-top: 0px solid #d5d5d5; box-shadow: none; margin: 0 auto;  padding: 0;  margin-top: calc(1.0vw + 1.0vh + 1.0vmin);}}

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

.foot_full {margin: 0 auto; width: 80%; display: flex; flex-wrap: wrap; font-family: 'Inter'; letter-spacing: -0.018em; font-size: calc(0.51vw + 0.51vh + 0.51vmin); }

@media (max-width: 766px) and (orientation: landscape)
{.foot_full {margin: 0 auto; width: 95%; display: flex; flex-wrap: wrap; font-family: 'Inter'; letter-spacing: -0.018em; font-size: calc(0.51vw + 0.51vh + 0.51vmin); }}

@media (orientation: portrait)
{.foot_full {margin: 0 auto; width: 80%; display: flex; flex-wrap: wrap; flex-direction: column; font-family: 'Inter'; letter-spacing: -0.018em; font-size: calc(0.51vw + 0.51vh + 0.51vmin); }}

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

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

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

@media (orientation: portrait)
{.logo_foot{ height: calc(7.5vw + 7.5vh + 7.5vmin);width: auto; object-fit: cover; object-position: bottom; }}

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

@media (orientation: portrait)
{.foot_00 {flex:0 0 100%; align-self: center; text-align: center; }}

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

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

@media (orientation: portrait)
{.foot_01 {flex:0 0 100%; align-self: center; text-align: center; }}

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

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

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

@media (orientation: portrait)
{.foot_02 {flex:0 0 100%; align-self: center; text-align: center; margin-top: 2%;}}

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

.foot_03 {flex:0 0 55%;   align-self: start; text-align: right; }

@media (max-width: 766px) and (orientation: landscape)
{.foot_03 {flex:0 0 50%;   align-self: start; text-align: right; margin-left: 2%; }}

@media (orientation: portrait)
{.foot_03 { flex:0 0 100%; align-self: center; text-align: center; margin-top: 3%;}}

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

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

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

@media (orientation: portrait)
{.na_foot {font-family: 'Roboto Condensed300'; letter-spacing: -0.018em;   font-size: calc(1.15vw + 1.15vh + 1.15vmin); color: white; text-decoration: none; transition: opacity 0.3s ease;}}

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

a.na_foot2 {font-family: 'Inter'; letter-spacing: -0.018em; font-size: calc(0.38vw + 0.38vh + 0.38vmin); color: #0370c8; text-decoration: none; transition: opacity 0.3s ease;}

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

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

@media (orientation: portrait)
{a.na_foot2 {font-family: 'Inter'; letter-spacing: -0.018em; font-size: calc(0.95vw + 0.95vh + 0.95vmin); color: #0370c8; text-decoration: none; transition: opacity 0.3s ease;}}

a.na_foot2:hover {color: #005083;}

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

.footi {color: #0370c8; vertical-align: -12%;font-size: calc(0.38vw + 0.38vh + 0.38vmin);}

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

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

@media (orientation: portrait)
{.footi {margin-top:0.19em;  color: #0370c8; vertical-align: -12%;font-size: calc(0.95vw + 0.95vh + 0.95vmin); }}

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

a.na_foot3 {font-family: 'Inter'; letter-spacing: -0.018em; font-size: calc(0.38vw + 0.38vh + 0.38vmin); color: #000000; text-decoration: none; transition: opacity 0.3s ease;}

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

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

@media (orientation: portrait)
{a.na_foot3 {font-family: 'Inter'; letter-spacing: -0.018em; font-size: calc(0.85vw + 0.85vh + 0.85vmin); color: #000000; text-decoration: none; transition: opacity 0.3s ease;}}

a.na_foot3:hover {color: #005083;}

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



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

.fh {line-height: 40%;}

@media (orientation: portrait)
{.fh {line-height: 40%;}}

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

.starters {width: 79.2%; margin: 0 auto; margin-top: calc(1.0vw + 1.0vh + 1.0vmin);}

@media (max-width: 766px) and (orientation: landscape)
{.starters {width: 93%; margin: 0 auto; margin-top: calc(1.2vw + 1.2vh + 1.2vmin); }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.starters {width: 93%; margin: 0 auto; margin-top: calc(1.2vw + 1.2vh + 1.2vmin); }}

@media (max-width: 766px) and (orientation: portrait)
{.starters {width: 79.2%; margin: 0 auto; margin-top: calc(5.4vw + 5.4vh + 5.4vmin);}}

@media (min-width: 767.9999px) and (orientation: portrait)
{.starters {width: 98%; margin: 0 auto; margin-top: calc(5.4vw + 5.4vh + 5.4vmin); }}


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

.lettst {width: 79.2%;margin: 0 auto; }

@media (max-width: 766px) and (orientation: landscape)
{.lettst {width: 93%;margin: 0 auto; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.lettst {width: 93%; margin: 0 auto; }}

@media (max-width: 766px) and (orientation: portrait)
{.lettst {width: 79.2%; margin: 0 auto; }}

@media (min-width: 767.9999px) and (orientation: portrait)
{.lettst {width: 84%;margin: 0 auto; }}


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




.txt_strt {font-family: 'Inter'; font-weight: 400; font-size: calc(0.8vw + 0.8vh + 0.8vmin); letter-spacing: 0em; font-weight: bold; text-decoration: none; color: #0372c6;  }

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

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

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

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

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

.ofonde {width: 79.2%; background: #ffffff; box-shadow: 0px 14px 22px -9px #e1e1e1; }

@media (max-width: 767px)
{.ofonde {width: 96%; background: #ffffff; box-shadow: none;  }}

@media (min-width: 767.9999px) and (orientation: portrait)
{.ofonde {width: 100%; background: #ffffff; box-shadow: 0px 14px 22px -9px #e1e1e1;}}

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

.text_of  {font-size: calc(0.7vw + 0.7vh + 0.7vmin); padding:4%; text-align: left; color: #000000;  font-family: 'Roboto Condensed300'; line-height: 135%; }

@media (max-width: 766px) and (orientation: landscape)
{.text_of  {font-size: calc(1.35vw + 1.35vh + 1.35vmin); padding:4%; padding-top: 1.55%; text-align: left; color: #000000;  font-family: 'Roboto Condensed300'; line-height: 135%; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.text_of  {font-size: calc(1.1vw + 1.1vh + 1.1vmin); padding:4%; padding-top: 1.55%; text-align: left; color: #000000;  font-family: 'Roboto Condensed300'; line-height: 135%; }}

@media (max-width: 767px) and (orientation: portrait)
{.text_of {font-size: calc(1.43vw + 1.43vh + 1.43vmin); padding:2%; padding-top:4%; padding-bottom:8%; color: #000000; font-family: 'Roboto Condensed300'; line-height: 140%;  }}

@media (min-width: 767.9999px) and (orientation: portrait)
{.text_of  {font-size: calc(0.8vw + 0.8vh + 0.8vmin); padding:4%; color: #000000; font-family: 'Roboto Condensed300'; line-height: 130%; }}

/* -------------------------- */  
.tomm {font-size:130%; color: #0372c6; font-weight: bold;}

/* -------------------------- */  
.ress {line-height: 60%;}
/* -------------------------- */  
.bss {line-height: 40%;}
/* -------------------------- */  
.lexim {line-height: 80%;}

@media (orientation: portrait)
{.lexim {line-height: 5%;}}

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

.dol_block {width: 79.2%;  box-shadow: 0px 14px 22px -9px #e1e1e1; display: flex; margin-top: calc(1.45vw + 1.45vh + 1.45vmin);border-left: 1px solid #efefef;border-right: 1px solid #efefef; border-top: 1px solid #efefef; border-radius: calc(1.4vw + 1.4vh + 1.4vmin);}

@media (max-width: 766px) and (orientation: landscape)
{.dol_block {width: 95%;  box-shadow: 0px 14px 22px -9px #e1e1e1; display: flex; margin-top: calc(1.55vw + 1.55vh + 1.55vmin); border-left: 1px solid #efefef;border-right: 1px solid #efefef; border-top: 1px solid #efefef; border-radius: calc(1.4vw + 1.4vh + 1.4vmin);}}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.dol_block {width: 79.2%;  box-shadow: 0px 14px 22px -9px #e1e1e1; display: flex; margin-top: calc(1.35vw + 1.35vh + 1.35vmin);border-left: 1px solid #efefef;border-right: 1px solid #efefef; border-top: 1px solid #efefef; border-radius: calc(1.4vw + 1.4vh + 1.4vmin);}}

@media (max-width: 767px) and (orientation: portrait)
{.dol_block {display: inline-block; box-shadow: 0px 14px 22px -9px #e1e1e1; width: 92%;  margin-top: calc(2.65vw + 2.65vh + 2.65vmin);border-left: 0px;border-right: 0px;
 border-top: 1px solid #efefef; border-radius: calc(1.4vw + 1.4vh + 1.4vmin);}}

@media (min-width: 767.9999px) and (orientation: portrait)
{.dol_block {width: 90%; display: flex; box-shadow: 0px 14px 22px -9px #e1e1e1; border-left: 1px solid #efefef;border-right: 1px solid #efefef; border-top: 1px solid #efefef; border-radius: calc(1.4vw + 1.4vh + 1.4vmin);}}

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

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

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

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

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

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

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

.vsed  {flex: 65%;  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: 65%;  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: 65%;  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%; text-align: center; margin-bottom: 10%;}}

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

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

.dol {font-family: 'Inter'; font-weight: 400; font-size: calc(0.5vw + 0.5vw + 0.5vw);  letter-spacing: -0.018em; font-weight: normal;  text-decoration: none; color: #0372c6; opacity:1.0; }

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

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

@media (max-width: 766px) and (orientation: portrait)
{.dol {font-family: 'Inter'; font-weight: 400; font-size: calc(1.65vw + 1.65vh + 1.65vmin); letter-spacing: -0.018em; font-weight: normal; text-decoration: none; color: #0372c6; opacity:1.0; }}

@media (min-width: 767px) and (orientation: portrait)
{.dol {font-family: 'Inter'; font-weight: 400; font-size: calc(0.95vw + 0.95vh + 0.95vmin); letter-spacing: -0.018em; font-weight: normal; text-decoration: none; color: #0372c6; opacity:1.0; }}

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

.ime {font-family: 'Inter'; line-height: 120%;  font-weight: 400; font-size: calc(0.5vw + 0.5vw + 0.5vw);  letter-spacing: -0.018em; font-weight: normal;  text-decoration: none; color: #114f84; opacity:1.0; }

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

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

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

@media (min-width: 767px) and (orientation: portrait)
{.ime {font-family: 'Inter'; line-height: 120%; font-weight: 400; font-size: calc(0.95vw + 0.95vh + 0.95vmin); letter-spacing: -0.018em; font-weight: normal; text-decoration: none; color: #114f84; opacity:1.0; }}

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

a.strct {font-family: 'Inter'; line-height: 120%;  font-weight: 400; font-size: calc(0.3vw + 0.3vw + 0.3vw);  letter-spacing: -0.018em; font-weight: normal;  text-decoration: none; color: #114f84; opacity:1.0; }

@media (max-width: 766px) and (orientation: landscape)
{a.strct {font-family: 'Inter'; line-height: 120%; font-weight: 400; font-size: calc(0.75vw + 0.75vh + 0.75vmin); letter-spacing: 0em; font-weight:  normal; text-decoration: none; color: #114f84; opacity:1.0;}}

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

@media (max-width: 766px) and (orientation: portrait)
{a.strct {font-family: 'Inter'; line-height: 120%; font-weight: 400; font-size: calc(0.95vw + 0.95vh + 0.95vmin); letter-spacing: -0.018em; font-weight: normal; text-decoration: none; color: #114f84; opacity:1.0; }}

@media (min-width: 767px) and (orientation: portrait)
{a.strct {font-family: 'Inter'; line-height: 120%; font-weight: 400; font-size: calc(0.65vw + 0.65vh + 0.65vmin); letter-spacing: -0.018em; font-weight: normal; text-decoration: none; color: #114f84; opacity:1.0; }}

a.strct:hover {color: #0372c6; }

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

/* --N------------------------ */  

.ann {text-decoration: none; color: #000000; font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.65vw + 0.65vh + 0.65vmin); }

.baa:before {display: block; content: ""; height: 100px; margin: -85px 0 0;}

@media (min-width: 2560px) and (orientation: landscape)
{.baa:before {display: block; content: ""; height: 7%; margin: -55px 0 0;}}

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

.int_news {width: 79.2%; border:1px solid #f3f5f6; margin: 0 auto; 
border-radius: calc(0.4vw + 0.4vh + 0.4vmin); box-shadow: 0px 14px 22px -9px #b4cad4;
display: flex; flex-direction: row; flex-wrap: nowrap; gap: calc(0.75vw + 0.75vh + 0.75vmin);}

@media (max-width: 767px)
{.int_news {width: 100%; border:1px solid #f3f5f6; margin: 0 auto; padding: 0; border-radius: 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%; border:1px solid #f3f5f6; 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); }}

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

a.zclass {font-family: 'Roboto Condensed300';  line-height: 120%;  font-weight: 400; font-size: calc(0.65vw + 0.65vw + 0.65vw);  letter-spacing: -0.018em; font-weight: bold;  text-decoration: none; color: #0372c6; }

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

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

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

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

a.zclass:hover {color: #ff0000; }

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

.date_news {font-family: 'Inter'; line-height: 120%; font-weight: 400; font-size: calc(0.3vw + 0.3vw + 0.3vw);  letter-spacing: -0.018em; font-weight: normal;  text-decoration: none; color: #000000;  }

@media (max-width: 766px) and (orientation: landscape)
{.date_news {font-family: 'Inter'; line-height: 120%; font-weight: 400; font-size: calc(0.75vw + 0.75vh + 0.75vmin); letter-spacing: 0em; font-weight:  normal; text-decoration: none; color: #000000;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.date_news {font-family: 'Inter';line-height: 120%;  font-weight: 400; font-size: calc(0.65vw + 0.65vh + 0.65vmin); letter-spacing: 0em; font-weight: normal; text-decoration: none; color: #000000;  }}

@media (max-width: 766px) and (orientation: portrait)
{.date_news {font-family: 'Inter'; line-height: 120%; font-weight: 400; font-size: calc(1.15vw + 1.15vh + 1.15vmin); letter-spacing: -0.018em; font-weight: normal; text-decoration: none; color: #000000;  }}

@media (min-width: 767px) and (orientation: portrait)
{.date_news {font-family: 'Inter'; line-height: 120%; font-weight: 400; font-size: calc(0.5vw + 0.5vh + 0.5vmin); letter-spacing: -0.018em; font-weight: normal; text-decoration: none; color: #000000;  }}

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

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

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

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

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

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

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

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

@media (max-width: 766px) and (orientation: landscape)
{.text_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:  normal; text-decoration: none; color: #000000; }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.text_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: normal; text-decoration: none; color: #000000;  }}

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

@media (min-width: 767px) and (orientation: portrait)
{.text_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: normal; text-decoration: none; color: #000000;  }}

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

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: #0372c6; }

@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: #0372c6; }}

@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: #0372c6;  }}

@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: #0372c6;  }}

@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: #0372c6;  }}

a.link_news:hover {color: #ff0000;}

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

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

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

.words_news {font-family: 'Roboto Condensed300';  line-height: 120%;  font-weight: 400; font-size: calc(0.3vw + 0.3vw + 0.3vw);  letter-spacing: -0.01em; font-weight: bold;  text-decoration: none; color: #000000; }

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

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

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

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

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

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

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

.video_site {width: calc(22.65vw + 22.65vh + 22.65vmin); height:  calc(12.8vw + 12.8vh + 12.8vmin); border: 0;  padding-bottom: 0; padding-right: 0.5%; padding-bottom: 0.5%; border-radius: calc(0.4vw + 0.4vh + 0.4vmin); }

@media (max-width: 766px) and (orientation: landscape)
{.video_site {width: calc(22.65vw + 22.65vh + 22.65vmin); height:  calc(12.8vw + 12.8vh + 12.8vmin);  border: 0;  padding-bottom: 0; padding-right: 0.5%; padding-bottom: 0.5%;border-radius: calc(0.4vw + 0.4vh + 0.4vmin); }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.video_site {width: calc(22.65vw + 22.65vh + 22.65vmin); height:  calc(12.8vw + 12.8vh + 12.8vmin); border: 0;  padding-bottom: 0; padding-right: 0.5%; padding-bottom: 0.5%; border-radius: calc(0.4vw + 0.4vh + 0.4vmin); }}

@media (max-width: 766px) and (orientation: portrait)
{.video_site {width: calc(20.65vw + 20.65vh + 20.65vmin); height:  calc(10.8vw + 10.8vh + 10.8vmin); padding-bottom: 0.5%; padding-right: 0.5%; border-radius: calc(0.4vw + 0.4vh + 0.4vmin);}}

@media (min-width: 767px) and (orientation: portrait)
{.video_site {width: calc(22.65vw + 22.65vh + 22.65vmin); height:  calc(12.8vw + 12.8vh + 12.8vmin); padding-bottom: 0.5%; padding-right: 0;border-radius: calc(0.4vw + 0.4vh + 0.4vmin);}}

{.video_site:hover img { cursor: zoom-in; }}

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

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

.accordion {border-radius: calc(0.8vw + 0.8vh + 0.8vmin); background-color: #ffffff; cursor: pointer; padding: calc(0.8vw + 0.8vh + 0.8vmin); width: 79.6%; text-align: left;
font-family: 'Roboto Condensed300'; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: 0.038em;  font-weight: bold; color: #0372c6; 
transition: 0.3s; border: 1px solid #deeef8; margin-bottom: calc(0.4vw + 0.4vh + 0.4vmin);}

@media (max-width: 766px) and (orientation: portrait)
{.accordion {width: 92.5%; font-size: calc(1.48vw + 1.48vh + 1.48vmin); }}

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

@media (max-width: 766px) and (orientation: landscape)
{.accordion {width: 92.5%;  font-size: calc(0.98vw + 0.98vh + 0.98vmin); }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{.accordion {width: 79.6%; font-size: calc(0.98vw + 0.98vh + 0.98vmin); }}

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

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

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

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

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

a.linkpp {font-family: 'Roboto Condensed300'; font-size: calc(0.8vw + 0.8vh + 0.8vmin); text-decoration: none; font-weight: bold; letter-spacing: 0.018em;  color: #003156; opacity:1.0;transition: 0.25s; line-height: 140%;}

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

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

a.linkpp:hover {color: #0370c8; }

.onlyone a img {width: 100%; height: auto; border-radius: 0; opacity: 1.0;}

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

img.pib {width:20%; float: right; margin-left: 4%; border: 0; opacity: 1;  }

@media (max-width: 766px) and (orientation: landscape)
{img.pib {width:28%; float: right; margin-left: 4%; border: 0; opacity: 1;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{img.pib {width:22%; float: right; margin-left: 4%; border: 0; opacity: 1;  }}

@media (max-width: 766px) and (orientation: portrait)
{img.pib {width:60%; padding-left: 17%; padding-right: 23%; padding-bottom: 5%;}}

@media (min-width: 767px) and (orientation: portrait)
{img.pib {width:30%; float: right; margin-left: 4%; border: 0; opacity: 1;}}

img.pib:hover {cursor: default; opacity: 0.9;}

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

@media (orientation: landscape)
{img.iml {width: 79.2%;  box-shadow: 0px 14px 22px -9px #e1e1e1;}}

@media (max-width: 766px) and (orientation: landscape)
{img.iml {width: 92%;  box-shadow: 0px 14px 22px -9px #e1e1e1;  }}

@media (min-width: 766.01px) and (max-width: 1240px) and (orientation: landscape)
{img.iml {width: 79.2%;  box-shadow: 0px 14px 22px -9px #e1e1e1; }}

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

@media (min-width: 767px) and (orientation: portrait)
{img.iml {width: 100%;  box-shadow: 0px 14px 22px -9px #e1e1e1;  }}

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

@media (orientation: portrait)
{img.imp {width: 100%;  box-shadow: 0px 14px 22px -9px #e1e1e1; }}

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

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

a.pplass {font-family: 'Roboto Condensed300';  line-height: 120%;  font-weight: 400; font-size: calc(0.45vw + 0.45vw + 0.45vw);  letter-spacing: -0.018em; font-weight: normal;  text-decoration: none; color: #000000; }

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

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

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

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

a.pplass:hover {color: #ff0000; }

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

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

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

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

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

a.lbfile {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: bold;  text-decoration: none; color: #094f84; }

@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:  bold; text-decoration: none; color: #094f84; }}

@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: bold; text-decoration: none; color: #094f84;  }}

@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: bold; text-decoration: none; color: #094f84;  }}

@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: bold; text-decoration: none; color: #094f84;  }}

a.lbfile:hover {color: #3482bd;}

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

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

@media (max-width: 766px) and (orientation: landscape)
{.ffile {font-size: calc(1.05vw + 1.05vh + 1.05vmin); color: #094f84; 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: #094f84; vertical-align: -21%; }}

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

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

/* -------------------------- */  
.contacts_block {width: 79.2%; background: #ffffff;  box-shadow: 0px 14px 22px -9px #e1e1e1; display: flex;  margin-top:1.5%;}

@media (max-width: 766px) and (orientation: landscape)
{.contacts_block {width: 95%; background: #ffffff;  box-shadow: 0px 14px 22px -9px #e1e1e1; display: flex; margin-top:3%;}}

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

@media (min-width: 767.9999px) and (orientation: portrait)
{.contacts_block {width: 100%; background: #ffffff;border: 0px solid red; box-shadow: 0px 14px 22px -9px #e1e1e1; 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; border: 0px solid red; align-self: center; text-align: center; align-items: center; justify-content: center;}}

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

.izo_block{width: 100%; height: calc(25.00vw + 25.00vh + 25.00vmin); 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; }}

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


.xt9{font-size: 90%; line-height: 140%; }
@media (max-width: 767px)
{.xt9{font-size: 175%; }}