* {padding: 0; margin: 0;}


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

/* если убрать overflow-y: auto; то полоска справа исчезнет */
html, body { scrollbar-gutter: stable; }


/* Полоса для ff */
@-moz-document url-prefix()
{body { overflow-y: auto; scrollbar-gutter: stable;} 
:root {scrollbar-color: #dbe7ed #ffffff !important;  scrollbar-width: none !important;}}  

body {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-family: 'Material Symbols Outlined';
    src: url('fonts/MaterialSymbolsOutlined-Regular.woff2') format('woff2'),
        url('fonts/MaterialSymbolsOutlined-Regular.woff') format('woff'),
        url('fonts/MaterialSymbolsOutlined-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
 src:  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');
}


@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: 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'); 
}


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



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




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

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

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



/* ---------------------------------- */ 
/* -----Согласие--------------------- */  
/* ---------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 700px)
{.uvedomlenie {width: 90%; margin-left:7.5px; border-radius: 1.5em; border: 0px; padding: calc(0.7em + 0.7vw); text-align:left; 
background: #1a4e66; position: fixed; bottom: 1.8em; display:none; z-index:100001; 
color:#ffffff; font-family: 'Roboto Condensed300'; font-size: calc(1.1vw + 1.1vh + 1.1vmin); letter-spacing: -0.005em; line-height: calc(1.4vw + 1.4vh + 1.4vmin);}}

@media screen and (min-width: 700.001px) and (max-width: 1300px)
{.uvedomlenie {width: 80%; margin:0; margin-left: 8%; border-radius: 1.3em; border: 0px; padding: calc(0.68em + 0.68vw); padding-top: calc(0.49em + 0.49vw);  text-align:left; 
background: #1a4e66;  position: fixed; bottom: 2.5em; display:none; z-index:100001;
color:#ffffff; font-family: 'Roboto Condensed300'; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: -0.005em; line-height: calc(0.9vw + 0.9vh + 0.9vmin);}}

@media screen and (min-width: 1300.001px) and (max-width: 99999px)
{.uvedomlenie {width: 60%; margin:0; margin-left: 19%;  border-radius: 1.3em; border: 0px; padding: calc(0.58em + 0.58vw); padding-top: calc(0.39em + 0.39vw);  text-align:left; 
background: #1a4e66; 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 screen and (min-width: 0px) and (max-width: 700px)
{a.link_soglasie {color:#5eccff; font-family: 'Roboto Condensed300'; font-size: calc(1.1vw + 1.1vh + 1.1vmin); letter-spacing: -0.005em; line-height: calc(1.4vw + 1.4vh + 1.4vmin);}}

@media screen and (min-width: 700.001px) and (max-width: 1300px)
{a.link_soglasie {color:#5eccff; font-family: 'Roboto Condensed300'; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: -0.005em; line-height: calc(0.9vw + 0.9vh + 0.9vmin);}}

@media screen and (min-width: 1300.001px) and (max-width: 99999px)
{a.link_soglasie {color:#5eccff; 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);}}

a.link_soglasie:hover {color: #ffffff;}


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

.ryad {display: flex; flex-direction: row;  flex-wrap: wrap; justify-content: start; align-items: center; gap: calc(0.3vw + 0.3vh + 0.3vmin)}

@media screen and (min-width: 0px) and (max-width: 700px)
{.ryad {margin-top: 1.2vh; display: flex; flex-direction: row;  flex-wrap: wrap; justify-content: space-between; align-items: center; gap: calc(0.3vw + 0.3vh + 0.3vmin)}}

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

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

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

@media screen and (min-width: 1300.001px) and (max-width: 99999px)
{.press_ok {background: #ffffff;  border-radius: 0.3em; border: 0; opacity:1.0; text-decoration: none; color: #000000; 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);
padding-left: calc(0.25vw + 0.25vh + 0.25vmin); padding-right: calc(0.25vw + 0.25vh + 0.25vmin); 
padding-top: calc(0.15vw + 0.15vh + 0.15vmin); padding-bottom: calc(0.15vw + 0.15vh + 0.15vmin);}}

.press_ok:hover {background: #00a2ed;  color: #fff;}

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

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

@media screen and (min-width: 700.001px) and (max-width: 1300px)
{.pole_vniz {line-height: 30%;}}

@media screen and (min-width: 1300.001px) and (max-width: 99999px)
{.pole_vniz {line-height: 45%;}}

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


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




/* --Условия для меню---------------------------------------------------------- */

@media (max-width: 767px)
{.big {display:none;}
.small {}
}

@media (min-width: 768px)
{.big {}
.small {display:none;} }


/* ----  SMALL МЕНЮ ----------- */  


.tt {width: 100%; z-index: 10000; display: flex; flex-wrap: wrap; font-size: calc(0.51vw + 0.51vh + 0.51vmin); position: fixed; height: calc(3.5vw + 3.5vh + 3.5vmin); background: linear-gradient(90deg, #103f55 0%, #006777 100%);}

@media screen and (orientation:landscape)
{.tt {width: 100%; display: flex; flex-wrap: wrap; font-size: calc(0.51vw + 0.51vh + 0.51vmin); position: fixed; height: calc(2.5vw + 2.5vh + 2.5vmin); background: linear-gradient(90deg, #103f55 0%, #006777 100%);}}


.tt2 {width: 100%;z-index: 10000; background: #ffffff; display: flex; flex-wrap: wrap; font-size: calc(0.51vw + 0.51vh + 0.51vmin); position: fixed; top: calc(3.5vw + 3.5vh + 3.5vmin);
height: calc(2.2vw + 2.2vh + 2.2vmin); }

@media screen and (orientation:landscape)
{.tt2 {width: 100%; background: #ffffff; display: flex; flex-wrap: wrap; font-size: calc(0.51vw + 0.51vh + 0.51vmin); position: fixed; top: calc(2.5vw + 2.5vh + 2.5vmin);
height: calc(1.7vw + 1.7vh + 1.7vmin); filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) #e0e0e0);}}

.pol1 {flex:0 0 47%; align-self: center; text-align: left; color: #000000;}
.pol2 {flex:0 0 52%; align-self: center; text-align: right; align-items: center;justify-content: center; color: #000000;}

a.s1{font-family: 'Inter'; letter-spacing: -0.018em; font-size: 14px; font-weight: 500; color: #000000; text-decoration: none; transition: 0.2s linear; opacity: 0.8; }
a.s1:hover { color: #103f55;}

a.s2{font-family: 'Inter'; letter-spacing: -0.018em; font-size: 14px;  font-weight: 500; color: #000000; text-decoration: none; transition: 0.2s linear;opacity: 0.8; }
a.s2:hover { color: #103f55;}

img.moblogo {margin-left:9%; max-width: 70%; z-index: 1020;}

@media screen and (orientation:landscape)
{img.moblogo {margin-left:9%; max-width: 25%; z-index: 1020;}}

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

#knopka { flex:0 0 20%; right: 2%; position: absolute; padding: 1%; z-index: 1020; 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: 4px; width: calc(4.11vw + 4.11vh + 4.11vmin);  background-color: #ffffff; position: relative; display: block; transition: all 0.2s ease-in-out; }
#knopka span:before {top: -15px; visibility: visible;}
#knopka span:after {top: 15px;}
#knopka span:before {height: 4px; width: calc(2.11vw + 2.11vh + 2.11vmin); background-color: #ffffff; position: absolute; content: ""; transition: all 0.2s ease-in-out;}
#knopka span:after {height: 4px; width: calc(4.11vw + 4.11vh + 4.11vmin); background-color: #ffffff; position: absolute; content: ""; transition: all 0.2s ease-in-out;}

#knopka:hover span, #knopka:hover span:before, #knopka:hover span:after {}
input[type=checkbox] {display: none;}
input[type=checkbox]:checked ~ #menu_content {visibility: visible;}
input[type=checkbox]:checked ~ #knopka:hover span, input[type=checkbox]:checked ~ #knopka span {background: transparent;}
input[type=checkbox]:checked ~ #knopka span:before {transform: rotate(45deg) translate(7px, 7px); opacity: 1; width: calc(4.11vw + 4.11vh + 4.11vmin);}
input[type=checkbox]:checked ~ #knopka span:after {transform: rotate(-45deg) translate(7px, -7px);}
#menu_content {height: 100%; width: 100%; background: linear-gradient(90deg, #103f55 0%, #006777 100%); z-index: 1019; visibility: hidden; position: fixed; }
#menu_content.active {visibility: visible; }

#menu_content ul {display: flex; justify-content: start; align-items: center; flex-direction: column; text-align: center; height: 100vh; padding-left: 0; list-style-type: none; margin-top:15vh;}

@media screen and (orientation:landscape)
{#menu_content ul {margin-top:18vh;}}

#menu_content ul li {padding: 0.8em;}

@media (max-height: 550px) and (orientation:portrait)
{#menu_content ul li {padding: 0.18em;}}

@media screen and (orientation:landscape)
{#menu_content ul li {padding: 0.0em;}}


#menu_content ul li a {color:#fff;  font-family: 'Inter'; font-size: 30px; text-decoration: none;}
@media screen and (orientation:landscape)
{#menu_content ul li a {color:#fff;  font-family: 'Inter'; font-size: 17px; text-decoration: none;}}
 
#knopka span { transform: rotate(180deg);}

#knopka{transform:scale(0.6);}
@media screen and (orientation:landscape)
{#knopka{transform:scale(0.5);}}



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

.soc {position: fixed; bottom: 3%; font-family: 'Inter'; letter-spacing: -0.018em; font-size: 16px; font-weight: 400; color: #ffffff; text-decoration: none; opacity: 0.9;}
@media screen and (orientation:landscape)
{.soc {position: fixed; bottom: 6%; font-family: 'Inter'; letter-spacing: -0.018em; font-size: 16px; font-weight: 400; color: #ffffff; text-decoration: none; opacity: 0.9;}}

@media (max-height: 550px) and (orientation:portrait)
{.soc {position: fixed; bottom: 3%; font-family: 'Inter'; letter-spacing: -0.018em; font-size: 13px; font-weight: 400; color: #ffffff; text-decoration: none; opacity: 0.9;}}
/* ------------------------- */ 

a.minisc {font-family: 'Inter'; font-size: calc(0.95vw + 0.95vh + 0.95vmin); vertical-align: -10%; letter-spacing: -0.018em; font-weight: normal; text-decoration: none; color: #fff; }

@media (max-width: 766px) and (orientation: portrait)
{a.minisc  {font-size: calc(1.3vw + 1.3vh + 1.3vmin);  }}

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

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

a.minisc_contacts {font-family: 'Inter'; font-size: calc(0.75vw + 0.75vh + 0.75vmin); vertical-align: -10%; letter-spacing: -0.018em; font-weight: normal; text-decoration: none; opacity:0.4;color: #000; }

@media (max-width: 766px) and (orientation: portrait)
{a.minisc_contacts  {font-size: calc(1.3vw + 1.3vh + 1.3vmin);  }}

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

a.minisc_contacts:hover { opacity:0.8;}




img.sn {width: 8%; border:0;}
@media screen and (orientation:landscape)
{img.sn {width: 25px; border:0; vertical-align: -32%;}}


@media screen and (orientation:landscape)
{.port{display: none;}}
@media screen and (orientation:portrait)
{.port{line-height: 40%;}}

@media screen and (orientation:landscape)
{.album{}}
@media screen and (orientation:portrait)
{.album{display: none;}}


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


/* ----  BIG МЕНЮ ----------- */  

header {background: #103f55; background: linear-gradient(90deg, #103f55 0%, #006777 100%); width: 100%; padding-top: 1.2vh; padding-bottom: 1.2vh; }

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

@media (min-width: 767px) and (orientation: portrait)
{.ye {margin: 0 auto; width: 97%; display: flex; flex-wrap: wrap; font-family: 'Inter'; letter-spacing: -0.018em; font-size: calc(0.51vw + 0.51vh + 0.51vmin);}}

.noo1 {flex:0 0 18%; align-self: center; text-align: left;   color: #ffffff;}
.noo2 {flex:0 0 45%; align-self: center; text-align: center; align-items: center;justify-content: center;  color: #ffffff;}
.noo3 {flex:0 0 23%; align-self: center; text-align: right;  color: #ffffff;}
.noo4 {flex:0 0 12%; flex:1; align-self: center; text-align: right; align-items: right;justify-content: right; color: #ffffff;}

@media (min-width: 767px) and (orientation: portrait)
{.noo3 {flex:0 0 25%; align-self: center; text-align: center; color: #ffffff;}}

.logo_first{width: 100%; height: auto; object-fit: cover; object-position: bottom; }


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

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

.sbsh {text-decoration: none; color: #000000; 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: #006777;text-decoration: none; }


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

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

@media (min-width: 767px) and (orientation: portrait)
{ul.menu-list  li.first_li {margin-right: 1.24%;  }}

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


@media (min-width: 767px) and (orientation: portrait)
{ul.menu-list  li.second_li {margin-right: 1.24%; }}

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 {max-width: 0; overflow: hidden; position:absolute; right: 1.5%; transition: opacity 0.5s linear; opacity: 0;}}


ul.menu-list li.logo {max-width: 0; overflow: hidden; background: #ffffff; 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; background: #ffffff; transition: all 0.5s linear; margin-left: 1.5%; }}

.logo > a > img {max-width: 120px;}

@media screen and (max-width: 1200px)
{.logo > a > img {max-width: calc(3.6vw + 3.6vh + 3.6vmin);}}

@media screen and (min-width: 1900px)
{.logo > a > img {max-width: calc(4.0vw + 4.0vh + 4.0vmin);}}


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

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


body.fixed-nav nav#navbar {position: fixed; height: calc(1.5vw + 1.5vh + 1.5vmin); border-bottom: 1px solid #e0e0e0;}


body.fixed-nav li.third_li {max-width: 100%; border: 0; 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.5vw + 1.5vh + 1.5vmin); }
.wide_punkt:hover {cursor: pointer;}

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



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

.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(19.48vw + 19.48vh + 19.48vmin); left: -69%;  top: calc(1.1vw + 1.1vh + 1.1vmin);  }

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

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

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

@media screen and (min-aspect-ratio: 2.0)
{.inside_wide_punkt {  top: calc(1.52vw + 1.52vh + 1.52vmin);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: #f2f7f9; color: #215d79;}
.wide_punkt:hover .inside_wide_punkt {display: block; overflow-y:scroll; z-index:1000000; height: calc(18.48vw + 18.48vh + 18.48vmin);}

.secondwide:hover .inside_wide_punkt{display: block; overflow-y:scroll; z-index:1000000; height: calc(11.248vw + 11.248vh + 11.248vmin);}



.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: 130%; padding-top:calc(0.285vw + 0.285vh + 0.285vmin);}

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

.domss0 {font-size: 115%; padding-top:calc(0.6vw + 0.6vh + 0.6vmin);}
.domss7 {font-size: 130%; padding-top:calc(0.5vw + 0.5vh + 0.5vmin);}

.domss8 {font-size: 130%; padding-top:calc(0.5vw + 0.5vh + 0.5vmin);}
.domss9 {font-size: 130%; padding-top:calc(0.54vw + 0.54vh + 0.54vmin);}

.ops_th0 {font-size: 80%; opacity: 0.5;}

.ops_th1 {font-size: 65%; opacity: 0.5;}
.ops_th112 {font-size: 62%; opacity: 0.6;}


.ops_th2 {font-size: 65%; opacity: 0.7;}

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


/* -----------Слайдер фоновых изображений------------------------------ */ 



.slideshow {overflow: hidden; position: relative; width: 79.2%; margin: 0 auto; height: 80%; z-index: 1; border-radius: calc(0.3vw + 0.3vh + 0.3vmin);}


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

@media (max-width: 767px) and (orientation: landscape)
{.slideshow {overflow: hidden; position: relative;  width: 100%; top: calc(4.3vw + 4.3vh + 4.3vmin); height: 78%; 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.mon_land {display:block;}
img.mon_port {display:none;}
}



@media screen and (orientation: portrait)
{
img.mon_land {display: none;}
img.mon_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: 767px) and (orientation: portrait)
{.slideshow .slide .caption {position: absolute; bottom: 0; height: 28%; 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);}}




/* -Строка 1---------------- */ 

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

@media (max-width: 767px) and (orientation: portrait)
{.hey1 { width: 100%; padding-left:20%; border: 0px solid red; padding-top: 1.9%; }}

.nazvanie{font-size:160%; font-weight: 500;}

@media (max-width: 767px) and (orientation: portrait)
{.nazvanie{font-size:160%; font-weight: 500; padding-left: 0.6%;}}




/* -Строка 2---------------- */ 

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

@media (max-width: 767px) and (orientation: portrait)
{.hey2 { width: 100%; border: 0px solid red;padding-left:20%; padding-top: 1.3%;}}


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

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


.galochka {margin-left: -2%; padding-left: calc(0.18vw + 0.18vh + 0.18vmin); color: #6dcc76; vertical-align: -27%;font-size: calc(0.65vw + 0.65vh + 0.65vmin);}

@media (max-width: 767px) and (orientation: portrait)
{.galochka {margin-top:0.15em; padding-left: calc(0.5vw + 0.5vh + 0.5vmin); color: #6dcc76; vertical-align: -27%;font-size: calc(1.4vw + 1.4vh + 0.4vmin);}}



.hey_th1 {font-size: 85%; opacity: 0.65;}

@media (max-width: 767px) and (orientation: portrait)
{.hey_th1 {font-size: 105%; opacity: 0.65;}}


.hey_th2 {font-size: 85%; opacity: 0.9;}

@media (max-width: 767px) and (orientation: portrait)
{.hey_th2 {font-size: 105%; opacity: 0.9;}}


.hey_th3 {font-size: 85%; opacity: 0.9;}

@media (max-width: 767px) and (orientation: portrait)
{.hey_th3 {font-size: 95%; opacity: 0.9;}}


.prod {margin-left: -1.3%; padding-left: calc(0.08vw + 0.08vh + 0.08vmin); color: #6dcc76; vertical-align: -27%;font-size: calc(0.73vw + 0.73vh + 0.73vmin);}

@media (max-width: 767px) and (orientation: portrait)
{.prod { padding-left: calc(0.28vw + 0.28vh + 0.28vmin); color: #6dcc76; vertical-align: -27%;font-size: calc(1.2vw + 1.2vh + 1.2vmin);}}


/* -Строка 3---------------- */ 

.hey3 {flex:0 0 22%;  flex:1; align-self: center; text-align: right; align-items: right; justify-content: right; padding-right:6%; }

@media (max-width: 767px) and (orientation: portrait)
{.hey3 { width: 100%; border: 0px solid red; padding-left:9.3%; padding-top:0.8em; align-self: start; text-align: left; align-items: start; justify-content: start; }}


a.podrobnee {text-decoration: none; background: #006777; cursor: pointer; color:#ffffff;
padding-left:calc(0.7vw + 0.7vh + 0.7vmin); padding-right:calc(0.7vw + 0.7vh + 0.7vmin); 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.3vw + 0.3vh + 0.3vmin);}

@media (max-width: 767px) and (orientation: portrait)
{a.podrobnee {text-decoration: none; background: #006777; cursor: pointer; color:#ffffff;
padding-left:calc(1.25vw + 1.25vh + 1.25vmin); padding-right:calc(1.25vw + 1.25vh + 1.25vmin);  padding-bottom:calc(0.6vw + 0.6vh + 0.6vmin); padding-top:calc(0.6vw + 0.6vh + 0.6vmin); 
transition: background 0.2s linear; border-radius: calc(0.8vw + 0.8vh + 0.8vmin);}}


a.podrobnee:hover {background: #103f55;  }

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

.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: calc(0.3vw + 0.3vh + 0.3vmin); }

@media (max-width: 767px) and (orientation: portrait)
{.slideshow .slide .image {width: 100%; width: 100%; object-fit: cover; height: 72%; 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.73vw + 1.73vh + 1.73vmin)}}


.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: 16%; 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: #999999; opacity:0.2; left: calc(0.15vw + 0.15vh + 0.15vmin); transition: left 0.3s linear; }
.slideshow .arrows .prev:hover {left: 0; cursor: pointer; opacity:0.5; }

@media (max-width: 767px) and (orientation: portrait)
{.slideshow .arrows .prev {color: #999999; opacity:0.15; 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; opacity:0.35; }}


@media (max-width: 767px) and (orientation: landscape)
{.slideshow .arrows .prev {color: #999999; opacity:0.2; 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; }}




.slideshow .arrows .next {color: #999999; opacity:0.2; right: -0.4em;  transition: right 0.3s linear; }
.slideshow .arrows .next:hover  {right: -0.6em; cursor: pointer; opacity:0.5; }

@media (max-width: 767px) and (orientation: portrait)
{.slideshow .arrows .next {color: #999999; opacity:0.15; 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; opacity:0.35; }}



@media (max-width: 767px) and (orientation: landscape)
{.slideshow .arrows .next {color: #999999; opacity:0.2; 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; opacity:0.5; }}




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


/* --В наших домах------------------------------------------------------------------------ */ 

/* -------------------------------------------------------------------------- */ 
/* ------Общее для трех-------------------------------------------------------------------- */ 

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


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

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



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

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



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


.ot {line-height:65%;}

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

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

@media (min-width: 4000px) and (orientation: landscape)
{.ot {line-height:220%;}}

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

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


.ot181 {line-height:65%;}

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

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

@media (min-width: 4000px) and (orientation: landscape)
{.ot181 {line-height:220%;}}

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




.main {width: 79.2%; margin: 0 auto; padding: calc(0.75vw + 0.75vh + 0.75vmin); }

@media (max-width: 766px) and (orientation: portrait)
{.main {width: 100%; margin-left:9%;margin: 0 auto; padding: calc(0.75vw + 0.75vh + 0.75vmin); }}

@media (min-width: 767px) and (orientation: portrait)
{.main {width: 100%; margin-left:9%;margin: 0 auto; margin-bottom: calc(0.75vw + 0.75vh + 0.75vmin);  padding: 0; }}

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


.main98 {width: 79.2%; margin: 0 auto; padding: calc(0.75vw + 0.75vh + 0.75vmin); margin-top:calc(6.28vw + 6.28vh + 6.28vmin);  }

@media (max-width: 766px) and (orientation: portrait)
{.main98 {width: 100%; margin-left:9%;margin: 0 auto; padding: calc(0.75vw + 0.75vh + 0.75vmin); }}

@media (min-width: 767px) and (orientation: portrait)
{.main98 {width: 100%; margin-left:9%;margin: 0 auto; margin-bottom: calc(0.75vw + 0.75vh + 0.75vmin);  padding: 0; }}


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




.modul {font-family: 'Inter'; font-weight: 400; font-size: calc(0.8vw + 0.8vh + 0.8vmin); letter-spacing: -0.018em; font-weight: bold; text-decoration: none; color: #103f55; opacity:0.7; }

@media (max-width: 766px) and (orientation: portrait)
{.modul {margin-left:3%; font-family: 'Inter'; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.018em; font-weight: bold; text-decoration: none; color: #103f55; opacity:0.7; }}

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


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

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

@media (max-width: 767px) and (orientation: portrait)
{#our_houses {width: 98%; margin: 0 auto; overflow: hidden;}}

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

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

/* --посмотреть все новости------------- */ 
.post-slide_go {height: 60vh; background: #fff; transition: background 0.26s ease; 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;
display: flex; justify-content: center;  align-items: center;}

@media (min-width: 768px) and (orientation: portrait)
{.post-slide_go {height: 30vh; background: #fff; transition: background 0.26s ease; 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;
display: flex; justify-content: center;  align-items: center;}}

.post-slide_go:hover {background: #e8f6fc; cursor: pointer; transition: background 0.26s ease;}
/* -------------------------- */ 

/* --доп------------ */ 
.post-slide_dop {height: 60vh; background: #fff; margin: calc(0.9vw + 0.9vh + 0.9vmin); margin-bottom: calc(1.85vw + 1.85vh + 1.85vmin); border-radius: 15px; padding-top: 1px;}

@media (min-width: 768px) and (orientation: portrait)
{.post-slide_dop {height: 30vh; background: #fff; margin: calc(0.9vw + 0.9vh + 0.9vmin); margin-bottom: calc(1.85vw + 1.85vh + 1.85vmin); border-radius: 15px; padding-top: 1px;}
}


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

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

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

.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: #103f55; 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.4vw + 1.4vh + 1.4vmin); font-weight: bold; text-decoration: none; color: #103f55; display: inline-block; transition: all 0.3s ease 0s;}}


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

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


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

@media (max-width: 767px) and (orientation: portrait)
{.post-slide .post-description_dom {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(1.4vw + 1.4vh + 1.4vmin);
color: #000; opacity: 0.56; 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 }}




/* --Наши проекты-------------------------------------------------------------- */ 

.ot_inside {line-height:90%;}

@media (orientation: portrait)
{.osobennot {line-height:90%;}}

@media (orientation: landscape)
{.osobennot {line-height:calc(0.25vw + 0.25vh + 0.25vmin);}}


.here {margin-left: -0.5%;color: #006777; vertical-align: -27%;font-size: calc(0.65vw + 0.65vh + 0.65vmin);}

@media (max-width: 767px) and (orientation: portrait)
{.here {margin-left: -2%; color: #006777; vertical-align: -27%;font-size: calc(1.1vw + 1.1vh + 1.1vmin);}}


.post-slide .read-more {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.5vw + 0.5vh + 0.5vmin); text-decoration: none; float: right;
background: rgba(142,187,208,0.3); cursor: pointer; color:#477c95;
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.34s linear;  }

@media (max-width: 767px) and (orientation: portrait)
{.post-slide .read-more {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.9vw + 0.9vh + 0.9vmin); text-decoration: none;float: right;
background: rgba(142,187,208,0.3); cursor: pointer; color:#477c95;
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: background 0.2s linear; border-radius: calc(0.85vw + 0.85vh + 0.85vmin); text-transform: uppercase; }}

.post-slide .read-more:hover {background: #1e8797; text-decoration: none; color: #fff;}


.post-slide .read-more_NO {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.5vw + 0.5vh + 0.5vmin); text-decoration: none; float: right;
background: rgba(142,187,208,0.1); cursor: pointer; color:#acc5d1;
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.34s linear;}

@media (max-width: 767px) and (orientation: portrait)
{.post-slide .read-more_NO {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.9vw + 0.9vh + 0.9vmin); text-decoration: none;float: right;
background: rgba(142,187,208,0.1); cursor: pointer; color:#acc5d1;
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: background 0.2s linear; border-radius: calc(0.85vw + 0.85vh + 0.85vmin); text-transform: uppercase; }}

.post-slide .read-more_NO:hover {cursor:not-allowed; opacity:0.6;}


.visk {box-shadow: 0px 14px 22px -9px #f2e3d7; }

.post-slide .avisk {background: rgba(229,173,147,0.3); color:#ba7352;}

.post-slide .avisk:hover {background: #e5ad93; color:#fff;}


.post-slide .avisk_NO {background: rgba(229,173,147,0.1); color:#e1c3b6;}

.post-slide .avisk_NO:hover {background: rgba(229,173,147,0.1);cursor:not-allowed; color:#e1c3b6;opacity:0.6;}


/* --стрелка--- */ 


.go-next9 {position: absolute; top: 25%; right:2.5%; z-index: 100; font-size: calc(1.8vw + 1.8vh + 1.8vmin); color: #e5ad93; opacity: 0.2; -webkit-animation: move5 1.6s infinite;animation: move5 1.6s infinite;}

@keyframes move5 {0%, 100% {color: transparent;} 50% {color: rgba(229,173,147,1.0);}}

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



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

/* ------------------------------------------------------------------ */ 
/* ---Наши новости-------------------------------------------- */ 

#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); }}

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

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

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

@media (min-width: 768px)
{.nnews {}
.nnews_th {display:none;}
}

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

a.vse_news {color:#103f55; text-decoration: none; transition: color 0.2s linear;}
a.vse_news:hover {cursor: pointer; color: #006777;}

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


/* ----Соц.сети---------------------------------------------------------- */ 

.scc {width: 79.2%; border:1px solid transparent; text-align:left; 
border-radius: calc(0.4vw + 0.4vh + 0.4vmin); box-shadow: 0px 14px 22px -9px #b4cad4;
display: inline-block; transition: all 0.2s linear; }

@media (max-width: 767px) 
{.scc {width: 100%; border:1px solid transparent; margin: 0 auto; padding: 0; border-radius: 0; box-shadow: none;}}

@media (min-width: 767.01px) and (orientation: portrait)
{.scc {width: 91%; border:1px solid transparent; text-align:left; 
border-radius: calc(0.4vw + 0.4vh + 0.4vmin); box-shadow: 0px 14px 22px -9px #b4cad4;
display: inline-block; transition: all 0.2s linear; }}

.scc:hover{cursor: pointer; background: #eef9fe; border:1px solid #eef9fe; opacity: 0.73;}


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


.insd2  {float: left; width: 95%; color: #103f55; font-family: 'Roboto Condensed300'; 
font-weight: 400; font-size: calc(0.65vw + 0.65vh + 0.65vmin); padding-left:2.4%; padding-right:3%; padding-bottom:1.5%; padding-top:1.5%;}

@media (max-width: 767px)
{.insd2 {width: 91%; padding-left:5%;  padding-top:0%;}}

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

.bgsa{font-size:120%; font-family: 'Inter'; color:#103f55;}
@media (max-width: 767px)
{.bgsa{font-size:240%; font-family: 'Inter'; color:#103f55;}}

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

.strd {line-height: 80%;}

@media (max-width: 767px)
{.strd {line-height: 30%;}}

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

.strd2 {display: none;}

@media (max-width: 767px)
{.strd2 {line-height: 80%;}}

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



/* ----Ссылка для новостей--------------------------------------------------------- */ 

a.tclass{line-height: 200%; font-family: 'Roboto Condensed300';  font-size: calc(0.6vw + 0.6vh + 0.6vmin); color: #103f55; opacity: 1.0; text-decoration: none;}

@media (max-width: 767px) and (orientation: portrait)
{a.tclass{font-family: 'Roboto Condensed300';  font-size: calc(1.1vw + 1.1vh + 1.1vmin); color: #103f55; opacity: 1.0; text-decoration: none;}}

a.tclass:hover {opacity: 0.7;}


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



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

.shapka_zaglavie {position: relative; }

@media (max-width: 767px) and (orientation: portrait)
{.shapka_zaglavie {position: relative; top: calc(5.6vw + 5.6vh + 5.6vmin); }}

@media (max-width: 767px) and (orientation: landscape)
{.shapka_zaglavie {position: relative; top: calc(3.9vw + 3.9vh + 3.9vmin); }}

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

.zag_video, .canvas {width: 100%; height: calc(6.28vw + 6.28vh + 6.28vmin); object-fit: cover; z-index: 10000;}

@media (max-width: 767px)
{.zag_video, .canvas {width: 100%; height: calc(8.28vw + 8.28vh + 8.28vmin); object-fit: cover; z-index: 10000;}}


/* ------------------------------------------------------------------ */ 
#opisanie {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(16, 63, 85, 0.45);}
/* ------------------------------------------------------------------ */ 

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

@media (max-width: 767px)
{.zagolovok {font-size: calc(1.5vw + 1.5vh + 1.5vmin); left:6.6%;}}


.zagolovok_bina {color: #fff; font-family: 'Inter'; font-size: calc(1.3vw + 1.3vh + 1.3vmin); font-weight: bolder; position: absolute; bottom: 25%; left:10.4%;}

@media (max-width: 767px)
{.zagolovok_bina {font-size: calc(1.5vw + 1.5vh + 1.5vmin); left:6.6%;}}

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

.podcherknuli {background-color: #fff; width: 30%; height: 1px; outline: none; border: none; opacity: 0.6; position: absolute; bottom: 23%; left:10.4%;}

@media (max-width: 767px)
{.podcherknuli {width: 60%; }}


@media (max-width: 767px)
{.podcherknuli { left:6.8%;}}

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

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

@media (max-width: 767px)
{.pod_zagolovok {bottom: 8%; font-size: calc(0.95vw + 0.95vh + 0.95vmin);left:6.8%;}}

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




/* ---Модуль проекта--------------------------------------------------------------- */ 


.dow {margin-top: 0; line-height: 40%; }
@media (max-width: 767px)
{.dow {margin-top: calc(5.25vw + 5.25vh + 5.25vmin);line-height: 100%;}}

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

.int_onas {width: 76.0%; border:1px solid #f3f5f6; margin: 0 auto; padding: calc(0.75vw + 0.75vh + 0.75vmin);
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_onas {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);}}

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

.oneone {flex:30%; align-self: center;}

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

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

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

.twotwo {flex:68%; align-self: center; align-items: center; justify-content: center;  color: #103f55; font-family: 'Roboto Condensed300'; font-weight: 400;
 font-size: calc(0.65vw + 0.65vh + 0.65vmin);  }

@media (min-width: 768px) and (orientation: portrait)
{.twotwo {flex:58%;  }}

@media (max-width: 767px)
{.twotwo {flex:100%; width: 90%; padding-left:7%;  align-self: start;}}


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

.bien {color: #6c8e93; vertical-align: -20%; font-size: calc(0.65vw + 0.65vh + 0.65vmin);opacity:0.8;}

@media (max-width: 767px)
{.bien {color: #6c8e93; vertical-align: -10%; font-size: calc(1.15vw + 1.15vh + 1.15vmin); opacity:0.6;}}

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

.bien2 {color: #6dcc76; vertical-align: -20%; font-size: calc(0.65vw + 0.65vh + 0.65vmin);}

@media (max-width: 767px)
{.bien2 {color: #6dcc76; vertical-align: -15%; font-size: calc(1.15vw + 1.15vh + 1.15vmin); opacity:0.6;}}


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

img.picture_project {width:100%; opacity: 1.0; border-radius: calc(0.4vw + 0.4vh + 0.4vmin); 
-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)
{img.picture_project {width:100%;  border-radius: 0; }}

.ops0{font-size: 230%;}
@media (max-width: 767px)
{.ops0{font-size: 330%;}}

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

.opsmv1{font-size: 190%;}
@media (max-width: 767px)
{.opsmv1{font-size: 280%;}}

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

.ops_bina{font-size:150%; font-family: 'Inter'; color:#103f55;}
@media (max-width: 767px)
{.ops_bina{font-size:220%; font-family: 'Inter'; color:#103f55;}}


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

.ops76{font-size: 85%; color:#000;}
@media (max-width: 767px)
{.ops76{font-size: 175%; color:#000;}}

.ops54{font-size: 100%; color:#626262;}
@media (max-width: 767px)
{.ops54{font-size: 189%; color:#626262;}}



/* ------------------------------------------------------------------ */ 
.ops2{font-size: 75%; color:#626262; opacity: 0.9;}
@media (max-width: 767px)
{.ops2{font-size: 175%; color:#626262; opacity: 0.9;}}
/* ------------------------------------------------------------------ */ 


.ops3{font-size: 75%; color:#338a3b; opacity: 0.9;}
@media (max-width: 767px)
{.ops3{font-size: 175%; color:#338a3b; opacity: 0.9;}}
/* ------------------------------------------------------------------ */ 


.ops4{font-size: 75%; color:#c88593; opacity: 0.95;}
@media (max-width: 767px)
{.ops4{font-size: 175%; color:#c88593; opacity: 0.95;}}
/* ------------------------------------------------------------------ */ 

.ops98{font-size: 75%; color:#a3a3a3; opacity: 0.95;}
@media (max-width: 767px)
{.ops98{font-size: 175%; color:#a3a3a3; opacity: 0.95;}}
/* ------------------------------------------------------------------ */ 


.ops_zn {color: #006777; opacity: 0.8;}
@media (max-width: 767px)
{.ops_zn { margin-left:0.1%;}}
/* ------------------------------------------------------------------ */ 

.ops_zn2 {color: #338a3b; opacity: 0.8;}
@media (max-width: 767px)
{.ops_zn2 { margin-left:0.1%;}}
/* ------------------------------------------------------------------ */ 

.ops_zn3 {color: #c88593; opacity: 0.95;}
@media (max-width: 767px)
{.ops_zn3 { margin-left:0.1%;}}
/* ------------------------------------------------------------------ */ 

.ops_zn99 {color: #cecece; opacity: 0.85;}
@media (max-width: 767px)
{.ops_zn99 { margin-left:0.1%;}}
/* ------------------------------------------------------------------ */ 





.ops_otstup {line-height: 80%;}
@media (max-width: 767px)
{.ops_otstup {line-height: 180%;}}
/* ------------------------------------------------------------------ */ 

.ops_otstup2 {display: none;}
@media (max-width: 767px)
{.ops_otstup2 {display: block;}}

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

a.podrobnee_pro {text-decoration: none; background: #006777; cursor: pointer; color:#ffffff; font-size: 85%;
padding-left:calc(0.5vw + 0.5vh + 0.5vmin); padding-right:calc(0.5vw + 0.5vh + 0.5vmin); padding-top:calc(0.15vw + 0.15vh + 0.15vmin); padding-bottom:calc(0.25vw + 0.25vh + 0.25vmin);
transition: background 0.2s linear; border-radius: calc(0.3vw + 0.3vh + 0.3vmin);}

@media (max-width: 767px)
{a.podrobnee_pro {text-decoration: none; background: #006777; cursor: pointer; color:#ffffff;font-size: 165%;
padding-left:calc(1.0vw + 1.0vh + 1.0vmin); padding-right:calc(1.0vw + 1.0vh + 1.0vmin);  padding-bottom:calc(0.5vw + 0.5vh + 0.5vmin); padding-top:calc(0.4vw + 0.4vh + 0.4vmin); 
transition: background 0.2s linear; border-radius: calc(0.8vw + 0.8vh + 0.8vmin); }}

a.podrobnee_pro:hover {background: #103f55; }

/* ------------------------------------------------------------------ */ 
.street {margin-top: 0; line-height: 80%;}
@media (max-width: 767px)
{.street {margin-top: calc(0.85vw + 0.85vh + 0.85vmin); line-height: 40%; }}

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







/* -------Новости------------------------------------------------ */ 

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

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

/* ----блок в новостях------------------------------------------ */ 


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

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




/* -----картинки в новостях---------------------------------------------- */ 


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

@media (max-width: 767px)
{.gallery a img {width: 47%; height: auto; padding-bottom: 0.5%; padding-right: 0.5%;}}

@media (min-width: 767px) and (orientation: portrait)
{.gallery a img {width: 30%; height: auto; padding-bottom: 3.5%; padding-right: 0;}}


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

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


.onlyone a img {width: 48%;}

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

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


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


.onlyone_kv a img {width: 28%; vertical-align: -20%;}

@media (max-width: 767px)
{.onlyone_kv a img {width: 100%;margin-top: 4vh;}}

@media (min-width: 767px) and (orientation: portrait)
{.onlyone_kv a img {width:48%; vertical-align: -100%; }}

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


.onlyone5 a img {width: 28%;}

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

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


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

.onlyone_2 a img {width: 79%;}

@media (max-width: 767px)
{.onlyone_2 a img {width: 92.4%;}}

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

.onlyone_2 a img:hover {opacity:0.95;}


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

/* --Ссылка на новость и якорный отступ--------------- */ 

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

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

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


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






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


.int_contacts {width: 79.2%; border:1px solid #f3f5f6; text-align:left; 
border-radius: calc(0.4vw + 0.4vh + 0.4vmin); box-shadow: 0px 14px 22px -9px #b4cad4;
display: inline-block;}

@media (max-width: 767px)
{.int_contacts {width: 100%; border:1px solid #f3f5f6; margin: 0 auto; padding: 0; border-radius: 0;}}

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

.contacts_block  {float: left; width: 43%; color: #103f55; font-family: 'Roboto Condensed300'; 
font-weight: 400; font-size: calc(0.65vw + 0.65vh + 0.65vmin); padding-left:2.4%; padding-right:3%; padding-bottom:2%;}

@media (max-width: 767px)
{.contacts_block {width: 91%; padding-left:5%; }}


.bina_block  {float: left; width: 95%; color: #103f55; font-family: 'Roboto Condensed300'; 
font-weight: 400; font-size: calc(0.65vw + 0.65vh + 0.65vmin); padding-left:2.4%; padding-right:3%; padding-bottom:2%; padding-top:2%;}

@media (max-width: 767px)
{.bina_block {width: 91%; padding-left:5%;  padding-top:7%;}}


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

.c_txt {font-size: 135%; color:#403f3f;opacity:0.95; }
@media (max-width: 767px)
{.c_txt {font-size: 155%; color:#403f3f; opacity:0.95; }}

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

.theret0 {margin-left: -1.7%; opacity: 0.7; color: #c9c9c9; vertical-align: -22%; font-size: calc(0.85vw + 0.85vh + 0.85vmin);}

@media (max-width: 767px) and (orientation: portrait)
{.theret0 {margin-left: -2.5%; color: #c9c9c9; vertical-align: -25%;font-size: calc(1.79vw + 1.79vh + 1.79vmin); padding-right: calc(0.25vw + 0.25vh + 0.25vmin);}}

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

.theret {margin-left: 0; opacity: 0.7; color: #c9c9c9; vertical-align: -22%; font-size: calc(0.85vw + 0.85vh + 0.85vmin);}

@media (max-width: 767px) and (orientation: portrait)
{.theret {margin-left: 0; color: #c9c9c9; vertical-align: -15%;font-size: calc(1.99vw + 1.99vh + 1.99vmin); padding-right: calc(0.4vw + 0.4vh + 0.4vmin);}}

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

a.contacts_links {text-decoration: none;  color: #414040; border-bottom: 1px hidden #414040; font-family: 'Roboto Condensed300'; font-weight: 400;  }
a.contacts_links:hover {opacity:0.85; border-bottom: 1px solid #414040;  }

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

a.link3d {text-decoration: none;  color: #171717; border-bottom: 1px hidden #171717; font-family: 'Roboto Condensed300';  }
a.link3d:hover {  border-bottom: 1px solid #171717; }



img.medias {width: 12%; border:0; margin-left:0.3%;}

@media screen and (orientation:landscape)
{img.medias {width: calc(1.45vw + 1.45vh + 1.45vmin); border:0; vertical-align: -32%;}}

img.medias:hover {opacity:0.8;}

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

.contacts_otstup {line-height:60%;}
@media (max-width: 767px)
{.contacts_otstup {line-height:180%;}}

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

.contacts_perenos {display: none;}
@media (max-width: 767px)
{.contacts_perenos {display: block; line-height: 0;}}


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

.karta {float: right; width: 50%;}
@media (max-width: 767px) 
{.karta {width: 100%;}}


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






/* --Агентам-------------------- */ 


.int_agents {width: 79.2%; border:1px solid #f3f5f6; text-align:left; 
border-radius: calc(0.4vw + 0.4vh + 0.4vmin); box-shadow: 0px 14px 22px -9px #b4cad4;
display: inline-block;}

@media (max-width: 767px)
{.int_agents {width: 100%; border:1px solid #f3f5f6; margin: 0 auto; padding: 0; border-radius: 0;}}

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

.agents_block  { width: 90%; color: #103f55; font-family: 'Roboto Condensed300'; 
font-weight: 400; font-size: calc(0.65vw + 0.65vh + 0.65vmin); padding-left:2.4%; padding-right:3%; padding-bottom:2%;}

@media (max-width: 767px)
{.agents_block {width: 91%; padding-left:5%; }}

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

.ag0{font-size: 130%;}
@media (max-width: 767px)
{.ag0{font-size: 280%;}}


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

.ag_txt {font-size: 125%; color:#403f3f;opacity:0.7; }
@media (max-width: 767px)
{.ag_txt {font-size: 125%; color:#403f3f; opacity:0.7; }}

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

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

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

/* -----фото агенты--------------------------------------------- */ 

.fepp a img { width: 14.24%; border-radius: 50%; border: 1px solid #afd4da; padding: 0.5%; margin: 0.25%;}

@media (max-width: 767px)
{.fepp a img {width: 44%; padding: 1.5%; margin: 0.25%;}}

@media (min-width: 767px) and (orientation: portrait)
{.fepp a img {width: 28%; padding: 1.0%; margin: 0.5%;}}

.fepp a:hover img {opacity: 0.85; cursor: zoom-in; border: 1px solid #006777;}




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




/* ---Дома----------------------------------------------------------- */ 


/* --Натура------------------ */ 

/* ---Главная картинка дома------------------------------------------------- */ 


img.land__mon {width: 100%; object-fit: fill; height: 85%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
img.land {width: 100%; object-fit: cover; height: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
img.portret {width: 100%; object-fit: cover; height: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}


@media all and (orientation:portrait) {img.land {display:none;}}
@media all and (orientation:landscape) {img.portret {display:none;}}


@media all and (orientation:portrait) {img.land__mon {display:none;}}
@media all and (orientation:landscape) {img.portret {display:none;}}



@media (max-width: 767px) and (orientation: landscape)
{img.land {width: 100%; object-fit: cover; height: 130%;-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: 500px) and (orientation: landscape)
{img.land {width: 120%; object-fit: cover; height: 130%;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}

@media (aspect-ratio: 1.25)
{img.land {width: 100%; object-fit: cover; height: 90%;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}




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

/* ---кнопочка----------------------------------------- */  

.btn_tt {font-family: 'Roboto Condensed300'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); color: #5d5957;  background: rgba(255,249,236, 0.83);
padding: calc(0.55vw + 0.55vh + 0.55vmin); padding-left: calc(0.7vw + 0.7vh + 0.7vmin);  padding-right: calc(0.7vw + 0.7vh + 0.7vmin);   text-decoration: none; 
letter-spacing: 0.01em; text-align: center; text-transform: uppercase; transition: color 0.1s linear 0.05s;
border-radius: calc(0.4vw + 0.4vh + 0.4vmin); position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 20%; width: 20%;}


@media (max-width: 767px) 
{.btn_tt {font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 15%; width: 100%;}}


@media (orientation: portrait)
{.btn_tt {font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 10%;width: 70%;}}


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

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

.btn_tt .btn-inner_tt {position: relative;z-index: 2;}

.btn_tt:hover {color: #ffffff; border-radius: calc(0.4vw + 0.4vh + 0.4vmin);transition: color 0.1s linear 0s;}

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

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

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

img.natura_logo {height:20vh;  }

@media (orientation: portrait)
{img.natura_logo {width: 90%; height:auto;  }}



.int_dom {width: 79.2%; border:0; text-align:left; display: inline-block; padding: 0;}

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

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

.dom_block  { width: 90%; color: #103f55; font-family: 'Roboto Condensed300'; 
font-weight: 400; font-size: calc(0.65vw + 0.65vh + 0.65vmin); }

@media (max-width: 767px)
{.dom_block {width: 91%; padding-left:5%; }}



/* -----один ряд из 4, дом натура, фото для планшетов портр.------------------------------------------- */ 

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

@media (max-width: 767px)
{.one_ryad a img {width: 48%; height: auto; padding-bottom: 0.5%; padding-right: 0.5%;}}

@media (min-width: 767px) and (orientation: portrait)
{.one_ryad a img {width: 24%; height: auto; padding-bottom: 3.5%; padding-right: 0;}}


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






/* -----фото дом-натура------------------------------------------- */ 

.dooom a img { width: 14.24%; border-radius: 50%; border: 1px solid #62bc2d; padding: 0.5%; margin: 0.25%;}

@media (max-width: 767px)
{.dooom a img {width: 44%; padding: 1.5%; margin: 0.25%;}}

@media (min-width: 767px) and (orientation: portrait)
{.dooom a img {width: 16%; padding: 1.0%; margin: 0.5%; margin-top:0; margin-bottom:4%;}}

.dooom a:hover img {opacity: 0.85; cursor: zoom-in; border: 1px solid #b0c64b;}


/* -----мини лого дом----------------------------------------- */
img.natura_logo_mini {height:10vh;  }

@media (orientation: portrait)
{img.natura_logo_mini {width: 70%; height:auto;  }}



/* --Янтарный-------------- */ 


/* ---кнопочка янтарного ----------------------------------------- */  

.btn_tt_yantarniy {font-family: 'Roboto Condensed300'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); color: #fff;  background: rgba(243,93,42, 0.79);
padding: calc(0.55vw + 0.55vh + 0.55vmin); padding-left: calc(0.7vw + 0.7vh + 0.7vmin);  padding-right: calc(0.7vw + 0.7vh + 0.7vmin);   text-decoration: none; 
letter-spacing: 0.01em; text-align: center; text-transform: uppercase; transition: color 0.1s linear 0.05s;
border-radius: calc(0.4vw + 0.4vh + 0.4vmin); position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 20%; width: 20%;}


@media (max-width: 767px) 
{.btn_tt_yantarniy {font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 15%; width: 100%;}}


@media (orientation: portrait)
{.btn_tt_yantarniy {font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 10%;width: 70%;}}


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

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

.btn_tt_yantarniy .btn-inner_tt_yantarniy {position: relative;z-index: 2;}

.btn_tt_yantarniy:hover {color: #f35d2a; border-radius: calc(0.4vw + 0.4vh + 0.4vmin);transition: color 0.1s linear 0s;}

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

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

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

img.yantarniy_logo {height:7vh;  }

@media (orientation: portrait)
{img.yantarniy_logo {height:6.5vh; max-width: 90%; }}




/* -----фото дом-янтарный---------------------------------------- */ 

.dooom_yan a img { width: 14.24%; border-radius: 50%; border: 1px solid #ffb59c; padding: 0.5%; margin: 0.25%;}

@media (max-width: 767px)
{.dooom_yan a img {width: 44%; padding: 1.5%; margin: 0.25%;}}

@media (min-width: 767px) and (orientation: portrait)
{.dooom_yan a img {width: 28%; padding: 1.0%; margin: 0.5%;}}

.dooom_yan a:hover img {opacity: 0.85; cursor: zoom-in; border: 1px solid #f35d2a;}



/* ---Видео----------------------------------------------------------- */ 

.playing_rolik {position: relative;}


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


.rolik_video, .rolik_canvas { width: 79.2%; height: 70%; object-fit: cover; z-index: 10000; border-radius: calc(0.3vw + 0.3vh + 0.3vmin);}

@media (max-width: 767px)
{.rolik_video, .rolik_canvas {width: 100%; height: calc(18.28vw + 18.28vh + 18.28vmin); object-fit: cover; z-index: 10000;}}


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

/* --Самоцветы------------------ */ 



.btn_tt_samocvety {font-family: 'Roboto Condensed300'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); color: #fff;  background: rgba(16,63,85, 0.79);
padding: calc(0.55vw + 0.55vh + 0.55vmin); padding-left: calc(0.7vw + 0.7vh + 0.7vmin);  padding-right: calc(0.7vw + 0.7vh + 0.7vmin);   text-decoration: none; 
letter-spacing: 0.01em; text-align: center; text-transform: uppercase; transition: color 0.1s linear 0.05s;
border-radius: calc(0.4vw + 0.4vh + 0.4vmin); position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 20%; width: 20%;}


@media (max-width: 767px) 
{.btn_tt_samocvety {font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 15%; width: 100%;}}


@media (orientation: portrait)
{.btn_tt_samocvety {font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 10%;width: 70%;}}


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

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

.btn_tt_samocvety .btn-inner_tt_samocvety {position: relative;z-index: 2;}

.btn_tt_samocvety:hover {color: #103f55; border-radius: calc(0.4vw + 0.4vh + 0.4vmin);transition: color 0.1s linear 0s;}

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

.btn_tt_samocvety:hover::after {border-color: #103f55; transition: border 0.1s linear 0s;}

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

img.samocvety_logo {height:15vh;border-radius: calc(0.99vw + 0.99vh + 0.99vmin);  }

@media (orientation: portrait)
{img.samocvety_logo {height:13vh; max-width: 90%; }}




/* -----фото самоцветы--------------------------------------- */ 

.dooom_samocvety a img { width: 14.24%; border-radius: 50%; border: 1px solid #006777; padding: 0.5%; margin: 0.25%;}

@media (max-width: 767px)
{.dooom_samocvety a img {width: 44%; padding: 1.5%; margin: 0.25%;}}

@media (min-width: 767px) and (orientation: portrait)
{.dooom_samocvety a img {width: 28%; padding: 1.0%; margin: 0.5%;}}

.dooom_samocvety a:hover img {opacity: 0.85; cursor: zoom-in; border: 1px solid #5d3d78;}








/* --Арта----------------- */ 



.btn_tt_arta {font-family: 'Roboto Condensed300'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); color: #f9f1ef;  background: rgba(218,81,63, 0.79);
padding: calc(0.55vw + 0.55vh + 0.55vmin); padding-left: calc(0.7vw + 0.7vh + 0.7vmin);  padding-right: calc(0.7vw + 0.7vh + 0.7vmin);   text-decoration: none; 
letter-spacing: 0.01em; text-align: center; text-transform: uppercase; transition: color 0.1s linear 0.05s;
border-radius: calc(0.4vw + 0.4vh + 0.4vmin); position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 20%; width: 20%;}


@media (max-width: 767px) 
{.btn_tt_arta {font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 15%; width: 100%;}}


@media (orientation: portrait)
{.btn_tt_arta {font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 10%;width: 70%;}}


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

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

.btn_tt_arta .btn-inner_tt_arta {position: relative;z-index: 2;}

.btn_tt_arta:hover {color: #da513f; border-radius: calc(0.4vw + 0.4vh + 0.4vmin);transition: color 0.1s linear 0s;}

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

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

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

img.arta_logo {height:20vh;  }

@media (orientation: portrait)
{img.arta_logo {height:13vh; max-width: 90%; }}




/* -----фото арта------------------------------------ */ 

.dooom_arta a img { width: 14.24%; border-radius: 50%; border: 1px solid #da513f; padding: 0.5%; margin: 0.25%;}

@media (max-width: 767px)
{.dooom_arta a img {width: 44%; padding: 1.5%; margin: 0.25%;}}

@media (min-width: 767px) and (orientation: portrait)
{.dooom_arta a img {width: 28%; padding: 1.0%; margin: 0.5%;}}

.dooom_arta a:hover img {opacity: 0.85; cursor: zoom-in; border: 1px solid #ecada5;}









/* --Лайм------------- */ 



.btn_tt_lime {cursor: default;font-family: 'Roboto Condensed300'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); color: #21322c;  background: rgba(251,253,216, 0.89);
padding: calc(0.55vw + 0.55vh + 0.55vmin); padding-left: calc(0.7vw + 0.7vh + 0.7vmin);  padding-right: calc(0.7vw + 0.7vh + 0.7vmin);   text-decoration: none; 
letter-spacing: 0.01em; text-align: center; text-transform: uppercase; transition: color 0.1s linear 0.05s;
border-radius: calc(0.4vw + 0.4vh + 0.4vmin); position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 20%; width: 20%;
}


@media (max-width: 767px) 
{.btn_tt_lime {cursor: default;font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 15%; width: 100%;}}


@media (orientation: portrait)
{.btn_tt_lime {cursor: default;font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 10%;width: 70%;}}


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

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

.btn_tt_lime .btn-inner_tt_lime {position: relative;z-index: 2;}

.btn_tt_lime:hover {color: #fcfcda; border-radius: calc(0.4vw + 0.4vh + 0.4vmin);transition: color 0.1s linear 0s;}

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

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

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

img.lime_logo {height:25vh;  }

@media (orientation: portrait)
{img.lime_logo {height:13vh; max-width: 90%; }}


/* -----фото лайма------------------------------- */ 

.dooom_lime a img { width: 14.24%; border-radius: 50%; border: 1px solid #a9b42a; padding: 0.5%; margin: 0.25%;}

@media (max-width: 767px)
{.dooom_lime a img {width: 44%; padding: 1.5%; margin: 0.25%;}}

@media (min-width: 767px) and (orientation: portrait)
{.dooom_lime a img {width: 28%; padding: 1.0%; margin: 0.5%;}}

.dooom_lime a:hover img {opacity: 0.85; cursor: zoom-in; border: 1px solid #68b42a;}






/* --Ландыши------- */ 



.btn_tt_lan {font-family: 'Roboto Condensed300'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); color: #21322c;  background: rgba(141,211,50, 0.79);
padding: calc(0.55vw + 0.55vh + 0.55vmin); padding-left: calc(0.7vw + 0.7vh + 0.7vmin);  padding-right: calc(0.7vw + 0.7vh + 0.7vmin);   text-decoration: none; 
letter-spacing: 0.01em; text-align: center; text-transform: uppercase; transition: color 0.1s linear 0.05s;
border-radius: calc(0.4vw + 0.4vh + 0.4vmin); position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 20%; width: 20%;cursor: default;
}


@media (max-width: 767px) 
{.btn_tt_lan {cursor: default;font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 15%; width: 100%;}}


@media (orientation: portrait)
{.btn_tt_lan {cursor: default;font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 10%;width: 70%;}}


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

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

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

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

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

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

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

img.lan_logo {height:20vh; opacity:0.9; }

@media (orientation: portrait)
{img.lan_logo {height:13vh; max-width: 90%; }}


/* -----фото ландыша------------------------- */ 

.dooom_lan a img { width: 14.24%; border-radius: 50%; border: 1px solid #8dd332; padding: 0.5%; margin: 0.25%;}

@media (max-width: 767px)
{.dooom_lan a img {width: 44%; padding: 1.5%; margin: 0.25%;}}

@media (min-width: 767px) and (orientation: portrait)
{.dooom_lan a img {width: 28%; padding: 1.0%; margin: 0.5%;}}

.dooom_lan a:hover img {opacity: 0.85; cursor: zoom-in; border: 1px solid #4b8007;}

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





/* --Премьера------ */ 



.btn_tt_prem {font-family: 'Roboto Condensed300'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); color: #fff;  background: rgba(212,67,67, 0.79);
padding: calc(0.55vw + 0.55vh + 0.55vmin); padding-left: calc(0.7vw + 0.7vh + 0.7vmin);  padding-right: calc(0.7vw + 0.7vh + 0.7vmin);   text-decoration: none; 
letter-spacing: 0.01em; text-align: center; text-transform: uppercase; transition: color 0.1s linear 0.05s;
border-radius: calc(0.4vw + 0.4vh + 0.4vmin); position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 20%; width: 20%;
cursor: default;}


@media (max-width: 767px) 
{.btn_tt_prem {cursor: default;font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 15%; width: 100%;}}


@media (orientation: portrait)
{.btn_tt_prem {cursor: default;font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 10%;width: 70%;}}


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

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

.btn_tt_prem .btn-inner_tt_prem {position: relative;z-index: 2;}

.btn_tt_prem:hover {color: #d44343; border-radius: calc(0.4vw + 0.4vh + 0.4vmin);transition: color 0.1s linear 0s;}

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

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

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

img.prem_logo {height:10vh;  }

@media (orientation: portrait)
{img.prem_logo {height:10vh; max-width: 90%; }}


/* -----фото премьера------------------- */ 

.dooom_prem a img { width: 14.24%; border-radius: 50%; border: 1px solid #eb6746; padding: 0.5%; margin: 0.25%;}

@media (max-width: 767px)
{.dooom_prem a img {width: 44%; padding: 1.5%; margin: 0.25%;}}

@media (min-width: 767px) and (orientation: portrait)
{.dooom_prem a img {width: 28%; padding: 1.0%; margin: 0.5%;}}

.dooom_prem a:hover img {opacity: 0.85; cursor: zoom-in; border: 1px solid #d44343;}

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





/* --Рузаевка-- */ 

.btn_tt_ruz {font-family: 'Roboto Condensed300'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); color: #fff;  background: rgba(187,88,47, 0.79);
padding: calc(0.55vw + 0.55vh + 0.55vmin); padding-left: calc(0.7vw + 0.7vh + 0.7vmin);  padding-right: calc(0.7vw + 0.7vh + 0.7vmin);   text-decoration: none; 
letter-spacing: 0.01em; text-align: center; text-transform: uppercase; transition: color 0.1s linear 0.05s;
border-radius: calc(0.4vw + 0.4vh + 0.4vmin); position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 20%; width: 20%; 
cursor: default;}


@media (max-width: 767px) 
{.btn_tt_ruz {cursor: default;font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 15%; width: 100%;}}


@media (orientation: portrait)
{.btn_tt_ruz {cursor: default;font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 10%;width: 70%;}}


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

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

.btn_tt_ruz .btn-inner_tt_ruz {position: relative;z-index: 2;}

.btn_tt_ruz:hover {color: #bb582f; border-radius: calc(0.4vw + 0.4vh + 0.4vmin);transition: color 0.1s linear 0s;}

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

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


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


img.ruz_logo {height:17.5vh;  }

@media (orientation: portrait)
{img.ruz_logo {height:17.5vh; max-width: 90%; }}



/* -----фото дом-Рузаевка--------------------------------------- */ 

.dooom_ruz a img { width: 78.9%; border-radius: calc(0.8vw + 0.8vh + 0.8vmin); border: 0px;}

@media (max-width: 767px)
{.dooom_ruz a img {width: 100%; border-radius: 0; border: 0px;}}

@media (min-width: 767px) and (orientation: portrait)
{.dooom_ruz a img {width: 80%; border-radius: 0; border: 0px;}}

.dooom_ruz a:hover img {opacity: 0.85; cursor: zoom-in; border: 0px;}


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



/* ---Раздел "квартиры"----------------------------------------- */  


.flatss {width:79.2%; height: 200vh; margin-left:10.4%; margin-right:10.4%; border-radius: calc(0.6vw + 0.6vh + 0.6vmin);}

@media (max-width: 767px)
{.flatss {width:98%; height: 200vh; margin-left:1%; margin-right:1%; border-radius: 0;}}



.com_est {width:79.2%; height: 88vh; margin-left:10.4%; margin-right:10.4%; border-radius: calc(0.6vw + 0.6vh + 0.6vmin);}

@media (max-width: 767px)
{.com_est {width:98%; height: 100vh; margin-left:1%; margin-right:1%; border-radius: 0;}}


/* ------о нас--------------------------------------- */ 

img.bina2_logo {height:7vh;  }

@media (orientation: portrait)
{img.bina2_logo {width: 90%; height:auto;  }}


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


.int_onas_bina {width: 76.0%; border:1px solid #f3f5f6; margin: 0 auto; padding: calc(0.95vw + 0.95vh + 0.95vmin);
border-radius: calc(0.4vw + 0.4vh + 0.4vmin); box-shadow: 0px 14px 22px -9px #b4cad4; background: linear-gradient(90deg, #103f55 0%, #006777 100%); opacity:0.9;}


@media (max-width: 767px)
{.int_onas_bina {width: 100%; border-radius: 0; padding: 0; padding-top: calc(0.95vw + 0.95vh + 0.95vmin); padding-bottom: calc(1.35vw + 1.35vh + 1.35vmin); }}

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


.ot_bina {line-height:65%;}

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

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

@media (min-width: 4000px) and (orientation: landscape)
{.ot_bina {line-height:220%;}}



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





/* --Охра-- */ 

.btn_tt_ohra {font-family: 'Roboto Condensed300'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); color: #fff;  background: #c7753f;
padding: calc(0.55vw + 0.55vh + 0.55vmin); padding-left: calc(0.7vw + 0.7vh + 0.7vmin);  padding-right: calc(0.7vw + 0.7vh + 0.7vmin);   text-decoration: none; 
letter-spacing: 0.01em; text-align: center; text-transform: uppercase; transition: color 0.1s linear 0.05s;
border-radius: calc(0.4vw + 0.4vh + 0.4vmin); position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 20%; width: 20%; 
cursor: pointer;}


@media (max-width: 767px) 
{.btn_tt_ohra {cursor: pointer;font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 15%; width: 100%;}}


@media (orientation: portrait)
{.btn_tt_ohra {cursor: pointer;font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 10%;width: 70%;}}


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

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

.btn_tt_ohra .btn-inner_tt_ohra {position: relative;z-index: 2;}

.btn_tt_ohra:hover {color: #c7753f; border-radius: calc(0.4vw + 0.4vh + 0.4vmin);transition: color 0.1s linear 0s;}

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

.btn_tt_ohra:hover::after {border-color: #91663d; transition: border 0.1s linear 0s;}


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

img.ohra_logo {height:15vh;  }

@media (orientation: portrait)
{img.ohra_logo {width: 60%; height:auto;  }}


img.mon_mon {height:15vh;  }

@media (orientation: portrait)
{img.mon_mon {width: 60%; height:auto;  }}



/* -----один ряд из 6, дом охра ------------------------------------------- */ 


.ohra_ph a img { width: 13.8%; border-radius: 50%; border: 1px solid #c7753f; padding: 0.5%; margin: 0.25%;}

@media (max-width: 767px)
{.ohra_ph a img {width: 43%; padding: 1.5%; margin: 0.25%; border: 1px solid #c7753f; }}

@media (min-width: 767px) and (orientation: portrait)
{.ohra_ph a img {width: 25%; padding: 1.0%; margin: 0.5%;border: 1px solid #c7753f; margin-top:0; margin-bottom:4%;}}

.ohra_ph a:hover img {opacity: 0.85; cursor: zoom-in; border: 1px solid #a11a25;}



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


.tri_ohra a img { width: 25.78%; 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: 767px)
{.tri_ohra a img {width: 100%; height: auto; padding-bottom: 4.5%; padding-right: 0; border-radius: 0;}}

@media (min-width: 767px) and (orientation: portrait)
{.tri_ohra a img {width: 32%; height: auto; padding-bottom: 3.5%; padding-right: 0; border-radius: calc(0.2vw + 0.2vh + 0.2vmin);}}


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







/* --Мон-- */ 

/* -------------------------------------------- */  
@media (orientation: landscape)
{
img.anons {width:100%;}
img.anons_mo {display: none;}
}

@media (orientation: portrait)
{
img.anons_mo {width: 100%;}
img.anons {display: none;}
}




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


/* Табличка  */  

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


.framere {width: 100%; height: 79%; border: 0; margin-top: 0.5%;}

@media (orientation: portrait)
{.framere {width: 100%; height: 79%; border: 0; margin-top: 23.5%;}}

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


.tour3 {width: 100%; height: 79%; border: 0; padding: 0;}

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

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

.mab:before {display: block; content: ""; height: 50px; margin: -55px 0 0;}

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

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

.onlyone94 a img {width: 12%;}

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

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

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



@media screen and (min-width: 0px) and (max-width: 666px)
{.text_for_table  {color: #171717; font-family: 'Roboto Condensed300'; font-weight: normal; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: 0.01em; }} 

@media screen and (min-width: 666.001px) and (max-width: 99999px)
{.text_for_table  {color: #171717; font-family: 'Roboto Condensed300'; font-size: calc(0.4vw + 0.4vh + 0.4vmin); letter-spacing: 0.05em;}}

@media screen and (min-height: 0px) and (max-height: 319px) and (orientation:landscape)
{.text_for_table  {color: #171717; font-family: 'Roboto Condensed300'; font-weight: normal; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: 0.05em; }} 


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

table.table_with_price {width: 94.5%; border: 0; padding: calc(0.7em + 0.7vw); 
background: #fff; border-collapse:collapse;text-align:center; box-shadow: 0px 14px 22px -9px #b4cad4;}

@media screen and (min-width: 1501px) and (max-width: 3000px)
{table.table_with_price {width: 91.4%; border: 0; padding: 0; 
background: #fff; border-collapse:collapse;text-align:center;  box-shadow: 0px 14px 22px -9px #b4cad4; }}

@media screen and (min-width: 3001px) and (max-width: 99999px)
{table.table_with_price {width: 81.1%; border: 0; padding: 0;	
background: #fff; border-collapse:collapse;text-align:center;  box-shadow: 0px 14px 22px -9px #b4cad4; }}


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

.obertka_table {width: 97.8%; border: 1px solid #e9e9e9;  border-radius: 0.6em; box-shadow: 0px 14px 22px -9px #b4cad4;}

@media (orientation: portrait)
{.obertka_table {width: 100%; border: 0; border-radius: 0;box-shadow: none;}}


table.table_with_price th{background-color:#e3e3e3;}

@media screen and (min-width: 0px) and (max-width: 800px)
{table.table_with_price td,table.table_with_price th{padding: calc(0.3vw + 0.3vh + 0.3vmin); vertical-align: middle; border: 1px solid #dadada;}}	

@media screen and (min-width: 801px) and (max-width: 99999px)
{table.table_with_price td,table.table_with_price th{padding:calc(0.3vw + 0.3vh + 0.3vmin); vertical-align: middle; border: 1px solid #dadada;}	}

table.table_with_price tr:hover{background-color:#e3e3e3; }



@media screen and (min-width: 0px) and (max-width: 666px)
{table.table_with_price td {font-size: calc(1.0vw + 1.0vh + 1.0vmin); opacity: 0.9;}}

@media screen and (min-width: 666.001px) and (max-width: 99999px)
{table.table_with_price td {font-size: calc(0.5vw + 0.5vh + 0.5vmin); opacity: 0.9; }}
	


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







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


.ens {}
@media (max-width: 1000px) 
{.ens { line-height: 160%;}}


.kot {margin-bottom:-8vh;}
@media (max-width: 1200px) 
{.kot {margin-bottom:0;}}


.backgr9 {position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; }

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

svg {position: absolute; top: 0; left: 0; height: 100%; transform: scaleY(2.8) scaleX(4.85); transform-origin: bottom; box-sizing: border-box; display: block; pointer-events: none;  max-width: 100%;}

@media (orientation: portrait)
{svg { position: absolute; top: 0; left: 0; height: content-fit; transform: scaleY(2.8) scaleX(4.85); transform-origin: bottom; box-sizing: border-box; display: block; pointer-events: none;  max-width: 100%;}}


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

footer {position: relative; left: 0; bottom: 0; display: flex;  height: 270px; max-width: 100%;}

@media (min-width: 1850px) 
{footer {position: relative; left: 0; bottom: 0; display: flex;  height: calc(8.59vw + 8.59vh + 8.59vmin); max-width: 100%;}}

@media (orientation: portrait)
{footer {margin-top:  calc(1.9vw + 1.9vh + 1.9vmin);  position: relative; left: 0; bottom: 0; display: flex;  height: calc(24.09vw + 24.09vh + 24.09vmin); max-width: 100%;}}

@media (min-width: 767px) and (orientation: portrait)
{footer {margin-top:  calc(1.9vw + 1.9vh + 1.9vmin);  position: relative; left: 0; bottom: 0; display: flex;  height: calc(20.59vw + 20.59vh + 20.59vmin); max-width: 100%;}}

@media (max-width: 350px) and (orientation: portrait) and (min-height: 700px)
{footer {margin-top:  calc(1.9vw + 1.9vh + 1.9vmin);  position: relative; left: 0; bottom: 0; display: flex;  height: calc(22.89vw + 22.89vh + 22.89vmin); max-width: 100%;}}

@media (max-width: 600px) and (orientation: landscape) 
{footer {margin-top:  calc(1.9vw + 1.9vh + 1.9vmin);  position: relative; left: 0; bottom: 0; display: flex;  height: 90px; max-width: 100%;}}

@media (min-width: 600.01px) and (max-width: 800px) and (orientation: landscape) 
{footer {margin-top:  calc(1.9vw + 1.9vh + 1.9vmin);  position: relative; left: 0; bottom: 0; display: flex;  height: 130px; max-width: 100%;}}


@media (min-width: 800.01px) and (max-width: 1023px) and (orientation: landscape) 
{footer {margin-top:  calc(1.9vw + 1.9vh + 1.9vmin);  position: relative; left: 0; bottom: 0; display: flex;  height: 160px; max-width: 100%;}}


@media (min-width: 1024px) and (max-height: 750px) and (orientation: landscape) 
{footer {margin-top:  calc(1.9vw + 1.9vh + 1.9vmin);  position: relative; left: 0; bottom: 0; display: flex;  height: calc(9.59vw + 9.59vh + 9.59vmin); max-width: 100%;}}






/* --Контейнер------------------------ */ 

.flex_box {width: 95%; margin: 0 auto; margin-bottom:  calc(0.9vw + 0.9vh + 0.9vmin);display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items: flex-end; align-content: flex-end;gap: 0;}

@media (orientation: portrait)
{.flex_box {width: 100%; max-width: 100%; margin-bottom:  calc(1.9vw + 1.9vh + 1.9vmin); display: flex; flex-direction: column; flex-wrap: nowrap;  justify-content: center; justify-content: flex-end; align-items: flex-end; align-content: flex-end;gap: 0;}}




/* --Первый----------------------- */ 
.first_flex { width: 44%;  }

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




/* -Состав первого------------------------ */ 
.fl {opacity: 1.0;transition: 0.2s linear; }

@media (orientation: portrait)
{.fl {opacity: 1.0;transition: 0.2s linear;display: flex; flex-direction: row; justify-content: center; }}

.fl:hover {opacity: 0.9;}


img.logo_f {width: 45%; z-index: 1020; }

@media (orientation: portrait)
{img.logo_f {width: 60%; z-index: 1020; }}

@media (min-width: 767px) and (orientation: portrait)
{img.logo_f {width: 35%; z-index: 1020; }}


@media (max-width: 1000px) and (orientation: landscape)
{img.logo_f {width: 24%; z-index: 1020; }}

ul.sett {display: flex; flex-direction: row;  list-style: none; padding: 0; margin-top: calc(0.25vw + 0.25vh + 0.25vmin); }

@media (orientation: portrait)
{ul.sett {width: 95%; display: flex; flex-direction: row;  list-style: none; padding: 0; margin: 0 auto; margin-top: calc(0.95vw + 0.95vh + 0.95vmin); margin-bottom: calc(0.45vw + 0.45vh + 0.45vmin);}}

@media (min-width: 767px) and (orientation: portrait)
{ul.sett {width: 80%; display: flex; flex-direction: row;  list-style: none; padding: 0; margin: 0 auto; margin-top: calc(0.95vw + 0.95vh + 0.95vmin); margin-bottom: calc(0.45vw + 0.45vh + 0.45vmin);}}

.links6 { gap: calc(0.35vw + 0.35vh + 0.35vmin); color: #ffffff; font-family: 'Roboto Condensed300'; font-size: calc(0.5vw + 0.5vh + 0.5vmin); }


@media (orientation: portrait)
{.links6 {font-size: calc(0.7vw + 0.7vh + 0.7vmin);  flex-wrap: wrap;  justify-content:center; column-gap: 7%;}}


@media (min-width: 767px) and (orientation: portrait)
{.links6 {font-size: calc(0.7vw + 0.7vh + 0.7vmin);  flex-wrap: wrap;  justify-content:center; column-gap: 4%;}}

a.m_links {color: #ffffff; font-family: 'Roboto Condensed300'; font-size: calc(0.5vw + 0.5vh + 0.5vmin); opacity: 0.8; text-decoration: none; transition: 0.2s linear;}

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

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


a.m_links:hover {opacity: 0.6; border-bottom: calc(0.01vw + 0.01vh + 0.01vmin) solid white;}


/* --Второй----------------------- */ 

.second_flex { width: 56%; }

@media (orientation: portrait)
{.second_flex {  width: 95%; max-width: 95%; margin-top: 1.5vh; padding-left: 2.5%;padding-right: 2.5%;}}

@media (min-width: 767px) and (orientation: portrait)
{.second_flex {  width: 80%; max-width: 80%; margin-top: 1.5vh; padding-left: 10%;padding-right: 10%;}}



/* --Состав второго--------------------- */ 

.moments {margin: 0; color: rgba(255,255,255, 0.6); font-family: 'Roboto Condensed300';  font-size: calc(0.41vw + 0.41vh + 0.41vmin); border: 0; text-align: right ;}

@media (orientation: portrait)
{.moments {font-size: calc(0.82vw + 0.82vh + 0.82vmin); text-align: center; line-height: 160%;}}

@media (min-width: 767px) and (orientation: portrait)
{.moments {font-size: calc(0.6vw + 0.6vh + 0.6vmin); text-align: center; line-height: 160%;}}



a.f_links { color: #ffffff; font-family: 'Roboto Condensed300'; font-size: calc(0.41vw + 0.41vh + 0.41vmin); text-decoration: none; transition: 0.2s linear;}

@media (orientation: portrait)
{a.f_links {color: #ffffff; font-family: 'Roboto Condensed300'; font-size: calc(0.82vw + 0.82vh + 0.82vmin); text-decoration: none; transition: 0.2s linear;}}

@media (min-width: 767px) and (orientation: portrait)
{a.f_links {color: #ffffff; font-family: 'Roboto Condensed300'; font-size: calc(0.6vw + 0.6vh + 0.6vmin); text-decoration: none; transition: 0.2s linear;}}

a.f_links:hover {color: rgba(255,255,255, 0.6); border-bottom: calc(0.01vw + 0.01vh + 0.01vmin) solid rgba(255,255,255, 0.6); }

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

.efio2 {line-height: 20%;}

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

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

.efio {line-height: 60%;}

@media (orientation: portrait)
{.efio { line-height: 100%;}}

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

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


@media (orientation: portrait)
{.hiop{}}

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

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








/* ------------------------------------------------------------------ */ 
/* ----Размер локейшн-------------------------------------------------- */ 
/* ------------------------------------------------------------------ */ 

.loc_size {font-size:calc(0.8vw + 0.8vh + 0.8vmin); opacity:0.86;}

@media (max-width: 767px)
{.loc_size {font-size:calc(1.4vw + 1.4vh + 1.4vmin);  opacity:0.86;}}


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


@media all and (orientation:portrait) {.dvig {display:none;}}
@media all and (orientation:landscape) {.dvig {}}


.noww{width: 100% !important; max-width: 100% !important; overflow-x: hidden;}



/* --Команда------------------------------------------------------- */ 

.team_name {font-size: 250%;}
@media (max-width: 767px)
{.team_name{font-size: 420%;}}


.team_name_2 {font-size: 180%; letter-spacing: -0.01em; color:#606060;}
@media (max-width: 767px)
{.team_name_2{font-size: 320%;}}


.team_name2 {font-size: 190%;}
@media (max-width: 767px)
{.team_name2{font-size: 260%;}}

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

.int_team {width: 79.2%; border:1px solid #f3f5f6; text-align:left; 
border-radius: calc(0.4vw + 0.4vh + 0.4vmin); box-shadow: 0px 14px 22px -9px #b4cad4;
display: inline-block;  }

@media (max-width: 767px)
{.int_team {width: 100%; border:1px solid #f3f5f6; margin: 0 auto; padding: 0; border-radius: 0;}}

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

.team_photo {float: left; padding-left:1%; width: 30%;  padding-top:1.5%; padding-bottom:1.5%;  border: 0px solid red;}

@media (max-width: 767px) 
{.team_photo {width: 100%; padding-left:0; padding-bottom:0;  border: 0;}}

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

.teamh  {width: 100%; color: #103f55; font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.65vw + 0.65vh + 0.65vmin);}

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

.team_block  {float: left; width: 61%; color: #103f55; font-family: 'Roboto Condensed300'; 
font-weight: 400; font-size: calc(0.65vw + 0.65vh + 0.65vmin); padding-left:1.4%; padding-right:3%; padding-bottom:2%;padding-top:9.5%; border: 0px solid red;}

@media (max-width: 767px)
{.team_block {width: 91%; padding-left:5%; }}

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

img.photo_v_module { width:70%; border-radius: calc(0.4vw + 0.4vh + 0.4vmin); box-shadow: 0px 14px 22px -9px #b4cad4; }

@media (max-width: 767px)
{img.photo_v_module {width:91%; border:0; border-radius: calc(0.8vw + 0.8vh + 0.8vmin); box-shadow: 0px 14px 22px -9px #b4cad4; }}

img.photo_v_module:hover {opacity: 0.96; transition: opacity 0.25s ease; } 


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





/* --МОН-- */ 

.btn_tt_mon {font-family: 'Roboto Condensed300'; font-size: calc(0.5vw + 0.5vh + 0.5vmin); color: #5d5352;  background-color: rgba(255, 245, 234, 0.6); 
padding: calc(0.45vw + 0.45vh + 0.45vmin); padding-left: calc(0.3vw + 0.3vh + 0.3vmin);  padding-right: calc(0.3vw + 0.3vh + 0.3vmin);   text-decoration: none; 
letter-spacing: 0.01em; text-align: center; text-transform: uppercase; transition: color 0.1s linear 0.05s;
border-radius: calc(0.4vw + 0.4vh + 0.4vmin); position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 5%; width: 15%; 
cursor: pointer;}


@media (max-width: 767px) 
{.btn_tt_mon {cursor: pointer;font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding: calc(0.87vw + 0.87vh + 0.87vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 15%; width: 100%;}}


@media (orientation: portrait)
{.btn_tt_mon {cursor: pointer;font-size: calc(1.15vw + 1.15vh + 1.15vmin); padding: calc(0.67vw + 0.67vh + 0.67vmin); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 5%;width: 60%;}}


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

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

.btn_tt_mon .btn-inner_tt_mon {position: relative;z-index: 2;}

.btn_tt_mon:hover {color: #a48c81; border-radius: calc(0.4vw + 0.4vh + 0.4vmin);transition: color 0.1s linear 0s;}

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

.btn_tt_mon:hover::after { transition: border 0.1s linear 0s;}


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


@media all and (orientation:landscape) {img.des_gor {width: 99%; margin: 0 auto; padding-right: 0.9%;}}

@media (orientation: portrait) and (min-width: 767px)
 {img.des_gor {width: 99%; margin: 0 auto; padding-right: 0.9%;}}

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


img.des_gor:hover {opacity:0.92;}



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


@media (orientation: portrait) and (max-width: 766.9999px)
{img.des_por {width: 100%;}}


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

@media all and (orientation:landscape) {img.des_por {display:none;}}


img.des_por:hover {opacity:0.92;}


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





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

.samocv a img { width: 16%; border: 0;  padding-bottom: 0; padding-right: 0.05%; padding-bottom: 0.05%;
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: 767px)
{.samocv a img {width: 47%; height: auto; padding-bottom: 0.5%; padding-right: 0.5%;}}

@media (min-width: 767px) and (orientation: portrait)
{.samocv a img {width: 30%; height: auto; padding-bottom: 3.5%; padding-right: 0;}}


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

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




.sm_01 {width: 96.4%; margin: 0 auto; }

@media (orientation: portrait)
{.sm_01 {width: 100%; margin: 0 auto; margin-left: 2%; margin-right: 2%; }}



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

.yanta a img { width: 25%; border: 0;  padding-bottom: 0; padding-right: 0.05%; padding-bottom: 0.05%;
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: 767px)
{.yanta a img {width: 47%; height: auto; padding-bottom: 0.5%; padding-right: 0.5%;}}

@media (min-width: 767px) and (orientation: portrait)
{.yanta a img {width: 30%; height: auto; padding-bottom: 3.5%; padding-right: 0;padding-left:3.5%; }}


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



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

.mon_ren a img { width: 19%; border: 0;  padding-bottom: 0; padding-right: 0.05%; padding-bottom: 0.05%;
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: 767px)
{.mon_ren a img {width: 47%; height: auto; padding-bottom: 0.5%; padding-right: 0.5%;}}

@media (min-width: 767px) and (orientation: portrait)
{.mon_ren a img {width: 47%; height: auto; padding-bottom: 0.5%; padding-right: 0;padding-left:0.5%; }}


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

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


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

.mon_ren2 a img { width: 31.9%; border: 0;  padding-bottom: 0; padding-right: 0.05%; padding-bottom: 0.05%;
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: 767px)
{.mon_ren2 a img {width: 95.8%; height: auto; padding-bottom: 0.5%; padding-right: 0.5%;}}

@media (min-width: 767px) and (orientation: portrait)
{.mon_ren2 a img {width: 95.8%; height: auto; padding-bottom: 0.5%; padding-right: 0;padding-left:0.5%; }}


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

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















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

.natura_tip a img { width: 100%; border: 0;  padding-bottom: 0; padding-right: 0.05%; padding-bottom: 0.05%;
overflow: hidden; position: relative; margin: 0; -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: 767px)
{.natura_tip a img {width: 100%; height: auto; padding-bottom: 0.5%; padding-right: 0.5%;}}

@media (min-width: 767px) and (orientation: portrait)
{.natura_tip a img {width: 100%; height: auto; padding-bottom: 0.5%; padding-right: 0;padding-left:0.5%; }}


.natura_tip a:hover img {z-index: 5;  border: 0; opacity: 0.7; cursor: zoom-in;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

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


.main_natura {width: 79.4%; margin: 0 auto; padding: calc(0.75vw + 0.75vh + 0.75vmin); }

@media (max-width: 766px) and (orientation: portrait)
{.main_natura {width: 92%; padding: calc(0.75vw + 0.75vh + 0.75vmin); margin-bottom: calc(0.75vw + 0.75vh + 0.75vmin); }}

@media (min-width: 767px) and (orientation: portrait)
{.main_natura {width: 95%; margin-bottom: calc(0.75vw + 0.75vh + 0.75vmin);  padding: 0; }}

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



.natura_zglvk {font-family: "Roboto Condensed300"; font-size: calc(0.95vw + 0.95vh + 0.95vmin); letter-spacing: -0.018em; font-weight: bold; text-decoration: none; color: #103f55; }

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

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



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

.name_natura {color: #3d8c0f;}


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


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

.natura_det a img { width: 19%; border: 0;  padding-bottom: 0; padding-right: 0.05%; padding-bottom: 0.05%;
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: 767px)
{.natura_det a img {width: 47%; height: auto; padding-bottom: 0.5%; padding-right: 0.5%;}}

@media (min-width: 767px) and (orientation: portrait)
{.natura_det a img {width: 47%; height: auto; padding-bottom: 0.5%; padding-right: 0;padding-left:0.5%; }}


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

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





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

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




.main_ohra {width: 79.4%; margin: 0 auto; padding: calc(0.75vw + 0.75vh + 0.75vmin); }

@media (max-width: 766px) and (orientation: portrait)
{.main_ohra {width: 92%; padding: calc(0.75vw + 0.75vh + 0.75vmin); margin-bottom: calc(0.75vw + 0.75vh + 0.75vmin); }}

@media (min-width: 767px) and (orientation: portrait)
{.main_ohra {width: 95%; margin-bottom: calc(0.75vw + 0.75vh + 0.75vmin);  padding: 0; }}

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



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

.ohra_tip a img { width: 100%; border: 0;  padding-bottom: 0; padding-right: 0.05%; padding-bottom: 0.05%;
overflow: hidden; position: relative; margin: 0; -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: 767px)
{.ohra_tip a img {width: 100%; height: auto; padding-bottom: 0.5%; padding-right: 0.5%;}}

@media (min-width: 767px) and (orientation: portrait)
{.ohra_tip a img {width: 100%; height: auto; padding-bottom: 0.5%; padding-right: 0;padding-left:0.5%; }}


.ohra_tip a:hover img {z-index: 5;  border: 0; opacity: 0.7; cursor: zoom-in;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

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


.ohra_zglvk {font-family: "Roboto Condensed300"; font-size: calc(0.95vw + 0.95vh + 0.95vmin); letter-spacing: -0.018em; font-weight: bold; text-decoration: none; color: #103f55; }

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

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



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

.name_ohra {color: #c6753e;}



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

.ohra_mop a img { width: 19%; border: 0;  padding-bottom: 0; padding-right: 0.05%; padding-bottom: 0.05%;
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: 767px)
{.ohra_mop a img {width: 47%; height: auto; padding-bottom: 0.5%; padding-right: 0.5%;}}

@media (min-width: 767px) and (orientation: portrait)
{.ohra_mop a img {width: 47%; height: auto; padding-bottom: 0.5%; padding-right: 0;padding-left:0.5%; }}


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

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








.vdblock {width: 79.2%; border:0; display: inline-block;}

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

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

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

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

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

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

.viost:hover {cursor: pointer;}


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


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

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

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


.vdblock_news_kv {width: 100%; border:0;}

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

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

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

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

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

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

.viost_news:hover {cursor: pointer;}


/* ---вертикальное видео-------------------------------------------- */ 

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

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

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

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

.viost_news_port:hover {cursor: pointer;}

/* ---кв видео-------------------------------------------- */ 

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

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

@media (min-width: 767px) and (orientation: portrait)
{.viost_news_kv {width:48%; height: auto; max-height: 100%; border: 0;  padding: 0;  border-radius: calc(0.4vw + 0.4vh + 0.4vmin); }}

.viost_news_kv:hover {cursor: pointer;}


/* ---калк------------------------------------------ */ 

.name_calc {font-size:90%; color: #737373;  font-family: 'Inter';}

@media (max-width: 766px) and (orientation: portrait)
{.name_calc {font-size:170%; color: #737373;  font-family: 'Inter';}}

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


.bar {font-size:100%;  font-family: 'Inter'; color:#103f55; padding:0.7%; padding-left: 0; width:100%; border: none; border-bottom:1px solid #dddddd; }
@media (max-width: 766px) and (orientation: portrait)
{.bar {font-size:180%;  font-family: 'Inter'; color:#103f55; padding:1.7%; padding-left: 0;  width:100%; border: none; border-bottom:2px solid #dddddd; }}

.bar:active {outline: none;  border-bottom:1px solid #103f55;}
.bar:focus {outline: none;  border-bottom:1px solid #103f55;}
@media (max-width: 766px) and (orientation: portrait)
{.bar:active {outline: none;  border-bottom:2px solid #103f55;}}
@media (max-width: 766px) and (orientation: portrait)
{.bar:focus {outline: none;  border-bottom:2px solid #103f55;}}

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

.stopper {cursor:not-allowed; outline: none; border-bottom: none; font-weight: bold; font-size: 120%; pointer-events: none;}
.stopper:active {cursor:not-allowed; outline: none; border-bottom: none; font-weight: bold;font-size: 120%; pointer-events: none;}
.stopper:focus{cursor:not-allowed; outline: none; border-bottom: none; font-weight: bold;font-size: 120%; pointer-events: none;}

@media (max-width: 766px) and (orientation: portrait)
{.stopper {cursor:not-allowed; outline: none; border-bottom: none; font-weight: bold; font-size: 185%; pointer-events: none;}}


@media (max-width: 766px) and (orientation: portrait)
{.stopper:active {cursor:not-allowed; outline: none; border-bottom: none; font-weight: bold;font-size: 185%; pointer-events: none;}}

@media (max-width: 766px) and (orientation: portrait)
{.stopper:focus{cursor:not-allowed; outline: none; border-bottom: none; font-weight: bold;font-size: 185%; pointer-events: none;}}

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



.bobr2 {width: 100%; cursor: pointer; appearance: none; -webkit-appearance: none; outline: none; overflow: hidden; }

@media (max-width: 766px) and (orientation: portrait)
{.bobr2 {width: 100%; cursor: pointer; appearance: none; -webkit-appearance: none; outline: none; overflow: hidden; }}


.bobr2::-webkit-slider-runnable-track {height: 0.8em; background: #ededed; }

@media (max-width: 766px) and (orientation: portrait)
{.bobr2::-webkit-slider-runnable-track {height: 1.5em; background: #ededed; }}

.bobr2::-webkit-slider-thumb {width: 0em; height: 0em; -webkit-appearance: none; appearance: none;  background-color: #ffffff; border-radius: 50%; border: 0px solid #0f4156; box-shadow: -3407px 0 0 3407px #0f4156;}

.bobr2::-moz-range-track {}
.bobr2::-moz-range-thumb {width: 0; height: 0; border: 0px solid #0f4156; box-shadow: -3407px 0 0 3407px #0f4156;}

.bobr {display: none; }

.bobr2:active {outline: none; border-bottom:0; }

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

.name_calc2 {font-size:100%; font-weight: bold; color: #0f4156;  font-family: 'Inter';}

@media (max-width: 766px) and (orientation: portrait)
{.name_calc2 {font-size:190%; font-weight: bold; color: #0f4156;  font-family: 'Inter';}}

/* ----------------------------------------------- */ 
.calc_podp {font-size:100%; color: #404040;  }

@media (max-width: 766px) and (orientation: portrait)
{.calc_podp {font-size:190%; color: #404040;  }}

/* ----------------------------------------------- */ 
.otstup_calc {line-height: 40%;}

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

.secondocalc {line-height: 50%;}

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

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

.name_calc3 {font-size:80%; color: #737373;  font-family: 'Inter';}

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

.hrclasss {opacity: 0.45;}

.btops {pointer-events: none;}

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

a.rrr_links {text-decoration: none;  color: #1a4e66; border-bottom: 1px solid #1a4e66; font-family: 'Roboto Condensed300'; font-weight: 400;  }
a.rrr_links:hover {opacity:0.75;  border-bottom: 1px solid #1a4e66; }





/* --Урбан------ */ 

img.logou {width:85%; border-radius: calc(0.87vw + 0.87vh + 0.87vmin); border: 0;}

@media (max-width: 766px) and (orientation: portrait)
{img.logou {width:90%; border-radius: calc(0.87vw + 0.87vh + 0.87vmin); border: 0;}}

.btn_tt_urban {cursor: default; text-align: left; position: absolute; top: 25%; left: 3%; opacity: 1.0; width: 30%; transition: opacity 0.15s linear 0s;}

@media (orientation: portrait)
{.btn_tt_urban {cursor: default; position: absolute; top: 20%; text-align: center;  left: 0; width: 100%; cursor: default;}}

.btn_tt_urban:hover { opacity: 0.65; }

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

.btn_tt_urban2 {font-family: 'Montserrat'; font-size: calc(1.05vw + 1.05vh + 1.05vmin); color: #ffffff; text-decoration: none; 
  text-transform: uppercase; transition: color 0.1s linear 0.05s;
position: absolute;  bottom: 10%; left:0; width: 98.5%; opacity: 0.85; cursor: pointer;}

@media (max-width: 766px) and (orientation: portrait)
{.btn_tt_urban2 {font-size: calc(1.68vw + 1.68vh + 1.68vmin); bottom: 7%;}}

@media (min-width: 766.01px) and (orientation: portrait)
{.btn_tt_urban2 {font-size: calc(1.68vw + 1.68vh + 1.68vmin);  bottom: 17%;}}


.btn_tt_urban2::before {content: ""; display: block; position: absolute; left: 0; right:0; top: 0; bottom:0; height: 100%; color: #cc5d3e;  width: 1px; z-index: 1; opacity: 0; transition: width 0.32s ease, color 0s linear 0.2s;}

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

.btn_tt_urban2 .btn-inner_tt_urban2 {position: relative;z-index: 2;}

.btn_tt_urban2:hover {color: #cc5d3e; border-radius: calc(0.4vw + 0.4vh + 0.4vmin);transition: color 0.1s linear 0s;}

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

.btn_tt_urban2:hover::after { transition: border 0.1s linear 0s;}

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

img.logou2 {width:25%; border-radius: calc(0.87vw + 0.87vh + 0.87vmin); border: 0;}

@media (max-width: 766px) and (orientation: portrait)
{img.logou2 {width:85%; border-radius: calc(0.87vw + 0.87vh + 0.87vmin); border: 0;}}

@media (min-width: 766.01px) and (orientation: portrait)
{img.logou2 {width:45%; border-radius: calc(0.87vw + 0.87vh + 0.87vmin); border: 0;}}

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

img.landz {width: 100%; margin: 0; padding:0; object-fit: cover; height: 90%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
img.portretz {width: 100%; margin: 0; padding:0;  object-fit: cover; height: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}


@media all and (orientation:portrait) {img.landz {display:none;}}
@media all and (orientation:landscape) {img.portretz {display:none;}}

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

.rturb {font-family: 'Montserrat'; font-weight: 400; font-size: calc(1.09vw + 1.09vh + 1.09vmin); letter-spacing: 0.018em; font-weight: bold; text-decoration: none; color: #cc5d3e; }

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

@media (min-width: 767px) and (orientation: portrait)
{.rturb {font-family: 'Montserrat'; font-weight: 400; font-size: calc(1.25vw + 1.25vh + 1.25vmin); letter-spacing: 0.018em; font-weight: bold; text-decoration: none; color: #cc5d3e;  }}

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


@media (orientation: landscape) and (max-width: 1300px)
{.urbmodul {width: 10%;  text-align:left; }}

@media (orientation: landscape) and (min-width: 1300.001px)
{.urbmodul {width: 10%;  text-align:left; }}

@media (orientation: landscape) and (max-aspect-ratio: 1.34)
{.urbmodul {width: 10%;  text-align:left; }}

@media (orientation: portrait)
{.urbmodul {width: 100%; text-align:center;}}


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

@media (orientation: landscape) and (max-width: 1300px)
{.petlan {width: 98%; display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: center; z-index: 1000; }}

@media (orientation: landscape) and (min-width: 1300.001px)
{.petlan {width: 94%;  display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: center; z-index: 1000; }}

@media (orientation: landscape) and (max-aspect-ratio: 1.34)
{.petlan {width: 98%; display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: center; z-index: 1000; }}


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

@media (orientation: landscape) and (max-width: 1300px)
{.petlan2 {width: 49%; display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: center; z-index: 1000; }}

@media (orientation: landscape) and (min-width: 1300.001px)
{.petlan2 {width: 47%;  display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: center; z-index: 1000; }}

@media (orientation: landscape) and (max-aspect-ratio: 1.34)
{.petlan2 {width: 49%; display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: center; z-index: 1000; }}

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




@media (orientation: landscape)
{img.domurb {width:100%; opacity: 1.0; border: 0;}}

@media (orientation: portrait)
{img.domurb {width:100%;  float: none;}}

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

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

.oneptn a img {width: 100%;}

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

.mjsla a img {width: 100%;}

@media (orientation: landscape) and (min-width: 1300.001px)
{.mjsla a img {width: 84%;}}

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

.lkmodul {width: 100%; text-align:center; }

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



.urban_txt {border: 0; border: none; width: 79.8%; margin-top: 6vh; margin-bottom: 12.5vh;
 display: flex; flex-direction: row; align-items: center;  flex-wrap: nowrap; justify-content: flex-start; gap: 2%;}

@media (max-width: 766px) and (orientation: portrait)
{.urban_txt  {width: 87.2%;  margin-top: 3vh; margin-bottom: 8.5vh;
display: flex; flex-direction: column; align-items: center;  flex-wrap: nowrap; justify-content: flex-start;  }}

@media (min-width: 767px) and (orientation: portrait)
{.urban_txt {border: 0; border: none; width: 97%; margin-top: 4vh; margin-bottom: 5vh;
 display: flex; flex-direction: row; align-items: center;  flex-wrap: nowrap; justify-content: flex-start; gap: 2%;}}


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


.urb1 {width: 38%; }

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

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

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

.urb2 {font-family: 'Montserrat'; letter-spacing: -0.0028em; font-size: calc(0.68vw + 0.68vh + 0.68vmin); text-align: justify; 
width: 60%; text-indent: calc(1.35vw + 1.35vh + 1.35vmin); color: #2e3438; }

@media (max-width: 766px) and (orientation: portrait)
{.urb2 {margin-top: 4vh;  font-family: 'Montserrat'; letter-spacing: -0.0028em; font-size: calc(1.08vw + 1.08vh + 1.08vmin); text-align: justify; 
width: 100%; text-indent: calc(1.35vw + 1.35vh + 1.35vmin); color: #2e3438; }}

@media (min-width: 767px) and (orientation: portrait)
{.urb2 {font-family: 'Montserrat'; letter-spacing: -0.0028em; font-size: calc(0.68vw + 0.68vh + 0.68vmin); text-align: justify; 
width: 56%; text-indent: calc(1.35vw + 1.35vh + 1.35vmin); color: #2e3438; }}

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

img.l_urb {width:100%; border-radius: calc(0.87vw + 0.87vh + 0.87vmin); border: none;}

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

.urbrb {font-family: 'Montserrat'; font-weight: 400; font-size: calc(1.09vw + 1.09vh + 1.09vmin); letter-spacing: 0.018em; font-weight: bold; text-decoration: none; color: #2e3438; }

@media (max-width: 766px) and (orientation: portrait)
{.urbrb {font-family: 'Montserrat'; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: 0.018em; font-weight: bold; text-decoration: none; color: #2e3438;  }}

@media (min-width: 767px) and (orientation: portrait)
{.urbrb {font-family: 'Montserrat'; font-weight: 400; font-size: calc(1.0vw + 1.0vh + 1.0vmin); letter-spacing: 0.018em; font-weight: bold; text-decoration: none; color: #2e3438;  }}


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




/* ---Мята ------------------------------------------- */ 


img.land_myata  {width: 100vw; height: 100vh; width: 100dvw; height: 100dvh; margin: 0; padding:0;  object-fit: cover; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
img.portret_myata {width: 100%; margin: 0; padding:0;  object-fit: cover; height: 100vh; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

@media all and (orientation:portrait) {img.land_myata {display:none;}}
@media all and (orientation:landscape) {img.portret_myata {display:none;}}

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



/* -Флекс-контейнер--------------------------------------------- */ 

.myata_place {position: absolute; top: 22%; border: none; width: 40%; display: flex; flex-direction: column; align-items: start;  flex-wrap: nowrap; justify-content: flex-start; row-gap: calc(0.85vw + 0.85vh + 0.85vmin);}

@media (orientation: portrait)
{.myata_place {position: absolute; top: 15%; border: none; width: 87%; display: flex; flex-direction: column; align-items: start;  flex-wrap: nowrap; justify-content: flex-start; row-gap: calc(0.85vw + 0.85vh + 0.85vmin);}}

@media (max-width: 767px)
{.myata_place {left: 6.4%;}}

@media (min-width: 768px)
{.myata_place {left: 10.4%;}}

@media (orientation: portrait) and (min-width: 768px)
{.myata_place { top: 13%; left: 1.75%;}}

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

/* --название и кр.описание-------------------------- */ 
.btn_tt_myata {cursor: default; text-align: left; transition: background 0.15s linear 0s; padding: calc(0.62vw + 0.62vh + 0.62vmin);  border: none; border-radius: calc(0.85vw + 0.85vh + 0.85vmin); background: rgba(168,197,148, 0.93); box-shadow: 0px 20px 25px -10px rgba(0, 0, 0, 0.2); }
.btn_tt_myata:hover { background: rgba(168,197,148, 0.79); }
/* ---------------------------- */ 


/* --кв в продаже горизонт.-------------------------------------------- */ 

.btn_tt_myata2 {text-decoration: none; cursor: pointer; text-align: left; transition: background 0.15s linear 0s; padding: calc(0.62vw + 0.62vh + 0.62vmin);  border: none; border-radius: calc(0.85vw + 0.85vh + 0.85vmin); background: rgba(168,197,148, 1.0); box-shadow: 0px 20px 25px -10px rgba(0, 0, 0, 0.2); }
.btn_tt_myata2:hover { background: rgba(255,255,259, 0.9); box-shadow: 0px 20px 25px -10px rgba(0, 0, 0, 0.2);}
.btn_tt_myata2:focus { background: rgba(255,255,259, 0.9); box-shadow: 0px 20px 25px -10px rgba(0, 0, 0, 0.2);}

@media (orientation: portrait)
{.btn_tt_myata2 {display: none;}}
/* ---------------------------- */ 

/* --кв в продаже портретн.-------------------------------------------- */ 
.btn_tt_myata3 {text-decoration: none; position: absolute;  border: none; cursor: pointer; text-align: left; 
transition: background 0.15s linear 0s; padding: calc(0.62vw + 0.62vh + 0.62vmin); border-radius: calc(0.85vw + 0.85vh + 0.85vmin); 
background: rgba(168,197,148, 1.0); box-shadow: 0px 20px 25px -10px rgba(0, 0, 0, 0.2); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

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

@media (orientation: portrait) and (max-width: 767px)
{.btn_tt_myata3 {left: 6.4%; bottom: 3%;}}

@media (orientation: portrait) and (min-width: 768px)
{.btn_tt_myata3 {left: 1.75%; bottom: 5%;}}

.btn_tt_myata3:hover { background: rgba(255,255,255, 0.9); box-shadow: 0px 20px 25px -10px rgba(0, 0, 0, 0.2);}
.btn_tt_myata3:focus { background: rgba(255,255,255, 0.9); box-shadow: 0px 20px 25px -10px rgba(0, 0, 0, 0.2);}

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



/* -----Текст внутри------------------------ */ 

.mayta_hello {color: #ffffff; font-family: 'Montserrat'; font-size: calc(1.77vw + 1.77vh + 1.77vmin);}
@media (orientation: portrait)
{.mayta_hello {color: #ffffff; font-family: 'Montserrat'; font-size: calc(2.77vw + 2.77vh + 2.77vmin);}}

.mayta_hello2 {color: #ffffff; font-family: 'Montserrat'; font-size: calc(0.65vw + 0.65vh + 0.65vmin); vertical-align: 12%;}
@media (orientation: portrait)
{.mayta_hello2 {color: #ffffff; font-family: 'Montserrat'; font-size: calc(1.05vw + 1.05vh + 1.05vmin); vertical-align: 12%;}}

.btn_tt_myata2:hover {.mayta_hello3 {color: #a8c594; }}
.btn_tt_myata2:focus {.mayta_hello3 {color: #a8c594; }}

.btn_tt_myata3:hover {.mayta_hello3 {color: #a8c594; }}
.btn_tt_myata3:focus {.mayta_hello3 {color: #a8c594; }}

.mayta_hello3 {color: #ffffff; font-family: 'Montserrat'; font-size: calc(0.82vw + 0.82vh + 0.82vmin);}

@media (orientation: portrait)
{.mayta_hello3 {color: #ffffff; font-family: 'Montserrat'; font-size: calc(1.32vw + 1.32vh + 1.32vmin);}}

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



/* --Типовой этаж---------------------------------- */ 

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

.myata_text {font-family: 'Montserrat'; font-weight: 400; font-size: calc(1.29vw + 1.29vh + 1.29vmin); letter-spacing: 0.018em; font-weight: bold; text-decoration: none; color: #313a2c; }

@media (orientation: landscape) and (max-width: 767px)
{.myata_text {font-family: 'Montserrat'; font-weight: 400; font-size: calc(1.65vw + 1.65vh + 1.65vmin); letter-spacing: 0.018em; font-weight: bold; text-decoration: none; color: #313a2c;  }}

@media (max-width: 766px) and (orientation: portrait)
{.myata_text {font-family: 'Montserrat'; font-weight: 400; font-size: calc(1.95vw + 1.95vh + 1.95vmin); letter-spacing: 0.018em; font-weight: bold; text-decoration: none; color: #313a2c;  }}

@media (min-width: 767px) and (orientation: portrait)
{.myata_text {font-family: 'Montserrat'; font-weight: 400; font-size: calc(1.65vw + 1.65vh + 1.65vmin); letter-spacing: 0.018em; font-weight: bold; text-decoration: none; color: #313a2c;  }}
/* ---------------------------------- */ 


/* --подзаголовок ------------------- */ 

.myata_text2 {font-family: 'Montserrat'; font-size: calc(0.54vw + 0.54vh + 0.54vmin); letter-spacing: 0.018em;  text-decoration: none; color: #484b46; }

@media (orientation: landscape) and (max-width: 767px)
{.myata_text2 {font-family: 'Montserrat';  font-size: calc(1.15vw + 1.15vh + 1.15vmin); letter-spacing: 0.018em; text-decoration: none; color: #484b46;  }}

@media (max-width: 766px) and (orientation: portrait)
{.myata_text2 {font-family: 'Montserrat'; font-size: calc(1.15vw + 1.15vh + 1.15vmin); letter-spacing: 0.018em;  text-decoration: none; color: #484b46;  }}

@media (min-width: 767px) and (orientation: portrait)
{.myata_text2 {font-family: 'Montserrat';  font-size: calc(1.15vw + 1.15vh + 1.15vmin); letter-spacing: 0.018em; text-decoration: none; color: #484b46;  }}
/* ---------------------------------- */ 


/* --план этажа ------------------- */ 
.mobert a img {width: 79.4%;  opacity: 1.0;  border: none; padding:0; margin: 0; border-radius: 0;}

@media (orientation: landscape) and (max-width: 767px)
{.mobert a img {width: 88.4%; opacity: 1.0;  border: none; padding:0; margin: 0; border-radius: 0;}}

@media (orientation: portrait) and (max-width: 767px)
{.mobert a img {width: 88.4%; opacity: 1.0;  border: none; padding:0; margin: 0; border-radius: 0;}}

@media (orientation: portrait) and (min-width: 768px)
{.mobert a img {width: 96.4%; opacity: 1.0;  border: none; padding:0; margin: 0; border-radius: 0;}}

.mobert a img:hover {z-index: 5; opacity: 1.0; cursor: zoom-in; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} 
/* ---------------------------------- */ 


/* ---планы под комм. и кладовые----------------- */ 
.mttwo {width: 79.4%; display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: center; z-index: 1000;column-gap: calc(2.82vw + 2.82vh + 2.82vmin); }


@media (orientation: landscape) and (max-width: 767px)
{.mttwo {width: 88.4%;  display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: center; z-index: 1000;column-gap: calc(2.82vw + 2.82vh + 2.82vmin); }}


@media (orientation: portrait) and (max-width: 767px)
{.mttwo {width: 88.4%;  flex-direction: column;  row-gap: calc(3.85vw + 3.85vh + 3.85vmin); }}

@media (orientation: portrait) and (min-width: 768px)
{.mttwo {width: 96.4%;  flex-direction: column;  row-gap: calc(3.85vw + 3.85vh + 3.85vmin); }}

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


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

.lovmo a img {width: 100%; opacity: 1.0;  border: none; padding:0; margin: 0; border-radius: 0;}

.lovmo a img:hover {z-index: 5; opacity: 1.0; cursor: zoom-in; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} 
/* ---------------------------------- */ 


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


.myatagl a img { width: 25.78%; border: 0; overflow: hidden; position: relative; 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; border-radius: calc(0.5vw + 0.5vh + 0.5vmin); }

@media (orientation: landscape) and (max-width: 767px)
{.myatagl a img {width: 28.4%; }}

@media (orientation: portrait) and (max-width: 767px)
{.myatagl a img {width: 87.8%; margin-bottom: 6%;}}


@media (orientation: portrait) and (min-width: 767px)
{.myatagl a img { width: 31.99%; margin-bottom: 0;}}

.myatagl a:hover img {z-index: 5;  opacity: 0.85; cursor: zoom-in; }


/* ---Планировки------------ */
.ob_pl_m {border: none; width: 79.4%; display: flex; flex-direction: row;  flex-wrap: wrap; justify-content: space-between; align-items: start; row-gap: calc(1.25vw + 1.25vh + 1.25vmin);}

@media (orientation: landscape) and (max-width: 767px)
{.ob_pl_m {border: none; width: 88.4%; display: flex; flex-direction: row;  flex-wrap: wrap; justify-content: space-between; align-items: start; row-gap: calc(1.25vw + 1.25vh + 1.25vmin);}}


@media (orientation: portrait) and (max-width: 767px)
{.ob_pl_m {width: 88.4%; display: flex; flex-direction: column; align-items: start; flex-wrap: nowrap; justify-content: flex-start; row-gap: calc(2.25vw + 2.25vh + 2.25vmin); }}

@media (orientation: portrait) and (min-width: 768px)
{.ob_pl_m {width: 96.4%; display: flex; flex-direction: row;  flex-wrap: wrap; justify-content: space-between; align-items: start;}}


.kontey {width: 22%; border:none;}

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

@media (orientation: portrait) and (min-width: 768px)
{.kontey {width: 45%; border: none; }}

.gallery a img.mya_plans {width:100%; border-radius: 0; border: none;}
.gallery a img.mya_plans:hover {opacity: 0.89;} 

.plos {text-align: justify; color: #313a2c;  font-family: 'Montserrat'; letter-spacing: -0.0028em; font-size: calc(0.55vw + 0.55vh + 0.55vmin); }

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

@media (orientation: portrait) and (min-width: 768px)
{.plos {font-size: calc(0.85vw + 0.85vh + 0.85vmin); }}

@media (orientation: portrait)
{.mtra {display: none;}}
/* -------------------------------------------- */  




a.pror_links {border-bottom: 1px solid transparent; transition: all 0.27s ease; font-family: 'Montserrat'; 
font-size: calc(0.5vw + 0.5vh + 0.5vmin); letter-spacing: 0.018em;  text-decoration: none; color: #386b1c; border-bottom: 1px solid #386b1c; }

@media (orientation: landscape) and (max-width: 767px)
{a.pror_links {font-size: calc(1.15vw + 1.15vh + 1.15vmin);  }}

@media (max-width: 766px) and (orientation: portrait)
{a.pror_links {font-size: calc(1.15vw + 1.15vh + 1.15vmin); }}

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

a.pror_links:hover { color: #000000; border-bottom: 1px solid transparent;}

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

.myata_text4 {font-family: 'Montserrat'; font-size: calc(0.5vw + 0.5vh + 0.5vmin); letter-spacing: 0.018em;  text-decoration: none; color: #484b46; }

@media (orientation: landscape) and (max-width: 767px)
{.myata_text4 {font-family: 'Montserrat';  font-size: calc(1.15vw + 1.15vh + 1.15vmin); letter-spacing: 0.018em; text-decoration: none; color: #484b46;  }}

@media (max-width: 766px) and (orientation: portrait)
{.myata_text4 {font-family: 'Montserrat'; font-size: calc(1.15vw + 1.15vh + 1.15vmin); letter-spacing: 0.018em;  text-decoration: none; color: #484b46;  }}

@media (min-width: 767px) and (orientation: portrait)
{.myata_text4 {font-family: 'Montserrat';  font-size: calc(1.15vw + 1.15vh + 1.15vmin); letter-spacing: 0.018em; text-decoration: none; color: #484b46;  }}
/* ---------------------------------- */ 



/* --заголовки сайта  ------------------- */ 

.st_text {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(0.89vw + 0.89vh + 0.89vmin); letter-spacing: 0.018em; font-weight: bold; text-decoration: none; color: #313a2c; }

@media (orientation: landscape) and (max-width: 767px)
{.st_text {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(1.65vw + 1.65vh + 1.65vmin); letter-spacing: 0.018em; font-weight: bold; text-decoration: none; color: #313a2c;  }}

@media (max-width: 766px) and (orientation: portrait)
{.st_text {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(1.95vw + 1.95vh + 1.95vmin); letter-spacing: 0.018em; font-weight: bold; text-decoration: none; color: #313a2c;  }}

@media (min-width: 767px) and (orientation: portrait)
{.st_text {font-family: 'Roboto Condensed300'; font-weight: 400; font-size: calc(1.65vw + 1.65vh + 1.65vmin); letter-spacing: 0.018em; font-weight: bold; text-decoration: none; color: #313a2c;  }}
/* ---------------------------------- */ 



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

.btn_podvibor { text-decoration: none; border: none; cursor: pointer; text-align: center; 
transition: background 0.15s linear 0s; padding: calc(0.42vw + 0.42vh + 0.42vmin); border-radius: calc(0.35vw + 0.35vh + 0.35vmin); 
background: #026474; box-shadow: 0px 20px 25px -10px rgba(0, 0, 0, 0.2); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.btn_txtr {color: #ffffff; font-family: 'Inter'; font-size: calc(0.5vw + 0.5vh + 0.5vmin);}

@media (orientation: portrait)
{.btn_txtr {color: #ffffff; font-family: 'Inter'; font-size: calc(1.32vw + 1.32vh + 1.32vmin);}}



a.btn_podvibor2 {text-decoration: none; border: none; cursor: pointer; text-align: center; 
transition: background 0.15s linear 0s; padding: calc(0.42vw + 0.42vh + 0.42vmin); border-radius: calc(0.35vw + 0.35vh + 0.35vmin); 
background: #103f55; box-shadow: 0px 20px 25px -10px rgba(0, 0, 0, 0.2); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

a.btn_podvibor2:hover { background: #026474; box-shadow: 0px 20px 25px -10px rgba(0, 0, 0, 0.2);}

.btn_txtr2 {color: #ffffff; font-family: 'Inter'; font-size: calc(0.5vw + 0.5vh + 0.5vmin);}

@media (orientation: portrait)
{.btn_txtr2 {color: #ffffff; font-family: 'Inter'; font-size: calc(1.32vw + 1.32vh + 1.32vmin);}}