* {margin: 0; padding: 0; outline: none;} 
:root {color-scheme: light only;}
html {overflow-x: hidden !important; scroll-behavior: smooth; -webkit-tap-highlight-color: transparent; }
body {overflow-x: hidden !important; background: #ffffff;  z-index: 9000;}
html::-webkit-scrollbar {width: calc(0.25vw + 0.25vh + 0.25vmin); }
html::-webkit-scrollbar-track {background: transparent; }
html::-webkit-scrollbar-thumb {background-color: #488cac; border-radius: calc(0.19vw + 0.19vh + 0.19vmin);}
html::-webkit-scrollbar-thumb:hover {background-color: #51bbee;}
@-moz-document url-prefix() {html { scrollbar-width: thin !important; scrollbar-color: #488cac transparent;}}  

/* -- Шрифты -- */
@font-face {font-family: "Material Symbols Outlined"; font-display: block; font-style: normal; font-weight: 400; src: url('fonts/MaterialSymbolsOutlined-Regular.woff2') format('woff2');}
@font-face {font-family: "Roboto Condensed"; font-display: fallback; font-style: normal; font-weight: 300; src: url('fonts/roboto-condensed-v25-cyrillic_latin-300.woff2') format('woff2');}
@font-face {font-family: "Roboto Condensed"; font-display: fallback; font-style: normal; font-weight: 400; src: url('fonts/roboto-condensed-v31-cyrillic_latin-regular.woff2') format('woff2');}
@font-face {font-family: "Roboto"; font-display: fallback; font-style: normal; font-weight: 300; src: url('fonts/roboto-v51-cyrillic_latin-300.woff2') format('woff2');}
@font-face {font-family: "Montserrat"; font-display: fallback; font-style: normal; font-weight: 400; src: url('fonts/montserrat-v31-cyrillic_latin-regular.woff2') format('woff2');}
@font-face {font-family: "Montserrat"; font-display: fallback; font-style: normal; font-weight: 600; src: url('fonts/montserrat-v31-cyrillic_latin-600.woff2') format('woff2');}
@font-face {font-family: "Inter"; font-display: fallback; font-style: normal; font-weight: 200; src: url('fonts/inter-v20-cyrillic_latin-200.woff2') format('woff2');}
@font-face {font-family: "Inter"; font-display: fallback; font-style: normal; font-weight: 300; src: url('fonts/inter-v20-cyrillic_latin-300.woff2') format('woff2');}
@font-face {font-family: "Inter"; font-display: fallback; font-style: normal; font-weight: 500; src: url('fonts/inter-v20-cyrillic_latin-500.woff2') format('woff2');}

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

.hellouser {position: fixed; bottom: calc(0.8vw + 0.8vh + 0.8vmin); left: 50%; transform: translateX(-50%) translateY(calc(0.5vw + 0.5vh + 0.5vmin));
width: 71%; color: #ffffff; font-family: "Roboto Condensed"; font-weight: 300; letter-spacing: 0.0096em; font-size: calc(0.534vw + 0.534vh + 0.534vmin); background: #1a4e66;line-height: 1.4;
border: none; padding: calc(0.59vw + 0.59vh + 0.59vmin) calc(0.51vw + 0.51vh + 0.51vmin) calc(0.58vw + 0.58vh + 0.58vmin) calc(0.68vw + 0.68vh + 0.68vmin);
box-shadow: 0 calc(0.11vw + 0.11vh + 0.11vmin) calc(0.18vw + 0.18vh + 0.18vmin) calc(0.11vw + 0.11vh + 0.11vmin) rgba(26,78,102,0.24);
border-radius: calc(0.43vw + 0.43vh + 0.43vmin); opacity: 0; visibility: hidden; transition: opacity 0.27s ease, transform 0.27s ease; z-index:99998; box-sizing: border-box;}

.hellouser.visible {opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);}
.hellouser p {margin: 0;}
.hellouser .ssilka_na_soglasie {font-family: "Roboto Condensed"; font-weight: 300; color: #79d5ff; text-decoration: none; border-bottom: 1px dashed #79d5ff;  transition: color 0.27s ease;}
.hellouser .ssilka_na_soglasie:hover {color: #ffffff; text-decoration: none; border-bottom: 1px solid #ffffff; }
.hellouser .ssilka_na_soglasie:focus-visible {outline: calc(0.11vw + 0.11vh + 0.11vmin) solid #ffdbcd; outline-offset: calc(0.11vw + 0.11vh + 0.11vmin);}
.hellouser .otstup_uve {display: block; height: calc(0.35vw + 0.35vh + 0.35vmin);}
.hellouser .lenta_s_knopkami {display: flex; flex-wrap: wrap; gap: calc(0.35vw + 0.35vh + 0.35vmin); align-items: center;}
.hellouser .knopka_ya_soglasen {cursor: pointer; display: inline-block; padding: calc(0.2vw + 0.2vh + 0.2vmin) calc(0.4vw + 0.4vh + 0.4vmin);
color: #000000; background: #ffffff; font-family: "Roboto Condensed"; font-weight: 300; letter-spacing: 0.0096em; font-size: calc(0.534vw + 0.534vh + 0.534vmin); text-decoration: none;
border: none; -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.23vw + 0.23vh + 0.23vmin); transition: background 0.27s ease;}
.hellouser .knopka_ya_soglasen:hover {background: #00a2ed;  color: #ffffff;}
.hellouser .knopka_ya_soglasen:active {transform: scale(0.92);}
.hellouser .knopka_ya_soglasen:focus-visible {outline: calc(0.11vw + 0.11vh + 0.11vmin) solid #ffdbcd; outline-offset: calc(0.11vw + 0.11vh + 0.11vmin);}

@media (orientation: landscape) and (max-width: 767px)
{.hellouser {width: 88%; font-size: calc(0.834vw + 0.834vh + 0.834vmin); }}

@media (orientation: landscape) and (min-width: 768px) and (max-width: 1300px)
{.hellouser {width: 88%; font-size: calc(0.634vw + 0.634vh + 0.634vmin); }}

@media (orientation: landscape) and (max-width: 767px)
{.hellouser .knopka_ya_soglasen {font-size: calc(0.834vw + 0.834vh + 0.834vmin); }}

@media (orientation: landscape) and (min-width: 768px) and (max-width: 1300px)
{.hellouser .knopka_ya_soglasen {font-size: calc(0.634vw + 0.634vh + 0.634vmin);  }}


@media (orientation: portrait)
{.hellouser {bottom: 4%; width: 98%; letter-spacing: 0.0096em; line-height: 1.2; font-size: calc(1.01vw + 1.01vh + 1.01vmin); padding: calc(0.8vw + 0.8vh + 0.8vmin); border-radius: calc(0.7vw + 0.7vh + 0.7vmin);}}

@media (orientation: portrait)
{.hellouser .ssilka_na_soglasie:focus-visible {outline: calc(0.22vw + 0.22vh + 0.22vmin) solid #ffdbcd; outline-offset: calc(0.22vw + 0.22vh + 0.22vmin);}}

@media (orientation: portrait)
{.hellouser .otstup_uve {height: calc(0.6vw + 0.6vh + 0.6vmin);}}

@media (orientation: portrait)
{.hellouser .lenta_s_knopkami {gap: calc(0.3vw + 0.3vh + 0.3vmin);}}

@media (orientation: portrait)
{.hellouser .knopka_ya_soglasen {padding: calc(0.4vw + 0.4vh + 0.4vmin); font-size: calc(1.01vw + 1.01vh + 1.01vmin); border-radius: calc(0.43vw + 0.43vh + 0.43vmin);}}

@media (orientation: portrait)
{.hellouser .knopka_ya_soglasen:focus-visible {outline: calc(0.22vw + 0.22vh + 0.22vmin) solid #ffdbcd; outline-offset: calc(0.22vw + 0.22vh + 0.22vmin);}}


/* ---------------------------------- */ 
#mapbina {width:100%; height:56%;}
/* ---------------------------------- */  

#arta_catalog, #mon_catalog, #myata_catalog, #natura_catalog, #ohra_catalog, #samocvety_catalog, #urban_catalog, #yantarniy_catalog {border: none; width:95vw;
 height: calc(100vh - 100px); margin-left: 2.5%; margin-right:2.5%; border-radius: calc(0.6vw + 0.6vh + 0.6vmin); scroll-margin-top: calc(4.29vw + 4.29vh + 4.29vmin);}


@media (orientation: landscape) and (max-width: 680px) and (max-height: 380px)
{#arta_catalog, #mon_catalog, #myata_catalog, #natura_catalog, #ohra_catalog, #samocvety_catalog, #urban_catalog, #yantarniy_catalog
{scroll-margin-top: calc(4.89vw + 4.89vh + 4.89vmin); width: 190%; height: 160vh; transform: scale(0.5); transform-origin: top left; box-sizing: border-box;margin-bottom: -90vh; } }


@media (orientation: landscape) and (min-width: 700px) and (max-width: 960px) and (max-height: 440px) 
{#arta_catalog, #mon_catalog, #myata_catalog, #natura_catalog, #ohra_catalog, #samocvety_catalog, #urban_catalog, #yantarniy_catalog
{scroll-margin-top: calc(4.39vw + 4.39vh + 4.39vmin); width: 190%; height: 160vh; transform: scale(0.5); transform-origin: top left; box-sizing: border-box;margin-bottom: -90vh; } }


@media (orientation: portrait)
{#arta_catalog, #mon_catalog, #myata_catalog, #natura_catalog, #ohra_catalog, #samocvety_catalog, #urban_catalog, #yantarniy_catalog
{scroll-margin-top: calc(11.89vw + 11.89vh + 11.89vmin); border: none; width:95vw;
 height: 110vh; margin-left: 2.5%; margin-right:2.5%; border-radius: calc(0.6vw + 0.6vh + 0.6vmin); } }

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{#arta_catalog, #mon_catalog, #myata_catalog, #natura_catalog, #ohra_catalog, #samocvety_catalog, #urban_catalog, #yantarniy_catalog
{scroll-margin-top: calc(11.89vw + 11.89vh + 11.89vmin); border: none; width:95vw;
 height: calc(100vh - 100px); margin-left: 2.5%; margin-right:2.5%; border-radius: calc(0.6vw + 0.6vh + 0.6vmin); } }

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

#com_est {width:95%; height: 88vh; margin-left:2.5%; margin-right:2.5%; border: none; }

@media (orientation: portrait)
{#com_est {width:95%; height: 100vh; margin-left:2.5%; margin-right:2.5%; border: none; }}


@media (orientation: landscape) and (max-width: 680px) and (max-height: 380px)
{#com_est {width: 190%; height: 160vh; transform: scale(0.5); transform-origin: top left; box-sizing: border-box;margin-bottom: -80vh; }}


@media (orientation: landscape) and (min-width: 700px) and (max-width: 960px) and (max-height: 440px) 
{#com_est {width: 190%; height: 160vh; transform: scale(0.5); transform-origin: top left; box-sizing: border-box;margin-bottom: -80vh; }}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{#com_est {width:90%; height: 100vh; margin-left:5%; margin-right:5%; border: none; }}

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

#new_est {width:95%; height: 78vh; margin-left:2.5%; margin-right:2.5%; border: none; }

@media (orientation: portrait)
{#new_est {width:95%; height: 60vh; margin-left:2.5%; margin-right:2.5%; border: none; }}


@media (orientation: landscape) and (max-width: 680px) and (max-height: 380px)
{#new_est {width: 190%; height: 160vh; transform: scale(0.5); transform-origin: top left; box-sizing: border-box;margin-bottom: -80vh; }}


@media (orientation: landscape) and (min-width: 700px) and (max-width: 960px) and (max-height: 440px) 
{#new_est {width: 190%; height: 160vh; transform: scale(0.5); transform-origin: top left; box-sizing: border-box;margin-bottom: -80vh; }}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{#com_est {width:90%; height: 100vh; margin-left:5%; margin-right:5%; border: none; }}


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

#flatss, #storerooms_catalog {width:95%; height: 200vh; margin-left:2.5%; margin-right:2.5%; border: none;}

@media (orientation: portrait)
{#flatss, #storerooms_catalog {width:98%; height: 200vh; margin-left:1%; margin-right:1%; }}

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

#touree {width: 100%; height: 79%; border: 0; padding: 0;}

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

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

#monmapp {width:100%; height:50vh; border: none;}

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

#ohramap {width:100%; height:50vh; border: none;}

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

#naturamap {width:100%; height:50vh; border: none;}

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


#frm1, #frm2, #frm3, #frm4, #frm5, #frm6, #frm7, #frm8, #frm9, #frm10, #frm11, #frm12, #frm13, #frm14, #frm15, #frm16, #frm17, #frm18, #frm19, #frm20, #frm21, #frm22, #frm23,
#frm24, #frm25, #frm26, #frm27, #frm28, #frm29 {width: 100%; height: 79%; border: 0; margin-top: 0.5%;}

@media (orientation: portrait)
{#frm1, #frm2, #frm3, #frm4, #frm5, #frm6, #frm7, #frm8, #frm9, #frm10, #frm11, #frm12, #frm13, #frm14, #frm15, #frm16, #frm17, #frm18, #frm19, #frm20, #frm21, #frm22, #frm23,
#frm24, #frm25, #frm26, #frm27, #frm28, #frm29 {margin-top: 23.5%;}}

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

/* -- Выбор меню -- */
@media (orientation: landscape) {.landscape_menu { display: block; } .portriz { display: none; } }
@media (orientation: portrait) {.landscape_menu { display: none; } .portriz { display: block; } }




/* ---------------------------------- */ 
/* --------ГЭ------- */ 
/* ---------------------------------- */ 

/* ----1----------- */ 
.wrap1 {border-bottom: calc(0.03vw + 0.03vh + 0.03vmin) solid #cccccc; width: 100%; margin: 1.8vh auto 0; padding-bottom: 1.8vh; display: flex;  justify-content: center; align-items:center;}
.first_logo_row {width: 95%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.logotype {width:18%; display: flex;  align-self: center; }
img.logo {width:100%; -webkit-touch-callout: none; user-select: none; will-change: transform;}
img.logo:hover {animation: shake 2.11s infinite linear;}
.description {width:40%; text-align: right; display: flex;  flex-direction: column; gap: 0.9vh;}
.slogan_plus_logo {display: inline-flex; align-items: center;  flex-direction: row; flex-wrap: nowrap; justify-content: flex-end;}
.slogan {color: #417b95;  font-family: "Inter"; font-weight: 300; font-size: calc(0.6vw + 0.6vh + 0.6vmin); }
img.logo_sm {width: calc(0.9vw + 0.9vh + 0.9vmin);  -webkit-touch-callout: none; user-select: none; margin-left: calc(0.6vw + 0.6vh + 0.6vmin);}
.korotkie_kontakty { color: #ababab;  font-family: "Inter"; font-weight: 300; font-size: calc(0.6vw + 0.6vh + 0.6vmin); text-decoration: none; }
.ikonka {font-family: 'Material Symbols Outlined'; font-weight: 400; font-size: calc(0.65vw + 0.65vh + 0.65vmin); color: #cacaca; vertical-align: -0.4vh; margin-right: 0.2vw;}

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

.adres {position: relative;}

.adres:hover {color: #000; border-bottom: calc(0.06vw + 0.06vh + 0.06vmin) dashed #000;}

.visualniy_adres {position: absolute; top: 105%; left: -20%; padding-top: 5%; transform: translateX(-50%) translateY(calc(0.9vw + 0.9vh + 0.9vmin)); 
opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease; z-index: 1000;
background: transparent; border: none; width: 220%;}

img.office_bina {width: 45%; border-radius: calc(0.6vw + 0.6vh + 0.6vmin);  }
.content_of_adres {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; gap: 1vw;}

.opisanie_adresa {text-align: left; padding: 3%; color: #7e7e7e;  font-family: "Inter"; font-weight: 300; font-size: calc(0.55vw + 0.55vh + 0.55vmin);
border-radius: calc(0.6vw + 0.6vh + 0.6vmin); background: rgba(255,255,255,0.96); border: none; box-shadow: 0 calc(0.11vw + 0.11vh + 0.11vmin) calc(0.18vw + 0.18vh + 0.18vmin) calc(0.11vw + 0.11vh + 0.11vmin) rgba(255,255,255,0.24);}

img.logo_in_adres {width: 50%; }

.zagolovok_adres {color: #7e7e7e;  font-family: "Inter"; font-weight: 200; font-size: calc(0.89vw + 0.89vh + 0.89vmin);}

a.link_adres {color: #7e7e7e;  font-family: "Inter"; font-weight: 300; font-size: calc(0.5vw + 0.5vh + 0.5vmin); text-decoration: none; 
border-bottom: calc(0.06vw + 0.06vh + 0.06vmin) dashed #d9d9d9; transition: all 0.26s ease;}

a.link_adres:hover {color: #000; border-bottom: calc(0.06vw + 0.06vh + 0.06vmin) dashed #000;}
.ikonka_adres {font-family: 'Material Symbols Outlined'; font-weight: 400; font-size: calc(0.7vw + 0.7vh + 0.7vmin); color: #cacaca; vertical-align: -0.7vh; margin-right: 0.15vw;}

.adres:hover .visualniy_adres, .adres:hover .visualniy_adres::after {opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }

.adres:hover {
  color: #000;
  border-bottom: calc(0.06vw + 0.06vh + 0.06vmin) dashed #000;
}

img.icsvg {width: 4.5%; padding-left: 0.2vw; vertical-align:-0.5vh; margin-right: 0.45vw; }

.no-tumanno {filter: blur(0.7vmin); opacity: 0.84; transition: filter 0.14s linear, opacity 0.14s linear;}
.yes-sunny {transition: all 0.26s linear;}

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



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

.vtoraya_linia{border: 0; padding: 1.7vh 0; width: 100%; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.pod_vtoroy {width: 95%; display: inline-flex; align-items: center; flex-direction: row; flex-wrap: nowrap;}

/* ---------------------------- */
/* ----бургер старт-------- */
/* ---------------------------- */
/* --Кнопка бургера------------------ */ 

input[type=checkbox] {display: none;}
input[type=checkbox]:checked ~ #molot {visibility: visible; }

#molot {visibility: hidden; position: fixed; top: 0; left: 0; z-index: 1000; background: radial-gradient(ellipse at bottom, #113f55 0%, #000000 100%);  
border: 0; width: 100%;  height: 100%; overflow: hidden !important;  }
#molot .active {visibility: visible;}

label[for="thenora"] {position: relative; z-index: 2500; cursor: pointer; display: inline-block;}

.thetalants {position: relative; background: none;	border: none; cursor: pointer; padding: 0; outline: none; 
width: calc(1.55vw + 1.55vh + 1.55vmin); display: flex; flex-direction: column; align-items: flex-start; transform-style: preserve-3d;
transition: transform 0.23s cubic-bezier(0.25, 1, 0.5, 1);}

.thetalants:active {transform: scale(0.85);}

.thetalants .line {display: block;	width: 100%; height: calc(0.08vw + 0.08vh + 0.08vmin); background-color: #b7b7b7;
border-radius: calc(0.08vw + 0.08vh + 0.08vmin); transform: translate3d(0, 0, 0); backface-visibility: hidden;
transition: transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6), opacity 0.2s ease 0.12s, background-color 0.23s ease, width 0.3s cubic-bezier(0.25, 1, 0.5, 1);}

.thetalants .line:nth-child(3) {width: 70%;}

.thetalants:hover .line {background-color: #113f55;}

.thetalants .line:not(:last-child) {margin-bottom: calc(0.2vw + 0.2vh + 0.2vmin);}

input[type=checkbox]:checked + label .thetalants .line:nth-child(1) {transform: translateY(calc((0.08vw + 0.08vh + 0.08vmin) + (0.2vw + 0.2vh + 0.2vmin))) rotate(45deg); background-color: #b9b9b9;}
input[type=checkbox]:checked + label .thetalants .line:nth-child(2) {opacity: 0; transform: scale(0); transition: transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6), opacity 0.1s ease 0s;}
input[type=checkbox]:checked + label .thetalants .line:nth-child(3) {width: 100%; transform: translateY(calc(((0.08vw + 0.08vh + 0.08vmin) + (0.2vw + 0.2vh + 0.2vmin)) * -1)) rotate(-45deg); background-color: #b9b9b9;}
input[type=checkbox]:checked + label .thetalants:active {transform: scale(0.9) rotate(5deg);}

.thetalants::after {content: ""; position: absolute; top: 50%;	left: 50%; width: 200%;	padding-bottom: 200%; height: 0; transform: translate(-50%, -50%) scale(0.5); 
border-radius: 50%; background-color: rgba(255,255,255,0.6); opacity: 0; pointer-events: none;}

input[type=checkbox]:checked + label .thetalants::after {animation: marif 0.4s ease-out forwards;}

@keyframes marif {0% {transform: translate(-50%, -50%) scale(0.4); opacity: 1; }	100% {transform: translate(-50%, -50%) scale(1.4); opacity: 0;}}

input[type=checkbox]:checked + label:hover .thetalants .line {background-color: #fff;}

label[for="thenora"] {transition: transform 0.74s cubic-bezier(0.25, 1, 0.5, 1);}

input[type=checkbox]:checked + label[for="thenora"] {transform: translate(0, calc(50vh - var(--schitaem_visotu, 0px) - 50%)); transform: translate(0, calc(50svh - var(--schitaem_visotu, 0px) - 50%));}

/* ----Запрет скроллинга страницы при открытии меню----------- */ 
body.scrolliff {overflow-y: hidden !important;}
body.scrolliff::-webkit-scrollbar {display: none !important; width: 0 !important; height: 0 !important;}
body.scrolliff {scrollbar-width: none !important;}

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


/* -------Шапка внутри бургера------------------ */ 

.wrap_shapka {width: 100%; margin: 2.5vh auto 0;  padding-bottom: 1.8vh; display: flex;  justify-content: center; align-items:center; }
.ogranka_shapka {width: 95%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.logo_shapka {width:18%; display: flex;  align-self: center; }
img.logo2 {width:100%; -webkit-touch-callout: none; user-select: none; }
img.logo2:hover {animation: shake 2.11s infinite linear;}
@keyframes shake {0% { transform: translate(0, 0); } 25% { transform: translate(1px, -1px); } 50% { transform: translate(-1px, 1px); } 75% { transform: translate(1px, 1px); } 100% { transform: translate(0, 0);}}
.soclinki_shapka {width:40%; text-align: right; display: flex;  justify-content: flex-end; align-items:center;
color: #b9b9b9;  font-family: "Inter"; font-weight: 300; font-size: calc(0.7vw + 0.7vh + 0.7vmin); text-decoration: none; user-select: none;}

a.soclink_in_menu {color: #b9b9b9;  font-family: "Inter"; font-weight: 300; font-size: calc(0.7vw + 0.7vh + 0.7vmin); text-decoration: none; 
border-bottom: calc(0.06vw + 0.06vh + 0.06vmin) solid #b9b9b9; transition: color 0.26s ease, border-bottom 0.26s ease; user-select: none;}
a.soclink_in_menu:hover {color: #fff; border-bottom: calc(0.06vw + 0.06vh + 0.06vmin) solid #fff;}


/* ----Пункты меню внутри бургера------------------------ */

.wrap_punktov {width: 100%; height: 80vh; display: flex;  justify-content: center; align-items:center;}
.ogranka_punktov {width: 80%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.left_column {color: #fff; width:50%; border-right: calc(0.03vw + 0.03vh + 0.03vmin) solid #cccccc; display: flex; align-self: center; align-items:center;  flex-direction: column; gap: 2vh;}
.right_column {color: #fff;width:50%; text-align: right; display: flex; justify-content: flex-end; align-items:center; flex-direction: column; gap: 2vh;}

a.big_menu_punkt {color: #b9b9b9; font-family: "Inter"; font-weight: 300; font-size: calc(1.7vw + 1.7vh + 1.7vmin); text-decoration: none; transition: color 0.26s ease; user-select: none;}
a.big_menu_punkt:hover {color: #fff; }

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


/* --Футер внутри бургера------------------ */ 

.wrap_footer {width: 100%; display: flex;  justify-content: center; align-items:center; }
.ogranka_footer {width: 95%; display: inline-flex; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; }
.menu_adres {color: #b9b9b9;  font-family: "Inter"; font-weight: 300; font-size: calc(0.7vw + 0.7vh + 0.7vmin); text-decoration: none; user-select: none;}
img.menu_logo {width:2.5%; opacity: 0.56; -webkit-touch-callout: none; user-select: none; margin-right: 1.6vw;}

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

/* --Фон внутри бургера--------------- */ 

.ain {position: absolute;width: 10px;height: 10px;background: #c3dcff;border-radius: 50%;}

@media screen and (min-width: 3000px) and (max-width: 99999px)
{.ain {position: absolute; width: calc(0.4vw + 0.4vh + 0.4vmin);height: calc(0.4vw + 0.4vh + 0.4vmin); background: #c3dcff;border-radius: 50%;}}

.ain:nth-child(1) {opacity: 0.5812;transform: translate(13.4124vw, -9px) scale(0.2811);animation: days-1 31s -3s linear infinite;}@keyframes days-1 {35.612% {transform: translate(18.5214vw, 35.318vh) scale(0.2811);}}.ain:nth-child(2) {opacity: 0.1794;transform: translate(23.3981vw, -11px) scale(0.185);animation: days-2 25s -18s linear infinite;}@keyframes days-2 {62.194% {transform: translate(16.1942vw, 62.412vh) scale(0.185);}}.ain:nth-child(3) {opacity: 0.8305;transform: translate(48.0219vw, -10px) scale(0.9491);animation: days-3 12s -20s linear infinite;}@keyframes days-3 {53.814% {transform: translate(46.1105vw, 54.017vh) scale(0.9491);}}.ain:nth-child(4) {opacity: 0.0074;transform: translate(20.1192vw, -9px) scale(0.4121);animation: days-4 24s -12s linear infinite;}@keyframes days-4 {43.218% {transform: translate(20.0143vw, 43.082vh) scale(0.4121);}}.ain:nth-child(5) {opacity: 0.9491;transform: translate(7.2241vw, -11px) scale(0.258);animation: days-5 20s -31s linear infinite;}@keyframes days-5 {34.912% {transform: translate(6.6891vw, 34.795vh) scale(0.258);}}.ain:nth-child(6) {opacity: 0.2314;transform: translate(22.2014vw, -10px) scale(0.2458);animation: days-6 28s -8s linear infinite;}@keyframes days-6 {77.619% {transform: translate(14.8192vw, 77.421vh) scale(0.2458);}}.ain:nth-child(7) {opacity: 0.2994;transform: translate(49.4128vw, -9px) scale(0.9512);animation: days-7 17s -23s linear infinite;}@keyframes days-7 {78.981% {transform: translate(47.3891vw, 79.143vh) scale(0.9512);}}.ain:nth-child(8) {opacity: 0.8912;transform: translate(34.0125vw, -10px) scale(0.7921);animation: days-8 23s -5s linear infinite;}@keyframes days-8 {31.429% {transform: translate(29.1432vw, 31.602vh) scale(0.7921);}}.ain:nth-child(9) {opacity: 0.3245;transform: translate(12.2045vw, -11px) scale(0.0905);animation: days-9 29s -7s linear infinite;}@keyframes days-9 {75.721% {transform: translate(5.4192vw, 75.529vh) scale(0.0905);}}.ain:nth-child(10) {opacity: 0.0761;transform: translate(1.1618vw, -10px) scale(0.0482);animation: days-10 27s -16s linear infinite;}@keyframes days-10 {30.518% {transform: translate(6.7915vw, 30.342vh) scale(0.0482);}}.ain:nth-child(11) {opacity: 0.8094;transform: translate(67.6521vw, -9px) scale(0.3412);animation: days-11 15s -15s linear infinite;}@keyframes days-11 {72.504% {transform: translate(60.2014vw, 72.714vh) scale(0.3412);}}.ain:nth-child(12) {opacity: 0.8698;transform: translate(64.6012vw, -11px) scale(0.6548);animation: days-12 25s -14s linear infinite;}@keyframes days-12 {66.751% {transform: translate(58.8104vw, 66.589vh) scale(0.6548);}}.ain:nth-child(13) {opacity: 0.0571;transform: translate(19.9145vw, -10px) scale(0.7145);animation: days-13 21s -22s linear infinite;}@keyframes days-13 {52.419% {transform: translate(13.2194vw, 52.612vh) scale(0.7145);}}.ain:nth-child(14) {opacity: 0.1632;transform: translate(56.5912vw, -9px) scale(0.6211);animation: days-14 13s -5s linear infinite;}@keyframes days-14 {41.215% {transform: translate(58.4215vw, 41.412vh) scale(0.6211);}}.ain:nth-child(15) {opacity: 0.8441;transform: translate(65.1204vw, -10px) scale(0.9612);animation: days-15 22s -25s linear infinite;}@keyframes days-15 {45.802% {transform: translate(61.5104vw, 45.629vh) scale(0.9612);}}.ain:nth-child(16) {opacity: 0.4902;transform: translate(48.5412vw, -11px) scale(0.8712);animation: days-16 11s -19s linear infinite;}@keyframes days-16 {60.215% {transform: translate(41.9124vw, 60.412vh) scale(0.8712);}}.ain:nth-child(17) {opacity: 0.9412;transform: translate(68.9104vw, -10px) scale(0.6254);animation: days-17 27s -17s linear infinite;}@keyframes days-17 {60.312% {transform: translate(59.3981vw, 60.142vh) scale(0.6254);}}.ain:nth-child(18) {opacity: 0.3398;transform: translate(9.9612vw, -9px) scale(0.7112);animation: days-18 18s -4s linear infinite;}@keyframes days-18 {58.621% {transform: translate(12.9421vw, 58.814vh) scale(0.7112);}}.ain:nth-child(19) {opacity: 0.4851;transform: translate(4.1124vw, -10px) scale(0.9102);animation: days-19 22s -17s linear infinite;}@keyframes days-19 {31.451% {transform: translate(3.2104vw, 31.294vh) scale(0.9102);}}.ain:nth-child(20) {opacity: 0.5342;transform: translate(30.1421vw, -11px) scale(0.0435);animation: days-20 25s -21s linear infinite;}@keyframes days-20 {44.172% {transform: translate(24.9812vw, 43.991vh) scale(0.0435);}}.ain:nth-child(21) {opacity: 0.3791;transform: translate(76.7142vw, -10px) scale(0.3214);animation: days-21 28s -19s linear infinite;}@keyframes days-21 {46.421% {transform: translate(80.0912vw, 46.281vh) scale(0.3214);}}.ain:nth-child(22) {opacity: 0.9812;transform: translate(26.1204vw, -9px) scale(0.5794);animation: days-22 26s -11s linear infinite;}@keyframes days-22 {54.612% {transform: translate(16.2104vw, 54.419vh) scale(0.5794);}}.ain:nth-child(23) {opacity: 0.5984;transform: translate(97.2914vw, -10px) scale(0.4712);animation: days-23 20s -25s linear infinite;}@keyframes days-23 {72.912% {transform: translate(105.9812vw, 72.741vh) scale(0.4712);}}.ain:nth-child(24) {opacity: 0.9587;transform: translate(68.6421vw, -11px) scale(0.4791);animation: days-24 23s -17s linear infinite;}@keyframes days-24 {49.612% {transform: translate(72.1042vw, 49.442vh) scale(0.4791);}}.ain:nth-child(25) {opacity: 0.6812;transform: translate(84.4124vw, -10px) scale(0.1794);animation: days-25 27s -29s linear infinite;}@keyframes days-25 {76.541% {transform: translate(83.3981vw, 76.398vh) scale(0.1794);}}.ain:nth-child(26) {opacity: 0.8124;transform: translate(88.3412vw, -9px) scale(0.1214);animation: days-26 9s -13s linear infinite;}@keyframes days-26 {38.412% {transform: translate(83.6124vw, 38.219vh) scale(0.1214);}}.ain:nth-child(27) {opacity: 0.9612;transform: translate(26.4412vw, -10px) scale(0.2845);animation: days-27 27s -2s linear infinite;}@keyframes days-27 {70.741% {transform: translate(22.4812vw, 70.598vh) scale(0.2845);}}.ain:nth-child(28) {opacity: 0.5491;transform: translate(87.9124vw, -11px) scale(0.9791);animation: days-28 29s -17s linear infinite;}@keyframes days-28 {48.712% {transform: translate(81.1042vw, 48.541vh) scale(0.9791);}}.ain:nth-child(29) {opacity: 0.4491;transform: translate(57.8812vw, -10px) scale(0.3742);animation: days-29 27s -15s linear infinite;}@keyframes days-29 {36.504% {transform: translate(64.4981vw, 36.321vh) scale(0.3742);}}.ain:nth-child(30) {opacity: 0.1874;transform: translate(37.3412vw, -9px) scale(0.8642);animation: days-30 13s -17s linear infinite;}@keyframes days-30 {77.812% {transform: translate(43.3981vw, 77.694vh) scale(0.8642);}}.ain:nth-child(31) {opacity: 0.514;transform: translate(81.9912vw, -11px) scale(0.5042);animation: days-31 28s -5s linear infinite;}@keyframes days-31 {66.791% {transform: translate(78.8912vw, 66.612vh) scale(0.5042);}}.ain:nth-child(32) {opacity: 0.6698;transform: translate(69.6014vw, -9px) scale(0.6412);animation: days-32 21s -4s linear infinite;}@keyframes days-32 {41.714% {transform: translate(61.9104vw, 41.598vh) scale(0.6412);}}.ain:nth-child(33) {opacity: 0.2891;transform: translate(76.8412vw, -10px) scale(0.3561);animation: days-33 20s -17s linear infinite;}@keyframes days-33 {67.398% {transform: translate(81.6024vw, 67.241vh) scale(0.3561);}}.ain:nth-child(34) {opacity: 0.2254;transform: translate(59.5104vw, -11px) scale(0.0768);animation: days-34 25s -6s linear infinite;}@keyframes days-34 {57.491% {transform: translate(59.1981vw, 57.502vh) scale(0.0768);}}.ain:nth-child(35) {opacity: 0.1312;transform: translate(54.6012vw, -9px) scale(0.1345);animation: days-35 19s -11s linear infinite;}@keyframes days-35 {73.612% {transform: translate(47.6014vw, 73.512vh) scale(0.1345);}}.ain:nth-child(36) {opacity: 0.5398;transform: translate(60.1245vw, -10px) scale(0.8354);animation: days-36 24s -13s linear infinite;}@keyframes days-36 {68.215% {transform: translate(60.3981vw, 68.094vh) scale(0.8354);}}.ain:nth-child(37) {opacity: 0.0152;transform: translate(1.0812vw, -9px) scale(0.9412);animation: days-37 22s -12s linear infinite;}@keyframes days-37 {43.218% {transform: translate(10.5312vw, 43.098vh) scale(0.9412);}}.ain:nth-child(38) {opacity: 0.0954;transform: translate(13.2694vw, -11px) scale(0.4712);animation: days-38 30s -11s linear infinite;}@keyframes days-38 {57.042% {transform: translate(14.3981vw, 56.912vh) scale(0.4712);}}.ain:nth-child(39) {opacity: 0.9387;transform: translate(21.2942vw, -10px) scale(0.3094);animation: days-39 29s -6s linear infinite;}@keyframes days-39 {43.598% {transform: translate(20.9104vw, 43.491vh) scale(0.3094);}}.ain:nth-child(40) {opacity: 0.1654;transform: translate(0.1104vw, -9px) scale(0.9712);animation: days-40 31s -4s linear infinite;}@keyframes days-40 {38.194% {transform: translate(2.6891vw, 38.084vh) scale(0.9712);}}.ain:nth-child(41) {opacity: 0.5974;transform: translate(44.9812vw, -10px) scale(0.8265);animation: days-41 15s -15s linear infinite;}@keyframes days-41 {55.698% {transform: translate(38.8912vw, 55.541vh) scale(0.8265);}}.ain:nth-child(42) {opacity: 0.3876;transform: translate(80.8412vw, -11px) scale(0.6621);animation: days-42 11s -29s linear infinite;}@keyframes days-42 {71.304% {transform: translate(89.1042vw, 71.198vh) scale(0.6621);}}.ain:nth-child(43) {opacity: 0.5891;transform: translate(12.0432vw, -10px) scale(0.2245);animation: days-43 21s -20s linear infinite;}@keyframes days-43 {42.942% {transform: translate(13.9412vw, 42.812vh) scale(0.2245);}}.ain:nth-child(44) {opacity: 0.9124;transform: translate(23.3541vw, -9px) scale(0.2194);animation: days-44 14s -22s linear infinite;}@keyframes days-44 {44.751% {transform: translate(23.8981vw, 44.612vh) scale(0.2194);}}.ain:nth-child(45) {opacity: 0.7512;transform: translate(65.6912vw, -10px) scale(0.2354);animation: days-45 13s -9s linear infinite;}@keyframes days-45 {49.521% {transform: translate(68.0124vw, 49.398vh) scale(0.2354);}}.ain:nth-child(46) {opacity: 0.4312;transform: translate(47.6412vw, -11px) scale(0.0658);animation: days-46 22s -4s linear infinite;}@keyframes days-46 {34.912% {transform: translate(50.9124vw, 34.794vh) scale(0.0658);}}.ain:nth-child(47) {opacity: 0.1145;transform: translate(21.4512vw, -10px) scale(0.4245);animation: days-47 18s -5s linear infinite;}@keyframes days-47 {46.689% {transform: translate(11.3981vw, 46.541vh) scale(0.4245);}}.ain:nth-child(48) {opacity: 0.7912;transform: translate(17.7942vw, -9px) scale(0.2612);animation: days-48 29s -21s linear infinite;}@keyframes days-48 {59.498% {transform: translate(16.5214vw, 59.381vh) scale(0.2612);}}.ain:nth-child(49) {opacity: 0.8549;transform: translate(7.0512vw, -10px) scale(0.8124);animation: days-49 24s -25s linear infinite;}@keyframes days-49 {35.124% {transform: translate(9.9421vw, 34.987vh) scale(0.8124);}}.ain:nth-child(50) {opacity: 0.2014;transform: translate(75.4124vw, -11px) scale(0.1342);animation: days-50 17s -19s linear infinite;}@keyframes days-50 {40.689% {transform: translate(80.8912vw, 40.541vh) scale(0.1342);}}.ain:nth-child(51) {opacity: 0.7754;transform: translate(64.6014vw, -10px) scale(0.5912);animation: days-51 13s -12s linear infinite;}@keyframes days-51 {56.841% {transform: translate(67.5912vw, 56.714vh) scale(0.5912);}}.ain:nth-child(52) {opacity: 0.2741;transform: translate(94.2194vw, -9px) scale(0.7659);animation: days-52 22s -18s linear infinite;}@keyframes days-52 {55.894% {transform: translate(91.3981vw, 55.794vh) scale(0.7659);}}.ain:nth-child(53) {opacity: 0.9712;transform: translate(73.4124vw, -10px) scale(0.4541);animation: days-53 22s -15s linear infinite;}@keyframes days-53 {33.094% {transform: translate(71.5124vw, 32.942vh) scale(0.4541);}}.ain:nth-child(54) {opacity: 0.5891;transform: translate(6.3981vw, -11px) scale(0.0172);animation: days-54 28s -4s linear infinite;}@keyframes days-54 {63.741% {transform: translate(13.1042vw, 63.598vh) scale(0.0172);}}.ain:nth-child(55) {opacity: 0.6012;transform: translate(13.6521vw, -10px) scale(0.7612);animation: days-55 24s -5s linear infinite;}@keyframes days-55 {60.198% {transform: translate(11.9412vw, 60.084vh) scale(0.7612);}}.ain:nth-child(56) {opacity: 0.6354;transform: translate(49.5812vw, -9px) scale(0.5154);animation: days-56 27s -20s linear infinite;}@keyframes days-56 {42.194% {transform: translate(55.4124vw, 42.091vh) scale(0.5154);}}.ain:nth-child(57) {opacity: 0.4812;transform: translate(29.6014vw, -10px) scale(0.3512);animation: days-57 23s -20s linear infinite;}@keyframes days-57 {33.894% {transform: translate(26.7412vw, 33.791vh) scale(0.3512);}}.ain:nth-child(58) {opacity: 0.7591;transform: translate(23.2981vw, -11px) scale(0.8354);animation: days-58 14s -9s linear infinite;}@keyframes days-58 {57.612% {transform: translate(28.0914vw, 57.491vh) scale(0.8354);}}.ain:nth-child(59) {opacity: 0.7451;transform: translate(53.0412vw, -11px) scale(0.3851);animation: days-59 21s -20s linear infinite;}@keyframes days-59 {48.421% {transform: translate(44.2014vw, 48.291vh) scale(0.3851);}}.ain:nth-child(60) {opacity: 0.2712;transform: translate(7.4124vw, -9px) scale(0.3541);animation: days-60 25s -6s linear infinite;}@keyframes days-60 {47.981% {transform: translate(-0.2194vw, 47.851vh) scale(0.3541);}}.ain:nth-child(61) {opacity: 0.4312;transform: translate(8.2194vw, -10px) scale(0.0089);animation: days-61 30s -24s linear infinite;}@keyframes days-61 {45.894% {transform: translate(7.5412vw, 45.751vh) scale(0.0089);}}.ain:nth-child(62) {opacity: 0.9598;transform: translate(10.1421vw, -11px) scale(0.6512);animation: days-62 14s -17s linear infinite;}@keyframes days-62 {57.812% {transform: translate(9.8412vw, 57.694vh) scale(0.6512);}}.ain:nth-child(63) {opacity: 0.6154;transform: translate(85.0912vw, -9px) scale(0.8654);animation: days-63 26s -29s linear infinite;}@keyframes days-63 {79.521% {transform: translate(80.1981vw, 79.398vh) scale(0.8654);}}.ain:nth-child(64) {opacity: 0.0842;transform: translate(74.3124vw, -10px) scale(0.6241);animation: days-64 23s -14s linear infinite;}@keyframes days-64 {57.012% {transform: translate(83.6981vw, 56.894vh) scale(0.6241);}}.ain:nth-child(65) {opacity: 0.6112;transform: translate(33.2541vw, -11px) scale(0.1491);animation: days-65 9s -30s linear infinite;}@keyframes days-65 {79.194% {transform: translate(39.9124vw, 79.054vh) scale(0.1491);}}.ain:nth-child(66) {opacity: 0.6812;transform: translate(45.3124vw, -9px) scale(0.6721);animation: days-66 27s -2s linear infinite;}@keyframes days-66 {59.261% {transform: translate(36.5891vw, 59.142vh) scale(0.6721);}}.ain:nth-child(67) {opacity: 0.1512;transform: translate(26.8912vw, -10px) scale(0.3642);animation: days-67 22s -3s linear infinite;}@keyframes days-67 {30.942% {transform: translate(24.6891vw, 30.812vh) scale(0.3642);}}.ain:nth-child(68) {opacity: 0.7245;transform: translate(63.5104vw, -11px) scale(0.5161);animation: days-68 12s -3s linear infinite;}@keyframes days-68 {35.094% {transform: translate(72.2412vw, 34.951vh) scale(0.5161);}}.ain:nth-child(69) {opacity: 0.0094;transform: translate(15.5214vw, -9px) scale(0.7312);animation: days-69 18s -4s linear infinite;}@keyframes days-69 {70.741% {transform: translate(16.6912vw, 70.612vh) scale(0.7312);}}.ain:nth-child(70) {opacity: 0.6987;transform: translate(1.4812vw, -10px) scale(0.1961);animation: days-70 13s -25s linear infinite;}@keyframes days-70 {75.612% {transform: translate(6.8214vw, 75.491vh) scale(0.1961);}}.ain:nth-child(71) {opacity: 0.4912;transform: translate(58.2694vw, -11px) scale(0.0234);animation: days-71 16s -19s linear infinite;}@keyframes days-71 {42.598% {transform: translate(49.1042vw, 42.451vh) scale(0.0234);}}.ain:nth-child(72) {opacity: 0.8124;transform: translate(79.9412vw, -9px) scale(0.1642);animation: days-72 17s -29s linear infinite;}@keyframes days-72 {74.751% {transform: translate(72.8412vw, 74.652vh) scale(0.1642);}}.ain:nth-child(73) {opacity: 0.2712;transform: translate(24.9812vw, -10px) scale(0.3154);animation: days-73 12s -4s linear infinite;}@keyframes days-73 {74.714% {transform: translate(20.7912vw, 74.589vh) scale(0.3154);}}.ain:nth-child(74) {opacity: 0.4812;transform: translate(77.1042vw, -11px) scale(0.2094);animation: days-74 29s -13s linear infinite;}@keyframes days-74 {58.894% {transform: translate(72.4312vw, 58.761vh) scale(0.2094);}}.ain:nth-child(75) {opacity: 0.8981;transform: translate(97.3981vw, -9px) scale(0.7142);animation: days-75 25s -15s linear infinite;}@keyframes days-75 {39.194% {transform: translate(98.8912vw, 39.054vh) scale(0.7142);}}.ain:nth-child(76) {opacity: 0.7184;transform: translate(20.0912vw, -10px) scale(0.3641);animation: days-76 22s -27s linear infinite;}@keyframes days-76 {48.894% {transform: translate(19.3981vw, 48.791vh) scale(0.3641);}}.ain:nth-child(77) {opacity: 0.9245;transform: translate(6.7912vw, -11px) scale(0.4124);animation: days-77 28s -30s linear infinite;}@keyframes days-77 {56.012% {transform: translate(13.7541vw, 55.894vh) scale(0.4124);}}.ain:nth-child(78) {opacity: 0.5612;transform: translate(31.0912vw, -9px) scale(0.6354);animation: days-78 16s -10s linear infinite;}@keyframes days-78 {67.294% {transform: translate(40.0652vw, 67.194vh) scale(0.6354);}}.ain:nth-child(79) {opacity: 0.9791;transform: translate(68.5812vw, -10px) scale(0.6912);animation: days-79 20s -27s linear infinite;}@keyframes days-79 {49.194% {transform: translate(75.6014vw, 49.054vh) scale(0.6912);}}.ain:nth-child(80) {opacity: 0.8245;transform: translate(16.6891vw, -11px) scale(0.7612);animation: days-80 27s -12s linear infinite;}@keyframes days-80 {30.142% {transform: translate(8.5124vw, 30.041vh) scale(0.7612);}}.ain:nth-child(81) {opacity: 0.7012;transform: translate(76.7541vw, -9px) scale(0.6194);animation: days-81 19s -23s linear infinite;}@keyframes days-81 {56.214% {transform: translate(85.2104vw, 56.094vh) scale(0.6194);}}.ain:nth-child(82) {opacity: 0.3345;transform: translate(17.3412vw, -10px) scale(0.8641);animation: days-82 13s -27s linear infinite;}@keyframes days-82 {67.291% {transform: translate(14.7214vw, 67.164vh) scale(0.8641);}}.ain:nth-child(83) {opacity: 0.8942;transform: translate(79.6541vw, -11px) scale(0.7854);animation: days-83 20s -3s linear infinite;}@keyframes days-83 {53.124% {transform: translate(79.3104vw, 53.012vh) scale(0.7854);}}.ain:nth-child(84) {opacity: 0.1854;transform: translate(73.8412vw, -9px) scale(0.5741);animation: days-84 9s -15s linear infinite;}@keyframes days-84 {74.512% {transform: translate(64.1421vw, 74.398vh) scale(0.5741);}}.ain:nth-child(85) {opacity: 0.3912;transform: translate(2.2812vw, -10px) scale(0.2941);animation: days-85 18s -9s linear infinite;}@keyframes days-85 {43.594% {transform: translate(-7.4912vw, 43.481vh) scale(0.2941);}}.ain:nth-child(86) {opacity: 0.9212;transform: translate(75.3541vw, -11px) scale(0.0934);animation: days-86 22s -8s linear infinite;}@keyframes days-86 {57.812% {transform: translate(80.9124vw, 57.694vh) scale(0.0934);}}.ain:nth-child(87) {opacity: 0.9712;transform: translate(9.8214vw, -9px) scale(0.2761);animation: days-87 26s -20s linear infinite;}@keyframes days-87 {67.184% {transform: translate(5.0412vw, 67.054vh) scale(0.2761);}}.ain:nth-child(88) {opacity: 0.2265;transform: translate(16.7912vw, -10px) scale(0.1694);animation: days-88 12s -9s linear infinite;}@keyframes days-88 {66.421% {transform: translate(19.9312vw, 66.291vh) scale(0.1694);}}.ain:nth-child(89) {opacity: 0.2234;transform: translate(20.7142vw, -11px) scale(0.9821);animation: days-89 16s -16s linear infinite;}@keyframes days-89 {79.694% {transform: translate(27.6312vw, 79.521vh) scale(0.9821);}}.ain:nth-child(90) {opacity: 0.2965;transform: translate(19.5891vw, -9px) scale(0.6214);animation: days-90 19s -17s linear infinite;}@keyframes days-90 {30.751% {transform: translate(28.0412vw, 30.612vh) scale(0.6214);}}.ain:nth-child(91) {opacity: 0.4412;transform: translate(51.8912vw, -10px) scale(0.4365);animation: days-91 14s -3s linear infinite;}@keyframes days-91 {61.142% {transform: translate(59.0214vw, 61.002vh) scale(0.4365);}}.ain:nth-child(92) {opacity: 0.5584;transform: translate(9.0652vw, -11px) scale(0.3512);animation: days-92 15s -23s linear infinite;}@keyframes days-92 {47.124% {transform: translate(11.7912vw, 46.981vh) scale(0.3512);}}.ain:nth-child(93) {opacity: 0.4431;transform: translate(81.6981vw, -9px) scale(0.9612);animation: days-93 13s -19s linear infinite;}@keyframes days-93 {43.714% {transform: translate(74.0412vw, 43.598vh) scale(0.9612);}}.ain:nth-child(94) {opacity: 0.4491;transform: translate(38.4124vw, -10px) scale(0.4245);animation: days-94 23s -27s linear infinite;}@keyframes days-94 {77.841% {transform: translate(43.8912vw, 77.694vh) scale(0.4245);}}.ain:nth-child(95) {opacity: 0.9765;transform: translate(57.4124vw, -11px) scale(0.5712);animation: days-95 29s -6s linear infinite;}@keyframes days-95 {65.812% {transform: translate(49.6312vw, 65.652vh) scale(0.5712);}}.ain:nth-child(96) {opacity: 0.7384;transform: translate(58.5104vw, -9px) scale(0.8164);animation: days-96 20s -20s linear infinite;}@keyframes days-96 {69.751% {transform: translate(56.1652vw, 69.598vh) scale(0.8164);}}.ain:nth-child(97) {opacity: 0.6652;transform: translate(20.7912vw, -10px) scale(0.5491);animation: days-97 27s -7s linear infinite;}@keyframes days-97 {48.224% {transform: translate(28.7942vw, 48.094vh) scale(0.5491);}}.ain:nth-child(98) {opacity: 0.2194;transform: translate(3.1981vw, -11px) scale(0.3265);animation: days-98 14s -24s linear infinite;}@keyframes days-98 {72.694% {transform: translate(-5.9741vw, 72.529vh) scale(0.3265);}}.ain:nth-child(99) {opacity: 0.6898;transform: translate(46.9412vw, -9px) scale(0.6021);animation: days-99 25s -19s linear infinite;}@keyframes days-99 {71.521% {transform: translate(52.9912vw, 71.381vh) scale(0.6021);}}.ain:nth-child(100) {opacity: 0.1154;transform: translate(59.1812vw, -10px) scale(0.3302);animation: days-100 13s -5s linear infinite;}@keyframes days-100 {60.054% {transform: translate(59.0612vw, 59.912vh) scale(0.3302);}}.ain:nth-child(101) {opacity: 0.7312;transform: translate(52.0694vw, -11px) scale(0.5412);animation: days-101 22s -26s linear infinite;}@keyframes days-101 {69.398% {transform: translate(53.3412vw, 69.241vh) scale(0.5412);}}.ain:nth-child(102) {opacity: 0.2794;transform: translate(57.7942vw, -9px) scale(0.3942);animation: days-102 9s -25s linear infinite;}@keyframes days-102 {52.012% {transform: translate(65.5812vw, 51.894vh) scale(0.3942);}}.ain:nth-child(103) {opacity: 0.8112;transform: translate(26.9652vw, -10px) scale(0.4712);animation: days-103 16s -4s linear infinite;}@keyframes days-103 {53.751% {transform: translate(25.3541vw, 53.612vh) scale(0.4712);}}.ain:nth-child(104) {opacity: 0.7254;transform: translate(19.6214vw, -11px) scale(0.7742);animation: days-104 11s -19s linear infinite;}@keyframes days-104 {61.124% {transform: translate(9.9652vw, 60.981vh) scale(0.7742);}}.ain:nth-child(105) {opacity: 0.5391;transform: translate(62.3652vw, -9px) scale(0.7684);animation: days-105 9s -15s linear infinite;}@keyframes days-105 {45.521% {transform: translate(66.1981vw, 45.398vh) scale(0.7684);}}.ain:nth-child(106) {opacity: 0.6251;transform: translate(6.0841vw, -10px) scale(0.2654);animation: days-106 14s -28s linear infinite;}@keyframes days-106 {40.612% {transform: translate(5.3214vw, 40.491vh) scale(0.2654);}}.ain:nth-child(107) {opacity: 0.6934;transform: translate(24.0124vw, -11px) scale(0.6201);animation: days-107 22s -20s linear infinite;}@keyframes days-107 {31.194% {transform: translate(19.3214vw, 31.054vh) scale(0.6201);}}.ain:nth-child(108) {opacity: 0.0234;transform: translate(99.0214vw, -9px) scale(0.0491);animation: days-108 30s -4s linear infinite;}@keyframes days-108 {56.021% {transform: translate(104.6014vw, 55.894vh) scale(0.0491);}}.ain:nth-child(109) {opacity: 0.8154;transform: translate(76.1204vw, -10px) scale(0.0362);animation: days-109 19s -23s linear infinite;}@keyframes days-109 {80.012% {transform: translate(71.3981vw, 79.891vh) scale(0.0362);}}.ain:nth-child(110) {opacity: 0.0431;transform: translate(66.7412vw, -11px) scale(0.2954);animation: days-110 22s -24s linear infinite;}@keyframes days-110 {59.412% {transform: translate(75.8312vw, 59.294vh) scale(0.2954);}}.ain:nth-child(111) {opacity: 0.8012;transform: translate(39.0214vw, -9px) scale(0.6812);animation: days-111 21s -29s linear infinite;}@keyframes days-111 {40.065% {transform: translate(35.9124vw, 39.942vh) scale(0.6812);}}.ain:nth-child(112) {opacity: 0.7765;transform: translate(32.0694vw, -10px) scale(0.7754);animation: days-112 16s -10s linear infinite;}@keyframes days-112 {60.965% {transform: translate(39.8841vw, 60.841vh) scale(0.7754);}}.ain:nth-child(113) {opacity: 0.4721;transform: translate(94.3214vw, -11px) scale(0.7112);animation: days-113 28s -10s linear infinite;}@keyframes days-113 {65.942% {transform: translate(95.2652vw, 65.812vh) scale(0.7112);}}.ain:nth-child(114) {opacity: 0.9812;transform: translate(6.5652vw, -9px) scale(0.1112);animation: days-114 26s -28s linear infinite;}@keyframes days-114 {33.942% {transform: translate(11.0214vw, 33.812vh) scale(0.1112);}}.ain:nth-child(115) {opacity: 0.4376;transform: translate(95.8412vw, -10px) scale(0.2654);animation: days-115 19s -24s linear infinite;}@keyframes days-115 {54.054% {transform: translate(102.5312vw, 53.912vh) scale(0.2654);}}.ain:nth-child(116) {opacity: 0.0365;transform: translate(11.1541vw, -11px) scale(0.1921);animation: days-116 14s -20s linear infinite;}@keyframes days-116 {34.521% {transform: translate(1.3981vw, 34.398vh) scale(0.1921);}}.ain:nth-child(117) {opacity: 0.0912;transform: translate(16.0124vw, -9px) scale(0.1341);animation: days-117 27s -28s linear infinite;}@keyframes days-117 {61.912% {transform: translate(20.2241vw, 61.794vh) scale(0.1341);}}.ain:nth-child(118) {opacity: 0.9312;transform: translate(97.5412vw, -10px) scale(0.8694);animation: days-118 18s -3s linear infinite;}@keyframes days-118 {63.165% {transform: translate(102.8312vw, 63.041vh) scale(0.8694);}}.ain:nth-child(119) {opacity: 0.4965;transform: translate(23.9312vw, -11px) scale(0.5042);animation: days-119 13s -17s linear infinite;}@keyframes days-119 {69.994% {transform: translate(22.4412vw, 69.884vh) scale(0.5042);}}.ain:nth-child(120) {opacity: 0.8876;transform: translate(18.1942vw, -9px) scale(0.3214);animation: days-120 26s -5s linear infinite;}@keyframes days-120 {33.612% {transform: translate(27.7942vw, 33.642vh) scale(0.3214);}}.ain:nth-child(121) {opacity: 0.4512;transform: translate(59.2541vw, -11px) scale(0.0842);animation: days-121 28s -12s linear infinite;}@keyframes days-121 {52.504% {transform: translate(51.8412vw, 52.398vh) scale(0.0842);}}.ain:nth-child(122) {opacity: 0.9012;transform: translate(85.8124vw, -9px) scale(0.2741);animation: days-122 13s -23s linear infinite;}@keyframes days-122 {76.714% {transform: translate(85.1981vw, 76.598vh) scale(0.2741);}}.ain:nth-child(123) {opacity: 0.8124;transform: translate(2.5841vw, -10px) scale(0.7721);animation: days-123 23s -22s linear infinite;}@keyframes days-123 {59.721% {transform: translate(-1.7142vw, 59.589vh) scale(0.7721);}}.ain:nth-child(124) {opacity: 0.0512;transform: translate(37.9942vw, -11px) scale(0.0721);animation: days-124 21s -18s linear infinite;}@keyframes days-124 {71.265% {transform: translate(41.9541vw, 71.142vh) scale(0.0721);}}.ain:nth-child(125) {opacity: 0.4265;transform: translate(39.5812vw, -9px) scale(0.1154);animation: days-125 25s -2s linear infinite;}@keyframes days-125 {76.942% {transform: translate(41.3652vw, 76.812vh) scale(0.1154);}}.ain:nth-child(126) {opacity: 0.3876;transform: translate(72.8412vw, -10px) scale(0.6842);animation: days-126 21s -30s linear infinite;}@keyframes days-126 {50.365% {transform: translate(64.5124vw, 50.241vh) scale(0.6842);}}.ain:nth-child(127) {opacity: 0.0574;transform: translate(57.0541vw, -11px) scale(0.7154);animation: days-127 16s -19s linear infinite;}@keyframes days-127 {60.812% {transform: translate(55.1421vw, 60.694vh) scale(0.7154);}}.ain:nth-child(128) {opacity: 0.9294;transform: translate(82.7412vw, -9px) scale(0.8412);animation: days-128 19s -16s linear infinite;}@keyframes days-128 {32.504% {transform: translate(83.3981vw, 32.398vh) scale(0.8412);}}.ain:nth-child(129) {opacity: 0.5012;transform: translate(94.3841vw, -10px) scale(0.0341);animation: days-129 11s -6s linear infinite;}@keyframes days-129 {58.812% {transform: translate(100.5124vw, 58.694vh) scale(0.0341);}}.ain:nth-child(130) {opacity: 0.9342;transform: translate(12.9421vw, -11px) scale(0.1432);animation: days-130 19s -30s linear infinite;}@keyframes days-130 {44.751% {transform: translate(13.0541vw, 44.612vh) scale(0.1432);}}.ain:nth-child(131) {opacity: 0.7451;transform: translate(1.7942vw, -9px) scale(0.2241);animation: days-131 30s -24s linear infinite;}@keyframes days-131 {42.565% {transform: translate(11.7214vw, 42.421vh) scale(0.2241);}}.ain:nth-child(132) {opacity: 0.7821;transform: translate(6.0841vw, -10px) scale(0.3245);animation: days-132 20s -30s linear infinite;}@keyframes days-132 {48.602% {transform: translate(-3.8941vw, 48.491vh) scale(0.3245);}}.ain:nth-child(133) {opacity: 0.8142;transform: translate(26.6312vw, -11px) scale(0.6451);animation: days-133 25s -24s linear infinite;}@keyframes days-133 {38.154% {transform: translate(17.6981vw, 38.012vh) scale(0.6493);}}.ain:nth-child(134) {opacity: 0.6941;transform: translate(75.7942vw, -9px) scale(0.8554);animation: days-134 13s -27s linear infinite;}@keyframes days-134 {63.124% {transform: translate(69.0412vw, 62.984vh) scale(0.8554);}}.ain:nth-child(135) {opacity: 0.7891;transform: translate(18.6014vw, -10px) scale(0.6214);animation: days-135 12s -17s linear infinite;}@keyframes days-135 {40.942% {transform: translate(23.3981vw, 40.794vh) scale(0.6214);}}.ain:nth-child(136) {opacity: 0.3412;transform: translate(24.1812vw, -11px) scale(0.1082);animation: days-136 23s -15s linear infinite;}@keyframes days-136 {43.214% {transform: translate(26.1042vw, 43.094vh) scale(0.1082);}}.ain:nth-child(137) {opacity: 0.2665;transform: translate(48.0214vw, -9px) scale(0.4721);animation: days-137 11s -4s linear infinite;}@keyframes days-137 {73.304% {transform: translate(42.3214vw, 73.194vh) scale(0.4721);}}.ain:nth-child(138) {opacity: 0.8214;transform: translate(62.1042vw, -10px) scale(0.0412);animation: days-138 16s -13s linear infinite;}@keyframes days-138 {39.065% {transform: translate(54.4512vw, 38.942vh) scale(0.0412);}}.ain:nth-child(139) {opacity: 0.0482;transform: translate(25.7412vw, -11px) scale(0.5398);animation: days-139 17s -13s linear infinite;}@keyframes days-139 {51.224% {transform: translate(29.3214vw, 51.094vh) scale(0.5398);}}.ain:nth-child(140) {opacity: 0.5154;transform: translate(45.6521vw, -9px) scale(0.8521);animation: days-140 15s -24s linear infinite;}@keyframes days-140 {70.365% {transform: translate(43.3981vw, 70.214vh) scale(0.8521);}}.ain:nth-child(141) {opacity: 0.9451;transform: translate(41.7841vw, -10px) scale(0.7241);animation: days-141 13s -18s linear infinite;}@keyframes days-141 {63.812% {transform: translate(50.3412vw, 63.694vh) scale(0.7241);}}.ain:nth-child(142) {opacity: 0.7694;transform: translate(51.6214vw, -11px) scale(0.0742);animation: days-142 23s -4s linear infinite;}@keyframes days-142 {64.012% {transform: translate(43.2942vw, 63.884vh) scale(0.0742);}}.ain:nth-child(143) {opacity: 0.8541;transform: translate(18.9812vw, -9px) scale(0.4431);animation: days-143 14s -7s linear infinite;}.ain:nth-child(144) {opacity: 0.5412;transform: translate(81.0421vw, -11px) scale(0.6412);animation: days-144 14s -4s linear infinite;}@keyframes days-144 {31.542% {transform: translate(88.5412vw, 31.412vh) scale(0.6412);}}.ain:nth-child(145) {opacity: 0.4265;transform: translate(92.6014vw, -9px) scale(0.3441);animation: days-145 22s -6s linear infinite;}@keyframes days-145 {41.498% {transform: translate(101.0742vw, 41.398vh) scale(0.3441);}}.ain:nth-child(146) {opacity: 0.6931;transform: translate(77.0124vw, -10px) scale(0.6962);animation: days-146 17s -22s linear infinite;}@keyframes days-146 {54.381% {transform: translate(73.5104vw, 54.261vh) scale(0.6962);}}.ain:nth-child(147) {opacity: 0.1462;transform: translate(20.4841vw, -11px) scale(0.7745);animation: days-147 24s -14s linear infinite;}@keyframes days-147 {47.689% {transform: translate(23.2014vw, 47.541vh) scale(0.7784);}}.ain:nth-child(148) {opacity: 0.3842;transform: translate(9.0912vw, -9px) scale(0.5854);animation: days-148 16s -11s linear infinite;}@keyframes days-148 {72.954% {transform: translate(5.5012vw, 72.841vh) scale(0.5895);}}.ain:nth-child(149) {opacity: 0.3294;transform: translate(93.6521vw, -10px) scale(0.1432);animation: days-149 29s -29s linear infinite;}@keyframes days-149 {70.791% {transform: translate(99.0214vw, 70.652vh) scale(0.1432);}}.ain:nth-child(150) {opacity: 0.4654;transform: translate(93.2541vw, -11px) scale(0.0942);animation: days-150 20s -18s linear infinite;}@keyframes days-150 {38.165% {transform: translate(94.4124vw, 38.054vh) scale(0.0942);}}.ain:nth-child(151) {opacity: 0.0942;transform: translate(10.2942vw, -9px) scale(0.6931);animation: days-151 28s -26s linear infinite;}@keyframes days-151 {67.741% {transform: translate(10.0214vw, 67.598vh) scale(0.6931);}}.ain:nth-child(152) {opacity: 0.5091;transform: translate(79.6421vw, -10px) scale(0.6876);animation: days-152 23s -19s linear infinite;}@keyframes days-152 {75.565% {transform: translate(78.6942vw, 75.442vh) scale(0.6876);}}.ain:nth-child(153) {opacity: 0.7412;transform: translate(99.8412vw, -11px) scale(0.2214);animation: days-153 21s -18s linear infinite;}@keyframes days-153 {55.741% {transform: translate(95.5124vw, 55.612vh) scale(0.2214);}}.ain:nth-child(154) {opacity: 0.3524;transform: translate(83.2912vw, -9px) scale(0.7165);animation: days-154 13s -23s linear infinite;}@keyframes days-154 {77.042% {transform: translate(82.5412vw, 76.912vh) scale(0.7165);}}.ain:nth-child(155) {opacity: 0.6794;transform: translate(27.6014vw, -10px) scale(0.4602);animation: days-155 26s -12s linear infinite;}@keyframes days-155 {71.421% {transform: translate(33.5652vw, 71.304vh) scale(0.4602);}}.ain:nth-child(156) {opacity: 0.2394;transform: translate(46.7214vw, -11px) scale(0.0934);animation: days-156 25s -19s linear infinite;}@keyframes days-156 {43.054% {transform: translate(56.2412vw, 42.912vh) scale(0.0934);}}.ain:nth-child(157) {opacity: 0.4751;transform: translate(92.1652vw, -9px) scale(0.7745);animation: days-157 19s -23s linear infinite;}@keyframes days-157 {54.865% {transform: translate(88.9312vw, 54.741vh) scale(0.7783);}}.ain:nth-child(158) {opacity: 0.7165;transform: translate(12.5652vw, -10px) scale(0.4214);animation: days-158 24s -20s linear infinite;}@keyframes days-158 {56.281% {transform: translate(11.4541vw, 56.142vh) scale(0.4214);}}.ain:nth-child(159) {opacity: 0.2542;transform: translate(83.4981vw, -11px) scale(0.1462);animation: days-159 9s -17s linear infinite;}@keyframes days-159 {41.865% {transform: translate(76.1042vw, 41.741vh) scale(0.1462);}}.ain:nth-child(160) {opacity: 0.8451;transform: translate(59.1421vw, -9px) scale(0.2845);animation: days-160 15s -29s linear infinite;}@keyframes days-160 {60.124% {transform: translate(68.0124vw, 59.994vh) scale(0.2845);}}.ain:nth-child(161) {opacity: 0.7094;transform: translate(36.0124vw, -10px) scale(0.2102);animation: days-161 27s -19s linear infinite;}@keyframes days-161 {69.465% {transform: translate(37.2241vw, 69.341vh) scale(0.2102);}}.ain:nth-child(162) {opacity: 0.8965;transform: translate(86.9942vw, -11px) scale(0.1102);animation: days-162 12s -18s linear infinite;}@keyframes days-162 {49.465% {transform: translate(84.4652vw, 49.342vh) scale(0.1102);}}.ain:nth-child(163) {opacity: 0.8184;transform: translate(73.6841vw, -9px) scale(0.3905);animation: days-163 20s -8s linear infinite;}@keyframes days-163 {78.865% {transform: translate(70.0541vw, 78.741vh) scale(0.3905);}}.ain:nth-child(164) {opacity: 0.6812;transform: translate(39.8014vw, -10px) scale(0.5124);animation: days-164 16s -3s linear infinite;}@keyframes days-164 {79.312% {transform: translate(36.5124vw, 79.194vh) scale(0.5124);}}.ain:nth-child(165) {opacity: 0.9334;transform: translate(27.6981vw, -11px) scale(0.7445);animation: days-165 24s -28s linear infinite;}@keyframes days-165 {44.491% {transform: translate(18.3981vw, 44.365vh) scale(0.7445);}}.ain:nth-child(166) {opacity: 0.7154;transform: translate(52.1245vw, -9px) scale(0.4342);animation: days-166 10s -21s linear infinite;}@keyframes days-166 {78.481% {transform: translate(60.1652vw, 78.341vh) scale(0.4342);}}.ain:nth-child(167) {opacity: 0.5921;transform: translate(16.3124vw, -10px) scale(0.7791);animation: days-167 12s -2s linear infinite;}@keyframes days-167 {75.698% {transform: translate(12.1842vw, 75.584vh) scale(0.7825);}}.ain:nth-child(168) {opacity: 0.4421;transform: translate(65.7652vw, -11px) scale(0.0134);animation: days-168 11s -7s linear infinite;}@keyframes days-168 {62.942% {transform: translate(59.0941vw, 62.821vh) scale(0.0134);}}.ain:nth-child(169) {opacity: 0.9412;transform: translate(40.5841vw, -11px) scale(0.4102);animation: days-169 26s -9s linear infinite;}@keyframes days-169 {70.394% {transform: translate(49.2014vw, 70.241vh) scale(0.4102);}}.ain:nth-child(170) {opacity: 0.2541;transform: translate(37.1204vw, -9px) scale(0.6494);animation: days-170 13s -24s linear infinite;}@keyframes days-170 {78.042% {transform: translate(37.7412vw, 77.891vh) scale(0.6496);}}.ain:nth-child(171) {opacity: 0.9652;transform: translate(93.4124vw, -10px) scale(0.0264);animation: days-171 28s -17s linear infinite;}@keyframes days-171 {74.312% {transform: translate(101.9412vw, 74.194vh) scale(0.0264);}}.ain:nth-child(172) {opacity: 0.9245;transform: translate(57.8912vw, -11px) scale(0.1432);animation: days-172 11s -4s linear infinite;}@keyframes days-172 {61.124% {transform: translate(67.2104vw, 60.984vh) scale(0.1432);}}.ain:nth-child(173) {opacity: 0.1482;transform: translate(10.4124vw, -9px) scale(0.6194);animation: days-173 19s -14s linear infinite;}@keyframes days-173 {73.342% {transform: translate(19.3541vw, 73.194vh) scale(0.6194);}}.ain:nth-child(174) {opacity: 0.8541;transform: translate(81.2104vw, -10px) scale(0.7094);animation: days-174 9s -31s linear infinite;}@keyframes days-174 {37.912% {transform: translate(82.5124vw, 37.761vh) scale(0.7094);}}.ain:nth-child(175) {opacity: 0.0294;transform: translate(20.8912vw, -11px) scale(0.4812);animation: days-175 23s -25s linear infinite;}@keyframes days-175 {73.594% {transform: translate(14.8214vw, 73.442vh) scale(0.4812);}}.ain:nth-child(176) {opacity: 0.6598;transform: translate(97.8942vw, -9px) scale(0.0362);animation: days-176 13s -9s linear infinite;}@keyframes days-176 {71.694% {transform: translate(92.3104vw, 71.541vh) scale(0.0362);}}.ain:nth-child(177) {opacity: 0.9342;transform: translate(31.0421vw, -10px) scale(0.0682);animation: days-177 24s -4s linear infinite;}@keyframes days-177 {53.598% {transform: translate(37.7541vw, 53.442vh) scale(0.0682);}}.ain:nth-child(178) {opacity: 0.7742;transform: translate(75.3124vw, -11px) scale(0.7245);animation: days-178 20s -6s linear infinite;}@keyframes days-178 {41.689% {transform: translate(76.9652vw, 41.541vh) scale(0.7245);}}.ain:nth-child(179) {opacity: 0.2542;transform: translate(27.0541vw, -9px) scale(0.2654);animation: days-179 27s -23s linear infinite;}@keyframes days-179 {45.024% {transform: translate(31.2942vw, 44.894vh) scale(0.2654);}}.ain:nth-child(180) {opacity: 0.7021;transform: translate(89.6421vw, -10px) scale(0.1094);animation: days-180 22s -27s linear infinite;}@keyframes days-180 {31.042% {transform: translate(87.8912vw, 30.894vh) scale(0.1094);}}.ain:nth-child(181) {opacity: 0.3912;transform: translate(97.4981vw, -11px) scale(0.7654);animation: days-181 30s -25s linear infinite;}@keyframes days-181 {34.094% {transform: translate(100.1245vw, 33.942vh) scale(0.7654);}}.ain:nth-child(182) {opacity: 0.0482;transform: translate(11.5652vw, -9px) scale(0.6354);animation: days-182 16s -5s linear infinite;}@keyframes days-182 {40.142% {transform: translate(12.9942vw, 40.012vh) scale(0.6354);}}.ain:nth-child(183) {opacity: 0.6934;transform: translate(81.8942vw, -10px) scale(0.0984);animation: days-183 17s -14s linear infinite;}@keyframes days-183 {76.565% {transform: translate(73.2841vw, 76.412vh) scale(0.0984);}}.ain:nth-child(184) {opacity: 0.7124;transform: translate(86.0421vw, -11px) scale(0.8124);animation: days-184 22s -2s linear infinite;}@keyframes days-184 {66.224% {transform: translate(86.6981vw, 66.094vh) scale(0.8124);}}.ain:nth-child(185) {opacity: 0.6021;transform: translate(78.2412vw, -9px) scale(0.7342);animation: days-185 26s -26s linear infinite;}@keyframes days-185 {44.751% {transform: translate(75.5652vw, 44.612vh) scale(0.7342);}}.ain:nth-child(186) {opacity: 0.4965;transform: translate(52.2412vw, -10px) scale(0.7241);animation: days-186 25s -20s linear infinite;}@keyframes days-186 {48.994% {transform: translate(56.8652vw, 48.841vh) scale(0.7241);}}.ain:nth-child(187) {opacity: 0.2254;transform: translate(51.5652vw, -11px) scale(0.9624);animation: days-187 13s -16s linear infinite;}@keyframes days-187 {72.142% {transform: translate(61.2942vw, 71.984vh) scale(0.9624);}}.ain:nth-child(188) {opacity: 0.5042;transform: translate(37.4124vw, -9px) scale(0.2165);animation: days-188 19s -8s linear infinite;}@keyframes days-188 {48.194% {transform: translate(37.2942vw, 48.042vh) scale(0.2165);}}.ain:nth-child(189) {opacity: 0.5691;transform: translate(29.2241vw, -10px) scale(0.8612);animation: days-189 24s -1s linear infinite;}@keyframes days-189 {38.465% {transform: translate(24.4124vw, 38.312vh) scale(0.8612);}}.ain:nth-child(190) {opacity: 0.4154;transform: translate(53.1245vw, -11px) scale(0.3424);animation: days-190 15s -18s linear infinite;}@keyframes days-190 {73.781% {transform: translate(52.2014vw, 73.612vh) scale(0.3424);}}.ain:nth-child(191) {opacity: 0.9265;transform: translate(72.2841vw, -9px) scale(0.1462);animation: days-191 27s -7s linear infinite;}@keyframes days-191 {36.714% {transform: translate(71.4981vw, 36.589vh) scale(0.1462);}}.ain:nth-child(192) {opacity: 0.6731;transform: translate(60.5841vw, -10px) scale(0.1382);animation: days-192 15s -5s linear infinite;}@keyframes days-192 {46.841% {transform: translate(67.2541vw, 46.694vh) scale(0.1382);}}.ain:nth-child(193) {opacity: 0.3245;transform: translate(32.5912vw, -11px) scale(0.6794);animation: days-193 19s -2s linear infinite;}@keyframes days-193 {63.214% {transform: translate(31.5124vw, 63.094vh) scale(0.6794);}}.ain:nth-child(194) {opacity: 0.0976;transform: translate(3.0541vw, -9px) scale(0.9254);animation: days-194 19s -3s linear infinite;}@keyframes days-194 {55.421% {transform: translate(7.3541vw, 55.281vh) scale(0.9254);}}.ain:nth-child(195) {opacity: 0.7942;transform: translate(58.4214vw, -10px) scale(0.2441);animation: days-195 11s -11s linear infinite;}@keyframes days-195 {33.194% {transform: translate(61.6521vw, 33.054vh) scale(0.2441);}}.ain:nth-child(196) {opacity: 0.3142;transform: translate(66.3124vw, -11px) scale(0.7954);animation: days-196 12s -17s linear infinite;}@keyframes days-196 {75.281% {transform: translate(58.8214vw, 75.142vh) scale(0.7954);}}.ain:nth-child(197) {opacity: 0.4371;transform: translate(79.3981vw, -9px) scale(0.9284);animation: days-197 13s -5s linear infinite;}@keyframes days-197 {55.802% {transform: translate(83.9812vw, 55.652vh) scale(0.9284);}}.ain:nth-child(198) {opacity: 0.7184;transform: translate(79.7652vw, -10px) scale(0.9012);animation: days-198 21s -11s linear infinite;}@keyframes days-198 {55.281% {transform: translate(89.1981vw, 55.142vh) scale(0.9012);}}.ain:nth-child(199) {opacity: 0.0024;transform: translate(85.1245vw, -11px) scale(0.9931);animation: days-199 17s -27s linear infinite;}@keyframes days-199 {39.841% {transform: translate(86.4124vw, 39.694vh) scale(0.9931);}}.ain:nth-child(200) {opacity: 0.8541;transform: translate(86.9312vw, -9px) scale(0.3102);animation: days-200 31s -11s linear infinite;}@keyframes days-200 {36.841% {transform: translate(89.7841vw, 36.694vh) scale(0.3102);}}
.smoothing {opacity:0.4;}


/* ---------------------------- */
/* ----бургер конец-------- */
/* ---------------------------- */


/* ---ПУНКТЫ МЕНЮ----------- */ 

#opama {margin-left: calc(0.8vw + 0.8vh + 0.8vmin); display: inline-block;}

button.knopochka {background: none; border: none; padding: 0; cursor: pointer; color: #6a6a6a; font-family: "Roboto"; font-weight: 300; letter-spacing: -0.0029em;  font-size: calc(0.5vw + 0.5vh + 0.5vmin); 
text-decoration: none; border-bottom: calc(0.03vw + 0.03vh + 0.03vmin) solid transparent; transition: color 0.28s ease, border-bottom-color 0.28s ease; }

button.knopochka:hover, button.knopochka:focus-visible {  color: #000000;  border-bottom-color: #000000;} 

.tam_vse_punkti {position: relative; display: inline-block;  }
.tam_vse_punkti:hover {cursor: pointer;}

.tam_vse_punkti::after {content: ""; position: absolute; left: 0; width: 100%; height: calc(0.5vw + 5px); top: 100%; display: none; pointer-events: auto; z-index: 99;}
.tam_vse_punkti:hover::after {display: block;}

.tolko_punkty {position: absolute; top: calc(100% + 0.5vw); left: 0; z-index: 100; width: calc(21vw + 21vh + 21vmin); border-radius: calc(0.5vw + 0.5vh + 0.5vmin); 
padding: calc(0.35vw + 0.35vh + 0.35vmin); background-color: #ffffff; border: calc(0.03vw + 0.03vh + 0.03vmin) solid #eef5ff; 
box-shadow: 0 calc(0.11vw + 0.11vh + 0.11vmin) calc(0.18vw + 0.18vh + 0.18vmin) calc(0.09vw + 0.09vh + 0.09vmin) rgba(0,0,0,0.05);
opacity: 0; visibility: hidden; transition: opacity 0.32s ease, visibility 0.32s;
max-height: calc(17vw + 17vh + 17vmin); overflow-y: auto; overflow-x: hidden; 
overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch; will-change: scroll-position; contain: paint; transform: translateZ(0);}


.tolko_punkty::-webkit-scrollbar {width: calc(0.25vw + 0.25vh + 0.25vmin); border-radius: calc(0.17vw + 0.17vh + 0.17vmin);}
.tolko_punkty::-webkit-scrollbar-track {background: transparent; margin-top: calc(0.7vw + 0.7vh + 0.7vmin); margin-bottom: calc(0.7vw + 0.7vh + 0.7vmin); }
.tolko_punkty::-webkit-scrollbar-thumb {background-color: #cbd5e1; border-radius: calc(0.17vw + 0.17vh + 0.17vmin); border: calc(0.1vw + 0.1vh + 0.1vmin) solid #cbd5e1; background-clip: padding-box;}
.tolko_punkty::-webkit-scrollbar-thumb:hover {cursor: default;}

@-moz-document url-prefix() {.tolko_punkty { scrollbar-width: thin !important; scrollbar-color: #cbd5e1 transparent;}} 

.tam_vse_punkti:hover .tolko_punkty, button.knopochka:focus ~ .tolko_punkty, .tolko_punkty:focus-within {opacity: 1; visibility: visible;}

.tam_vse_punkti:hover button.knopochka {color: #000000; border-bottom: calc(0.03vw + 0.03vh + 0.03vmin) solid #000000;}


/* ----Запрет скроллинга страницы при открытии меню----------- */ 
body.tormozim_skrol { pointer-events: none !important; }
body.tormozim_skrol .tam_vse_punkti, body.tormozim_skrol .logo, body.tormozim_skrol .tolko_punkty, body.tormozim_skrol button.knopochka {pointer-events: auto !important;}

.tolko_punkty a {display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: space-between; text-decoration: none; position: relative; 
padding: calc(0.35vw + 0.35vh + 0.35vmin);  border-radius: calc(0.4vw + 0.4vh + 0.4vmin); border: calc(0.03vw + 0.03vh + 0.03vmin) solid #d9eaf2; 
margin-bottom: calc(0.35vw + 0.35vh + 0.35vmin); transform: translateZ(0); will-change: background-color; transition: background-color 0.18s cubic-bezier(0.25, 1, 0.5, 1);}

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

.tolko_punkty a:nth-child(1):hover {background-color: #e7f8f6; border: calc(0.03vw + 0.03vh + 0.03vmin) solid #e7f8f6;}
.tolko_punkty a:nth-child(2):hover {background-color: #ffede7; border: calc(0.03vw + 0.03vh + 0.03vmin) solid #ffede7;}
.tolko_punkty a:nth-child(3):hover {background-color: #f4ecff; border: calc(0.03vw + 0.03vh + 0.03vmin) solid #f4ecff;}
.tolko_punkty a:nth-child(4):hover {background-color: #ffeae7; border: calc(0.03vw + 0.03vh + 0.03vmin) solid #ffeae7;}
.tolko_punkty a:nth-child(5):hover {background-color: #ffece0; border: calc(0.03vw + 0.03vh + 0.03vmin) solid #ffece0;}
.tolko_punkty a:nth-child(6):hover {background-color: #eeffe4; border: calc(0.03vw + 0.03vh + 0.03vmin) solid #eeffe4;}
.tolko_punkty a:nth-child(7):hover {background-color: #ffefe9; border: calc(0.03vw + 0.03vh + 0.03vmin) solid #ffefe9;}



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

.tolko_punkty a.eidos1:hover {cursor: default; background-color: #ffe9ed; border: calc(0.03vw + 0.03vh + 0.03vmin) solid #ffe9ed;}

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

.tolko_punkty a.lime1:hover {background-color: #f0ffd8; border: calc(0.03vw + 0.03vh + 0.03vmin) solid #f0ffd8;}
.tolko_punkty a.lan2:hover {background-color: #f0ffdc; border: calc(0.03vw + 0.03vh + 0.03vmin) solid #f0ffdc;}
.tolko_punkty a.prem3:hover {background-color: #ffe6e6; border: calc(0.03vw + 0.03vh + 0.03vmin) solid #ffe6e6;}
.tolko_punkty a.ruz4:hover {background-color: #ffe9e1; border: calc(0.03vw + 0.03vh + 0.03vmin) solid #ffe9e1;}
.tolko_punkty a.samm1:hover {background-color: #e2f6ff; border: calc(0.03vw + 0.03vh + 0.03vmin) solid #e2f6ff;}
/* ---------------------------- */

.tolko_punkty a.flats1:hover {background-color: #fff1e6; border: calc(0.03vw + 0.03vh + 0.03vmin) solid #fff1e6;}
.tolko_punkty a.com_real_estate2:hover {background-color: #efefef; border: calc(0.03vw + 0.03vh + 0.03vmin) solid #efefef;}

.tolko_punkty a.storerooms3:hover {background-color: #fff3e1; border: calc(0.03vw + 0.03vh + 0.03vmin) solid #fff3e1;}
/* ---------------------------- */

/* ---------------------------- */
.tolko_punkty a:last-child {margin-bottom: 0;}

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

img.izo {width: 50%; height: auto; border-radius: calc(0.4vw + 0.4vh + 0.4vmin); user-select: none;}
img.des_pic {width: 100%;  margin-bottom: calc(0.23vw + 0.23vh + 0.23vmin); user-select: none; }

.kratko {flex-grow: 1; padding-left: calc(0.6vw + 0.6vh + 0.6vmin);}


.des {margin-top: calc(0.15vw + 0.15vh + 0.15vmin); display: inline-flex; align-items: center; color: #6a6a6a; font-family: "Roboto"; font-weight: 300; 
font-size: calc(0.46vw + 0.46vh + 0.46vmin); user-select: none; }
.des:last-child {margin-top: 0;}

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

.adres_eidos {display: inline-flex; align-items: center;color: #5f2b32; font-family: "Montserrat"; font-weight: 600; font-size: calc(0.45vw + 0.45vh + 0.45vmin); user-select: none;  }
.eidos_pikto {font-family: 'Material Symbols Outlined'; font-weight: 400; font-size: calc(0.44vw + 0.44vh + 0.44vmin); color: #5f2b32; margin-right: calc(0.1vw + 0.1vh + 0.1vmin);}

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

.adres_lime {display: inline-flex; align-items: center;color: #92b756; font-family: "Montserrat"; font-weight: 600; font-size: calc(0.45vw + 0.45vh + 0.45vmin); user-select: none;  }
.lime_pikto {font-family: 'Material Symbols Outlined'; font-weight: 400; font-size: calc(0.44vw + 0.44vh + 0.44vmin); color: #92b756; margin-right: calc(0.1vw + 0.1vh + 0.1vmin);}

.adres_lan {display: inline-flex; align-items: center;color: #8dd332; font-family: "Montserrat"; font-weight: 600;  font-size: calc(0.45vw + 0.45vh + 0.45vmin); user-select: none;  }
.lan_pikto {font-family: 'Material Symbols Outlined'; font-weight: 400; font-size: calc(0.44vw + 0.44vh + 0.44vmin); color: #8dd332; margin-right: calc(0.1vw + 0.1vh + 0.1vmin);}

.adres_prem {display: inline-flex; align-items: center;color: #d44343; font-family: "Montserrat"; font-weight: 600; font-size: calc(0.45vw + 0.45vh + 0.45vmin); user-select: none;  }
.prem_pikto {font-family: 'Material Symbols Outlined'; font-weight: 400; font-size: calc(0.44vw + 0.44vh + 0.44vmin); color: #d44343; margin-right: calc(0.1vw + 0.1vh + 0.1vmin);}

.adres_ruz {display: inline-flex; align-items: center;color: #a33307; font-family: "Montserrat"; font-weight: 600; font-size: calc(0.45vw + 0.45vh + 0.45vmin); user-select: none;  }
.ruz_pikto {font-family: 'Material Symbols Outlined'; font-weight: 400; font-size: calc(0.44vw + 0.44vh + 0.44vmin); color: #a33307; margin-right: calc(0.1vw + 0.1vh + 0.1vmin);}

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

.adres_myati {color: #2a8c72; font-family: "Montserrat"; font-weight: 600; font-size: calc(0.45vw + 0.45vh + 0.45vmin); user-select: none;  }
.myata_pikto {font-family: 'Material Symbols Outlined'; font-weight: 400; font-size: calc(0.44vw + 0.44vh + 0.44vmin); color: #2a8c72; margin-right: calc(0.1vw + 0.1vh + 0.1vmin);}

.adres_urbana {color: #e46947; font-family: "Montserrat"; font-weight: 600; font-size: calc(0.45vw + 0.45vh + 0.45vmin); user-select: none;  }
.urban_pikto {font-family: 'Material Symbols Outlined'; font-weight: 400; font-size: calc(0.44vw + 0.44vh + 0.44vmin); color: #e46947; margin-right: calc(0.1vw + 0.1vh + 0.1vmin);}

.adres_mona {color: #5f5073; font-family: "Montserrat"; font-weight: 600; font-size: calc(0.45vw + 0.45vh + 0.45vmin); user-select: none;  }
.mon_pikto {font-family: 'Material Symbols Outlined'; font-weight: 400; font-size: calc(0.44vw + 0.44vh + 0.44vmin); color: #5f5073; margin-right: calc(0.1vw + 0.1vh + 0.1vmin);}

.adres_arta {color: #da513f; font-family: "Montserrat"; font-weight: 600; font-size: calc(0.45vw + 0.45vh + 0.45vmin); user-select: none;  }
.arta_pikto {font-family: 'Material Symbols Outlined'; font-weight: 400; font-size: calc(0.44vw + 0.44vh + 0.44vmin); color: #da513f; margin-right: calc(0.1vw + 0.1vh + 0.1vmin);}

.adres_ohra {color: #c7753f; font-family: "Montserrat"; font-weight: 600; font-size: calc(0.45vw + 0.45vh + 0.45vmin); user-select: none;  }
.ohra_pikto {font-family: 'Material Symbols Outlined'; font-weight: 400; font-size: calc(0.44vw + 0.44vh + 0.44vmin); color: #c7753f; margin-right: calc(0.1vw + 0.1vh + 0.1vmin);}

.adres_natura {color: #3d8c0f; font-family: "Montserrat"; font-weight: 600; font-size: calc(0.45vw + 0.45vh + 0.45vmin); user-select: none;  }
.natura_pikto {font-family: 'Material Symbols Outlined'; font-weight: 400; font-size: calc(0.44vw + 0.44vh + 0.44vmin); color: #3d8c0f; margin-right: calc(0.1vw + 0.1vh + 0.1vmin);}

.adres_yantarniy {color: #f35d2a; font-family: "Montserrat"; font-weight: 600; font-size: calc(0.45vw + 0.45vh + 0.45vmin); user-select: none;  }
.yantarniy_pikto {font-family: 'Material Symbols Outlined'; font-weight: 400; font-size: calc(0.44vw + 0.44vh + 0.44vmin); color: #f35d2a; margin-right: calc(0.1vw + 0.1vh + 0.1vmin);}

.adres_samo {color: #103f55; font-family: "Montserrat"; font-weight: 600; font-size: calc(0.45vw + 0.45vh + 0.45vmin); user-select: none;  }
.samo_pikto {font-family: 'Material Symbols Outlined'; font-weight: 400; font-size: calc(0.44vw + 0.44vh + 0.44vmin); color: #103f55; margin-right: calc(0.1vw + 0.1vh + 0.1vmin);}

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

/* --Каталог-недвижимости------------------------- */

#movana {margin-left: 2.0vw;}
img.lo_ka_ne {width: calc(0.9vw + 0.9vh + 0.9vmin); -webkit-touch-callout: none; user-select: none; margin-right: calc(0.4vw + 0.4vh + 0.4vmin); vertical-align: middle; display: inline-block; }
.lo_plus_ka {display: inline-flex; align-items: center;}

img.izo_ff {width: 30%; height: auto; border-radius: calc(0.4vw + 0.4vh + 0.4vmin);}
.adres_ff {color: #3d3d3d; font-family: "Montserrat"; font-weight: 600; font-size: calc(0.75vw + 0.75vh + 0.75vmin); user-select: none; margin-left:calc((0.1vw + 0.1vh + 0.1vmin) * -1); }
.des_ff {margin-top: calc(0.15vw + 0.15vh + 0.15vmin); color: #747474; font-family: "Roboto"; font-weight: 300;  font-size: calc(0.47vw + 0.47vh + 0.47vmin); user-select: none; }
.des_ff:last-child {margin-top: 0;}
.smallers {width: calc(18vw + 18vh + 18vmin);}
/* ---------------------------- */


/* --Микрологотип------------ */

.klass_to_fix #thislineisfixed {position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: #ffffff;
 border-bottom: calc(0.03vw + 0.03vh + 0.03vmin) solid #e7e7e7; box-shadow: 0 calc(0.11vw + 0.11vh + 0.11vmin) calc(0.18vw + 0.18vh + 0.18vmin) calc(0.09vw + 0.09vh + 0.09vmin) rgba(0,0,0,0.06);}
.miniotip {max-width: 0; opacity: 0; overflow: hidden; display: block; margin-left: auto; flex-shrink: 0;
 transform: translateX(calc(1.08vw + 1.08vh + 1.08vmin)); transition:  max-width 0.39s cubic-bezier(0.38, 0, 0.19, 1), opacity 0.23s linear, transform 0.38s cubic-bezier(0.38, 0, 0.19, 1);}
.miniotip img {max-width: calc(4.01vw + 4.01vh + 4.01vmin); display: block; width: 100%; height: auto; }
.klass_to_fix .miniotip {max-width: calc(4.01vw + 4.01vh + 4.01vmin);  opacity: 1; transform: translateX(0);}


/* ---------------------------------- */ 
/* ---------ПЭ----------------------- */ 
/* ---------------------------------- */  

.pwma { width: 100%; background: #ffffff; box-shadow: 0 2px 10px rgba(0,0,0,0.1); z-index: 1000; }
.filofonika .pwma { position: fixed; top: 0; left: 0; }
.pwma-spacer { display: none; width: 100%; }
.filofonika .pwma-spacer { display: block; }


.woma {width: 100%; padding-top: 1.7vh; padding-bottom: 1.7vh;  border-bottom: calc(0.03vw + 0.03vh + 0.03vmin) solid #cccccc; display: flex;  justify-content: center; align-items:center;}
.podoma {width: 90%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}

.lola {width:58%; display: flex;  align-self: center; }

img.sama {width:100%; -webkit-touch-callout: none; user-select: none; }
img.sama:hover {animation: olasx 2.11s infinite linear;}
@keyframes olasx {0% { transform: translate(0, 0); } 25% { transform: translate(1px, -1px); } 50% { transform: translate(-1px, 1px); } 75% { transform: translate(1px, 1px); } 100% { transform: translate(0, 0);}}

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

.woma2 {width: 100%;  padding-top: 0.99vh; padding-bottom: 0.99vh; display: flex;  justify-content: center; align-items:center;}
.podoma2 {width: 90%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}

a.firsdo {color: #959595; font-family: "Inter"; font-weight: 300; letter-spacing: -0.0029em; font-size: calc(1.05vw + 1.05vh + 1.05vmin); 
text-decoration: none; border-bottom: calc(0.03vw + 0.03vh + 0.03vmin) solid transparent; transition: color 0.28s ease, border-bottom-color 0.28s ease;}

a.linkssdo {color: #959595; font-family: "Inter"; font-weight: 300; letter-spacing: -0.0029em; font-size: calc(1.05vw + 1.05vh + 1.05vmin); 
text-decoration: none; border-bottom: calc(0.03vw + 0.03vh + 0.03vmin) solid transparent; transition: color 0.28s ease, border-bottom-color 0.28s ease;}

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

input[type=checkbox] {display: none;}
input[type=checkbox]:checked ~ #akova {visibility: visible; }

#akova {visibility: hidden; position: fixed; top: 0; left: 0; z-index: 1000; background: radial-gradient(ellipse at bottom, #113f55 0%, #000000 100%);  
border: 0; width: 100%;  height: 100vh; height: 100svh; overflow-y: auto; overflow-x: hidden;}
#akova .active {visibility: visible;}

label[for="lamurr"] {position: relative; z-index: 2500; cursor: pointer;  display: flex; 
  align-items: center; }

.monalo {position: relative; background: none;	border: none; cursor: pointer; padding: 0; outline: none; 
width: calc(3.3vw + 3.3vh + 3.3vmin); display: flex; flex-direction: column; align-items: flex-start; transform-style: preserve-3d;
transition: transform 0.23s cubic-bezier(0.25, 1, 0.5, 1); vertical-align: middle;}

.monalo:active {transform: scale(0.85);}

.monalo .koralo {display: block; width: 100%; height: calc(0.24vw + 0.24vh + 0.24vmin); background-color: #113f55;
border-radius: calc(0.18vw + 0.18vh + 0.18vmin); transform: translate3d(0, 0, 0); backface-visibility: hidden;
transition: transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6), opacity 0.2s ease 0.12s, background-color 0.23s ease, width 0.3s cubic-bezier(0.25, 1, 0.5, 1);}

.monalo .koralo:nth-child(3) {width: 70%; margin-left: auto; }

.monalo .koralo:not(:last-child) {margin-bottom: calc(0.4vw + 0.4vh + 0.4vmin);}

input[type=checkbox]:checked + label .monalo .koralo:nth-child(1) {transform: translateY(calc(0.64vw + 0.64vh + 0.64vmin)) rotate(45deg); background-color: #b9b9b9;}
input[type=checkbox]:checked + label .monalo .koralo:nth-child(2) {opacity: 0; transform: scale(0); transition: transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6), opacity 0.1s ease 0s;}
input[type=checkbox]:checked + label .monalo .koralo:nth-child(3) {width: 100%; transform: translateY(calc(-0.64vw - 0.64vh - 0.64vmin)) rotate(-45deg); background-color: #b9b9b9;}
input[type=checkbox]:checked + label .monalo:active {transform: scale(0.9) rotate(5deg);}

.monalo::after {content: ""; position: absolute; top: 50%;	left: 50%; width: 200%;	padding-bottom: 200%; height: 0; transform: translate(-50%, -50%) scale(0.5); 
border-radius: 50%; background-color: rgba(255,255,255,0.6);	opacity: 0;	pointer-events: none;}

input[type=checkbox]:checked + label .monalo::after {animation: tifela 0.4s ease-out forwards;}

@keyframes tifela {0% {transform: translate(-50%, -50%) scale(0.4); opacity: 1; }	100% {transform: translate(-50%, -50%) scale(1.4); opacity: 0;}}

input[type=checkbox]:checked + label:hover .monalo .koralo {background-color: #fff;}

body.offffffff {overflow-y: hidden !important;}
body.offffffff::-webkit-scrollbar {display: none !important; width: 0 !important; height: 0 !important;}
body.offffffff {scrollbar-width: none !important;}

.invoma {width: 100%; padding-top: 1.7vh; padding-bottom: 1.7vh;   display: flex;  justify-content: center; align-items:center;}
.pvoma {width: 90%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center;}

.llakk {width:58%; display: flex;  align-self: center; }

img.sisdma {width:100%; -webkit-touch-callout: none; user-select: none; }
img.sisdma:hover {animation: boamsa 2.11s infinite linear;}
@keyframes boamsa {0% { transform: translate(0, 0); } 25% { transform: translate(1px, -1px); } 50% { transform: translate(-1px, 1px); } 75% { transform: translate(1px, 1px); } 100% { transform: translate(0, 0);}}

.viosad {width: 100%; margin-top: clamp(36px, 5.5vmax, 48px); display: flex; justify-content: center; align-items: center;}
.poisac {width: 90%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end; height: 100%; gap: 1.0vh;}
a.adfro { color: #fff; font-family: "Roboto"; font-weight: 300; letter-spacing: -0.0029em;  font-size: calc(1.64vw + 1.64vh + 1.64vmin); text-decoration: none; }

.obertka_linka {display: flex; justify-content: space-between; align-items: center; }
.star-arrow-icon {font-size: calc(1.45vw + 1.45vh + 1.45vmin); display: inline-block; transform: rotate(0deg); transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);}

.alfeva.active-stars .star-arrow-icon {transform: rotate(180deg); transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1); }
.alfeva.no-animation .star-arrow-icon {transition: none !important; transform: rotate(0deg) !important;}
.flowrs_spisok {background: #fff; border-radius: calc(1.72vw + 1.72vh + 1.72vmin); height: 0; opacity: 0; overflow: hidden; transform: translateY(0); 
margin-bottom: 0px !important; width: 100%; transition: height 0.3s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease-out, transform 0.3s ease-out, margin-bottom 0.3s ease-out; -webkit-transform: translate3d(0,0,0);}
.flowrs_spisok.active-stars {opacity: 1; transform: translateY(calc((1.64vw + 1.64vh + 1.64vmin) / 2)); margin-bottom: calc(1.5vw + 1.5vh + 1.5vmin) !important; 
transition: height 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1), transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), margin-bottom 0.45s cubic-bezier(0.22, 1, 0.36, 1);}

.flowrs_spisok.no-animation {transition: none !important; height: 0 !important; opacity: 0 !important; transform: translateY(0) !important; margin-bottom: 0px !important;}

.evry_flwr {margin-top: 2%; display: block; text-decoration: none; }

.flwr_row {display: flex; flex-direction: column; gap: 1.5vw; padding: 3%; padding-top: 0;}

.flwr_row2 {display: flex; flex-direction: row; gap: 1.5vw; padding: 3%; padding-top: 0;}

.flwr_photo {width: 100%;}

.flwr_photo2 {width: 45%;}

img.flwr_class_photo {width: 100%; display: block; border-radius: calc(0.82vw + 0.82vh + 0.82vmin); user-select: none;}

.flwr_text {width: 100%; display: flex; flex-direction: row; align-items: center; gap: 3%;}

img.flwr_description {width: 42%; user-select: none;}

.flwr_collus {width: 55%; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; text-align: right;}

.flwr_collus2 {width: 55%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; text-align: right;}

.flwr_nazvanie {color: #000; font-family: "Roboto"; font-weight: 300; font-size: calc(0.9vw + 0.9vh + 0.9vmin); margin: 0;}

.flwr_nazvanie2 {color: #000; font-family: "Roboto"; font-weight: 300; font-size: calc(1.2vw + 1.2vh + 1.2vmin); margin: 0; text-align: left;}

.flwr_opisanie {color: #616161; font-family: "Roboto"; font-weight: 300; font-size: calc(0.83vw + 0.83vh + 0.83vmin); margin: 0; display: inline-flex; align-items: center; justify-content: center;}

.flwr_opisanie2 {color: #616161; font-family: "Roboto"; font-weight: 300; font-size: calc(0.93vw + 0.93vh + 0.93vmin); margin: 0; text-align: left;}

.olrosz {font-family: 'Material Symbols Outlined'; font-weight: 400; font-size: calc(0.85vw + 0.85vh + 0.85vmin); color: #2a8c72; margin-right: calc(0.1vw + 0.1vh + 0.1vmin);}

.rzrtc {border-top: calc(0.03vw + 0.03vh + 0.03vmin) dashed #b2b2b2; margin-top: 1%; margin-bottom: 6%; display: flex; justify-content: center; align-items: center;}

.rzrtc2 {border-top: calc(0.03vw + 0.03vh + 0.03vmin) dashed #b2b2b2; margin-top: 0; margin-bottom: 0; display: flex; justify-content: center; align-items: center;}

img.razer_logo { width: 5%; opacity: 0.66; -webkit-touch-callout: none; user-select: none; }

img.portenu {width:7%;margin-top: clamp(36px, 5.5vmax, 48px);  opacity: 0.56; -webkit-touch-callout: none; user-select: none;}

.koas { color: #fff; opacity: 0.5; font-family: "Inter"; font-weight: 200; letter-spacing: -0.0029em;   font-size: calc(1.11vw + 1.11vh + 1.11vmin); text-decoration: none; }

a.soeakg { color: #fff; opacity: 0.5; font-family: "Inter"; font-weight: 200; letter-spacing: -0.0029em;
 font-size: calc(0.98vw + 0.98vh + 0.98vmin); text-decoration: none; border-bottom: calc(0.1vw + 0.1vh + 0.1vmin) solid rgba(255,255,255, 0.6); }


/* ---поправим----------------- */
label[for="lamurr"] { position: relative; z-index: 2500; cursor: pointer; display: flex; align-items: center; padding: 15px; margin: -15px; touch-action: manipulation; }
.monalo { position: relative; background: none; border: none; cursor: pointer; padding: 0; outline: none; width: calc(3.3vw + 3.3vh + 3.3vmin); display: flex; flex-direction: column; align-items: flex-start; transform-style: preserve-3d; transition: transform 0.23s cubic-bezier(0.25, 1, 0.5, 1); vertical-align: middle; pointer-events: none; }
.monalo::after { content: ""; position: absolute; top: 50%; left: 50%; width: 200%; padding-bottom: 200%; height: 0; transform: translate(-50%, -50%) scale(0.5); border-radius: 50%; background-color: rgba(255,255,255,0.6); opacity: 0; pointer-events: none !important; }


/* ---Слайдер основной----------------- */

.swiper.swiper-loading { background: #f4f4f4; pointer-events: none; }
.swiper.swiper-loading .swiper-wrapper { opacity: 0 !important; visibility: hidden !important; }
.swiper.swiper-loading .controls-wrapper { opacity: 0 !important; visibility: hidden !important; }
.swiper.swiper-loading .sort-btn { opacity: 0 !important; visibility: hidden !important; }
.swiper.swiper-loading::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 25%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.03) 63%); background-size: 400% 100%; animation: swiperSkeleton 1.4s ease infinite; will-change: background-position; }
.swiper { width: 95%; border-radius: calc(.65vw + .65vh + .65vmin); height: 100vh; height: 100svh; position: relative; overflow: hidden; margin: 0 auto; --progress-color: rgba(24,101,138,.55); --btn-color: rgba(24,101,138,.55); transition: background-color 0.4s ease; }
.swiper-slide { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; }
.slide-bg { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.swiper-slide::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.autoplay-progress { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: calc(.13vw + .13vh + .13vmin); z-index: 15; }
.progress-bar { width: 100%; height: 100%; background: var(--progress-color); transform-origin: left center; transform: scaleX(var(--autoplay-progress,0)); will-change: transform; transition: background .6s cubic-bezier(.16,1,.3,1); }
.slide-content { position: absolute; top: 5%; left: 0; z-index: 2; min-width: 15%; border-radius: 0 calc(.65vw + .65vh + .65vmin) calc(.65vw + .65vh + .65vmin) 0; background: rgba(17,63,85,.85); padding: 1% 4% 1% 5.4%; transform: translateX(-100%); backface-visibility: hidden; opacity: 0; will-change: transform, opacity; }
.sres1 { font-size: calc(1.95vw + 1.95vh + 1.95vmin); text-align: left; color: #fff; font-family: "Montserrat"; font-weight: 600; transform: translateY(15px); opacity: 0; will-change: transform, opacity; }
.sres2 { font-size: calc(0.65vw + .65vh + 0.65vmin); text-align: left; color: #fff; font-family: "Montserrat"; font-weight: 400; transform: translateY(15px); opacity: 0; will-change: transform, opacity; }
.sres3 { font-size: calc(0.45vw + 0.45vh + 0.45vmin); text-align: left; color: #fff; font-family: "Montserrat"; font-weight: 400; transform: translateY(15px); opacity: 0; will-change: transform, opacity; }
.slide-content::after { content: ''; position: absolute; bottom: 10%; left: 7.5%; border-right: calc(0.5vw + 0.5vh + 0.5vmin) dashed rgba(255,255,255,.44); height: 75%; transform: scaleY(0); transform-origin: bottom center; will-change: transform; }
.bgmyata { --progress-color: #3c7f73; --btn-color: rgba(60,127,115,.75); background: rgba(60,127,115,.75); }
.bgurban { --progress-color: #cd5e3f; --btn-color: rgba(205,94,63,.55); background: rgba(205,94,63,.65); }
.bgmon { --progress-color: rgba(76,62,92,.65); --btn-color: rgba(76,62,92,.65); background: rgba(76,62,92,.65); }
.bgarta { --progress-color: rgba(218,82,65,.65); --btn-color: rgba(218,82,65,.65); background: rgba(218,82,65,.65); }
.bgohra { --progress-color: rgba(200,118,64,.9); --btn-color: rgba(200,118,64,.9); background: rgba(200,118,64,.9); }
.bgnatura { --progress-color: rgba(61,140,16,.65); --btn-color: rgba(61,140,16,.65); background: rgba(61,140,16,.65); }
.bgyantarniy { --progress-color: rgba(244,93,42,.65); --btn-color: rgba(244,93,42,.65); background: rgba(244,93,42,.65); }
.bgsamocvety { --progress-color: rgba(22,68,90,.65); --btn-color: rgba(22,68,90,.65); background: rgba(22,68,90,.65); }
.bgprem { --progress-color: rgba(213,67,66,.65); --btn-color: rgba(213,67,66,.65); background: rgba(213,67,66,.65); }
.bglime { --progress-color: rgba(154,188,99,0.8); --btn-color: rgba(154,188,99,0.8); background: rgba(154,188,99,0.8); }
.bglan { --progress-color: rgba(142,211,51,0.8); --btn-color: rgba(142,211,51,0.8); background: rgba(142,211,51,0.8); }

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

.controls-wrapper { position: absolute; top: 5%; right: 2%; display: inline-flex; align-items: center; justify-content: center; color: #fff; gap: calc(.5vw + .5vh + .5vmin); background: rgba(255,255,255,.75); padding: 1%; border-radius: calc(.65vw + .65vh + .65vmin); transform: translateX(100%); animation: 1.1s cubic-bezier(.16,1,.3,1) .3s both appearControls; z-index: 10; font-weight: 500; text-decoration: none; opacity: 0; backface-visibility: hidden; will-change: transform, opacity; font-size: calc(0.65vw + 0.65vh + 0.65vmin); font-family: "Montserrat"; font-weight: 400; }
.sort-btn { position: absolute; bottom: 10%; right: 2%; display: inline-flex; align-items: center; justify-content: center; font-family: "Montserrat"; font-weight: 400; font-size: calc(0.65vw + 0.65vh + 0.65vmin); color: #fff; cursor: pointer; transform: translateY(35px); background: 0 0; border: none; padding: calc(0.5vw + 0.5vh + 0.5vmin) calc(1.5vw + 1.5vh + 1.5vmin); border-radius: calc(0.4vw + 0.4vh + 0.4vmin); transition: transform 0.1s ease, box-shadow 0.1s ease; -webkit-tap-highlight-color: transparent; z-index: 10; text-decoration: none; opacity: 0; backface-visibility: hidden; will-change: transform, opacity; }
.swiper-pagination { font-size: calc(0.65vw + 0.65vh + 0.65vmin); font-family: "Montserrat"; font-weight: 400; width: calc(1.5vw + 1.5vh + 1.5vmin)!important; user-select: none; justify-content: center; white-space: nowrap; bottom: auto!important; position: relative!important; color: #658392!important; display: flex; align-items: center; top: auto!important; left: auto!important; margin-top: 0!important; }
.swiper-button-next { width: calc(1vw + 1vh + 1vmin)!important; height: calc(1vw + 1vh + 1vmin)!important; justify-content: center; transition: opacity .3s, transform .3s; right: auto!important; background: 0 0; position: relative!important; color: #658392!important; display: flex; align-items: center; top: auto!important; left: auto!important; margin-top: 0!important; }
.swiper-button-prev { width: calc(1vw + 1vh + 1vmin)!important; height: calc(1vw + 1vh + 1vmin)!important; justify-content: center; transition: opacity .3s, transform .3s; right: auto!important; background: 0 0; position: relative!important; color: #658392!important; display: flex; align-items: center; top: auto!important; left: auto!important; margin-top: 0!important; }
.swiper-button-next:hover { transform: translateX(3px); color: #2a94c7!important; }
.swiper-button-prev:hover { transform: translateX(-3px); color: #2a94c7!important; }
.swiper-button-next::after { font-size: calc(.7vw + .7vh + .7vmin)!important; font-weight: 700; }
.swiper-button-prev::after { font-size: calc(.7vw + .7vh + .7vmin)!important; font-weight: 700; }
.sort-btn::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; box-sizing: border-box; border-radius: inherit; border: calc(.08vw + .08vh + .08vmin) solid #fff; background: var(--btn-color); box-shadow: 0 0 calc(.4vw + .4vh + .4vmin) rgba(255,255,255,.2); z-index: -1; will-change: transform; transition: transform .4s cubic-bezier(.16,1,.3,1); }
.sort-btn:hover::before { transform: scale(1.08); }
.sort-btn:active::before { transform: scale(0.92); }
.swiper-slide.is-active .slide-content { animation: 1.1s cubic-bezier(.16,1,.3,1) .3s both appear; }
.swiper-slide.is-active .slide-content::after { animation: 1.2s cubic-bezier(.16,1,.3,1) .9s both drawLineFromOffset; }
.swiper-slide.is-active .sort-btn { animation: .8s cubic-bezier(.16,1,.3,1) .5s both sortBtnAppear; }
.swiper-slide.is-active .sres1 { animation: .8s cubic-bezier(.16,1,.3,1) .6s both linesAppear; }
.swiper-slide.is-active .sres2 { animation: .8s cubic-bezier(.16,1,.3,1) .75s both linesAppear; }
.swiper-slide.is-active .sres3 { animation: .8s cubic-bezier(.16,1,.3,1) .9s both linesAppear; }
@media screen and (min-aspect-ratio: 1/1) and (max-aspect-ratio: 4/2.99) { .slide-content { padding: 1% 4% 1% 7.3%; } }
@media (orientation:portrait) { .autoplay-progress { height: calc(.35vw + .35vh + .35vmin); } }
@media (orientation:portrait) { .slide-content { min-width: 25%; padding: 4% 4% 4% 12%; max-width: 95%; } }
@media (orientation:portrait) { .slide-content::after { left: 5.5%; } }
@media (orientation:portrait) { .sres1 { font-size: calc(2.55vw + 2.55vh + 2.55vmin); } }
@media (orientation:portrait) { .sres2 { font-weight: 500; font-size: calc(1.25vw + 1.25vh + 1.25vmin); } }
@media (orientation:portrait) { .sres3 { font-weight: 400; font-size: calc(1.05vw + 1.05vh + 1.05vmin); } }
@media (orientation:portrait) { .controls-wrapper { top: auto; right: auto; bottom: 5%; left: 5%; transform: translateY(100%); animation: 1.1s cubic-bezier(.16,1,.3,1) .3s both appearControlsPortrait; } }
@media (orientation:portrait) { .swiper-pagination { font-size: calc(1.25vw + 1.25vh + 1.25vmin); } }
@media (orientation:portrait) { .sort-btn { bottom: 5%; font-size: calc(1.35vw + 1.35vh + 1.35vmin); } }
@keyframes swiperSkeleton { 0% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@keyframes appear { 0% { opacity: 0; transform: translateX(-100%); } 100% { opacity: 1; transform: translateX(0); } }
@keyframes appearControls { 0% { opacity: 0; transform: translateX(100%); } 100% { opacity: 1; transform: translateX(0); } }
@keyframes appearControlsPortrait { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } }
@keyframes drawLineFromOffset { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes linesAppear { 0% { opacity: 0; transform: translateY(15px); } 100% { opacity: 1; transform: translateY(0); } }
@keyframes sortBtnAppear { 0% { opacity: 0; transform: translateY(35px); } 100% { opacity: 1; transform: translateY(0); } }

/* ---Слайдеры---------------- */

/* ---Заголовок слайдера--------------- */
.u-vprodazhe { width: 95vw; margin: 0 auto; padding-bottom: calc(0.29vw + 0.29vh + 0.29vmin); padding-top: calc(1.89vw + 1.89vh + 1.89vmin);box-sizing: border-box; 
text-align: left; font-family: "Montserrat"; font-weight: 400; font-size: calc(0.8vw + 0.8vh + 0.8vmin); opacity: 0.5; color: #8bacbb; letter-spacing: 0.02em;}
@media (orientation: portrait) { .u-vprodazhe  { width: 90vw; font-size: calc(1.5vw + 1.5vh + 1.5vmin); padding-bottom: calc(1.29vw + 1.29vh + 1.29vmin); }}

/* ---!!!!!!Слайдеры!!!!!!!!!!-------------- */

.embla-houses { opacity: 0; overflow: hidden; position: relative; width: 100%; display: block; padding-top: 0 !important; padding-bottom: 0 !important; cursor: grab; height: auto !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media (orientation:portrait) { .embla-houses { padding-top: 0 !important; padding-bottom: 0 !important; } }
.embla-houses.is-ready { -webkit-animation: emblaFadeIn 0.6s ease forwards; animation: emblaFadeIn 0.6s ease forwards; }
.embla-houses:active { cursor: grabbing !important; }
.embla-houses .embla-houses-viewport { height: auto !important; overflow: hidden !important; margin-top: calc(1.7vw + 1.7vh + 1.7vmin) !important; 
padding-bottom: calc(1.3vw + 1.3vh + 1.3vmin) !important; }
@media (orientation:portrait) { .embla-houses .embla-houses-viewport { margin-top: calc(3.3vw + 3.3vh + 3.3vmin) !important; } }
@media (orientation: landscape) { .embla-houses:not(.has-autoplay) .embla-houses-viewport { width: 95vw !important; margin: 0 auto; } .embla-houses.has-autoplay .embla-houses-viewport { width: 100% !important; padding-left: 2.5vw !important; padding-right: 2.5vw !important; box-sizing: border-box; } }
.embla-houses .embla-houses-container { display: flex !important; width: 100% !important; position: relative; z-index: 1; align-items: stretch !important; height: auto !important; will-change: transform; }
@media (orientation: portrait) { .embla-houses .embla-houses-container { will-change: auto !important; } }
@media (orientation: landscape) { .embla-houses.second-slider-unique .embla-houses-viewport .embla-houses-container { margin-left: -3% !important; width: auto !important; } }
@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1) { .embla-houses.second-slider-unique .embla-houses-viewport .embla-houses-container { margin-left: -1.5% !important; margin-right: -1.5% !important; width: auto !important; } }
.embla-houses .houses2-slide { flex-shrink: 0 !important; position: relative; box-sizing: border-box; height: auto !important; display: flex !important; flex-direction: column !important; }
@media (orientation: portrait) { .embla-houses:not(.second-slider-unique) .houses2-slide { width: 95% !important; margin-right: calc(3vw + 3vh + 3vmin) !important; margin-left: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .embla-houses:not(.second-slider-unique) .houses2-slide:last-child { margin-right: 0 !important; } }
@media (orientation: landscape) { .embla-houses:not(.second-slider-unique):not(.has-autoplay) .houses2-slide { width: calc((100% - 6%) / 3) !important; margin-right: 3%; margin-left: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .embla-houses:not(.second-slider-unique):not(.has-autoplay) .houses2-slide:last-child { width: calc(((100% - 6%) / 3) + 3vw) !important; margin-right: 0 !important; padding-right: 3vw !important; } .embla-houses:not(.second-slider-unique).has-autoplay .houses2-slide { width: calc((100% - 6%) / 3) !important; margin-right: 3%; margin-left: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .embla-houses:not(.second-slider-unique).has-autoplay .houses2-slide:last-child { width: calc((100% - 6%) / 3) !important; margin-right: 3% !important; padding-right: 0 !important; } .embla-houses:not(.second-slider-unique).has-autoplay .houses2-slide:last-child { margin-right: calc(3vw + 3vh + 3vmin) !important; } }
@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1) { .embla-houses:not(.second-slider-unique) .houses2-slide { width: 80% !important; margin-right: calc(2vw + 2vh + 2vmin) !important; } }
@media (orientation: portrait) { .embla-houses.second-slider-unique .houses2-slide { width: 95% !important; margin-right: calc(3vw + 3vh + 3vmin) !important; margin-left: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .embla-houses.second-slider-unique .houses2-slide:last-child { margin-right: 0 !important; } }
@media (orientation: landscape) { .embla-houses.second-slider-unique .houses2-slide, .embla-houses.second-slider-unique .houses2-slide:last-child { flex: 0 0 25% !important; width: 25% !important; max-width: 25% !important; padding-left: 3% !important; margin-right: 0 !important; margin-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } }
@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1) { .embla-houses.second-slider-unique .houses2-slide, .embla-houses.second-slider-unique .houses2-slide:last-child { flex: 0 0 50% !important; width: 50% !important; max-width: 50% !important; padding-left: 1.5% !important; padding-right: 1.5% !important; margin-right: 0 !important; margin-left: 0 !important; box-sizing: border-box !important; } }
.embla-houses .post-slide { margin: 0; width: 100%; box-sizing: border-box; overflow: hidden; display: flex !important; flex-grow: 1 !important; height: 100% !important; flex-direction: column !important; background: #ffffff; box-shadow: 0px 14px 22px -9px #b4cad4; border-radius: calc(0.6vw + 0.6vh + 0.6vmin); -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; }
.embla-houses .post-slide.alterna { flex-direction: column-reverse !important; }
.embla-houses .post-img { position: relative; overflow: hidden; width: 100%; aspect-ratio: 16 / 9; background: #f4f7f9; border-radius: calc(0.6vw + 0.6vh + 0.6vmin); flex-shrink: 0 !important; }
@media (orientation: landscape) { .embla-houses.second-slider-unique .post-img { aspect-ratio: 1 / 1 !important; } }
@media (orientation: portrait) { .embla-houses.second-slider-unique .post-img { aspect-ratio: 1 / 1 !important; } }
@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1) { .embla-houses:not(.second-slider-unique) .post-img { aspect-ratio: 21 / 9 !important; } .embla-houses.second-slider-unique .post-img { aspect-ratio: 1 / 1 !important; } }
.embla-houses .post-img img { width: 100%; height: 100%; object-fit: cover; display: block; -webkit-user-drag: none !important; user-drag: none !important; pointer-events: none !important; transform: scale(1) translateZ(0); transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
@media (orientation: landscape) { .embla-houses .post-slide:hover .post-img img { transform: scale(1.05) translateZ(0); } }
.embla-houses .post-content { padding: 0% 7% 7% 7%; display: flex; flex-direction: column; flex-grow: 1; }
@media (orientation: portrait) { .embla-houses:not(.second-slider-unique) .post-content { height: calc((2.7vw + 2.7vh + 2.7vmin) * 2.4 + (12.5vw + 12.5vh + 12.5vmin)) !important; } }
@media (orientation: landscape) { .embla-houses:not(.second-slider-unique) .post-content { height: calc((1.5vw + 1.5vh + 1.5vmin) * 2.4 + (4.5vw + 4.5vh + 4.5vmin)) !important; } }
@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1) { .embla-houses:not(.second-slider-unique) .post-content { height: calc((2.7vw + 2.7vh + 2.7vmin) * 2.4 + (6.5vw + 6.5vh + 6.5vmin)) !important; } }
@media (orientation: portrait) { .embla-houses.second-slider-unique .post-content { height: calc((1.7vw + 1.7vh + 1.7vmin) * 2.4 + (9.5vw + 9.5vh + 9.5vmin)) !important; } }
@media (orientation: landscape) { .embla-houses.second-slider-unique .post-content { height: calc((1.5vw + 1.5vh + 1.5vmin) * 2.4 + (3.5vw + 3.5vh + 3.5vmin)) !important; } }
.embla-houses .post-title { font-family: "Inter"; font-weight: 500; font-size: calc(1.5vw + 1.5vh + 1.5vmin); color: var(--title-color, #103f55); margin-bottom: calc(0.0vw + 0.0vh + 0.0vmin); letter-spacing: 0.03em; -webkit-font-smoothing: subpixel-antialiased !important; font-smooth: always !important; }
@media (orientation:portrait) { .embla-houses .post-title { font-size: calc(2.7vw + 2.7vh + 2.7vmin); } }
.embla-houses .post-title.oeoea { margin-top: calc(0.3vw + 0.3vh + 0.3vmin); text-transform: uppercase; }
.embla-houses .post-title.smlller { font-size: calc(1.75vw + 1.75vh + 1.75vmin); }
@media (orientation:portrait) { .embla-houses .post-title.smlller { font-size: calc(2.25vw + 2.25vh + 2.25vmin); } }
@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1) { .embla-houses .post-title { font-size: calc(1.8vw + 1.8vh + 1.8vmin) !important; } .embla-houses .post-title.smlller { font-size: calc(1.5vw + 1.5vh + 1.5vmin) !important; } }
.embla-houses.second-slider-unique .post-title { font-family: "Montserrat"; font-weight: 600; font-size: calc(0.75vw + 0.75vh + 0.75vmin); color: #103f55; letter-spacing: -0.001em; }
@media (orientation: portrait) { .embla-houses.second-slider-unique .post-title { font-size: calc(1.6vw + 1.6vh + 1.6vmin) !important; } }
@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1) { .embla-houses.second-slider-unique .post-title { font-size: calc(1.0vw + 1.0vh + 1.0vmin) !important; } }
.embla-houses .post-description { font-family: "Inter"; font-weight: 300; font-size: calc(0.6vw + 0.6vh + 0.6vmin); color: #2c3e50; line-height: 1.4; letter-spacing: -0.005em; margin-top: calc(0.25vw + 0.25vh + 0.25vmin); margin-bottom: calc(0.8vw + 0.8vh + 0.8vmin); position: relative; height: calc(4.5vw + 4.5vh + 4.5vmin); overflow: hidden; -webkit-font-smoothing: subpixel-antialiased !important; font-smooth: always !important; }
@media (orientation:portrait) { .embla-houses .post-description { margin-top: calc(0.65vw + 0.65vh + 0.65vmin); font-size: calc(1.21vw + 1.21vh + 1.21vmin); height: calc(12.5vw + 12.5vh + 12.5vmin); } }
@media (orientation: portrait) { .embla-houses:not(.second-slider-unique) .post-content .post-description { height: auto !important; flex-grow: 1 !important; margin-bottom: calc(0.5vw + 0.5vh + 0.5vmin) !important; } }
@media (orientation: landscape) { .embla-houses:not(.second-slider-unique) .post-content .post-description { height: auto !important; flex-grow: 1 !important; margin-bottom: calc(0.4vw + 0.4vh + 0.4vmin) !important; } }
@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1) { .embla-houses:not(.second-slider-unique) .post-content .post-description { height: auto !important; flex-grow: 1 !important; max-height: none !important; margin-bottom: calc(0.5vw + 0.5vh + 0.5vmin) !important; font-size: calc(0.9vw + 0.9vh + 0.9vmin) !important; } }
.embla-houses .post-description::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(2vw + 2vh + 2vmin); background: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff); pointer-events: none; z-index: 9; }
@media (orientation:portrait) { .embla-houses .post-description::after { height: calc(5vw + 5vh + 5vmin); } }
.embla-houses.second-slider-unique .post-description { font-family: "Roboto Condensed"; font-weight: 300; font-size: calc(0.6vw + 0.6vh + 0.6vmin); color: #656565; line-height: 1.23; letter-spacing: -0.005em; margin-top: calc(0.18vw + 0.18vh + 0.18vmin); margin-bottom: calc(0.21vw + 0.21vh + 0.21vmin) !important; position: relative; height: calc(4.5vw + 4.5vh + 4.5vmin); overflow: hidden; }
@media (orientation: portrait) { .embla-houses.second-slider-unique .post-content .post-description { height: auto !important; flex-grow: 1 !important; margin-bottom: 0 !important; font-size: calc(1.27vw + 1.27vh + 1.27vmin); margin-top: calc(0.48vw + 0.48vh + 0.48vmin); } }
@media (orientation: landscape) { .embla-houses.second-slider-unique .post-content .post-description { height: auto !important; flex-grow: 1 !important; margin-bottom: calc(0.2vw + 0.2vh + 0.2vmin) !important; } }
@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1) { .embla-houses .post-description { height: calc(6vw + 6vh + 6vmin) !important; font-size: calc(0.9vw + 0.9vh + 0.9vmin) !important; } .embla-houses.second-slider-unique .post-content .post-description { font-size: calc(0.9vw + 0.9vh + 0.9vmin) !important; line-height: 1.3; height: auto !important; max-height: calc(8vw + 8vh + 8vmin) !important; margin-bottom: 0 !important; } }
.embla-houses .read-more { font-family: "Roboto Condensed"; font-weight: 300; font-size: calc(0.55vw + 0.55vh + 0.55vmin); text-decoration: none; align-self: flex-start; background: var(--title-color, #1e8797); color: #fff; cursor: pointer; padding: calc(0.23vw + 0.23vh + 0.23vmin) calc(0.6vw + 0.6vh + 0.6vmin); border: calc(0.05vw + 0.05vh + 0.05vmin) solid transparent; border-radius: calc(0.4vw + 0.4vh + 0.4vmin); transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.1s ease, box-shadow 0.1s ease; margin-top: auto; -webkit-font-smoothing: subpixel-antialiased !important; font-smooth: always !important; }
@media (orientation:portrait) { .embla-houses .read-more { font-size: calc(1.25vw + 1.25vh + 1.25vmin); padding: calc(0.43vw + 0.43vh + 0.43vmin) calc(0.6vw + 0.6vh + 0.6vmin) calc(0.6vw + 0.6vh + 0.6vmin); border: calc(0.15vw + 0.15vh + 0.15vmin) solid transparent; border-radius: calc(0.79vw + 0.79vh + 0.79vmin); -webkit-tap-highlight-color: transparent; } }
.embla-houses .read-more:hover { background: transparent; border-color: var(--title-color); color: var(--title-color); text-decoration: none; }
.embla-houses .read-more:active { transform: translateY(calc(0.05vw + 0.05vh + 0.05vmin)); }
@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1) { .embla-houses .read-more { font-size: calc(0.8vw + 0.8vh + 0.8vmin) !important; padding: calc(0.3vw + 0.3vh + 0.3vmin) calc(0.6vw + 0.6vh + 0.6vmin) !important; } }
@media (orientation: portrait) { .embla-houses:not(.second-slider-unique) .read-more { margin-top: auto !important; } }
@media (orientation: landscape) { .embla-houses:not(.second-slider-unique) .read-more { margin-top: auto !important; } }
@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1) { .embla-houses:not(.second-slider-unique) .read-more { margin-top: auto !important; } }
.embla-houses.second-slider-unique .read-more { float: none !important; line-height: 1 !important; display: inline-block !important; margin-top: 0 !important; margin-left: auto !important; font-size: calc(0.5vw + 0.5vh + 0.5vmin); font-family: "Roboto Condensed"; font-weight: 300; color: #fff; background: #23607d; padding: calc(0.28vw + 0.28vh + 0.28vmin) calc(0.38vw + 0.38vh + 0.38vmin) calc(0.28vw + 0.28vh + 0.28vmin); border-radius: calc(0.39vw + 0.39vh + 0.39vmin); transition: transform(0.1s) ease, box-shadow 0.1s ease; -webkit-tap-highlight-color: transparent; }
.embla-houses.second-slider-unique .read-more:hover { color: #23607d; background: #d1e8f3; }
@media (orientation: portrait) { .embla-houses.second-slider-unique .read-more { font-size: calc(1.15vw + 1.15vh + 1.15vmin) !important; padding: calc(0.48vw + 0.48vh + 0.48vmin) calc(0.58vw + 0.58vh + 0.58vmin) calc(0.48vw + 0.48vh + 0.48vmin) !important; outline: none !important; margin-top: auto !important; } }
@media (orientation: landscape) { .embla-houses.second-slider-unique .read-more { margin-top: auto !important; } }
@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1) { .embla-houses.second-slider-unique .read-more { font-size: calc(0.9vw + 0.9vh + 0.9vmin) !important; padding: calc(0.28vw + 0.28vh + 0.28vmin) calc(0.38vw + 0.38vh + 0.38vmin) calc(0.28vw + 0.28vh + 0.28vmin) !important; outline: none !important; margin-top: auto !important; } }
.embla-houses.second-slider-unique .post-footer { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding-top: 0 !important; margin-top: auto !important; float: none !important; }
@media (orientation: portrait) { .embla-houses.second-slider-unique .post-footer { gap: 10px; padding-top: calc(0.61vw + 0.61vh + 0.61vmin) !important; } }
.embla-houses.second-slider-unique .news-data { float: none !important; line-height: 1 !important; display: inline-block !important; font-family: "Roboto Condensed"; font-weight: 300; letter-spacing: -0.012em; font-size: calc(0.48vw + 0.48vh + 0.48vmin); user-select: none; color: #b9b9b9; }
@media (orientation: portrait) { .embla-houses.second-slider-unique .news-data { font-size: calc(1.05vw + 1.05vh + 1.05vmin); } }
@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1) { .embla-houses.second-slider-unique .news-data { font-size: calc(0.7vw + 0.7vh + 0.7vmin) !important; } }
.embla-houses .embla-btn-prev { left: calc(0.6vw + 0.6vh + 0.6vmin); }
.embla-houses .embla-btn-next { left: calc(3.4vw + 3.4vh + 3.4vmin); }
.embla-houses .embla-btn-prev, .embla-houses .embla-btn-next { font-family: 'Material Symbols Outlined'; font-weight: 400; position: absolute; top: 0; width: calc(1.5vw + 1.5vh + 1.5vmin); height: calc(1.3vw + 1.3vh + 1.3vmin); background: rgba(16,63,85,0.05); border: none; border-radius: calc(0.25vw + 0.25vh + 0.25vmin); display: flex; align-items: center; justify-content: center; font-size: calc(1.05vw + 1.05vh + 1.05vmin); color: #8bacbb; z-index: 10; cursor: pointer; outline: none; padding: 0 0 1px 0; box-sizing: border-box; transition: background-color 0.35s ease, color 0.35s ease; }
@media (orientation:portrait) { .embla-houses .embla-btn-prev, .embla-houses .embla-btn-next { width: calc(2.5vw + 2.5vh + 2.5vmin); height: calc(2.3vw + 2.3vh + 2.3vmin); display: block !important; line-height: calc(2.3vw + 2.3vh + 2.3vmin) !important; padding: 0 !important; text-align: center !important; font-size: calc(1.95vw + 1.95vh + 1.95vmin); } }
@media (orientation: landscape) { .embla-houses .embla-btn-prev { left: 2.5vw !important; transform: none !important; } .embla-houses .embla-btn-next { left: calc(2.5vw + 2.3vw + 2.3vh + 2.3vmin) !important; } }
.embla-houses button:disabled { opacity: 0.25; pointer-events: none; background: rgba(16,63,85,0.05) !important; color: #103f55 !important; }
.embla-houses .embla-houses-digits { position: absolute; top: 0; right: calc(0.6vw + 0.6vh + 0.6vmin); font-family: "Inter"; font-weight: 500; font-size: calc(0.65vw + 0.65vh + 0.65vmin); color: #8bacbb; background: rgba(16,63,85,0.05); padding: 0 calc(0.35vw + 0.35vh + 0.35vmin); border-radius: calc(0.25vw + 0.25vh + 0.25vmin); z-index: 10; pointer-events: none; height: calc(1.5vw + 1.5vh + 1.5vmin); display: flex; align-items: center; box-sizing: border-box; }
@media (orientation:portrait) { .embla-houses .embla-houses-digits { font-size: calc(1.35vw + 1.35vh + 1.35vmin); padding: calc(1.05vw + 1.05vh + 1.05vmin); border-radius: calc(0.55vw + 0.55vh + 0.55vmin); } }
@media (orientation: landscape) { .embla-houses .embla-houses-digits { right: 2.5vw !important; transform: none !important; } }
.embla-houses .embla-btn-pause { left: calc(6.2vw + 6.2vh + 6.2vmin); }
.embla-houses .embla-btn-play { left: calc(9.0vw + 9.0vh + 9.0vmin); }
.embla-houses .embla-btn-pause, .embla-houses .embla-btn-play { font-family: 'Material Symbols Outlined'; font-weight: 400; position: absolute; top: 0; width: calc(1.5vw + 1.5vh + 1.5vmin); height: calc(1.3vw + 1.3vh + 1.3vmin); background: rgba(16,63,85,0.05); border: none; border-radius: calc(0.25vw + 0.25vh + 0.25vmin); display: flex; align-items: center; justify-content: center; font-size: calc(1.05vw + 1.05vh + 1.05vmin); color: #8bacbb; z-index: 10; cursor: pointer; outline: none; padding: 0 0 1px 0; box-sizing: border-box; transition: background-color 0.35s ease, color 0.35s ease; }
@media (orientation:portrait) { .embla-houses .embla-btn-pause, .embla-houses .embla-btn-play { width: calc(2.5vw + 2.5vh + 2.5vmin); height: calc(2.3vw + 2.3vh + 2.3vmin); display: block !important; line-height: calc(2.3vw + 2.3vh + 2.3vmin) !important; padding: 0 !important; text-align: center !important; font-size: calc(1.95vw + 1.95vh + 1.95vmin); } }
@media (orientation: landscape) { .embla-houses .embla-btn-pause { left: calc(4.5vw + 2 * (2.3vw + 2.3vh + 2.3vmin)) !important; } .embla-houses .embla-btn-play { left: calc(3.5vw + 3 * (2.3vw + 2.3vh + 2.3vmin)) !important; } }
@keyframes emblaFadeIn { from { opacity: 0; } to { opacity: 1; } }
.my1,.ur1,.mo1,.ar1,.oh1,.na1,.ya1,.sa1,.my2,.ur2,.mo2,.ar2,.oh2,.na2,.ya2,.sa2 { display: inline-flex; align-items: center; }
.my1,.ur1,.mo1,.ar1,.oh1,.na1,.ya1,.sa1 { font-family: "Montserrat"; font-weight: 600; font-size: calc(0.45vw + 0.45vh + 0.45vmin); user-select: none; color: var(--moycvet); }
@media (orientation: portrait) { .my1,.ur1,.mo1,.ar1,.oh1,.na1,.ya1,.sa1 { font-size: calc(0.95vw + 0.95vh + 0.95vmin); } }
.my2,.ur2,.mo2,.ar2,.oh2,.na2,.ya2,.sa2 { font-family: 'Material Symbols Outlined'; font-weight: 400; font-size: calc(0.45vw + 0.45vh + 0.45vmin); margin-right: calc(0.1vw + 0.1vh + 0.1vmin); color: var(--moycvet); }
@media (orientation: portrait) { .my2,.ur2,.mo2,.ar2,.oh2,.na2,.ya2,.sa2 { font-size: calc(0.95vw + 0.95vh + 0.95vmin); } }
.my1, .my2 { --moycvet: #2a8c72; }
.ur1, .ur2 { --moycvet: #e46947; }
.mo1, .mo2 { --moycvet: #5f5073; }
.ar1, .ar2 { --moycvet: #da513f; }
.oh1, .oh2 { --moycvet: #c7753f; }
.na1, .na2 { --moycvet: #3d8c0f; }
.ya1, .ya2 { --moycvet: #f35d2a; }
.sa1, .sa2 { --moycvet: #103f55; }

/* ---Слайдер в партнерах----------- */

.embla-houses.third-slider-unique .post-img { aspect-ratio: 700 / 500 !important; }
.embla-houses.third-slider-unique .post-content { height: calc((1.5vw + 1.5vh + 1.5vmin) * 2.4 + (2.5vw + 2.5vh + 2.5vmin)) !important; }
@media (orientation: portrait) { .embla-houses.third-slider-unique .post-content { height: calc((1.7vw + 1.7vh + 1.7vmin) * 2.4 + (9.5vw + 9.5vh + 9.5vmin)) !important; } }
.embla-houses.third-slider-unique .post-description::after { display: none !important; }
@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.embla-houses.third-slider-unique .post-content .post-description { font-size: calc(1.2vw + 1.2vh + 1.2vmin) !important; line-height: 1.4 !important; } }

/* ---Слайдер в домах---------- */

.embla-houses.forth-slider-unique .post-img { aspect-ratio: 700 / 535 !important; }

/* ---Размеры-------- */
.embla-houses.forth-slider-unique .post-content { height: calc((1.5vw + 1.5vh + 1.5vmin) * 2.4 + (5.15vw + 5.15vh + 5.15vmin)) !important; }
@media (orientation: portrait) 
{ .embla-houses.forth-slider-unique .post-content { height: calc((1.7vw + 1.7vh + 1.7vmin) * 2.4 + (11.0vw + 11.0vh + 11.0vmin)) !important; } }

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{ .embla-houses.forth-slider-unique .post-content { height: calc((1.7vw + 1.7vh + 1.7vmin) * 2.4 + (11.5vw + 11.5vh + 11.5vmin)) !important; } }

/* ---Заголовки АРТЫ------- */
.artadom1 { color: #da513f; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.artadom1 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.artadom2 { color: #d88c43; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.artadom2 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.artadom3 { color: #a19386; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.artadom3 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.artadom4 { color: #da513f; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.artadom4 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.artadom5 { color: #bf8b84; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.artadom5 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.artadom1, .artadom2, .artadom3, .artadom4, .artadom5 {font-size: calc(1.46vw + 1.46vh + 1.46vmin); margin-top: calc(0.52vw + 0.52vh + 0.52vmin); margin-bottom: calc(0.32vw + 0.32vh + 0.32vmin);}}


/* ---Заголовки ЯНТАРНОГО------- */

.yantadom1 { color: #d08569; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.yantadom1 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.yantadom2 { color: #7b6f60; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.yantadom2 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.yantadom3 { color: #9d584c; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.yantadom3 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.yantadom4 { color: #d08569; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.yantadom4 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.yantadom1, .yantadom2, .yantadom3, .yantadom4 {font-size: calc(1.46vw + 1.46vh + 1.46vmin); margin-top: calc(0.52vw + 0.52vh + 0.52vmin); margin-bottom: calc(0.32vw + 0.32vh + 0.32vmin);}}


/* ---Заголовки Самоцветы------ */

.samdom1 { color: #103f55; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.samdom1 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.samdom2 { color: #688884; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.samdom2 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.samdom3 { color: #965a3e; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.samdom3 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.samdom4 { color: #298d9d; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.samdom4 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.samdom5 { color: #d671c1; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.samdom5 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.samdom1, .samdom2, .samdom3, .samdom4, .samdom5 {font-size: calc(1.46vw + 1.46vh + 1.46vmin); margin-top: calc(0.52vw + 0.52vh + 0.52vmin); margin-bottom: calc(0.32vw + 0.32vh + 0.32vmin);}}

/* ---Заголовки Прем-ра------ */

.prem1 { color: #c4785b; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.prem1 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.prem2 { color: #7f7664; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.prem2 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.prem3 { color: #deac79; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: 0.0005em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.prem3 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}


@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.prem1, .prem2, .prem3 {font-size: calc(1.46vw + 1.46vh + 1.46vmin); margin-top: calc(0.52vw + 0.52vh + 0.52vmin); margin-bottom: calc(0.32vw + 0.32vh + 0.32vmin);}}

/* ---Заголовки НАТУРЫ------- */

.natu1 { color: #bf782a; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.natu1 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.natu2 { color: #7b6f60; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.natu2 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.natu3 { color: #bf782a; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.natu3 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}


@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.natu1, .natu2, .natu3 {font-size: calc(1.46vw + 1.46vh + 1.46vmin); margin-top: calc(0.52vw + 0.52vh + 0.52vmin); margin-bottom: calc(0.32vw + 0.32vh + 0.32vmin);}}

/* ---Заголовки Лайм------ */

.liiime1 { color: #21322c; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.liiime1 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.liiime2 { color: #89a65a; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.liiime2 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.liiime3 { color: #969a3f; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.liiime3 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.liiime4 { color: #52ac7d; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.liiime4 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.liiime5 { color: #769d5a; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.liiime5 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.liiime1, .liiime2, .liiime3, .liiime4, .liiime5 {font-size: calc(1.46vw + 1.46vh + 1.46vmin); margin-top: calc(0.52vw + 0.52vh + 0.52vmin); margin-bottom: calc(0.32vw + 0.32vh + 0.32vmin);}}

/* ---Заголовки Ландышей------ */

.laaan1 { color: #8dd332; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.laaan1 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.laaan2 { color: #7f7664; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.laaan2 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.laaan3 { color: #deac79; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.laaan3 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.laaan4 { color: #a5c264; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.laaan4 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

.laaan5 { color: #769d5a; font-family: "Roboto Condensed"; font-weight: 400; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: -0.023em;  margin-top: calc(0.32vw + 0.32vh + 0.32vmin);}
@media (orientation: portrait)
{.laaan5 { font-size: calc(2.5vw + 2.5vh + 2.5vmin); }}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.laaan1, .laaan2, .laaan3, .laaan4, .laaan5 {font-size: calc(1.46vw + 1.46vh + 1.46vmin); margin-top: calc(0.52vw + 0.52vh + 0.52vmin); margin-bottom: calc(0.32vw + 0.32vh + 0.32vmin);}}


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

.embla-houses.forth-slider-unique .post-description { font-family: "Roboto Condensed"; font-weight: 300; font-size: calc(0.65vw + 0.65vh + 0.65vmin); color: #777777; line-height: 1.2; 
letter-spacing: -0.005em; margin-top: 0; margin-bottom: calc(0.8vw + 0.8vh + 0.8vmin); }

@media (orientation: portrait)
{.embla-houses.forth-slider-unique .post-description { font-size: calc(1.15vw + 1.15vh + 1.15vmin);  line-height: 1.24; }}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.embla-houses.forth-slider-unique .post-content .post-description { font-size: calc(1.1vw + 1.1vh + 1.1vmin) !important; line-height: 1.2; } }

/* --Убираем забеление----- */
.embla-houses.forth-slider-unique .post-description::after { display: none !important; }

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


.u-news { width: 95vw; margin: 0 auto; padding-bottom: calc(0.49vw + 0.49vh + 0.49vmin); box-sizing: border-box; text-align: left; font-family: "Montserrat"; font-weight: 400; font-size: calc(0.8vw + 0.8vh + 0.8vmin); opacity: 0.5; color: #8bacbb; letter-spacing: 0.02em; }
@media (orientation: portrait) { .u-news { width: 90vw; padding-top: calc(2.29vw + 2.29vh + 2.29vmin); padding-bottom: calc(0.79vw + 0.79vh + 0.79vmin); font-size: calc(1.5vw + 1.5vh + 1.5vmin); } }


/* ---Ссылка на все новости----------- */
.u-vsenews { display: block; width: 95vw; margin: 0 auto;  box-sizing: border-box; text-align: left;  }
@media (orientation: portrait) { .u-vsenews { width: 90vw; } }

a.lnl-vnsw {text-decoration: none;  border-bottom: calc(0.09vw + 0.09vh + 0.09vmin) dashed #8bacbb; font-family: "Montserrat"; font-weight: 400; 
font-size: calc(0.8vw + 0.8vh + 0.8vmin); opacity: 0.8; color: #8bacbb; letter-spacing: 0.02em; 
transition: color 0.21s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.21s cubic-bezier(0.25, 1, 0.5, 1);}
a.lnl-vnsw:hover { cursor: pointer; color: #226889; border-bottom-color: #226889; }

@media (orientation: portrait) { a.lnl-vnsw  {  border-bottom: calc(0.19vw + 0.19vh + 0.19vmin) dashed #8bacbb; font-size: calc(1.25vw + 1.25vh + 1.25vmin);} }
 @media (orientation: portrait) { a.lnl-vnsw:hover  {  border-bottom: calc(0.19vw + 0.19vh + 0.19vmin) dashed #226889;} }
 
/* ---------------------------------------------------- */


/* -------Наши ценности---------------------- */

.u-cennosti { width: 95vw; margin: 0 auto;  padding-top: calc(1.89vw + 1.89vh + 1.89vmin);box-sizing: border-box; text-align: left; 
font-family: "Montserrat"; font-weight: 400; font-size: calc(0.8vw + 0.8vh + 0.8vmin); opacity: 0.5; color: #8bacbb; letter-spacing: 0.02em;}

@media (orientation: portrait)
{.u-cennosti { width: 90vw; font-size: calc(1.5vw + 1.5vh + 1.5vmin); padding-bottom: 0; }}

@keyframes fadeIn { from { opacity: 0; transform: translate3d(0, 1.5vh, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
@keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
@keyframes fadeInBlock { from { opacity: 0; } to { opacity: 1; } }

.sugarbox { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 95vw; margin: 0 auto; box-sizing: border-box; margin-bottom: calc(2.5vw + 2.5vh + 2.5vmin); scroll-behavior: smooth; position: relative; }
.va_oblako { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 3vw; width: 100%; }
.valkart { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; margin-top: 3vh; box-shadow: 0 calc(0.2vw + 0.2vh + 0.2vmin) calc(0.5vw + 0.5vh + 0.5vmin) rgba(0,0,0,0.03), 0 calc(0.5vw + 0.5vh + 0.5vmin) calc(1.5vw + 1.5vh + 1.5vmin) rgba(0,0,0,0.04); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease; box-sizing: border-box; border-radius: calc(0.99vw + 0.99vh + 0.99vmin); background: #ffffff; }
.sugarbox.visible .valkart { animation: fadeIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) backwards; }
.sugarbox.visible .valkart:nth-child(1) { animation-delay: 0s; }
.sugarbox.visible .valkart:nth-child(2) { animation-delay: 0.15s; }
.sugarbox.visible .valkart:nth-child(3) { animation-delay: 0.3s; }
.va_prt1 { width: 100%; aspect-ratio: 16 / 9; background: linear-gradient(90deg, #f0f0f0 25%, #e4e4e4 37%, #f0f0f0 63%); background-size: 200% 100%; animation: shimmer 1.5s infinite linear, fadeInBlock 0.4s ease forwards; border-radius: calc(0.99vw + 0.99vh + 0.99vmin); overflow: hidden; position: relative; }
.va_prt1::after { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%); transform: skewX(-25deg) translate3d(0, 0, 0); pointer-events: none; }
picture { display: block; width: 100%; height: 100%; }
img.vaimg { display: block; width: 100%; height: 100%; object-fit: cover; border: 0; opacity: 1; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.6s ease; }
@media (hover: hover) { .valkart:hover { transform: translate3d(0, -0.4vh, 0); box-shadow: 0 calc(0.4vw + 0.4vh + 0.4vmin) calc(1vw + 1vh + 1vmin) rgba(0,0,0,0.05), 0 calc(1vw + 1vh + 1vmin) calc(2.5vw + 2.5vh + 2.5vmin) rgba(0,0,0,0.07); } .valkart:hover .va_prt1 { background: #23252b; } .valkart:hover .va_prt1::after { transform: skewX(-25deg) translate3d(350%, 0, 0); transition: transform 0.6s ease-in-out; } .valkart:hover img.vaimg { transform: scale3d(1.06, 1.06, 1) rotate3d(0, 0, 1, 1deg); opacity: 0.85; filter: contrast(1.05) brightness(0.95); } }
.va_prt2 { display: flex; flex-direction: column; flex-grow: 1; width: 100%; padding: calc(1vw + 1vh + 1vmin); box-sizing: border-box; color: #707070; font-family: "Roboto Condensed"; font-weight: 300; font-size: calc(0.7vw + 0.7vh + 0.7vmin); letter-spacing: -0.005em; pointer-events: none; user-select: none; }
.vazagolovok { margin: 0 0 calc(0.5vw + 0.5vh + 0.5vmin) 0; color: #113f55; font-family: "Montserrat"; font-weight: 600; font-size: calc(0.8vw + 0.8vh + 0.8vmin);  }
.valkart img, .valkart picture { pointer-events: none; user-select: none; }
.va_text { margin-bottom: calc(0.5vw + 0.5vh + 0.5vmin); }
.va_text:last-child { margin-bottom: 0; }

@media (orientation: portrait)
{.sugarbox { overflow-x: auto; width: 100vw; padding-left: 6vw; padding-right: 12vw; padding-bottom: 4vh; scroll-snap-type: x mandatory; 
margin-top: 3vh; margin-bottom: calc(2.5vw + 2.5vh + 2.5vmin - 4vh); scrollbar-width: none; box-sizing: border-box; align-items: flex-start; }
.sugarbox:not(:active) { scroll-behavior: smooth; } 
.sugarbox::-webkit-scrollbar { display: none; } 
.va_oblako { width: auto; gap: 4vw; align-items: flex-start; } 
.valkart { flex: 0 0 88vw; scroll-snap-align: center; scroll-snap-stop: always; 
margin-top: 0; box-shadow: 0 calc(0.4vw + 0.4vh + 0.4vmin) calc(1vw + 1vh + 1vmin) rgba(0,0,0,0.03), 0 calc(1vw + 1vh + 1vmin) calc(3vw + 3vh + 3vmin) rgba(0,0,0,0.04);
 border-radius: calc(1.5vw + 1.5vh + 1.5vmin); } 
.sugarbox.visible .valkart { animation: fadeIn 0.6s cubic-bezier(0.25, 1, 0.5, 1) backwards; } 
.sugarbox.visible .valkart:nth-child(1) { animation-delay: 0s; } 
.sugarbox.visible .valkart:nth-child(2) { animation-delay: 0.12s; } 
.sugarbox.visible .valkart:nth-child(3) { animation-delay: 0.24s; } 
.va_prt1 { width: 100%; aspect-ratio: 1 / 1; margin: 0; border-radius: calc(1.5vw + 1.5vh + 1.5vmin); } 
.va_prt2 { padding: calc(1.0vw + 1.0vh + 1.0vmin) calc(2vw + 2vh + 2vmin) calc(2vw + 2vh + 2vmin) calc(1.5vw + 1.5vh + 1.5vmin); 
font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0.015em; line-height: 1.3; } 
.vazagolovok { font-size: calc(1.56vw + 1.56vh + 1.56vmin); letter-spacing: -0.0015em; }
 }


/* ---Планшетная история---------------- */ 
@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1) 
{.valkart {flex: 0 0 72vw !important; border-radius: calc(1.2vw + 1.2vh + 1.2vmin) !important;}
.va_prt1 {aspect-ratio: 1.1 / 1 !important; border-radius: calc(1.2vw + 1.2vh + 1.2vmin) !important;}
.vazagolovok {font-size: calc(1.2vw + 1.2vh + 1.2vmin) !important; margin-bottom: calc(0.4vw + 0.4vh + 0.4vmin) !important;}
.va_prt2 {padding: calc(1.2vw + 1.2vh + 1.2vmin) calc(1.8vw + 1.8vh + 1.8vmin) !important; font-size: calc(0.95vw + 0.95vh + 0.95vmin) !important; line-height: 1.35 !important;}
.sugarbox {padding-left: 5vw !important; padding-right: 15vw !important; }
.va_oblako {gap: 3vw !important;}}



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

.u-soc { width: 95vw; margin: 0 auto; padding-bottom: calc(0.29vw + 0.29vh + 0.29vmin); padding-top: calc(1.89vw + 1.89vh + 1.89vmin);box-sizing: border-box; text-align: left; font-family: "Montserrat"; font-weight: 400; font-size: calc(0.8vw + 0.8vh + 0.8vmin); opacity: 0.5; color: #8bacbb; letter-spacing: 0.02em;}
@media (orientation: portrait) { .u-soc  { width: 90vw; font-size: calc(1.5vw + 1.5vh + 1.5vmin); padding-bottom: calc(1.29vw + 1.29vh + 1.29vmin); }}

.cards-container { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; width: 95vw; margin: 0 auto; gap: 20px; }
a.card-link { text-decoration: none; display: block; width: calc(50% - 10px); }
.scc { width: 100%; box-sizing: border-box; text-align: left; border-radius: calc(0.4vw + 0.4vh + 0.4vmin); box-shadow: 0px 14px 22px -9px #b4cad4; 
transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.2s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.2s linear, opacity 0.2s linear; 
padding: calc(0.9vw + 0.9vh + 0.9vmin); will-change: transform; }
.card-link:hover .scc { background: #eef9fe; opacity: 0.73; cursor: pointer; transform: translateY(-5px); box-shadow: 0px 22px 30px -10px #a4bdc9; }
.card-link:active .scc { transform: translateY(1px); box-shadow: 0px 6px 12px -5px #9bb3be; opacity: 0.9; }
.bgsa { color: #103f55; font-family: "Montserrat"; font-weight: 600; opacity: 0.7; font-size: calc(0.86vw + 0.86vh + 0.86vmin); text-decoration: none; }
.nsja { color: #6890a4; font-family: "Montserrat"; font-weight: 400; opacity: 0.7;  font-size: calc(0.56vw + 0.56vh + 0.56vmin); text-decoration: none; display: block; }

@media (orientation: portrait) {
.cards-container { flex-direction: column; align-items: center; width: 100%; gap: 0; }
a.card-link { width: 90vw; }
.scc { margin-bottom: calc(1.3vw + 1.3vh + 1.3vmin); padding: calc(1.5vw + 1.5vh + 1.5vmin); border-radius: calc(0.94vw + 0.94vh + 0.94vmin);}
.bgsa { font-size: calc(1.36vw + 1.36vh + 1.36vmin);  }
.nsja {font-size: calc(1.16vw + 1.16vh + 1.16vmin);  }
}

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


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

.noww { width: 100%; position: relative;margin-top: calc(2.7vw + 2.7vh + 2.7vmin); }
.backgr9 { position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
svg { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: block; pointer-events: none; }
footer { position: relative; display: flex; width: 100%; }
.flex_box { margin: 0 auto; display: flex; flex-wrap: nowrap; gap: 0; }
.first_flex { display: flex; flex-direction: column; }
img.logo_f { z-index: 1020; will-change: transform; }
img.logo_f:hover { animation: shake 2.11s infinite linear; }
.lopis { color: #bfd2db; font-family: "Montserrat"; font-weight: 400; opacity: 0.7;  letter-spacing: 0.05em; }
.second_flex { display: flex; flex-direction: column; }
.moments { margin: 0; color: rgba(255,255,255, 0.6); font-family: "Roboto Condensed"; font-weight: 300; display: flex; flex-direction: column; }
.dot-separator { color: rgba(255,255,255, 0.5); display: inline;  }
a.f_links { color: #ffffff; font-family: "Roboto Condensed"; font-weight: 300; text-decoration: none; transition: color 0.2s linear, border-color 0.2s linear;
 border-bottom: calc(0.01vw + 0.01vh + 0.01vmin) solid transparent; }
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); }
.waves-wrapper { transform-origin: bottom center; will-change: transform; }
.wave-1 { will-change: transform; animation: wave1-anim 9s infinite cubic-bezier(0.42, 0, 0.58, 1); }
.wave-2 { will-change: transform; animation: wave2-anim 6.5s infinite cubic-bezier(0.42, 0, 0.58, 1); }
.wave-3 { will-change: transform; animation: wave3-anim 4.2s infinite cubic-bezier(0.42, 0, 0.58, 1); }
@keyframes wave1-anim { 0%, 100% { transform: translate3d(25px, -4px, 0); } 50% { transform: translate3d(-25px, 8px, 0); } }
@keyframes wave2-anim { 0%, 100% { transform: translate3d(-25px, 10px, 0); } 60% { transform: translate3d(25px, -5px, 0); } }
@keyframes wave3-anim { 0%, 100% { transform: translate3d(0, -3px, 0); } 40% { transform: translate3d(-12px, 5px, 0); } }

@media (orientation: landscape) {
  .backgr9 { margin-top: calc(0.4vw + 0.4vh + 0.4vmin); height: calc(100% - calc(0.4vw + 0.4vh + 0.4vmin)); }
  footer { height: calc(6.5vw + 6.5vh + 6.5vmin); }
  .flex_box { width: 95%; margin-bottom: calc(0.9vw + 0.9vh + 0.9vmin); flex-direction: row; justify-content: space-between; align-items: flex-end; }
  .first_flex { width: 35%; align-items: flex-start; margin-bottom: 0; }
  img.logo_f { width: calc(9.5vw + 9.5vh + 9.5vmin); }
  .lopis { font-size: calc(0.45vw + 0.45vh + 0.45vmin); margin-top: calc(0.25vw + 0.25vh + 0.25vmin); }
  .second_flex { width: 65%; align-items: flex-end; }
  .moments { font-size: calc(0.4vw + 0.4vh + 0.4vmin); text-align: right; gap: calc(0.025vw + 0.025vh + 0.025vmin); }
  .moments_copyright { margin-top: calc(0.25vw + 0.25vh + 0.25vmin); align-self: flex-end; width: 75%; }
  .moments_row { margin-top: calc(0.05vw + 0.05vh + 0.05vmin); }
  .moments_row:last-child { margin-top: 0; }
  a.f_links { font-size: calc(0.4vw + 0.4vh + 0.4vmin); }

.dot-separator { margin: calc(0.2vw + 0.2vh + 0.2vmin); margin-left: calc(0.3vw + 0.3vh + 0.3vmin); }
}

@media (orientation: portrait) {
  .backgr9 { margin-top: calc(0.5vw + 0.5vh + 0.5vmin); height: calc(100% - calc(0.5vw + 0.5vh + 0.5vmin)); }
  .waves-wrapper { transform: scale3d(4.8, 1, 1); }
  footer { height: calc(40vw + 40vh + 40vmin); }
  .flex_box { width: 100%; height: 100%; padding-bottom: calc(2vw + 2vh + 2vmin); box-sizing: border-box; flex-direction: column; justify-content: flex-end; align-items: center; }
  .first_flex { width: 100%; align-items: center; }
  img.logo_f { width: calc(19vw + 19vh + 19vmin); }
  .lopis { font-size: calc(0.94vw + 0.94vh + 0.94vmin); margin-top: calc(0.55vw + 0.55vh + 0.55vmin); }
  .second_flex { width: 95%; align-items: center; }
  .moments { font-size: calc(0.95vw + 0.95vh + 0.95vmin); text-align: center; }
  .moments_row { margin-top: calc(1.25vw + 1.25vh + 1.25vmin); line-height: 1.45; }
  .moments_row:last-child { margin-top: 0; }
  .moments_copyright { margin-top: calc(1.5vw + 1.5vh + 1.5vmin); line-height: 1.6; }
  a.f_links { font-size: calc(0.95vw + 0.95vh + 0.95vmin); }
.dot-separator { margin: calc(0.3vw + 0.3vh + 0.3vmin); margin-left: calc(0.5vw + 0.5vh + 0.5vmin); }
}

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


/* --------------Заголовок с фоновым видео----------------------------------------- */  

.shapka_zaglavie { position: relative; overflow: hidden; width: 100%;}

.zag_video, .canvas { width: 100%; height: calc(5.28vw + 5.28vh + 5.28vmin); object-fit: cover; z-index: 1; pointer-events: none; }

@media (orientation: portrait)
{ .zag_video, .canvas { height: calc(8.28vw + 8.28vh + 8.28vmin); } }

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
 { .zag_video, .canvas { height: calc(8.28vw + 8.28vh + 8.28vmin); } }

/* ------------------------------------------- */  
#opisanie { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(16, 63, 85, 0.45); z-index: 2; 
display: flex; align-items: flex-end; padding-left: 2.5%; padding-bottom: 1%; box-sizing: border-box; }

@media (orientation: portrait) 
{ #opisanie { padding-left: 5%; padding-bottom: 4%; } }

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

.tekst_kontejner { display: flex; flex-direction: column; gap: calc(0.04vw + 0.04vh + 0.04vmin); width: 100%; }

/* ------------------------------------------- */  
.zagolovok { color: #fff; font-family: 'Inter'; font-weight: 600; font-size: calc(1.3vw + 1.3vh + 1.3vmin); text-transform: uppercase; margin: 0; padding: 0;  }
@media (orientation: portrait)
 { .zagolovok { font-size: calc(1.65vw + 1.65vh + 1.65vmin); } }

/* ------------------------------------------- */  
.podcherknuli { background-color: #fff; width: 30%; height: calc(0.05vw + 0.05vh + 0.05vmin); outline: none; border: none; opacity: 0.6; margin: 0; }
@media (orientation: portrait)
 { .podcherknuli { width: 60%; } }

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

.pod_zagolovok { color: #fff; font-family: "Roboto Condensed"; font-weight: 300; font-size: calc(0.65vw + 0.65vh + 0.65vmin); opacity: 0.7; margin: 0; padding: 0;  }
@media (orientation: portrait) 
{ .pod_zagolovok { font-size: calc(1.15vw + 1.15vh + 1.15vmin); } }

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


/* --------Подпись в новостях---------------- */ 

.zbod { width: 85.5vw; margin: 0 auto; padding-top: calc(1.5vw + 1.5vh + 1.5vmin);padding-bottom:calc(1.0vw + 1.0vh + 1.0vmin);
box-sizing: border-box; text-align: left; font-family: "Roboto Condensed"; font-weight: 300; font-size: calc(0.69vw + 0.69vh + 0.69vmin); opacity: 0.7; color: #103f55; }

@media (orientation: portrait) 
{.zbod  { width: 90vw; font-size: calc(1.4vw + 1.4vh + 1.4vmin); padding-bottom: calc(0.59vw + 0.59vh + 0.59vmin);} } 

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

article.news-card { width: 85.5vw; border: 1px solid #ededed; box-sizing: border-box; padding: calc(1.5vw + 1.5vh + 1.5vmin); 
padding-top: calc(1.05vw + 1.05vh + 1.05vmin); display: flex; flex-direction: column; border-radius: calc(0.45vw + 0.45vh + 0.45vmin); 
box-shadow: 0 calc(0.73vw + 1.3vh - 0.5vmin) calc(1.15vw + 2.04vh - 0.8vmin) calc(-0.47vw - 0.83vh + 0.33vmin) #b4cad4; 
overflow: visible; scroll-margin-top: calc(1.89vw + 1.89vh + 1.89vmin); margin: 0 auto calc(1.79vw + 1.79vh + 1.79vmin) auto; position: relative; }

@media (orientation: portrait)
{article.news-card { width: 100%; border: none; box-shadow: none;  } }

/* -------Контент------------- */ 
.news-card__content { display: flex; flex-direction: column; flex-grow: 1; position: relative; z-index: 1; }
.stdtt { display: inline-flex; align-items: center;  }
@media (orientation: portrait)
{.stdtt {margin-top: calc(0.59vw + 0.59vh + 0.59vmin); }}

/* -----------Заголовок-------------- */ 
.news-card__title { display: inline-block; text-decoration: none; 
 transition: 0.25s color ease; color: #103f55; font-family: "Inter"; font-weight: 500;  
font-size: calc(1.09vw + 1.09vh + 1.09vmin); text-transform: uppercase; }

@media (orientation: portrait)
{.news-card__title { font-size: calc(1.69vw + 1.69vh + 1.69vmin);   } }

.news-card__title:hover { color: #6bb6d8; }


/* ------Дата--------------------- */ 

.news-card__date { font-family: "Roboto"; font-weight: 300; font-size: calc(0.49vw + 0.49vh + 0.49vmin); opacity: 0.5; color: #103f55; }

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

/* ------Галочка------- */ 
.news-card__check { font-family: 'Material Symbols Outlined'; font-weight: 400; font-size: calc(0.6vw + 0.6vh + 0.6vmin); opacity: 0.7; color: #47cd1e; margin-left: calc(0.1vw + 0.1vh + 0.1vmin); margin-bottom: calc(0.06vw + 0.06vh + 0.06vmin); }

@media (orientation: portrait)
{.news-card__check { font-size: calc(1.1vw + 1.1vh + 1.1vmin); opacity: 0.9; }}

/* -------Сам текст------ */ 
.news-card__text { flex-grow: 1; margin-top: calc(0.49vw + 0.49vh + 0.49vmin); margin-bottom: calc(0.69vw + 0.69vh + 0.69vmin);
 font-family: "Inter"; font-weight: 300; font-size: calc(0.6vw + 0.6vh + 0.6vmin); color: #688b9b; line-height: 1.4; letter-spacing: -0.005em;white-space: pre-line; }

/* -----Какой отступ скрипту вставлять----- */ 
.news-card__text p {margin-bottom:  calc(0.25vw + 0.25vh + 0.25vmin);}
.news-card__text p:last-child {margin-bottom: 0;}

@media (orientation: portrait)
{.news-card__text { font-size: calc(1.29vw + 1.29vh + 1.29vmin);line-height: 1.45;  margin-top: calc(0.79vw + 0.79vh + 0.79vmin); margin-bottom: calc(1.29vw + 1.29vh + 1.29vmin);  }}

/* ------Какой отступ скрипту вставлять ПЭ----- */ 
@media (orientation: portrait)
{.news-card__text p {margin-bottom:  calc(0.6vw + 0.6vh + 0.6vmin);}}


/* ---ФОТО в новости, 1 фото----- */ 
.news-gallery a img { width: 28%; border-radius: calc(0.4vw + 0.4vh + 0.4vmin); transition: 0.2s opacity ease;}
.news-gallery a img:hover { cursor: pointer; opacity: 0.8; }

@media (orientation: portrait)
{.news-gallery a img { width: 100%; border-radius: calc(0.7vw + 0.7vh + 0.7vmin);} }

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{ .news-gallery a img { width: 70%; } }

/* ---ФОТО в новости, 4 фото----- */ 
.nofa {display: flex; flex-wrap: wrap; gap: calc(0.4vw + 0.4vh + 0.4vmin);}
.nofa a {width: 24%;}
.nofa a img {width: 100%;border-radius: calc(0.4vw + 0.4vh + 0.4vmin); transition: 0.2s opacity ease;}

.nofa a img:hover { cursor: pointer; opacity: 0.8; }

@media (orientation: portrait)
 {.nofa a { width: 48.5%; margin-bottom: calc(0.4vw + 0.4vh + 0.4vmin); border-radius: calc(0.7vw + 0.7vh + 0.7vmin); }} 

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.nofa a { width: 48.5%; margin-bottom: calc(0.4vw + 0.4vh + 0.4vmin); border-radius: calc(0.7vw + 0.7vh + 0.7vmin);  }}

/* -------------------------------------- */
/* ---ВИДЕО в новости ------------------ */ 
/* -------------------------------------- */

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

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

/* -------------------------------------- */
.viost_news {width: 100%; height: auto; max-height: 100%; border: 0;  padding: 0;  border-radius: calc(0.6vw + 0.6vh + 0.6vmin); }

@media (orientation: landscape)
{.viost_news {width: 60%; height: auto; max-height: 100%; border: 0;  padding: 0;  border-radius: calc(0.4vw + 0.4vh + 0.4vmin); }}

.viost_news:hover {cursor: pointer;}

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

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

@media (orientation: portrait)
{.viost {width: 90%; height: auto; max-height: 95%; }}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.viost {width: 80vw; }}

.viost:hover {cursor: pointer;}

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

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

/* ----------------------------------------------- */ 
.vdblock_news_kv {width: 100%; border:0;}

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


/* ---Вертикальное видео--------------- */ 

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

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

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.viost_news_port {width: 55%; }}

.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 (orientation: portrait)
{.viost_news_kv {width: 100%; height: auto; max-height: 100%; }}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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;}

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

/* -----Превиос новости (вторая страница----------- */  

.nws2 { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; width: 85.5vw; margin: 0 auto; margin-bottom:calc(1.5vw + 1.5vh + 1.5vmin);margin-top:calc(1.5vw + 1.5vh + 1.5vmin); gap: 20px; }
a.nws2_link { text-decoration: none; display: block; width: 100%; }
.nws2_box { width: 100%; box-sizing: border-box; text-align: center; border-radius: calc(0.4vw + 0.4vh + 0.4vmin); box-shadow: 0px 14px 22px -9px #b4cad4; 
transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.2s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.2s linear, opacity 0.2s linear; 
padding: calc(0.9vw + 0.9vh + 0.9vmin); will-change: transform; }
.nws2_link:hover .nws2_box { background: #eef9fe; opacity: 0.73; cursor: pointer; transform: translateY(5px); box-shadow: 0px 22px 30px -10px #a4bdc9; }
.nws2_link:active .nws2_box { transform: translateY(8px); box-shadow: 0px 6px 12px -5px #9bb3be; opacity: 0.9; }
.tct { color: #103f55; font-family: "Montserrat"; font-weight: 600; opacity: 0.7; font-size: calc(0.86vw + 0.86vh + 0.86vmin); text-decoration: none; }

@media (orientation: portrait) {
.nws2  { flex-direction: column; align-items: center; width: 100%; gap: 0; margin-bottom:0;margin-top:calc(1.5vw + 1.5vh + 1.5vmin);}
a.nws2_link { width: 90vw; }
.nws2_box { margin-bottom: calc(1.3vw + 1.3vh + 1.3vmin); padding: calc(1.5vw + 1.5vh + 1.5vmin); border-radius: calc(0.94vw + 0.94vh + 0.94vmin);}
.tct { font-size: calc(1.36vw + 1.36vh + 1.36vmin);  }
 }

.njslwx {}

.kdowaxz {display: inline-block; text-decoration: none; 
 transition: 0.25s color ease; color: #103f55 !important; font-family: "Inter"; font-weight: 300;  
font-size: calc(1.09vw + 1.09vh + 1.09vmin); text-transform: uppercase; }

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

.odfrz {display: inline-flex; align-items: center; flex-direction: row-reverse; font-family: "Roboto"; font-weight: 300; 
font-size: calc(0.49vw + 0.49vh + 0.49vmin); opacity: 0.6; color: #103f55;}


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


.int_news {width: 85.5vw; border: 1px solid #ededed; box-sizing: border-box; padding: calc(1.5vw + 1.5vh + 1.5vmin); 
padding-top: calc(0.17vw + 0.17vh + 0.17vmin); display: flex; flex-direction: column; border-radius: calc(0.45vw + 0.45vh + 0.45vmin); 
box-shadow: 0 calc(0.73vw + 1.3vh - 0.5vmin) calc(1.15vw + 2.04vh - 0.8vmin) calc(-0.47vw - 0.83vh + 0.33vmin) #b4cad4; 
overflow: visible;  margin: 0 auto calc(1.79vw + 1.79vh + 1.79vmin) auto; position: relative; }


@media (orientation: portrait)
{.int_news {width: 100%; border: none; box-shadow: none; margin:0;  border-radius:0; padding-top: 0; padding-bottom: 0;}}

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


/* ----текст в новостях------------------------------------------ */ 
.news_block {flex:100%; align-self: flex-start; font-family: "Inter"; font-weight: 300; font-size: calc(0.6vw + 0.6vh + 0.6vmin); color: #688b9b; line-height: 1.4; letter-spacing: -0.005em; }


@media (orientation: portrait)
{.news_block { font-size: calc(1.29vw + 1.29vh + 1.29vmin);line-height: 1.45;  margin-top: 0; margin-bottom: 0;  }}

/* -----в новостях---------------------------------------------- */ 

.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 (orientation: portrait)
{.gallery a img {width: 47%; height: auto; padding-bottom: 0.5%; padding-right: 0.5%;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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;}

/* -----фото партнеры--------------------------------------------- */ 

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

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

.onlyone a img {width: 48%;}

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

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.onlyone a img {width: 60%;}}

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

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

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

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.onlyone_kv a img {width:48%; vertical-align: -100%; }}

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

.onlyone5 a img {width: 28%;}

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

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.onlyone5 a img {width:48%;}}

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

.onlyone_2 a img {width: 79%;}

@media (orientation: portrait)
{.onlyone_2 a img {width: 92.4%;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.onlyone_2 a img {width: 60%;}}

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



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

a.asjifspdf{font-family: "Inter"; font-weight: 300; font-size: calc(0.6vw + 0.6vh + 0.6vmin);  line-height: 1.4; letter-spacing: -0.005em; color: #103f55;  text-decoration: none;
border-bottom: calc(0.04vw + 0.04vh + 0.04vmin) solid transparent; transition: border-bottom 0.2s ease; overflow-wrap: break-word;}


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


a.asjifspdf:hover {border-bottom: calc(0.04vw + 0.04vh + 0.04vmin) solid #103f55;}

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

/* ------рек.тех-------- */

article.textrbinas { width: 95vw; border: 1px solid #ededed; box-sizing: border-box; padding: calc(1.05vw + 1.05vh + 1.05vmin) calc(1.5vw + 1.5vh + 1.5vmin) calc(1.5vw + 1.5vh + 1.5vmin);
display: flex; flex-direction: column; border-radius: calc(0.45vw + 0.45vh + 0.45vmin); 
box-shadow: 0 calc(0.73vw + 1.3vh - 0.5vmin) calc(1.15vw + 2.04vh - 0.8vmin) calc(-0.47vw - 0.83vh + 0.33vmin) #b4cad4; 
overflow: visible; margin: calc(0.35vw + 0.35vh + 0.35vmin) auto calc(1.35vw + 1.35vh + 1.35vmin);
 position: relative; }

@media (orientation: portrait)
{article.textrbinas { width: 100%; border: none; box-shadow: none;  } }


/* ------Заголовок-------------- */ 
.title_about { display: inline-block; text-decoration: none; 
 transition: 0.25s color ease; color: #103f55; font-family: "Inter"; font-weight: 500;  
font-size: calc(1.09vw + 1.09vh + 1.09vmin);  }

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

.title_about:hover { color: #6bb6d8; }

/* ---Сам текст------ */ 
.bntxtzs { margin-top: calc(0.09vw + 0.09vh + 0.09vmin);
 font-family: "Inter"; font-weight: 300; font-size: calc(0.6vw + 0.6vh + 0.6vmin); color: #688b9b; line-height: 1.4; letter-spacing: -0.005em;white-space: pre-line; }

@media (orientation: portrait)
{.bntxtzs { font-size: calc(1.29vw + 1.29vh + 1.29vmin);line-height: 1.45;  margin-top: calc(0.29vw + 0.29vh + 0.29vmin);  }}


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

.team_name {font-size: 250%;}
@media (orientation: portrait)
{.team_name{font-size: 420%;}}


.team_name_2 {font-size: 180%; letter-spacing: -0.01em; color:#606060;}
@media (orientation: portrait)
{.team_name_2{font-size: 320%;}}


.team_name2 {font-size: 190%;}
@media (orientation: portrait)
{.team_name2{font-size: 260%;}}

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

.int_team {width: 95vw; 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 (orientation: portrait)
{.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 (orientation: portrait) 
{.team_photo {width: 100%; padding-left:0; padding-bottom:0;  border: 0;}}

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

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

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

.team_block  {float: left; width: 61%; color: #103f55; font-family: 'Inter'; 
font-weight: 500; font-size: calc(0.65vw + 0.65vh + 0.65vmin); padding-left:1.4%; padding-right:3%; padding-bottom:2%;padding-top:9.5%; }

@media (orientation: portrait)
{.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 (orientation: portrait)
{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; } 


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

a.cllmng{font-family: "Inter"; font-weight: 500; font-size: calc(0.8vw + 0.8vh + 0.8vmin);  line-height: 1.4; letter-spacing: -0.005em; color: #103f55;  text-decoration: none;
border-bottom: calc(0.04vw + 0.04vh + 0.04vmin) solid transparent; transition: border-bottom 0.2s ease;}


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

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{a.cllmng{font-size: calc(0.9vw + 0.9vh + 0.9vmin);}}


a.cllmng:hover {border-bottom: calc(0.04vw + 0.04vh + 0.04vmin) solid #103f55;}



.ceo{font-family: "Inter"; font-weight: 500; font-size: calc(0.8vw + 0.8vh + 0.8vmin);  line-height: 1.4; letter-spacing: -0.005em; color: #103f55;  text-decoration: none;
border-bottom: calc(0.04vw + 0.04vh + 0.04vmin) solid transparent; transition: border-bottom 0.2s ease;}


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

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.ceo{font-size: calc(0.9vw + 0.9vh + 0.9vmin);}}


/* -Партнерам------------------ */ 

.maxcx {font-family: "Inter"; font-weight: 500; font-size: calc(0.98vw + 0.98vh + 0.98vmin); color: #103f55; margin-top: calc(0.98vw + 0.98vh + 0.98vmin);
letter-spacing: -0.003em; -webkit-font-smoothing: subpixel-antialiased !important; font-smooth: always !important;}

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


.mibcx {font-family: "Inter"; font-weight: 500; font-size: calc(0.98vw + 0.98vh + 0.98vmin); color: #e88052; 
margin-top: calc(0.98vw + 0.98vh + 0.98vmin);
letter-spacing: -0.003em; -webkit-font-smoothing: subpixel-antialiased !important; font-smooth: always !important;}


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




/* ---Калькулятор----------------------------------------- */ 

article.calcblock { width: 95vw; border: 1px solid #ededed; box-sizing: border-box; padding: calc(1.05vw + 1.05vh + 1.05vmin) calc(1.5vw + 1.5vh + 1.5vmin) calc(1.5vw + 1.5vh + 1.5vmin);
display: flex; flex-direction: column; border-radius: calc(0.45vw + 0.45vh + 0.45vmin); 
box-shadow: 0 calc(0.73vw + 1.3vh - 0.5vmin) calc(1.15vw + 2.04vh - 0.8vmin) calc(-0.47vw - 0.83vh + 0.33vmin) #b4cad4; 
overflow: visible; margin: calc(0.95vw + 0.95vh + 0.95vmin) auto 0;
 position: relative; }

@media (orientation: portrait)
{article.calcblock { width: 100%; border: none; box-shadow: none;  } }


.name_calc {font-size:140%; color: #4e4e4e;  font-family: 'Roboto';}

@media (orientation: portrait)
{.name_calc {font-size:180%; line-height: 0.95; }}

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


.bar {font-size:180%;  font-family: 'Roboto'; color:#103f55; padding:0.7%; padding-left: 0; width:100%; border: none; border-bottom:2px dashed #dddddd; }
@media (orientation: portrait)
{.bar {font-size:180%; padding:1.7%; padding-left: 0;  border-bottom:3px dashed #dddddd; }}

.bar:active {outline: none;  border-bottom:2px dashed #103f55;}
.bar:focus {outline: none;  border-bottom:2px dashed #103f55;}
@media (orientation: portrait)
{.bar:active {outline: none;  border-bottom:3px dashed #103f55;}}
@media (orientation: portrait)
{.bar:focus {outline: none;  border-bottom:3px dashed #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 (orientation: portrait)
{.stopper {cursor:not-allowed; outline: none; border-bottom: none; font-weight: bold; font-size: 185%; pointer-events: none;}}


@media (orientation: portrait)
{.stopper:active {cursor:not-allowed; outline: none; border-bottom: none; font-weight: bold;font-size: 185%; pointer-events: none;}}

@media (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 (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 (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 dashed #0f4156; box-shadow: -3407px 0 0 3407px #0f4156;}

.bobr2::-moz-range-track {}
.bobr2::-moz-range-thumb {width: 0; height: 0; border: 0px dashed #0f4156; box-shadow: -3407px 0 0 3407px #0f4156;}

.bobr {display: none; }

.bobr2:active {outline: none; border-bottom:0; }

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

.name_calc2 {font-size:220%; margin-top: calc(0.18vw + 0.18vh + 0.18vmin); color: #4791b3;  font-family: 'Roboto';}

@media (orientation: portrait)
{.name_calc2 {font-size:190%; }}

/* ----------------------------------------------- */ 
.calc_podp {font-size:100%; color: #404040; font-family: 'Roboto'; }

@media (orientation: portrait)
{.calc_podp {font-size:190%; }}


@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.calc_podp {font-size:190%; }}


/* ----------------------------------------------- */ 
.otstup_calc {line-height: 20%;}

@media (orientation: portrait)
{.otstup_calc {line-height: 20%;}}



.vsdafbra {line-height: 50%;}

@media (orientation: portrait)
{.vsdafbra {line-height: 38%;}}


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

.secondocalc {line-height: 50%;}

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

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

.name_calc3 {font-size:80%; color: #737373;  font-family: 'Roboto';}

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

.hrclasss {opacity: 0.25; }

.btops {pointer-events: none;}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.mahgdsa {font-size: 140%;}}


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

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

.ar-box { width: 95vw; margin: 0 auto; border: 1px solid #ededed; border-radius: calc(0.45vw + 0.45vh + 0.45vmin); 
box-shadow: 0 calc(0.73vw + 1.3vh - 0.5vmin) calc(1.15vw + 2.04vh - 0.8vmin) calc(-0.47vw - 0.83vh + 0.33vmin) #b4cad4; 
box-sizing: border-box; padding: calc(1.5vw + 1.5vh + 1.5vmin); padding-top: calc(1.05vw + 1.05vh + 1.05vmin);
margin: calc(1.35vw + 1.35vh + 1.35vmin) auto calc(1.35vw + 1.35vh + 1.35vmin);}
.ar-flex { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-grow: 1; position: relative; z-index: 1; }
.ar-txt { width: 50%; display: flex; flex-direction: column; align-items: flex-start; text-align: left; }
.karta_bina { width: 50%; height: auto; min-height: 100%; display: flex; flex-direction: column; margin-top:-6vh; }
#mapbina { flex-grow: 1; min-height: 100%; }
.ar-ttl { display: inline-block; text-decoration: none; transition: 0.25s color ease; color: #103f55; font-family: "Inter"; font-weight: 500; font-size: calc(1.09vw + 1.09vh + 1.09vmin); text-transform: uppercase; }
.ar-ttl:hover { color: #6bb6d8; }
.ar-desc { flex-grow: 1; font-family: "Inter"; font-weight: 300; font-size: calc(0.6vw + 0.6vh + 0.6vmin); color: #688b9b; letter-spacing: -0.005em; text-align: left; }
@media (orientation: portrait) { .ar-box { width: 90%; } }
@media (orientation: portrait) { .ar-flex { flex-direction: column; align-items: stretch; } }
@media (orientation: portrait) { .ar-txt { width: 100%; } }
@media (orientation: portrait) { .karta_bina { width: 100%; height: 65vh; margin-top: 20px; } }
@media (orientation: portrait) { .ar-ttl { font-size: calc(1.79vw + 1.79vh + 1.79vmin); } }
@media (orientation: portrait) { .ar-desc { font-size: calc(1.29vw + 1.29vh + 1.29vmin); margin-top: calc(0.29vw + 0.29vh + 0.29vmin); } }

@media (orientation: portrait)
{.yrecx {line-height: 50%;}}

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

.nipasz {line-height: 0.5;}

@media (orientation: portrait)
{.nipasz {line-height: 0.24;}}

/* -------------------- */ 
.kdsokda {display: none;}
@media (orientation: portrait)
{.kdsokda {display: inline;}}

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

.kovanoma {font-family: 'Material Symbols Outlined'; font-weight: 400; opacity: 0.7; color: #c9c9c9; 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;
margin-left: 0; vertical-align: -22%; font-size: calc(0.85vw + 0.85vh + 0.85vmin); padding-right: calc(0.24vw + 0.24vh + 0.24vmin);}

@media (orientation: portrait)
{.kovanoma {margin-left: 0; color: #c9c9c9; vertical-align: -30%;font-size: calc(1.99vw + 1.99vh + 1.99vmin); padding-right: calc(0.4vw + 0.4vh + 0.4vmin);}}


/* -------------------- */ 
.contacts_perenos {display: none;}
@media (orientation: portrait)
{.contacts_perenos {display: block; line-height: 0;}}

/* -------------------- */ 
a.contacts_links{font-family: "Inter"; font-weight: 300; font-size: calc(0.6vw + 0.6vh + 0.6vmin);  line-height: 1.4; letter-spacing: -0.005em; color: #103f55;  text-decoration: none;
border-bottom: calc(0.04vw + 0.04vh + 0.04vmin) solid transparent; transition: border-bottom 0.2s ease;}

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

a.contacts_links:hover {border-bottom: calc(0.04vw + 0.04vh + 0.04vmin) solid #103f55;}

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

/* --Согласие на обработку------------------------------------------------------------ */ 
.mlkaa {line-height: 0.7;}

@media (orientation: portrait)
{.mlkaa {line-height: 0.95;}}


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

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

.btn_tt_ruz {font-family: 'Roboto Condensed'; font-weight: 300; 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: 30%; width: 20%; 
cursor: default;}

@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: 25%;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: 70vw; border-radius: calc(0.8vw + 0.8vh + 0.8vmin); border: 0px;}

@media (orientation: portrait)
{.dooom_ruz a img {width: 100%; border-radius: 0; border: 0;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.dooom_ruz a img {width: 90%; border-radius: calc(0.8vw + 0.8vh + 0.8vmin); border: 0;}}

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


/* -------------------------------------------- */  
.dom_block  {  color: #103f55; font-family: 'Roboto Condensed'; 
font-weight: 300; font-size: calc(0.65vw + 0.65vh + 0.65vmin); }



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

a.domslinks{font-family: 'Inter';  font-weight: 500; font-size: calc(0.7vw + 0.7vh + 0.7vmin);  line-height: 1.4; letter-spacing: -0.005em; color: #103f55;  text-decoration: none;
border-bottom: calc(0.04vw + 0.04vh + 0.04vmin) solid transparent; transition: border-bottom 0.2s ease; overflow-wrap: break-word; opacity: 1.0 !important;}


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

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{a.domslinks{font-size: calc(1.2vw + 1.2vh + 1.2vmin);}}

a.domslinks:hover {border-bottom: calc(0.04vw + 0.04vh + 0.04vmin) solid #103f55;}

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



.ops1{font-size: 85%; color:#626262;}
@media (orientation: portrait)
{.ops1{font-size: 175%; color:#626262;}}


.ag_txt {font-size: 125%; color:#403f3f;opacity:0.7; }
@media (orientation: portrait)
{.ag_txt {font-size: 125%; color:#403f3f; opacity:0.7; }}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.ag_txt {font-size: 100%; color:#403f3f; opacity:0.7; }}


.karlamarksa { width: 95vw; margin: 0 auto; padding-bottom: calc(0.29vw + 0.29vh + 0.29vmin); box-sizing: border-box; 
text-align: left; font-family: "Montserrat"; font-weight: 400; font-size: calc(0.8vw + 0.8vh + 0.8vmin); color: #8bacbb; letter-spacing: 0.02em;}
@media (orientation: portrait) { .karlamarksa  { width: 90vw; font-size: calc(1.5vw + 1.5vh + 1.5vmin); padding-bottom: 0; }}

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


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

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

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

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.int_dom {width: 90%; border:0; text-align:left; display: inline-block; padding: 0;}}


.btn_tt_arta {font-family: 'Roboto Condensed'; font-weight: 300; 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: 25%; width: 20%;}


@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: 20%; width: 100%;}}


@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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: 20%;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:15vh;  }

@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 (orientation: portrait)
{.dooom_arta a img {width: 44%; padding: 1.5%; margin: 0.25%;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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;}


/* ----Заголовок-------------------------------- */
.kv_v_pro { width: 95vw; margin: 0 auto; padding-bottom: calc(0.29vw + 0.29vh + 0.29vmin); box-sizing: border-box; 
text-align: left; font-family: "Montserrat"; font-weight: 600; font-size: calc(0.8vw + 0.8vh + 0.8vmin); color: #256988; letter-spacing: 0.02em;}

@media (orientation: portrait) { .kv_v_pro  { width: 90vw; font-size: calc(1.5vw + 1.5vh + 1.5vmin); padding-bottom: calc(1.09vw + 1.09vh + 1.09vmin);  }}


/* ------------------------------------------------ */
/* Свайпер включаем еще раз, только это облегченный. */
/* ------------------------------------------------ */

.swiper-page2 {width: 95vw; height: 80vh;  }
.swiper-page2 .swiper-wrapper, .swiper-page2 .swiper-slide {height: 100% !important;}
.swiper-page2 .slide-bg {width: 100%; height: 100%; background-size: cover; background-position: center;}

@media (orientation: portrait)
{.swiper-page2 {height: 80vh;}}

.swiper-page2 .slide-content .sres1  { font-size: calc(0.95vw + 0.95vh + 0.95vmin);  }
.swiper-page2 .slide-content .sres2 { font-size: calc(0.49vw + 0.49vh + 0.49vmin);  }
.swiper-page2 .slide-content .sres3 { font-size: calc(0.45vw + 0.45vh + 0.45vmin);  }

@media (orientation:portrait) { .swiper-page2 .slide-content .sres1 { font-size: calc(1.7vw + 1.7vh + 1.7vmin); } }
@media (orientation:portrait) { .swiper-page2 .slide-content .sres2 { font-weight: 500; font-size: calc(0.95vw + 0.95vh + 0.95vmin); } }
@media (orientation:portrait) { .swiper-page2 .slide-content .sres3 { font-weight: 400; font-size: calc(0.9vw + 0.9vh + 0.9vmin); } }

.swiper-page2 .slide-content { min-width: 10%; border-radius: 0 calc(0.4vw + 0.4vh + 0.4vmin) calc(0.4vw + 0.4vh + 0.4vmin) 0; padding: 1% 2% 1% 4%;}
@media screen and (min-aspect-ratio: 1/1) and (max-aspect-ratio: 4/2.99) { .swiper-page2 .slide-content { padding: 1% 4% 1% 7.3%; } }
@media (orientation:portrait) { .swiper-page2 .slide-content { min-width: 25%; padding: 4% 4% 4% 12%; max-width: 95%; } }

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

article.tgfdg { width: 95vw; border: 1px solid #ededed; box-sizing: border-box; padding: calc(1.05vw + 1.05vh + 1.05vmin) calc(1.5vw + 1.5vh + 1.5vmin) calc(1.5vw + 1.5vh + 1.5vmin);
display: flex; flex-direction: column; border-radius: calc(0.45vw + 0.45vh + 0.45vmin); 
box-shadow: 0 calc(0.73vw + 1.3vh - 0.5vmin) calc(1.15vw + 2.04vh - 0.8vmin) calc(-0.47vw - 0.83vh + 0.33vmin) #b4cad4; 
overflow: visible; margin: calc(0.35vw + 0.35vh + 0.35vmin) auto calc(1.35vw + 1.35vh + 1.35vmin);
 position: relative; }

@media (orientation: portrait)
{article.tgfdg { width: 100%; border: none; box-shadow: none;  } }


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

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


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

.btn_tt_yantarniy {font-family: 'Roboto Condensed'; font-weight: 300; 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: 25%; width: 20%;}


@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: 20%; width: 100%;}}


@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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: 30%;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 (orientation: portrait)
{.dooom_yan a img {width: 44%; padding: 1.5%; margin: 0.25%;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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 { width: 85.5%; height: 70%; object-fit: cover; z-index: 1000; border-radius: calc(0.3vw + 0.3vh + 0.3vmin);}

@media (orientation: portrait)
{.rolik_video {width: 100%; height: calc(18.28vw + 18.28vh + 18.28vmin); object-fit: cover; z-index: 1000;}}


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



/* --Урбан------ */ 

img.logou {width:85%; border-radius: calc(0.87vw + 0.87vh + 0.87vmin); border: 0;}

@media (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: 20%; left:0; width: 98.5%; opacity: 0.85; cursor: pointer;}

@media (orientation: portrait)
{.btn_tt_urban2 {font-size: calc(1.68vw + 1.68vh + 1.68vmin); bottom: 27%;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.btn_tt_urban2 {font-size: calc(1.68vw + 1.68vh + 1.68vmin);  bottom: 27%;}}


.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 (orientation: portrait)
{img.logou2 {width:85%; border-radius: calc(0.87vw + 0.87vh + 0.87vmin); border: 0;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{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 (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 screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.rturb {font-family: 'Montserrat'; font-weight: 400; font-size: calc(1.55vw + 1.55vh + 1.55vmin); letter-spacing: 0.018em; font-weight: bold; text-decoration: none; color: #cc5d3e;  }}

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



.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 (orientation: portrait)
{.urban_txt  {width: 100%;  margin-top: 3vh; margin-bottom: 8.5vh;
display: flex; flex-direction: column; align-items: center;  flex-wrap: nowrap; justify-content: flex-start;  }}


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


.urb1 {width: 38%; }

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

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.urb1 {width: 60%; }}



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

.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 (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: 90%; text-indent: calc(1.35vw + 1.35vh + 1.35vmin); color: #2e3438; }}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.urb2 {font-family: 'Montserrat'; letter-spacing: -0.0028em; font-size: calc(1.08vw + 1.08vh + 1.08vmin); text-align: justify; 
width: 90%; 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 (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;  }}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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;  }}


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



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

.btn_tt_samocvety {font-family: 'Roboto Condensed'; font-weight: 300; 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: 25%; width: 20%;}


@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: 20%; width: 100%;}}


@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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: 20%;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 (orientation: portrait) 
{.dooom_samocvety a img {width: 44%; padding: 1.5%; margin: 0.25%;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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_prem {font-family: 'Roboto Condensed'; font-weight: 300; 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 (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: 25%; width: 100%;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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: 20%;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 (orientation: portrait) 
{.dooom_prem a img {width: 44%; padding: 1.5%; margin: 0.25%;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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_ohra {font-family: 'Roboto Condensed'; font-weight: 300; 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: 25%; width: 20%; 
cursor: pointer;}


@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: 20%; width: 100%;}}


@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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: 20%;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 (orientation: portrait)
{.ohra_ph a img {width: 43%; padding: 1.5%; margin: 0.25%; border: 1px solid #c7753f; }}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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: 30%; 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 (orientation: portrait)
{.tri_ohra a img {width: 90%; height: auto; padding-bottom: 4.5%; padding-right: 0; border-radius: 0;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.tri_ohra a img {width: 30%; 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);}}


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


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



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

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

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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 (orientation: portrait)
{.ohra_tip a img {width: 100%; height: auto; padding-bottom: 0.5%; padding-right: 0.5%;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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;}

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

.biomass-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2vw; width: 95vw; margin: 0 auto; }
article.biomassx { width: 100%; border: 1px solid #ededed; box-sizing: border-box; padding: calc(1.05vw + 1.05vh + 1.05vmin) calc(1.5vw + 1.5vh + 1.5vmin) calc(1.5vw + 1.5vh + 1.5vmin); 
display: flex; flex-direction: column; border-radius: calc(0.45vw + 0.45vh + 0.45vmin); box-shadow: 0 calc(0.73vw + 1.3vh - 0.5vmin) calc(1.15vw + 2.04vh - 0.8vmin) calc(-0.47vw - 0.83vh + 0.33vmin) #b4cad4; overflow: visible; margin: calc(0.35vw + 0.35vh + 0.35vmin) auto calc(1.35vw + 1.35vh + 1.35vmin); position: relative; }
.lovzsa { width: 100%; margin: 0 auto; padding-bottom: calc(0.29vw + 0.29vh + 0.29vmin); box-sizing: border-box; text-align: left; font-family: "Montserrat"; font-weight: 400; font-size: calc(0.8vw + 0.8vh + 0.8vmin); color: #8bacbb; letter-spacing: 0.02em;}

@media (orientation: portrait) { .biomass-container { grid-template-columns: 1fr; gap: 0px; width: 90vw; } }
@media (orientation: portrait) { article.biomassx { border: none; box-shadow: none; } }
@media (orientation: portrait) { .lovzsa { font-size: calc(1.5vw + 1.5vh + 1.5vmin); padding-bottom: 0; } }

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1) { .biomass-container { grid-template-columns: 1fr; gap: 0px; width: 90vw; } }
@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1) { article.biomassx { border: none; box-shadow: none; } }
@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1) { .lovzsa { font-size: calc(1.5vw + 1.5vh + 1.5vmin); padding-bottom: 0; } }


.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 (orientation: portrait)
{.ohra_mop a img {width: 47%; height: auto; padding-bottom: 0.5%; padding-right: 0.5%;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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;}



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

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 Condensed'; font-weight: 300; 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: 25%; width: 20%;}


@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: 20%; width: 100%;}}


@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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: 20%;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 (orientation: portrait)
{.int_dom {width: 100%; border:0; margin: 0 auto; padding: 0; border-radius: 0;}}

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

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

@media (orientation: portrait)
{.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 (orientation: portrait)
{.one_ryad a img {width: 48%; height: auto; padding-bottom: 0.5%; padding-right: 0.5%;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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 (orientation: portrait)
{.dooom a img {width: 44%; padding: 1.5%; margin: 0.25%;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.dooom a img {width: 28%; padding: 1.0%; margin: 0.5%; margin-top:0; }}

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


/* -------------------------------------- */ 
@media (orientation:landscape)
{img.des_gor {width: 99%; margin: 0 auto; padding-right: 0.9%; display: block;}} 

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

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
 {img.des_gor {display:block; width: 99%; margin: 0 auto; padding-right: 0.9%;}} 

img.des_gor:hover {opacity:0.92;}


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

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

@media (orientation: portrait)
{img.des_por {display:block; width: 100%;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
 {img.des_por {display:none;}} 

img.des_por:hover {opacity:0.92;}


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



/* ---Мята ------------------------------------------- */ 


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: 8%;}}

@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: 95%; border: 1px solid #ededed; box-sizing: border-box; padding: calc(1.5vw + 1.5vh + 1.5vmin); 
padding-top: calc(1.05vw + 1.05vh + 1.05vmin); border-radius: calc(0.45vw + 0.45vh + 0.45vmin); 
box-shadow: 0 calc(0.73vw + 1.3vh - 0.5vmin) calc(1.15vw + 2.04vh - 0.8vmin) calc(-0.47vw - 0.83vh + 0.33vmin) #b4cad4; 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 { width: 95%; border: 1px solid #ededed; box-sizing: border-box; padding: calc(1.5vw + 1.5vh + 1.5vmin); 
padding-top: calc(1.05vw + 1.05vh + 1.05vmin); border-radius: calc(0.45vw + 0.45vh + 0.45vmin); 
box-shadow: 0 calc(0.73vw + 1.3vh - 0.5vmin) calc(1.15vw + 2.04vh - 0.8vmin) calc(-0.47vw - 0.83vh + 0.33vmin) #b4cad4; 
display: flex; flex-direction: row;  flex-wrap: wrap; justify-content: space-between; align-items: start; row-gap: calc(0.25vw + 0.25vh + 0.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: 95%; border: none; box-shadow: none; 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: 95%; border: none; box-shadow: none; 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;  }}
/* ---------------------------------- */ 

.tri_myata a img { width: 31%; border: 0;  padding-bottom: 0; padding-right: 0.50%; padding-bottom: 0.50%;
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 (orientation: portrait)
{.tri_myata a img {width: 90%; height: auto; padding-bottom: 4.5%; padding-right: 0; border-radius: 0;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.tri_myata a img {width: 30%; 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);}}


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





/* --Мон-- */ 

.btn_tt_mon {font-family: 'Roboto Condensed'; font-weight: 300;  font-size: calc(0.5vw + 0.5vh + 0.5vmin); color: #5d5352;  background-color: rgba(255, 245, 234, 0.8); 
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: 15%; width: 15%; 
cursor: pointer;}


@media (orientation: portrait)
{.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: 25%; width: 100%;}}


@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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: 25%;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;}

 

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

.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 (orientation: portrait)
{.mon_ren a img {width: 47%; height: auto; padding-bottom: 0.5%; padding-right: 0.5%;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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 (orientation: portrait)
{.mon_ren2 a img {width: 95.8%; height: auto; padding-bottom: 0.5%; padding-right: 0.5%;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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;}

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


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

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

/* -------------------------------------------- */  
.nbxwzai { font-family: 'Roboto Condensed'; font-weight: 300; font-size: calc(0.7vw + 0.7vh + 0.7vmin); 
 text-decoration: none; color: #4d4755; display: inline-block; transition: all 0.3s ease 0s;}

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

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.nbxwzai { font-size: calc(1.4vw + 1.4vh + 1.4vmin); }}



.nbxwzai:hover {text-decoration: none; cursor:text; color: #006777;}


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

.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 (orientation: portrait)
{.onlyone94 a img {width: 100%;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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; }}
	


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



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

.btn_tt_lime {cursor: default;font-family: 'Roboto Condensed'; font-weight: 300; 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: 25%; width: 20%;}


@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: 18%; width: 100%;}}


@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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: 20%;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 (orientation: portrait)
{.dooom_lime a img {width: 44%; padding: 1.5%; margin: 0.25%;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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 Condensed'; font-weight: 300; 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: 25%; width: 20%;cursor: default;}


@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: 25%; width: 100%;}}


@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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: 20%;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 (orientation: portrait)
{.dooom_lan a img {width: 44%; padding: 1.5%; margin: 0.25%;}}

@media screen and (min-aspect-ratio: 0.6461) and (max-aspect-ratio: 1)
{.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;}

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


/* ----Бина Бонус------------------------- */ 
 
article.bbpox { width: 95vw; box-sizing: border-box; border: 1px solid #d5f1ff; border-radius: calc(0.45vw + 0.45vh + 0.45vmin); 
padding: calc(1.05vw + 1.05vh + 1.05vmin) calc(1.0vw + 1.0vh + 1.0vmin) calc(1.0vw + 1.0vh + 1.0vmin); 
margin: calc(0.35vw + 0.35vh + 0.35vmin) auto calc(1.05vw + 1.05vh + 1.05vmin); 
box-shadow: 0 calc(0.73vw + 1.3vh - 0.5vmin) calc(1.15vw + 2.04vh - 0.8vmin) calc(-0.47vw - 0.83vh + 0.33vmin) #b4cad4; position: relative; overflow: visible; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; gap: 2%; transition: box-shadow 0.4s ease, border-color 0.4s ease; }
article.bbpox:hover { border-color: transparent;  box-shadow: 0 calc(0.73vw + 1.3vh - 0.5vmin) calc(1.15vw + 2.04vh) calc(-0.47vw - 0.83vh + 0.33vmin) rgba(38, 164, 225, 0.5); }

article.binaboxz { width: 95vw; box-sizing: border-box; border: 0; padding: 0; margin: 0; box-shadow: 0; position: relative; overflow: visible; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; gap: 2%;  }

.bphoto { width: 33%; border: 0px solid red; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; box-sizing: border-box; }
.btext { width: 65%; border: 0px solid red; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; }

.bphoto img { width: 50%; border: 0px solid red; display: block; height: auto; position: relative; z-index: 1; }

.btext p:first-of-type {margin-top: 0;}

.btext p { font-family: "Inter"; font-weight: 300; font-size: calc(0.56vw + 0.56vh + 0.56vmin); color: #4e4e4e; line-height: 1.3; letter-spacing: -0.005em; 
 margin-top: calc(0.43vw + 0.43vh + 0.43vmin);   } 

.btext p:last-child { margin-bottom: 0; }

.btext p.binnnna {text-align: center; font-family: "Montserrat"; font-weight: 600; font-size: calc(0.76vw + 0.76vh + 0.76vmin); color: #4e4e4e; line-height: 1.3; letter-spacing: -0.005em; 
 margin-top: 0;}

.bphoto img.binadopmg { width: 65%; }

.glllka { color: #47cd1e; margin-right: calc(0.26vw + 0.26vh + 0.26vmin);}

@media (orientation: portrait)
{article.bbpox { width: 90vw; flex-direction: column; gap: 2%; border: none; box-shadow: none; align-items: stretch; box-shadow: none; padding:0;
margin: calc(0.35vw + 0.35vh + 0.35vmin) auto calc(4.05vw + 4.05vh + 4.05vmin);padding-bottom: calc(3.05vw + 3.05vh + 3.05vmin); border-bottom: 1px solid #d8d8d8; border-radius: 0;}

article.binaboxz { width: 90vw; flex-direction: column; gap: 2%; border: none; box-shadow: none; align-items: stretch; box-shadow: none; padding:0;
margin: calc(0.35vw + 0.35vh + 0.35vmin) auto calc(3.05vw + 3.05vh + 3.05vmin); padding:0; }
.bphoto { width: 100%; }
.btext { width: 100%; }
.bphoto img { width: 65%; }
.bphoto img.toolarg { width: 50%; }
.btext p:first-of-type {margin-top: calc(1.53vw + 1.53vh + 1.53vmin);}
.btext p {text-align: left; font-size: calc(1.2vw + 1.2vh + 1.2vmin);  margin-top: calc(1.53vw + 1.53vh + 1.53vmin); } 
.btext p.binnnna { font-size: calc(1.36vw + 1.36vh + 1.36vmin); }
.bphoto img.binadopmg { width: 65%; }
.glllka { margin-right: calc(0.66vw + 0.66vh + 0.66vmin);}
}