* {margin:0; padding:0; outline:none; scrollbar-color: #ca8730 #ffffff;}
:root {color-scheme: light only;}
html {scroll-behavior: smooth; -webkit-tap-highlight-color: transparent; }
html, body { scrollbar-gutter: stable; }
body {background: #ffffff; overflow-x: hidden; overflow-x: none !important; z-index: 9000;}

@font-face {
font-family: "Material Symbols Outlined";
font-display: swap;
font-style: normal;
font-weight: normal;
src: url('fonts/MaterialSymbolsOutlined-Regular.woff2') format('woff2'),
     url('fonts/MaterialSymbolsOutlined-Regular.woff') format('woff'),
     url('fonts/MaterialSymbolsOutlined-Regular.ttf') format('truetype');    
}

@font-face {
font-family: "Material Symbols Outlined_100";
font-display: swap; 
font-style: normal;
font-weight: 100;
src: url('fonts/material-symbols-outlined-v354-latin-100.woff2') format('woff2'),
     url('fonts/material-symbols-outlined-v354-latin-100.woff') format('woff'),
     url('fonts/material-symbols-outlined-v354-latin-100.ttf') format('truetype');
}

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

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

@font-face {
font-family: "Oswald";  
font-display: swap;
font-style: normal;
font-weight: 400;
  src: url('fonts/oswald-v57-cyrillic_latin-regular.woff2') format('woff2'),
       url('fonts/oswald-v57-cyrillic_latin-regular.woff') format('woff'),
       url('fonts/oswald-v57-cyrillic_latin-regular.ttf') format('truetype');
}



/* --------Выбор----------- */ 

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

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


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

/* ----1й ряд ----------- */ 
.first_row {background: #ca8730; width: 100%; display: flex; align-items: center; justify-content: center; height: 4%;}
.icon {font-family: 'Material Symbols Outlined_100'; font-size: calc(0.55vw + 0.55vh + 0.55vmin); color: #ffffff; vertical-align: -16%;}
.sad1 {line-height: 110%;}
.hat {width: 86%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; z-index: 1000; 
color: #ffffff; font-family: 'Roboto'; font-size: calc(0.45vw + 0.45vh + 0.45vmin);}
a.hat_links {color: #ffffff; font-family: 'Roboto'; font-size: calc(0.45vw + 0.45vh + 0.45vmin); text-decoration: none;
border-bottom: 1px solid #ffffff; transition: border-bottom 0.6s ease;}
a.hat_links:hover {border-bottom: 1px transparent;}


/* ----2й ряд ----------- */ 
.second_row {left: 7%; right: 7%; width: 86%; z-index: 1000; 
display: flex; flex-direction: row; align-items: center;  flex-wrap: nowrap; justify-content: flex-start;}
.sdvig {width: 1.75%;}
.sdvig2 {width: 1.55%;}
.sdvig3 {width: 1.55%;}
.logotype {width:18%;}
img.logo {width:100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/* ----Описание кнопки "Недвижимость" приведено далее, здесь просто сама кнопка----------- */ 
.morebutton {width:17.5%;}
img.bossbutton {width: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.bossbutton:hover {filter: sepia(90%);} 

/* ----Работаем с 2019 года----------- */ 
img.button_2019 {width:17.5%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* ----Телефон, адрес----------- */ 
.otdel_prodazh {margin-top: 1.5vh; margin-left: auto; width:19%;}
img.button_tel_adress {width:100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* ----Кубик---------- */ 
.kubik  {margin-right: 0.92%; margin-top: 2.59vh; }
:root{--cube-size:7.5vmin;--side-size:calc(var(--cube-size) / 2);--perspective:calc(var(--cube-size) * 8);--gap:0.12vmin}

@media (orientation:portrait)
{:root{--cube-size:10.5vmin;}}

.obernem_kubik {perspective: var(--perspective);}.cube {position: relative;width: var(--cube-size);height: var(--cube-size);transform-style: preserve-3d;-webkit-animation: 15s linear infinite cube-rotation;animation: 15s linear infinite cube-rotation;}.side {position: absolute;display: grid;grid-template-columns: repeat(5,1fr);grid-gap: var(--gap);width: calc(var(--cube-size) - var(--gap));height: calc(var(--cube-size) - var(--gap));}.tile {position: relative;-webkit-animation: 2s linear infinite alternate tile-color,1s linear infinite tile-glow;animation: 2s linear infinite alternate tile-color,1s linear infinite tile-glow;-webkit-animation-delay: calc(var(--index) * -.025s),calc(var(--index) * -.25s);animation-delay: calc(var(--index) * -.025s),calc(var(--index) * -.25s);}.front {transform: rotateY(0) translateZ(var(--side-size));}.back {transform: rotateY(180deg) translateZ(var(--side-size));}.right {transform: rotateY(90deg) translateZ(var(--side-size));}.left {transform: rotateY(-90deg) translateZ(var(--side-size));}.top {transform: rotateX(90deg) translateZ(var(--side-size));}.bottom {transform: rotateX(-90deg) translateZ(var(--side-size));}@-webkit-keyframes cube-rotation {from {transform: rotateX(-10deg) rotateY(0);}to {transform: rotateX(-10deg) rotateY(1turn);}}@keyframes cube-rotation {from {transform: rotateX(-10deg) rotateY(0);}to {transform: rotateX(-10deg) rotateY(1turn);}}@-webkit-keyframes tile-glow {50% {opacity: .5;}}@keyframes tile-glow {50% {opacity: .5;}}@-webkit-keyframes tile-color {0% {background-color: 8e6926;}25% {background-color: #c9882c;}50% {background-color: #ac7f44;}100% {background-color: #454851;}75% {background-color: #8b8f98;}}@keyframes tile-color {0% {background-color: 8e6926;}25% {background-color: #c9882c;}50% {background-color: #ac7f44;}100% {background-color: #454851;}75% {background-color: #8b8f98;}}


/* ----3й ряд ----------- */ 

.third_row { left: 7%; right: 7%; width: 86%; z-index: 1000; padding-bottom: calc(0.34vw + 0.34vh + 0.34vmin);
display: flex; flex-direction: row; align-items: center;  flex-wrap: nowrap; justify-content: flex-start; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/* ----"Недвижимость в продаже" скрыт----------- */ 
.dop_menu {display: none;}

/* ----для отображения полосы меню при скролле----------- */ 
.fixed {position: fixed; top: 0; left:0; padding-left: 7%; width: 100%; background: #ffffff; padding-top: calc(0.34vw + 0.34vh + 0.34vmin); border-bottom: 1px solid #eeeeee; box-shadow: 0px 10px 13px -6px rgba(69, 72, 81, 0.25);}

/* ----для отображения пункта меню "Недвижимость в продаже" при скролле----------- */ 
.more_glue {display: block; z-index: 10000;padding-left: 1.85%;}

/* ----пункт меню-------- */ 
a.landmenu_links {color: #6a6a6a;  font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.5vw + 0.5vh + 0.5vmin); text-decoration: none; border-bottom: 1px solid #ffffff; transition: all 0.6s ease;}
a.landmenu_links:hover {color: #000000; border-bottom: 1px solid #000000; }
.sdvig4 {width: 1.85%;}

/* ---В 3-ем ряду - выпадающее меню. Первоначально написано для "Проекты компании"; потом дописана кнопка "Недвижимость в продаже";
появляющийся пункт меню "Недвижимость в продаже" не имеет своих классов, они все из кнопки "Н в п"  ------ */

.foggy_day {filter: blur(0.5vmin); opacity: 0.85; transition: filter 0.15s linear, opacity 0.15s linear;}
.foggy_day_off {transition: all 0.25s linear;}

.opening_menu {position: relative; }
.opening_menu:hover {cursor: pointer;}

.vse_punkty_menu {display: none; position: absolute; z-index: 1000; opacity: 1.0; background-color:#ffffff; 
width: 60vw; left: -69%; border-radius: calc(0.5vw + 0.5vh + 0.5vmin);  }

.vse_punkty_menu a {display: block;  animation: falling 250ms ease-in-out both; text-decoration: none; position: relative;
 padding: calc(0.35vw + 0.35vh + 0.35vmin);}

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

.opening_menu:hover .vse_punkty_menu {display: block;  z-index:1000000; }

/* --Пункт для "Проекты компании"------------------------------------- */  
.vse_o_dome {width: 47%; margin-left: 2%; justify-self: start; align-self: center; text-align: left;}
img.okna {width:10%;  margin-left: 10.5%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
img.sharik { width:8%; vertical-align: -50%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.nazvanie {color: #454851; text-transform: uppercase; font-family: 'Oswald'; font-size: calc(0.76vw + 0.76vh + 0.76vmin); letter-spacing: 0.0128em; }
.pod_nazvaniem {color: #000000;  font-family: 'Roboto Condensed300'; letter-spacing: 0.006em; font-size: calc(0.46vw + 0.46vh + 0.46vmin); }
.icon2 {font-family: 'Material Symbols Outlined'; font-size: calc(0.6vw + 0.6vh + 0.6vmin); color: #ca8730; vertical-align: -28%;}
.icon3 {font-family: 'Material Symbols Outlined'; font-size: calc(0.6vw + 0.6vh + 0.6vmin); color: #454851; vertical-align: -28%;}

img.izobrazhenie_zhk {width: 47%; border-radius: calc(0.4vw + 0.4vh + 0.4vmin);}


/* ----Для кнопки Недвижимость-------- */ 

.opening_menu:hover img.bossbutton {filter: sepia(90%);} 

.vibizh {display: none; position: absolute; z-index: 1000; opacity: 1.0; background-color:#ffffff; 
width: 33vw; left: -39%; border-radius: calc(0.5vw + 0.5vh + 0.5vmin); padding: 4%; }

.vibizh a {display: block;  animation: falling_nedvizh 250ms ease-in-out both; text-decoration: none; position: relative;
 padding: calc(0.35vw + 0.35vh + 0.35vmin);}

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

.opening_menu:hover .vibizh {display: block;  z-index:1000000; }

/* --Пункт меню для "Недвижимость"--------------------------------- */  

img.mlog {width:8%; opacity: 0.8; vertical-align: -35%;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.type_nedvizhimosty {width: 60%; margin-left: 0%; justify-self: start; align-self: center; text-align: left;}

.imya {float: left;color: #454851; text-transform: uppercase; font-family: 'Oswald'; font-size: calc(0.76vw + 0.76vh + 0.76vmin); letter-spacing: 0.0128em; }
.under_name {color: #000000; text-transform: none; font-family: 'Roboto Condensed300'; letter-spacing: 0.006em; font-size: calc(0.46vw + 0.46vh + 0.46vmin); }

img.vibor_nedvizhimosty {width: 28%;opacity: 0.8; border-radius: calc(0.25vw + 0.25vh + 0.25vmin);}

.vibizh a { border: 1px solid #e8e8e8; border-radius: calc(0.5vw + 0.5vh + 0.5vmin); margin-bottom: 1%;}

.vibizh a:hover { background-color: #ffecd3; border: 1px solid #ffecd3; border-radius: calc(0.5vw + 0.5vh + 0.5vmin); }
.vibizh a:hover .imya {color: #724a15;}
.vibizh a:hover .under_name {color: #724a15;}

.vibizh a:hover img.mlog {opacity: 1.0;}
.vibizh a:hover img.vibor_nedvizhimosty {opacity: 1.0;}


/* --------Пэ------------ */ 

/* ----1й ряд ----------- */ 
.line_fst {background: #ca8730; width: 100%; display: flex; align-items: center; justify-content: center; height: 4%;}
.cnt_line {width: 90%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; z-index: 1000; 
color: #ffffff; font-family: 'Roboto'; font-size: calc(0.9vw + 0.9vh + 0.9vmin);}
.prt_icon {font-family: 'Material Symbols Outlined'; font-size: calc(0.95vw + 0.95vh + 0.95vmin); color: #ffffff; vertical-align: -16%;}
.lnhgt {line-height: 110%;}
a.prt_line_lnks {color: #ffffff; font-family: 'Roboto'; font-size: calc(0.9vw + 0.9vh + 0.9vmin); text-decoration: none;
 transition: border-bottom 0.6s ease; border-bottom: 1px dashed #ffffff;}
a.prt_line_lnks:hover {border-bottom: 1px solid #ffffff;}



/* ----2й ряд ----------- */ 

.kapusta {z-index: 1000;}
.line_sec {margin-top: 2%; padding-bottom: 2%; width: 90%; margin-left: 5%; margin-right: 5%; border-bottom: 1px solid #e4e4e4; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;z-index: 1000; }

/* ----Логотип----------- */ 
.logotype_prt {width:60%;}
img.logo {width:100%;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/* ----Запрет скроллинга страницы при открытии меню----------- */ 
.portrait_no_scrolling {overflow-y: hidden;}

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

#kubik_prt {position: relative; z-index: 1020; right: 1.55vw;}
#kubik_prt: hover {cursor: pointer;}

#vnutri_prt_menu {visibility: hidden; position: fixed; top: 0; left: 0; z-index: 1000; background: rgba(255,255,255,1.0); border: 0; width: 100%;  height: 100%;  overflow-y: scroll;  }
#vnutri_prt_menu .active {visibility: visible;}
#vnutri_prt_menu .mpt {width: 90vw; height: 98vh; text-align: left; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: center; gap: 1vh; }

.firstlink {padding-bottom: 0.9vh; border-bottom: 1px solid #e4e4e4; }
.dlink {padding-bottom: 0; border-bottom: none;}

img.mnlg  {position: relative; width:3%; vertical-align: 8%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

a.punkt_bglink {color: #000; font-family: 'Roboto'; font-size: calc(1.55vw + 1.55vh + 1.55vmin); text-decoration: none; }
a.punkt_dlink {color: #000; font-family: 'Roboto'; font-size: calc(1.39vw + 1.39vh + 1.39vmin); text-decoration: none; }

a.punkt_prtmenu {color: #000; font-family: 'Roboto'; font-size: calc(1.7vw + 1.7vh + 1.7vmin); text-decoration: none; }
a.punkt_prtmenu_smaller {color: #454851; font-family: 'Roboto'; font-size: calc(1.3vw + 1.3vh + 1.3vmin); text-decoration: none; }

.icon_prt {font-family: 'Material Symbols Outlined'; font-size: calc(1.3vw + 1.3vh + 1.3vmin);  color: #454851; vertical-align: -13%;}

/* ----для отображения полосы меню при скролле в пм---------- */ 
.port_fixed {position: fixed;  width: 100%;  background-color: rgb(255 255 255); 
left:0; top: 0; margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; 
margin-left: 0; margin-right: 0; margin-left: 0; z-index: 1000; }


/* ---Слайдер----------------- */
.slide_box {text-align: center; border: 0; border: none;  height: 80vh;  width: 86%; border-radius: calc(0.65vw + 0.65vh + 0.65vmin); }
.slide_box img {object-fit: cover;  background-position: center; background-size: cover; background-attachment:fixed;
position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; image-rendering: optimizeQuality; cursor: grab; }

@media (orientation: portrait)
{.slide_box {height: 84vh; width: 100%;  border-radius: 0; }}

@media (orientation: portrait) and (min-width: 650px)
{.slide_box {height: 82vh; }}

.kratkaya_spravka {z-index:100; position: absolute; left : 2%; bottom: 8%; width: 33%; padding-bottom: 1%;
padding-top: 1%; padding-right: 1%; padding-left: 1.5%; text-align: left; background: rgba(255,255,255,0.82); border-radius: calc(0.6vw + 0.6vh + 0.6vmin); }

img.logosh {position: relative; width:8%; vertical-align: -50%; -webkit-touch-callout: none; 
-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.zhk {color: #454851; text-transform: uppercase; font-family: 'Oswald'; font-size: calc(0.96vw + 0.96vh + 0.96vmin); letter-spacing: 0.0128em; }
.desc_zhk {color: #000000;  font-family: 'Roboto Condensed300'; letter-spacing: 0.006em; font-size: calc(0.52vw + 0.52vh + 0.52vmin); }
.icon4 {font-family: 'Material Symbols Outlined'; font-size: calc(0.6vw + 0.6vh + 0.6vmin); color: #ca8730; vertical-align: -28%;}

@media (orientation: portrait)
{.kratkaya_spravka {z-index:100; position: absolute; left : 2%; bottom: 5%; width: 88%; padding-bottom: 2%;
padding-top: 2%; padding-right: 3%; padding-left: 3%; text-align: left; background: rgba(255,255,255,0.82); border-radius: calc(0.6vw + 0.6vh + 0.6vmin);}}

@media (orientation: portrait)
{img.logosh {position: relative; width:10%; vertical-align: -51%; -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: portrait)
{.zhk {color: #454851; text-transform: uppercase; font-family: 'Oswald'; font-size: calc(1.46vw + 1.46vh + 1.46vmin); letter-spacing: 0.0128em; }}

@media (orientation: portrait)
{.desc_zhk {color: #000000;  font-family: 'Roboto Condensed300'; letter-spacing: 0.006em; font-size: calc(0.98vw + 0.98vh + 0.98vmin); }}

@media (orientation: portrait)
{.icon4 {font-family: 'Material Symbols Outlined'; font-size: calc(1.18vw + 1.18vh + 1.18vmin); color: #ca8730; vertical-align: -18%;}}


/* --СИ------------------------ */ 

.hdlights {border: 0; border: none; width: 86%; margin-top: 3vh; 
text-align: left; color: #454851; text-transform: uppercase; font-family: 'Oswald'; 
font-size: calc(1.46vw + 1.46vh + 1.46vmin); letter-spacing: 0.0128em;}

.brighttext {border: 0; border: none; width: 86%; 
 display: flex; flex-direction: row; align-items: center;  flex-wrap: nowrap; justify-content: flex-start; gap: 2%;}

.netto1 {text-align: justify; width: 60%;  text-indent: calc(1.3vw + 1.3vh + 1.3vmin);
color: #6a6a6a;  font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.65vw + 0.65vh + 0.65vmin); }

.netto2 {width: 38%; }

a.more_info {color: #000;  font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.6vw + 0.6vh + 0.6vmin); text-decoration: none; border-bottom: 1px solid #6f6f6f; transition: all 0.2s ease; vertical-align: 7%;}
a.more_info:hover {color: #9a5e10; border-bottom: 1px solid transparent; }

img.ell {opacity: 0.9; transition: opacity 0.5s ease; width:100%;   border-radius: calc(0.99vw + 0.99vh + 0.99vmin); border: 0;}


@media (orientation: portrait)
{.hdlights {width: 90%; font-size: calc(2.16vw + 2.16vh + 2.16vmin);}}

@media (orientation: portrait)
{.brighttext {width: 90%;  display: flex; flex-direction: column; align-items: center;  flex-wrap: nowrap; justify-content: flex-start;  }}

@media (orientation: portrait)
{.netto1 {text-align: justify; width: 100%; text-indent: calc(1.3vw + 1.3vh + 1.3vmin);
color: #6a6a6a;  font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(1.25vw + 1.25vh + 1.25vmin);}}

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

@media (orientation: portrait)
{a.more_info {color: #000;  font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(1.25vw + 1.25vh + 1.25vmin);  text-decoration: none; border-bottom: 1px solid #6f6f6f; transition: all 0.2s ease; vertical-align: 5%;}}

@media (orientation: portrait)
{img.ell {opacity: 0.9; transition: opacity 0.5s ease; width:100%;  border: 0;}}


/* --Линия ------------------------ */ 

.newline {width: 86%; border-bottom: 1px solid #e4e4e4; margin-top: 8vh; }
@media (orientation: portrait)
{.newline {width: 90%; border-bottom: 1px solid #e4e4e4; margin-top: 5vh;}}


/* ---Помещения---------------------------------- */ 

.bigbox {border: 0; border: none; width: 86%; display: flex; flex-direction: row; align-items: start;  flex-wrap: nowrap; justify-content: flex-start; gap: 3%;}
.brutto_first {width: 32.3333%; margin-top: 3vh; display: flex; flex-direction: column; align-items: center;  flex-wrap: nowrap; justify-content: flex-start; gap: 2%;  }
.brutto {width: 32.3333%; margin-top: 3vh; display: flex; flex-direction: column; align-items: center;  flex-wrap: nowrap; justify-content: flex-start; gap: 2%;  }
.sw1 {width: 100%; }
img.yell {opacity: 0.9; transition: transform 0.2s ease; width:100%;   border-radius: calc(0.99vw + 0.99vh + 0.99vmin); border: 0;}
img.yell:hover {transform: rotate(0.6deg);}
.sw2 {margin-top: 2vh; width: 100%; text-align: justify; 
color: #6a6a6a;  font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.61vw + 0.61vh + 0.61vmin);}
img.lgm { width:9%; vertical-align: -16%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.hds {color: #454851; text-transform: uppercase; font-family: 'Oswald'; 
font-size: calc(1.26vw + 1.26vh + 1.26vmin); letter-spacing: 0.0128em;}
.lode {width: 32%; padding-top: calc(0.32vw + 0.32vh + 0.32vmin); padding-bottom: calc(0.32vw + 0.32vh + 0.32vmin); padding-left: calc(0.47vw + 0.47vh + 0.47vmin); padding-right: calc(0.7vw + 0.7vh + 0.7vmin);
background: #494c55; color: #ffffff; font-family: "Roboto"; font-size: calc(0.55vw + 0.55vh + 0.55vmin); letter-spacing: 0.0228em; border-radius: calc(0.3vw + 0.3vh + 0.3vmin); 
box-shadow: 0 calc(0.12vw + 0.12vh + 0.12vmin) calc(0.2vw + 0.2vh + 0.2vmin) calc(0.1vw + 0.1vh + 0.1vmin) rgba(69,72,82,0.21);
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
overflow: hidden; transition: all 0.34s ease; cursor: pointer; display: inline-flex; justify-content: center; align-items: center;}
.lode:hover {background: linear-gradient(141deg, #ca8730, #caa774); transform: translateY(-0.2vw) scale(1.04);}
.lode:active {transform: scale(0.93);}
img.mrfk {width: 18%; opacity: 0.8;}

@media (orientation: portrait)
{.bigbox {width: 90%; flex-direction: column;}}

@media (orientation: portrait)
{.brutto_first {width: 100%; margin-top: 3vh;}}

@media (orientation: portrait)
{.brutto {width: 100%; margin-top: 7vh;}}

@media (orientation: portrait)
{img.yell {opacity: 0.9; transition: opacity 0.5s ease; width:100%; border: 0;}}

@media (orientation: portrait)
{img.yell:hover {transform: rotate(0deg);}}

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

@media (orientation: portrait)
{img.lgm { width:12%; vertical-align: -46%; }}

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

@media (orientation: portrait)
{.lode { width: 50%; padding-top: calc(0.79vw + 0.79vh + 0.79vmin); padding-bottom: calc(0.79vw + 0.79vh + 0.79vmin); 
font-size: calc(1.25vw + 1.25vh + 1.25vmin); border-radius: calc(0.6vw + 0.6vh + 0.6vmin); 
box-shadow: 0 calc(0.22vw + 0.22vh + 0.22vmin) calc(0.4vw + 0.4vh + 0.4vmin) calc(0.2vw + 0.2vh + 0.2vmin) rgba(69,72,82,0.21);}} 

@media (orientation: portrait)
{img.mrfk {width: 14%; opacity: 0.8;}}


/* ---Ухтомского---------- */ 

.twobox {border: 0; border: none; width: 86%; display: flex; flex-direction: row; align-items: start;  flex-wrap: nowrap; justify-content: flex-start; gap: 3%;}
.retto_first {width: 48.5%; margin-top: 3vh; display: flex; flex-direction: column; align-items: center;  flex-wrap: nowrap; justify-content: flex-start; gap: 2%;  }
.retto {width: 48.5%; margin-top: 3vh; display: flex; flex-direction: column; align-items: center;  flex-wrap: nowrap; justify-content: flex-start; gap: 2%;  }
.rw1 {width: 100%;}
img.prj {opacity: 0.9; transition: opacity 0.5s ease; width:100%; border-radius: calc(0.5vw + 0.5vh + 0.5vmin); border: 0;}
img.prj:hover {}
.rw2 { width: 100%; text-align: justify; color: #6a6a6a;  font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.61vw + 0.61vh + 0.61vmin);}
.slider2 {text-align: center; border: 0; border: none;  height: 80vh;  width: 100%; border-radius: calc(0.65vw + 0.65vh + 0.65vmin); }
.slider2 img {object-fit: cover;  background-position: center; background-size: cover; background-attachment:fixed;
position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; image-rendering: optimizeQuality; cursor: grab; }
.meen {width: 20%; padding-top: calc(0.32vw + 0.32vh + 0.32vmin); padding-bottom: calc(0.32vw + 0.32vh + 0.32vmin); padding-left: calc(0.47vw + 0.47vh + 0.47vmin); padding-right: calc(0.7vw + 0.7vh + 0.7vmin);
background: #494c55; color: #ffffff; font-family: "Roboto"; font-size: calc(0.55vw + 0.55vh + 0.55vmin); letter-spacing: 0.0228em; border-radius: calc(0.3vw + 0.3vh + 0.3vmin); 
box-shadow: 0 calc(0.12vw + 0.12vh + 0.12vmin) calc(0.2vw + 0.2vh + 0.2vmin) calc(0.1vw + 0.1vh + 0.1vmin) rgba(69,72,82,0.21);
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
overflow: hidden; transition: all 0.34s ease; cursor: pointer; display: inline-flex; justify-content: center; align-items: center;}
.meen:hover {background: linear-gradient(141deg, #ca8730, #caa774); transform: translateY(-0.2vw) scale(1.04);}
.meen:active {transform: scale(0.93);}
img.mmb {width: 18%; opacity: 0.8;}

@media (orientation: portrait)
{.twobox {width: 90%; flex-direction: column; flex-direction: column-reverse;}}

@media (orientation: portrait)
{.retto_first {width: 100%; margin-top: 5vh;}}

@media (orientation: portrait)
{.retto {width: 100%; margin-top: 3.5vh;}}

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

@media (orientation: portrait)
{.meen { width: 50%; padding-top: calc(0.79vw + 0.79vh + 0.79vmin); padding-bottom: calc(0.79vw + 0.79vh + 0.79vmin); 
font-size: calc(1.25vw + 1.25vh + 1.25vmin); border-radius: calc(0.6vw + 0.6vh + 0.6vmin); 
box-shadow: 0 calc(0.22vw + 0.22vh + 0.22vmin) calc(0.4vw + 0.4vh + 0.4vmin) calc(0.2vw + 0.2vh + 0.2vmin) rgba(69,72,82,0.21);}} 

@media (orientation: portrait)
{img.mmb {width: 14%; opacity: 0.8;}}


/* ----Планировки------ */

.colbox {border: 0; border: none; width: 86%; display: flex; flex-direction: row; align-items: start;  flex-wrap: nowrap; justify-content: flex-start; gap: 3%;}
.letto1 {width: 68.5%; margin-top: 3vh; display: flex; flex-direction: column; align-items: center;  flex-wrap: nowrap; justify-content: flex-start; gap: 2%;   }
.bw1 {width: 100%; text-align: justify; color: #6a6a6a;  font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.61vw + 0.61vh + 0.61vmin);}
.neen {width: 14%; padding-top: calc(0.32vw + 0.32vh + 0.32vmin); padding-bottom: calc(0.32vw + 0.32vh + 0.32vmin); padding-left: calc(0.47vw + 0.47vh + 0.47vmin); padding-right: calc(0.7vw + 0.7vh + 0.7vmin);
background: #494c55; color: #ffffff; font-family: "Roboto"; font-size: calc(0.55vw + 0.55vh + 0.55vmin); letter-spacing: 0.0228em; border-radius: calc(0.3vw + 0.3vh + 0.3vmin); 
box-shadow: 0 calc(0.12vw + 0.12vh + 0.12vmin) calc(0.2vw + 0.2vh + 0.2vmin) calc(0.1vw + 0.1vh + 0.1vmin) rgba(69,72,82,0.21);
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
overflow: hidden; transition: all 0.34s ease; cursor: pointer; display: inline-flex; justify-content: center; align-items: center;}
.neen:hover {background: linear-gradient(141deg, #ca8730, #caa774); transform: translateY(-0.2vw) scale(1.04);}
.neen:active {transform: scale(0.93);}
img.smb {width: 18%; opacity: 0.8;}
.letto2 {width: 28.5%; margin-top: 3vh; display: flex; flex-direction: column; align-items: center;  flex-wrap: nowrap; justify-content: flex-start; gap: 2%;   }
.bw2 {width: 100%; }
img.mll {width:100%; opacity: 0.8; transition: opacity 0.5s ease;  border: 0;}
img.mll:hover {opacity: 1.0;}

@media (orientation: portrait)
{.colbox {width: 90%; flex-direction: column; flex-direction: column-reverse;}}

@media (orientation: portrait)
{.letto1 {width: 100%; margin-top: 4.5vh;}}

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

@media (orientation: portrait)
{.letto2 {width: 100%; margin-top: 3vh;}}

@media (orientation: portrait)
{.neen { width: 50%; padding-top: calc(0.79vw + 0.79vh + 0.79vmin); padding-bottom: calc(0.79vw + 0.79vh + 0.79vmin); 
font-size: calc(1.25vw + 1.25vh + 1.25vmin); border-radius: calc(0.6vw + 0.6vh + 0.6vmin); 
box-shadow: 0 calc(0.22vw + 0.22vh + 0.22vmin) calc(0.4vw + 0.4vh + 0.4vmin) calc(0.2vw + 0.2vh + 0.2vmin) rgba(69,72,82,0.21);}} 

@media (orientation: portrait)
{img.smb {width: 14%; opacity: 0.8;}}


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

.mallbox {border: 0; border: none; margin-top: 7vh;   width: 86%; display: flex; flex-direction: row; align-items: start;  flex-wrap: nowrap; justify-content: flex-start; gap: 3%;}
.tetto1 {width: 55%; display: flex; flex-direction: column; align-items: center;  flex-wrap: nowrap; justify-content: flex-start; gap: 2%;   }
.jw1 {width: 100%; text-align: left; }
a.kntglvn {color: #9d9d9d; font-family: 'Roboto'; font-size: calc(1.11vw + 1.11vh + 1.11vmin); text-decoration: none; transition: color 0.2s ease;}
a.kntglvn:hover {color: #000000; }
.icnknt {font-family: 'Material Symbols Outlined'; font-size: calc(1.11vw + 1.11vh + 1.11vmin);  color: #9d9d9d; vertical-align: -13%; opacity: 0.7;}
.tetto2 {width: 42%;  display: flex; flex-direction: column; align-self: center; align-items: center;  flex-wrap: nowrap; justify-content: flex-start; gap: 2%;   }
.jw2 {width: 100%; text-align: right; color: #818181;  font-family: 'Oswald'; letter-spacing: -0.0028em; font-size: calc(2.31vw + 2.31vh + 2.31vmin);}

@media (orientation: portrait)
{.mallbox {width: 90%;  margin-top: 4vh; flex-direction: column; flex-direction: column-reverse;}}

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

@media (orientation: portrait)
{.jw2 {font-size: calc(3.01vw + 3.01vh + 3.01vmin); text-align: left; }}

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

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

@media (orientation: portrait)
{.icnknt {font-size: calc(1.91vw + 1.91vh + 1.91vmin); vertical-align: -17%;}}

/* --Ссылки на контакты в зависимости от устройства---------- */ 

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

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


/* ---Футер--------------------------- */
.mylenta {background: #ca8730; width: 100%; margin-top: 11vh; display: flex; align-items: center; justify-content: center; height: 1.3%;}
.tdbox {width: 86%;  margin-top: 6.5vh; display: flex; flex-direction: row; align-items: start;  flex-wrap: nowrap; justify-content: flex-start; gap: 2%;}
.ola1 {width: 22%; display: flex; flex-direction: column; align-items: center;  flex-wrap: nowrap; justify-content: flex-start;}
.ola2 {width: 76%; display: flex; flex-direction: column; align-items: center; align-self: center;  flex-wrap: nowrap; justify-content: flex-start;}
.mww1 {width: 100%;}
.mww2 {width: 100%; text-align: right; color: #e3e3e3;  font-family: 'Oswald'; letter-spacing: 0.0228em; font-size: calc(0.78vw + 0.78vh + 0.78vmin);}
.frbox {width: 86%; margin-top: 3.5vh; display: flex; flex-direction: row; align-items: start;  flex-wrap: nowrap; justify-content: flex-start; gap: 2%;}
.tola1 {width: 49%; display: flex; flex-direction: column; align-items: center;  flex-wrap: nowrap; justify-content: flex-start;}
.tola2 {width: 49%; display: flex; flex-direction: column; align-items: center;  flex-wrap: nowrap; justify-content: flex-start;}
.torem {display: none;}
.kww1 {width: 100%; text-align: left; color: #818181;  font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.46vw + 0.46vh + 0.46vmin);}
a.doc_links {color: #000000; border-bottom: 1px solid transparent; transition: all 0.24s ease; font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.46vw + 0.46vh + 0.46vmin); text-decoration: none;}
a.doc_links:hover {color: #818181; border-bottom: 1px solid #818181;}
.kww2 {width: 100%; text-align: right; color: #818181;  font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.46vw + 0.46vh + 0.46vmin);}
.lbox {width: 86%; margin-top: 3.5vh; margin-bottom: 19.5vh; text-align: justify; color: #818181;  font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.46vw + 0.46vh + 0.46vmin);}

@media (orientation: portrait)
{.mylenta { margin-top: 8vh; }}

@media (orientation: portrait)
{.tdbox {width: 90%;  margin-top: 3.5vh; flex-direction: column;}}

@media (orientation: portrait)
{.ola1 {margin-top: 2.5vh; width: 70%; display: flex; flex-direction: column; align-items: center;  flex-wrap: nowrap; align-self: center; justify-content: flex-start;}}

@media (orientation: portrait)
{.ola2 {width: 100%; display: flex; flex-direction: column; align-items: center; align-self: center;  flex-wrap: nowrap; justify-content: flex-start;}}

@media (orientation: portrait)
{.mww2 {text-align: center; font-size: calc(1.18vw + 1.18vh + 1.18vmin); margin-top: 2.5vh;}}

@media (orientation: portrait)
{.frbox {width: 90%; flex-direction: column; }}

@media (orientation: portrait)
{.torem { display: block; line-height: 70%;}}

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

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

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

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

@media (orientation: portrait)
{.kww2 { text-align: left; font-size: calc(1.15vw + 1.15vh + 1.15vmin);}}

@media (orientation: portrait)
{.lbox {width: 90%; font-size: calc(1.05vw + 1.05vh + 1.05vmin);  margin-bottom: 16.5vh; }}


/* --Кирпичики------------------------ */

.ftr {position: relative; width: 100%;}
.bread { position: absolute; bottom: 0; overflow: hidden; z-index: -1; opacity: 0.12; height: 20vh; width: 100%;  }

.bene {position: absolute; left: var(--position); width: calc(3.05vw + 3.05vh + 3.05vmin);  height: calc(1.05vw + 1.05vh + 1.05vmin);
background: rgba(69,72,82); border-radius: 0; border: 0; 
-webkit-animation: opc var(--vremya) linear infinite var(--zhdem), dvizhenie var(--vremya) linear infinite var(--zhdem), background var(--vremya) linear infinite var(--zhdem);
animation: opc var(--vremya) linear infinite var(--zhdem), dvizhenie var(--vremya) linear infinite var(--zhdem), background var(--vremya) linear infinite var(--zhdem);transform: translate(-50%, 100%);}

@-webkit-keyframes dvizhenie {0% {bottom: -1vh;}100% {bottom: 20vh;}}
@keyframes dvizhenie {0% {bottom: -1vh;}100% {bottom: 20vh;}}

@-webkit-keyframes background {0% {background:#ca8730;}100% {background:#454851;}}
@keyframes background {0% {background:#ca8730;}100% {background:#454851;}}

@-webkit-keyframes opc {0% {opacity:0.1;}35%  {opacity: 1.0;}50%  {opacity: 1.0;}75%  {opacity: 0.6;}100% {opacity:0.1;}}
@keyframes opc {0% {opacity:0.1;}35%  {opacity: 1.0;}50%  {opacity: 1.0;}75%  {opacity: 0.6;}100% {opacity:0.1;}}

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

@media (orientation: portrait)
{.bene {width: calc(5.05vw + 5.05vh + 5.05vmin);  height: calc(1.85vw + 1.85vh + 1.85vmin);}}

@media (orientation: portrait)
{@-webkit-keyframes dvizhenie {0% {bottom: -1vh;}100% {bottom: 18vh;}}}

@media (orientation: portrait)
{@keyframes dvizhenie {0% {bottom: -1vh;}100% {bottom: 18vh;}}}

@media (orientation: portrait)
{.bread {height: 18vh;  }}



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

.qckcall {position: fixed; bottom: 5%; right: 1%;  z-index: 1000;  display: flex; justify-content: center; align-items: center; 
width: calc(2.0vw + 2.0vh + 2.0vmin); height: calc(2.0vw + 2.0vh + 2.0vmin);
border-radius: 50%; border: 0; background: #494c55; box-shadow: 0 calc(0.12vw + 0.12vh + 0.12vmin) calc(0.2vw + 0.2vh + 0.2vmin) calc(0.1vw + 0.1vh + 0.1vmin) rgba(69,72,82,0.21);
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
transition: all 0.34s ease; cursor: pointer;  }
.qckcall:hover {background: linear-gradient(141deg, #ca8730, #caa774); transform: translateY(-0.2vw) scale(1.04);}
.qckcall:active {transform: scale(0.93);}
.fst_circle {padding: calc(0.5vw + 0.5vh + 0.5vmin);}
.icon6 {font-family: 'Material Symbols Outlined_100'; font-size: calc(1.2vw + 1.2vh + 1.2vmin);  color: #ffffff; opacity: 1.0; z-index:10000;}
.icon7 {font-family: 'Material Symbols Outlined_100'; font-weight: 200; font-size: calc(1.3vw + 1.3vh + 1.3vmin);  color: #454851; opacity: 1.0; z-index:10000;}
.sc1 {font-family: 'Roboto'; font-size: calc(0.45vw + 0.45vh + 0.45vmin); color: #454851; text-decoration: none;}
.etts {position: absolute; bottom: calc(2.02vw + 2.02vh + 2.02vmin); right: calc(0.2vw + 0.2vh + 0.2vmin); flex-direction: column; align-items: center;
visibility: hidden;  opacity: 0; transform: translateY(-10px); transition: opacity 0.3s ease, transform 0.3s ease;}
.etts.is-visible {visibility: visible; opacity: 1; transform: translateY(0);}
.etb {width: calc(1.7vw + 1.7vh + 1.7vmin); height: calc(1.7vw + 1.7vh + 1.7vmin); margin-bottom: calc(0.42vw + 0.42vh + 0.42vmin); border-radius: 50%;
text-decoration: none; background: #ffffff; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
box-shadow: 0 calc(0.12vw + 0.12vh + 0.12vmin) calc(0.2vw + 0.2vh + 0.2vmin) calc(0.1vw + 0.1vh + 0.1vmin) rgba(0, 0, 0, 0.1);
transition: all 0.28s ease; cursor: pointer; display: flex; justify-content: center; align-items: center;}
.etb:hover {transform: translateY(-0.2vw) scale(1.04);}
.etb .ballo {width: calc(6.02vw + 6.02vh + 6.02vmin); background: #ffffff; 
box-shadow: 0 calc(0.12vw + 0.12vh + 0.12vmin) calc(0.2vw + 0.2vh + 0.2vmin) calc(0.1vw + 0.1vh + 0.1vmin) rgba(0, 0, 0, 0.1);
color: #000; font-family: 'Roboto'; font-size: calc(0.5vw + 0.5vh + 0.5vmin); text-decoration: none; 
border: 0; text-align: center; padding: calc(0.15vw + 0.15vh + 0.15vmin); border-radius: calc(0.28vw + 0.28vh + 0.28vmin); position: absolute; z-index: 1;
visibility: hidden;  opacity: 0; transition: opacity 0.15s ease, transform 0.15s ease;}
.etb:hover .ballo {visibility: visible; opacity: 1; transform: translateY(0);}
.etb .ballo {top: calc(0.385vw + 0.385vh + 0.385vmin); right: calc(2.22vw + 2.22vh + 2.22vmin);}
.etb .ballo::after {content: " "; position: absolute; top: 5%; left: 100%; border-width: calc(0.385vw + 0.385vh + 0.385vmin);
border-style: solid; padding-left: calc(1.02vw + 1.02vh + 1.02vmin); border-color: transparent;}

@media (orientation: portrait)
{.qckcall {right: 5%; width: calc(3.5vw + 3.5vh + 3.5vmin); height: calc(3.5vw + 3.5vh + 3.5vmin); background: #ca8730; opacity:0.8; z-index: 900;}}

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

@media (orientation: portrait)
{.icon7 {font-size: calc(2.3vw + 2.3vh + 2.3vmin);color: #ffffff; }}

@media (orientation: portrait)
{.sc1 {font-size: calc(1.05vw + 1.05vh + 1.05vmin);color: #ffffff; }}

@media (orientation: portrait)
{.etts {bottom: calc(4.02vw + 4.02vh + 4.02vmin); right: 0; }}

@media (orientation: portrait)
{.etb {width: calc(3.5vw + 3.5vh + 3.5vmin); height: calc(3.5vw + 3.5vh + 3.5vmin);  margin-bottom: calc(0.32vw + 0.32vh + 0.32vmin); background: #494c55; opacity: 0.8;}}

@media (orientation: portrait)
{.etb .ballo {width: calc(13.02vw + 13.02vh + 13.02vmin); font-size: calc(1.05vw + 1.05vh + 1.05vmin); 
padding: calc(0.55vw + 0.55vh + 0.55vmin); border-radius: calc(0.48vw + 0.48vh + 0.48vmin); color: #ffffff;  background: #494c55; opacity: 0.8;}}

@media (orientation: portrait)
{.etb .ballo {top: calc(0.485vw + 0.485vh + 0.485vmin); right: calc(4.22vw + 4.22vh + 4.22vmin);}}



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

.uvedomlenie {position: fixed; bottom: calc(0.785vw + 0.785vh + 0.785vmin); left: 50%; transform: translateX(-50%) translateY(calc(0.485vw + 0.485vh + 0.485vmin));
width: 70%; color: #ffffff; font-family: 'Roboto'; letter-spacing: 0.0028em; font-size: calc(0.52vw + 0.52vh + 0.52vmin); background: rgba(69,72,81,0.96);
border: none; padding: calc(0.56vw + 0.56vh + 0.56vmin) calc(0.5vw + 0.5vh + 0.5vmin) calc(0.6vw + 0.6vh + 0.6vmin) calc(0.7vw + 0.7vh + 0.7vmin);
box-shadow: 0 calc(0.12vw + 0.12vh + 0.12vmin) calc(0.2vw + 0.2vh + 0.2vmin) calc(0.1vw + 0.1vh + 0.1vmin) rgba(255,255,255,0.2);
border-radius: calc(0.48vw + 0.48vh + 0.48vmin); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, transform 0.3s ease; z-index: 9999; box-sizing: border-box;}
.uvedomlenie.visible {opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);}
.uvedomlenie p {margin: 0;}
.uvedomlenie .link_soglasie { font-family: 'Roboto'; color: #f8c480; text-decoration: none; border-bottom: 1px dashed #f8c480;  transition: color 0.3s ease;}
.uvedomlenie .link_soglasie:hover {color: #ffffff; text-decoration: none; border-bottom: 1px solid #ffffff; }
.uvedomlenie .link_soglasie:focus-visible {outline: calc(0.12vw + 0.12vh + 0.12vmin) solid #ca8730; outline-offset: calc(0.12vw + 0.12vh + 0.12vmin);}
.uvedomlenie .pole_vniz {display: block; height: calc(0.32vw + 0.32vh + 0.32vmin);}
.uvedomlenie .ryad {display: flex; flex-wrap: wrap; gap: calc(0.32vw + 0.32vh + 0.32vmin); align-items: center;}
.uvedomlenie .press_ok {cursor: pointer; display: inline-block; padding: calc(0.22vw + 0.22vh + 0.22vmin) calc(0.42vw + 0.42vh + 0.42vmin);
color: #454851; background: #ffffff; font-family: 'Roboto'; letter-spacing: 0.0028em; font-size: calc(0.52vw + 0.52vh + 0.52vmin); 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.28vw + 0.28vh + 0.28vmin); transition: background 0.34s ease;}
.uvedomlenie .press_ok:hover {background: #ca8730; color: #ffffff;}
.uvedomlenie .press_ok:active {transform: scale(0.93);}
.uvedomlenie .press_ok:focus-visible {outline: calc(0.12vw + 0.12vh + 0.12vmin) solid #ca8730; outline-offset: calc(0.12vw + 0.12vh + 0.12vmin);}

@media (orientation: portrait)
{.uvedomlenie {bottom: 4%; width: 98%; letter-spacing: 0.0028em; line-height: 1.2; font-size: calc(1.03vw + 1.03vh + 1.03vmin); padding: calc(0.88vw + 0.88vh + 0.88vmin); border-radius: calc(0.78vw + 0.78vh + 0.78vmin);}}

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

@media (orientation: portrait)
{.uvedomlenie .pole_vniz {height: calc(0.62vw + 0.62vh + 0.62vmin);}}

@media (orientation: portrait)
{.uvedomlenie .ryad {gap: calc(0.32vw + 0.32vh + 0.32vmin);}}

@media (orientation: portrait)
{.uvedomlenie .press_ok {padding: calc(0.42vw + 0.42vh + 0.42vmin); font-size: calc(1.03vw + 1.03vh + 1.03vmin); border-radius: calc(0.48vw + 0.48vh + 0.48vmin);}}

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


/* ---Виджет ВК------------------------ */ 

#vk_groups { width: 86%; border: none; }

@media (orientation: portrait)
{#vk_groups { width: 94%;  }}



/* ---ДРУГИЕ РАЗДЕЛЫ-------------------- */ 


/* --Линия2------------------- */ 
.otherline {width: 86%; border-bottom: 1px solid #e4e4e4; margin-top: 0.5vh; }
@media (orientation: portrait)
{.otherline {display: none;}}


/* --Заголовок---------------- */
.libe {border: none; width: 86%; margin-top: 2vh;text-align: left;color: #ca8730; font-family: 'Oswald'; font-size: calc(1.46vw + 1.46vh + 1.46vmin); 
letter-spacing: 0.0128em;}
@media (orientation: portrait)
{.libe {width: 90%; font-size: calc(2.16vw + 2.16vh + 2.16vmin);}}

/* --Подзаголовок----------- */
.dscl {width: 86%; text-align: justify; color: #6a6a6a;  font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.5vw + 0.5vh + 0.5vmin);}
@media (orientation: portrait)
{.dscl {width: 90%; margin-top: 1vh;font-size: calc(1.15vw + 1.15vh + 1.15vmin);   }}


/* --СИ------------- */

.blox {border: none; width: 86%; 
 display: flex; flex-direction: row; align-items: start;  flex-wrap: nowrap; justify-content: flex-start; gap: 2%;}
.sde1 {text-align: justify; width: 65%;  text-indent: calc(1.3vw + 1.3vh + 1.3vmin);
color: #6a6a6a;  font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.65vw + 0.65vh + 0.65vmin); }
.sde2 {width: 33%; position: relative; }
img.ally {opacity: 1.0; width:100%; border-radius: calc(0.99vw + 0.99vh + 0.99vmin); border: none;}
.overme {position: absolute; width: 35%; bottom: 3%; left: 6%; padding: calc(0.25vw + 0.25vh + 0.25vmin); 
background: rgba(255,255,255, 0.65); border: none; border-radius:calc(0.35vw + 0.35vh + 0.35vmin); transition: background 0.3s ease; }
.overme:hover {background: rgba(255,255,255, 0.75);}
img.pointlogo {width:100%; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.overme_2 {position: absolute; width: 8%; bottom: 34.5%; left: 50%; padding:calc(0.25vw + 0.25vh + 0.25vmin); 
 background: rgba(255,255,255, 0.89); border: none; border-radius: 50%; transition: transform 0.3s ease; }
.overme_2:hover {transform: translateY(-0.2vw) scale(1.04);}
.overme_2:active {transform: scale(0.93);}
img.pointsharik {width:100%; cursor: crosshair;-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: portrait)
{.blox {width: 90%;  display: flex; flex-direction: column; align-items: center;  flex-wrap: nowrap; justify-content: flex-start;  }}

@media (orientation: portrait)
{.sde1 {width: 100%; font-size: calc(1.25vw + 1.25vh + 1.25vmin);}}

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

@media (orientation: portrait)
{img.ally {opacity: 0.9; transition: opacity 0.5s ease; width:100%;  border: 0;}}

@media (orientation: portrait)
{.overme{width: 45%; bottom: 3%; left: 3%;}}



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

.your_questions_and_answers {margin-top: 2vh; width: 86%; display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; justify-content: flex-start;}
.space18 {margin-top: 2.6vh; width: 100%;  border: 1px solid #e2e2e2; border-radius: calc(0.43vw + 0.43vh + 0.43vmin); overflow: hidden; 
box-shadow: 0 calc(0.12vw + 0.12vh + 0.12vmin) calc(0.2vw + 0.2vh + 0.2vmin) calc(0.1vw + 0.1vh + 0.1vmin) rgba(69,72,82,0.07);
transition: all 0.26s cubic-bezier(0.3, 0, 0.3, 1); }
.space18:last-child {margin-bottom: 0;}
.space18:hover {transform: scale(1.007); box-shadow: 0 calc(0.14vw + 0.14vh + 0.14vmin) calc(0.3vw + 0.3vh + 0.3vmin) calc(0.12vw + 0.12vh + 0.12vmin) rgba(69,72,82,0.11);}
.space18:active {transform: scale(0.985);}
.vopros-btn {width: 100%; padding-top: calc(0.25vw + 0.25vh + 0.25vmin);padding-bottom: calc(0.25vw + 0.25vh + 0.25vmin); 
padding-left: calc(0.8vw + 0.8vh + 0.8vmin); padding-right: calc(0.8vw + 0.8vh + 0.8vmin);
display: flex; justify-content: space-between; align-items: center; cursor: pointer; list-style: none; 
transition: background 0.2s ease, color 0.2s ease; border: none; background: none; color: #5f626a; 
font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.67vw + 0.67vh + 0.67vmin); outline: none; text-align: left; }
.vopros-btn:hover {background: #eeeeee; color: #000000;}
.comet-arrow {color: #ca8730; font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.97vw + 0.97vh + 0.97vmin); transition: transform .4s cubic-bezier(0.175,0.885,0.32,1.275);}
.cosmos-layer {max-height: 0; overflow: hidden; transition: max-height 0.35s cubic-bezier(0.4,0,0.2,1);}
.stellar-text {text-align: left; padding: calc(1.15vw + 1.15vh + 1.15vmin); color: #454851; font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.57vw + 0.57vh + 0.57vmin);     }
.simvto{background: #e1e1e1; vertical-align: 135%; padding: calc(0.2vw + 0.2vh + 0.2vmin); border-radius: 50%; font-size: calc(0.08vw + 0.08vh + 0.08vmin); margin-right: calc(0.4vw + 0.4vh + 0.4vmin);}
.space18[open] {transform: scale(1);}
.space18[open] .vopros-btn {background: #eeeeee; color: #000000;}
.space18[open] .comet-arrow {transform: rotate(45deg);}
.space18[open] {box-shadow: 0 calc(0.12vw + 0.12vh + 0.12vmin) calc(0.2vw + 0.2vh + 0.2vmin) calc(0.1vw + 0.1vh + 0.1vmin) rgba(69,72,82,0.1);}
.space18[open] .cosmos-layer { max-height: 100vh; }

@media (orientation: portrait)
{.your_questions_and_answers {margin-top:1.1vh; width: 90%; }}

@media (orientation: portrait)
{.space18 {margin-top: 2.1vh;}}

@media (orientation: portrait)
{.vopros-btn {padding: calc(0.75vw + 0.75vh + 0.75vmin); font-size: calc(1.21vw + 1.21vh + 1.21vmin); }}

@media (orientation: portrait)
{.comet-arrow {font-size: calc(1.88vw + 1.88vh + 1.88vmin);}}

@media (orientation: portrait)
{.stellar-text {padding: calc(1.45vw + 1.45vh + 1.45vmin); font-size: calc(1.16vw + 1.16vh + 1.16vmin);}}

@media (orientation: portrait)
{.simvto{vertical-align: 200%; padding: calc(0.3vw + 0.3vh + 0.3vmin); font-size: calc(0.14vw + 0.14vh + 0.14vmin); margin-right: calc(0.6vw + 0.6vh + 0.6vmin);}}


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

.map_in_box{margin-top: 6vh; width: 86%; height: 50vh;  }

@media (orientation: portrait)
{.map_in_box{margin-top: 4vh; width: 90%; height: 68vh;}}




/* ---ЖК Ухтомского------------------------------ */ 


/* ---Обложка-------------- */ 

.cover {position: relative;}
img.bigimage {width: 100%; object-fit: cover; height: 85vh; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.uh_sh {position: absolute; width: 30%; top: 10%; left: 0;  padding-left: calc(0.95vw + 0.95vh + 0.95vmin); padding-right: calc(0.55vw + 0.55vh + 0.55vmin); padding-bottom: calc(0.45vw + 0.45vh + 0.45vmin); padding-top: calc(0.45vw + 0.45vh + 0.45vmin);
background: rgba(202,135,48, 0.25);border: none; border-radius: 0 calc(0.35vw + 0.35vh + 0.35vmin) calc(0.35vw + 0.35vh + 0.35vmin) 0; transition: background 0.3s ease; }
.uh_sh:hover { background: rgba(255,255,255, 0.15);}
img.typlo {width:100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.verme {text-align: left;position: absolute; width: 25%; top: 10%; right: 0;  padding-left: calc(0.85vw + 0.85vh + 0.85vmin); padding-bottom: calc(0.45vw + 0.45vh + 0.45vmin); padding-top: calc(0.45vw + 0.45vh + 0.45vmin);
background: rgba(69,72,81, 0.55); border: none; border-radius: calc(0.35vw + 0.35vh + 0.35vmin) 0 0 calc(0.35vw + 0.35vh + 0.35vmin); transition: background 0.3s ease; }
.verme:hover { background: rgba(255,255,255, 0.15);}
.fer_txt1 {color: #ffffff; text-transform: uppercase; font-family: 'Oswald'; letter-spacing: -0.0028em; font-size: calc(1.17vw + 1.17vh + 1.17vmin);}
.icon_brick {font-family: 'Material Symbols Outlined_100'; font-size: calc(1.17vw + 1.17vh + 1.17vmin); color: #ffffff; vertical-align: -8%;}
.verme2 {text-align: center; position: absolute; width: 35%; bottom: 10%; left: 0;  padding-left: calc(0.95vw + 0.95vh + 0.95vmin); padding-right: calc(0.55vw + 0.55vh + 0.55vmin); padding-bottom: calc(0.45vw + 0.45vh + 0.45vmin); padding-top: calc(0.45vw + 0.45vh + 0.45vmin);
background: rgba(69,72,81, 0.55); border: none; border-radius: 0 calc(0.35vw + 0.35vh + 0.35vmin) calc(0.35vw + 0.35vh + 0.35vmin) 0; transition: background 0.3s ease;  }
.verme2:hover { background: rgba(255,255,255, 0.15);}
.fer_txt2 {color: #ffffff; text-transform: uppercase; font-family: 'Oswald'; letter-spacing: -0.0028em; font-size: calc(0.77vw + 0.77vh + 0.77vmin);}
.icon_percent_discount {font-family: 'Material Symbols Outlined_100'; font-size: calc(1.17vw + 1.17vh + 1.17vmin); color: #ffffff; vertical-align: -19%;}

@media (orientation: portrait)
{img.bigimage {height: 88vh;}}

@media (orientation: portrait)
{.uh_sh {width: 80%; top: 3%;}}

@media (orientation: portrait)
{.verme {width: 47%; top: 20%; }}

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

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

@media (orientation: portrait)
{.verme2 {width: 70%; }}

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

@media (orientation: portrait)
{.icon_percent_discount {font-size: calc(1.67vw + 1.67vh + 1.67vmin); color: #ffffff; vertical-align: -15%;}}


/* --Краткая справка ------- */ 

.shortlst {width: 86%; background: #f7f7f7; border: none; border-radius: calc(0.99vw + 0.99vh + 0.99vmin); display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: space-between;}
.lister {width: 65%;  padding-left: 2%; text-align: left; color: #6a6a6a;  font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.55vw + 0.55vh + 0.55vmin);}
.iconshrt {font-family: 'Material Symbols Outlined_100'; line-height: 75%; font-size: calc(1.15vw + 1.15vh + 1.15vmin); color: #ca8730; vertical-align: -40%;}
.iconshrt2 {font-family: 'Material Symbols Outlined_100'; line-height: 75%; font-size: calc(1.0vw + 1.0vh + 1.0vmin); color: #757577; vertical-align: -40%;}
.picter {width: 33%;}
img.rndph {width: 100%; border-radius: calc(0.99vw + 0.99vh + 0.99vmin); transition: transform 0.2s ease;}
img.rndph:hover {transform: rotate(0.6deg);}

@media (orientation: portrait)
{.shortlst {width: 90%; background: none;  flex-direction: column; justify-content: start; align-content: start;}}

@media (orientation: portrait)
{.lister {width: 100%; padding-left: 0; margin-bottom: 3vh; font-size: calc(1.25vw + 1.25vh + 1.25vmin);}}

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

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

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


/* ---Виджет каталога--------------- */ 

#m5-widget-container { width: 86%;  border: none;}

@media (orientation: portrait)
{#m5-widget-container { width: 90%;  border: none;}}

/* ---Помещения---------------------- */ 

.pdpt {width: 86%; margin-top: 3vh; margin-bottom: 1.5vh; border: none;
text-align: left; color: #454851; text-transform: uppercase; font-family: 'Oswald'; 
font-size: calc(1.46vw + 1.46vh + 1.46vmin); letter-spacing: 0.0128em;}
img.pqn { width:3.6%; vertical-align: -10%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.pdpt_right {width: 86%; margin-top: 3vh; margin-bottom: 1.5vh; border: none;
text-align: right; color: #454851; text-transform: uppercase; font-family: 'Oswald'; 
font-size: calc(1.46vw + 1.46vh + 1.46vmin); letter-spacing: 0.0128em;}
.dimt {border: none; width: 86%; display: flex; flex-direction: row; align-items: center;  flex-wrap: nowrap; justify-content: flex-start; gap: 2%;}
.dimt2 {border: none; width: 86%; display: flex; flex-direction: row; flex-direction: row-reverse; align-items: center;  flex-wrap: nowrap; justify-content: flex-start; gap: 2%;}
.fep1 {text-align: justify; width: 65%;  text-indent: calc(1.3vw + 1.3vh + 1.3vmin);
color: #6a6a6a;  font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.65vw + 0.65vh + 0.65vmin); }
.fep2 {width: 33%; position: relative; }
img.rosdc {opacity: 1.0; width:100%; border-radius: calc(0.99vw + 0.99vh + 0.99vmin); border: none;}

@media (orientation: portrait)
{.pdpt {width: 90%; font-size: calc(2.16vw + 2.16vh + 2.16vmin);}}

@media (orientation: portrait)
{img.pqn { width:9.6%;}}

@media (orientation: portrait)
{.pdpt_right {width: 90%; font-size: calc(2.16vw + 2.16vh + 2.16vmin);}}

@media (orientation: portrait)
{.dimt {width: 90%;  display: flex; flex-direction: column; align-items: center;  flex-wrap: nowrap; justify-content: flex-start;  }}

@media (orientation: portrait)
{.dimt2 {width: 90%;  display: flex; flex-direction: column; align-items: center;  flex-wrap: nowrap; justify-content: flex-start;}}

@media (orientation: portrait)
{.fep1 {width: 100%; font-size: calc(1.25vw + 1.25vh + 1.25vmin);}}

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

@media (orientation: portrait)
{img.rosdc {opacity: 0.9; transition: opacity 0.5s ease; width:100%;  border: 0;}}


/* ---Иллюстрации------------- */
.clear {clear: both;}
.istr {width: 86%; border: none;}
.gallery a img {cursor: zoom-in; width: 32.8%; padding: 0; margin:0; border: none; border-radius:calc(0.29vw + 0.29vh + 0.29vmin); overflow: hidden; position: relative; transition: opacity 0.36s 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:hover img {z-index: 6; opacity: 0.77;}
@media (orientation: portrait)
{.istr {width: 100%; border: none;}}
@media (orientation: portrait)
{.gallery a img {width: 48.6%; }}


/* ---Планировки------------ */
.hecsd {border: none; width: 86%; display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: start;}
.hecsd2 {border: none; width: 86%; display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: start; align-items: start;}
.hodt {width: 20%; border: none; }
.gallery a img.mesdes {width:100%; border-radius: 0; border: none;}
.gallery a img.mesdes:hover {opacity: 0.7;} 
.stoyak {text-align: justify; color: #454851;  font-family: 'Oswald'; letter-spacing: -0.0028em; font-size: calc(0.75vw + 0.75vh + 0.75vmin); }
.kvras {text-align: justify; color: #858585;  font-family: 'Oswald'; letter-spacing: -0.0028em; font-size: calc(0.59vw + 0.59vh + 0.59vmin);}

@media (orientation: portrait)
{.hecsd {width: 90%; display: flex; flex-direction: column; align-items: start; flex-wrap: nowrap; justify-content: flex-start;  }}

@media (orientation: portrait)
{.hodt {width: 100%; border-bottom: 1px solid #e4e4e4; padding-bottom: 5vh;  }}

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

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


/* ---Планы этажей------------ */

.fersty {border: none; width: 86%; display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: start;}
.resfed {width: 48.6%; border: none; }
.gallery a img.novses {width:45%; border-radius: 0; border: none;}
.gallery a img.novses:hover {opacity: 0.86;} 

@media (orientation: portrait)
{.fersty {width: 90%; display: flex; flex-direction: column; align-items: start; flex-wrap: nowrap; justify-content: flex-start;  }}

@media (orientation: portrait)
{.resfed {width: 100%; border-bottom: 1px solid #e4e4e4; padding-bottom: 5vh;  }}

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


/* --Инфо----------------------- */ 

.info_uh {width: 86%; text-align: justify; color: #6a6a6a; font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.55vw + 0.55vh + 0.55vmin);}
a.info_links {color: #000000; border-bottom: 1px solid transparent; transition: all 0.24s ease; font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.55vw + 0.55vh + 0.55vmin);text-decoration: none;}
a.info_links:hover {color: #818181; border-bottom: 1px solid #818181;}

@media (orientation: portrait)
{.info_uh {width: 90%; font-size: calc(1.25vw + 1.25vh + 1.25vmin);}}

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


/* ---Виджеты Макро----------- */ 

#flats-widget-container, #comm-widget-container, #store-widget-container { width: 86%;  border: none;}

@media (orientation: portrait)
{#flats-widget-container, #comm-widget-container, #store-widget-container { width: 90%;  border: none;}}


/* ---Документы----------------- */ 

.doc_block {border: none; width: 86%; display: flex; flex-direction: row; align-items: start;  flex-wrap: nowrap; justify-content: flex-start;}
.text01 {text-align: justify; width: 100%;  text-indent: calc(1.3vw + 1.3vh + 1.3vmin);
color: #6a6a6a;  font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.65vw + 0.65vh + 0.65vmin); }
a.inksdocs {color: #000000; border-bottom: 1px solid transparent; transition: all 0.24s ease; font-family: 'Roboto'; letter-spacing: -0.0028em; font-size: calc(0.65vw + 0.65vh + 0.65vmin); text-decoration: none;}
a.inksdocs:hover {color: #818181; border-bottom: 1px solid #818181;}

@media (orientation: portrait)
{.doc_block {width: 90%; }}

@media (orientation: portrait)
{.text01 {width: 100%; font-size: calc(1.25vw + 1.25vh + 1.25vmin);}}

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