/* ! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html {line-height:1.15; -webkit-text-size-adjust:100%} body {margin:0} main {display:block} h1 {font-size:2em; margin:0 0} hr {box-sizing:content-box; height:0; overflow:visible} pre {font-family:monospace,monospace; font-size:1em} a {background-color:transparent} abbr[title] {border-bottom:0; text-decoration:underline; text-decoration:underline dotted} b,strong {font-weight:bolder} code,kbd,samp {font-family:monospace,monospace; font-size:1em} small {font-size:80%} sub,sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline} sub {bottom:-0.25em} sup {top:-0.5em} img {border-style:none} button,input,optgroup,select,textarea {font-family:inherit; font-size:100%; line-height:1.15; margin:0} button,input {overflow:visible} button,select {text-transform:none} button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance:button} button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style:none; padding:0} button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline:0px dotted ButtonText} fieldset {padding:.35em .75em .625em} legend {box-sizing:border-box; color:inherit; display:table; max-width:100%; padding:0; white-space:normal} progress {vertical-align:baseline} textarea {overflow:auto} [type="checkbox"],[type="radio"] {box-sizing:border-box; padding:0} [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height:auto} [type="search"] {-webkit-appearance:textfield; outline-offset:-2px} [type="search"]::-webkit-search-decoration {-webkit-appearance:none} ::-webkit-file-upload-button {-webkit-appearance:button; font:inherit} details {display:block} summary {display:list-item} template {display:none} [hidden] {display:none} /* ! Sander`s normalize html, body {scrollbar-gutter:stable} */ * {-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-tap-highlight-color:transparent; outline:0; margin:0; padding:0} html * {max-height:999999px} ::-moz-selection {background:#ccc} ::selection {background:#ccc} select::-ms-expand {display:none} ::-ms-clear {display:none; width:0; height:0} html {font-family:'Segoe UI Condensed','San Francisco Condensed','Roboto Condensed',sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; font-feature-settings:'liga' 0, 'dlig' 0, 'onum' 0, 'lnum' 0, 'tnum' 0, 'zero' 0, 'frac' 0, 'sups' 0, 'subs' 0, 'smcp' 0, 'c2sc' 0, 'case' 0, 'hlig' 0, 'calt' 0, 'swsh' 0, 'hist' 0, 'kern' 1, 'locl' 0, 'rlig' 0, 'medi' 0, 'init' 0, 'isol' 0, 'fina' 0, 'mark' 0, 'mkmk' 0, 'ss00' 0, 'ss01' 0, 'ss02' 0, 'ss03' 0, 'ss04' 0, 'ss05' 0, 'ss06' 0, 'ss07' 0} body {font-family:var(--standeart_font_family),'Segoe UI Condensed','San Francisco Condensed','Roboto Condensed',sans-serif; font-weight:400; background-color:var(--c_body); text-rendering:optimizeLegibility; text-decoration-skip:objects; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; color:var(--c_default); font-size:var(--page_font_size); line-height:calc(27/18); background-position:50% 0; background-repeat:no-repeat; background-size:100% auto; display:flex; justify-content:space-between; align-items:flex-start; flex-direction:column; width:100%; min-height:100vh; transition:0.5s opacity ease; transition-property:background-color, color} img {display:block; width:100%; height:auto; border:0} li {list-style-type:none} a {text-decoration:none} .ajax {} .ajax:hover {opacity:0.85} .brmob {display:none} .word_mob {display:none} .nowrap {white-space:nowrap} @media screen and (max-width:1024px) {body.body__menu_open {position:fixed; top:0; left:0; right:0; bottom:0; overflow-y:scroll} }.img_shield {position:relative} .img_shield:after {content:''; position:absolute; z-index:6; top:0; left:0; right:0; bottom:0} .none {display:none !important} .mb0 {margin-bottom:0 !important} html::after {content:''; display:block; width:100%; height:50%; position:fixed; left:0; bottom:0; z-index:-2; background:var(--c_default)} section {width:100%} @media screen and (min-width:1025px) {} /* html {scroll-behavior:smooth !important} ! Sander`s SIZE:1rem = 10px in 1920 0.5208vw; 1rem = 10px in 1440 0.6944vw; 1rem = 10px in 1024 0.9765vw; ; 1rem = 10px in 768 1.30208vw; 1rem = 10px in 390 2.5641vw; 1rem = 10px in 375 2.66vw; 1rem = 10px in 320 3.125vw; html, body {scrollbar-gutter:stable} */ html {font-size:0.578704vw} .relative {position:relative} img,svg {display:block; width:100%; height:auto} main.page_wrapper {flex-grow:1; width:100%; background-color:var(--c_body)} :root {--br:0rem} :root {--cardsgap:1rem} :root {--bezier-smooth:cubic-bezier(0.55,0,0.29,1)} :root {--header_height:4rem} :root {--header_left_padd:2.8rem} :root {--c_body:#F8F7F2} :root {--c_default:#383535} :root {--c_yellow:rgba(246, 255, 81, 0.9)} :root {--c_yellow_op:rgba(246, 255, 81, 0.9)} :root {--c_yellow:#f2f96e} :root {--c_yellow_np:#f2f96e} :root {--c_gray:#999} :root {--c_filter:#cdccc8} :root {--c_gray_light:#d1d1cd} :root {--c_footer_text:#ECEDEB} :root {--c_red:#F00} :root {--c_white:#FFFFFF} :root {--c_border:var(--c_default)} :root {--c_borderfooter:rgba(236, 237, 235, 0.8)} :root {--standeart_font_family:"PP Radio Grotesk"} :root {--h_font_family:"Sevcable Port Grotesque"} :root {--btn_font_family:"PP Radio Grotesk"} :root {--container_width:calc(182.4rem + var(--container_padd)*2 )} :root {--container_xs:91.6rem} :root {--container_padd:0.8rem} :root {--page_font_size:1.8rem} :root body.black {--c_default:#fff} :root body.black {--c_body:#000} :root body.black {--c_white:#000} .font16,p,.p, article li {font-size:1.6rem; line-height:calc(22 / 18)} .font14 {font-size:1.4rem; line-height:calc(16/14)} .font15 {font-size:1.5rem; line-height:calc(16/14)} .font18 {font-size:1.8rem; line-height:calc(16/14)} .font13 {font-size:1.3rem; line-height:calc(15/13)} b,.bold {font-weight:900} @media only screen and (max-width:1920px) {html {} }@media only screen and (max-width:1680px) { .font14 {font-size:14px} .font15 {font-size:15px} .font13 {font-size:13px} .font18 {font-size:18px} .font16,p,.p,article li {font-size:16px} :root {--header_height:40px} :root {--header_left_padd:28px} html {} }@media only screen and (max-width:1440px) {html {} }@media only screen and (max-width:1441px) {html {font-size:0.6944vw} }@media only screen and (max-width:1024px) {:root {--container_width:100%} :root {--container_padd:0.8rem} html {font-size:0.9765vw} }@media only screen and (max-width:980px) {html {font-size:1.102vw} :root {--header_height:40px} :root {--header_left_padd:28px} .infopage .font16,.infopage p,.infopage .p,.infopage article li {font-size:14px} }@media only screen and (max-width:767px) {html {font-size:2.66vw} :root {--container_width:100%} :root {--container_padd:0.8rem} .font16,p,.p,article li {font-size:1.6rem} .infopage .font16,.infopage p,.infopage .p,.infopage article li {font-size:1.4rem} .font18 {font-size:1.8rem} .font15 {font-size:1.5rem} .font14 {font-size:1.4rem} .font13 {font-size:1.3rem} :root {--header_height:4rem} :root {--header_left_padd:2.8rem} :root {--c_yellow_op:rgba(246, 255, 81, 0.95)} } /* alert_cookies */ #alert_cookies {display:none; position:fixed; bottom:0; right:0; z-index:8; border-radius:var(--br); padding:1.6rem; box-sizing:border-box; max-width:48rem; background-color:var(--c_yellow); color:var(--c_default); box-shadow:var(--box_shadow); width:100%; max-width:calc(50% + 1px)} #alert_cookies.show {display:block} .alert_cookies_flex {display:flex; justify-content:space-between; align-items:stretch; gap:0 2rem} .alert_cookies_close {display:flex; justify-content:center; align-items:center; flex-shrink:0; cursor:pointer; width:100%; height:6.4rem; cursor:pointer; transition:0.4s opacity ease; transition-property:opacity,transform; transform:translateY(0); transition-delay:0.0s; box-sizing:border-box; border:1px solid var(--c_default); border-radius:6.4rem; position:relative} .alert_cookies_close::before {content:''; display:block; position:absolute; top:0; bottom:0; right:1rem; width:auto; height:auto; background-image:url("data:image/svg+xml,%3Csvg width='51' height='52' viewBox='0 0 51 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40.8013 25.5064C40.8013 17.0592 33.9536 10.2116 25.5064 10.2116C17.0592 10.2116 10.2116 17.0592 10.2116 25.5064C10.2116 33.9536 17.0592 40.8013 25.5064 40.8013C33.9536 40.8013 40.8013 33.9536 40.8013 25.5064ZM40.8013 25.5064H51.0091M25.5064 0V10.2078M15.7444 1.94417L19.6514 11.3766M7.4695 7.4695L14.688 14.688M1.94042 15.7444L11.3728 19.6514M0 25.5064H10.2078M1.94042 35.2685L11.3728 31.3614M7.4695 43.5396L14.688 36.3211M15.7444 49.0687L19.6514 39.6363M25.5064 51.0128V40.805M31.3577 39.64L35.2647 49.0724M43.5396 43.5396L36.3211 36.3211M39.6363 31.3614L49.0687 35.2685M49.0687 15.7444L39.6363 19.6514M43.5396 7.4695L36.3211 14.688M31.3577 11.3728L35.2647 1.94042' stroke='%23383535' stroke-miterlimit='10'/%3E%3C/svg%3E%0A"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain; width:5rem; transition:0.4s opacity ease; transition-property:opacity,transform; transform:translateY(0); transition-delay:0.0s} .alert_cookies_url {color:var(--c_default); text-decoration:underline} .alert_cookies_flex_item {flex:1; position:relative} .alert_cookies_flex_item:first-child::before {content:''; display:block; position:absolute; top:0; bottom:0; right:-0.2rem; width:0px; border-right:0.2rem dotted var(--c_default); opacity:0} .alert_cookies_flex_item:last-child {display:flex; justify-content:flex-end} .alert_cookies_content {width:80%} @media screen and (min-width:1025px) { .alert_cookies_close:hover::before {transform:rotate(90deg)} .alert_cookies_url:hover {color:var(--c_default); text-decoration:none} }@media screen and (max-width:1400px) { .alert_cookies_content {width:88%} .alert_cookies_flex_item:first-child .alert_cookies_content {width:100%} }@media screen and (max-width:1200px) { #alert_cookies {max-width:100%} }@media screen and (max-width:1024px) { .alert_cookies_content {width:68%} .alert_cookies_flex_item:first-child .alert_cookies_content {width:80%} #alert_cookies {max-width:100%} .alert_cookies_close {height:5.2rem; border-radius:5.2rem} .alert_cookies_close::before {width:3.6rem} }@media screen and (max-width:767px) {#alert_cookies {right:0; padding:1.4rem 0.8rem} .alert_cookies_flex {flex-direction:column; text-align:center} .alert_cookies_content {width:100%} .alert_cookies_flex_item:first-child .alert_cookies_content {width:80%; margin:0 auto; margin-bottom:1.4rem} .alert_cookies_close {height:4.8rem; border-radius:4.8rem} .alert_cookies_close::before {width:3.6rem} } /* PRELOADER */ /* body:before {content:'In progress'; position:fixed; top:0; left:0; right:0; height:100vh; background:#202327; z-index:333; display:flex; align-items:center; justify-content:center; font-size:40px; color:#fff} */ /* .preloader {position:fixed; top:0; right:0; left:0; bottom:0; color:#fff; display:flex; align-items:center; justify-content:center; background:#103e60; z-index:30} */ .preloader.preloader_nobg {background:transparent} .preloader_ball {display:block; width:20px; height:20px; border-radius:20px; background:#fe0; animation:pulse 1.8s linear infinite; margin:10px} .preloader_ball:nth-child(2) {animation-delay:.2s} .preloader_ball:nth-child(3) {animation-delay:.4s} body.loaded .preloader {display:none} @keyframes pulse {0% {transform:scale(0.5); opacity:0} 50% {opacity:1} 100% {transform:scale(1.2); opacity:0} } /* animation view-transition @view-transition {navigation:auto} ::view-transition-old(root),::view-transition-new(root) {animation-duration:1s} ::view-transition-old(root) {animation:1s transition-out 0s ease; transform-origin:center bottom} ::view-transition-new(root) {animation:1s transition-in 0s ease; transform-origin:center 20%} @keyframes transition-out3 {from {opacity:1; translate:0; scale:1} to {opacity:0; translate:-100vw 0; scale:0.5} }@keyframes transition-in3 {from {opacity:0; translate:100vw 0} to {opacity:1; translate:0} }@keyframes transition-out {from {opacity:1; scale:1} to {opacity:0; scale:0.9} }@keyframes transition-in {from {opacity:0; scale:0.9} to {opacity:1; scale:1} }@keyframes transition-out2 {from {opacity:1; translate:0; rotate:0} to {opacity:0; translate:-3rem -5rem; rotate:-10deg} }@keyframes transition-in2 {from {opacity:0; translate:3rem 5rem; rotate:-10deg} to {opacity:1; translate:0; rotate:0} }header {view-transition-name:header} ::view-transition-old(header) {} ::view-transition-new(header) {} #author_next {view-transition-name:author_next} ::view-transition-old(author_next) {animation:1s op-out 0s ease} ::view-transition-new(author_next) {animation:1s op-in 0s ease} #author_prev {view-transition-name:author_prev} ::view-transition-old(author_prev) {animation:1s op-out 0s ease} ::view-transition-new(author_prev) {animation:1s op-in 0s ease} @keyframes op-out {from {opacity:1} to {opacity:0} }@keyframes op-in {from {opacity:0} to {opacity:1} } */ /* animation */ .animation_word {opacity:0} body.loaded .animation_word {opacity:1} .animation,.animation_word span {opacity:0; transform:translateY(1.625rem)} .animation_word span {display:inline-flex; position:relative; z-index:2} body.loaded .animation.animated,body.loaded .animation_word.animated span {transition-duration:1s; transition-timing-function:ease; transition-property:opacity,transform; opacity:1; transform:translateY(0)} body.loaded .animation.animated.animation_delay1 {transition-delay:0.05s} body.loaded .animation.animated.animation_delay2 {transition-delay:0.1s} body.loaded .animation.animated.animation_delay3 {transition-delay:0.15s} body.loaded .animation.animated.animation_subhed_delay {transition-delay:0.55s} body.loaded .animation.animated.animation_delay4 {transition-delay:0.2s} body.loaded .animation.animated.animation_delay5 {transition-delay:0.25s} body.loaded .animation.animated.animation_delay6 {transition-delay:0.3s} body.loaded .animation.animated.animation_delay7 {transition-delay:0.35s} body.loaded .animation.animated.animation_delay8 {transition-delay:0.5s} body.loaded .animation.animated.animation_delay9 {transition-delay:0.45s} body.loaded .animation.animated.animation_delay10 {transition-delay:0.5s} body.loaded .animation.animated.animation_delay11 {transition-delay:0.55s} body.loaded .animation.animated.animation_delay12 {transition-delay:0.6s} body.loaded .animation.animated.animation_delay18 {transition-delay:1.5s} body.loaded .animation.animated.animation_delay20 {transition-delay:1.6s} body.loaded .animation.animated.animation_left {transform:translateX(0)} body.loaded .animation_word.animated span:first-child {transition-delay:0.0s} body.loaded .animation_word.animated span:nth-child(2) {transition-delay:0.1s} body.loaded .animation_word.animated.animation_word_delay span:first-child {transition-delay:0.6s} body.loaded .animation_word.animated.animation_word_delay span:nth-child(2) {transition-delay:0.7s} body.loaded .animation_word.animated span:nth-child(3) {transition-delay:0.2s} body.loaded .animation_word.animated span:nth-child(4) {transition-delay:0.3s} body.loaded .animation_word.animated span:nth-child(5) {transition-delay:0.5s} body.loaded .animation_word.animated span:nth-child(6) {transition-delay:0.5s} body.loaded .animation_word.animated span:nth-child(7) {transition-delay:0.6s} body.loaded .animation_word.animated span:nth-child(8) {transition-delay:0.7s} body.loaded .animation_word.animated span:nth-child(9) {transition-delay:0.8s} body.loaded .animation_word.animated span:nth-child(10) {transition-delay:0.9s} body.loaded .animation_word.animated span:nth-child(11) {transition-delay:1.0s} body.loaded .animation_word.animated span:nth-child(12) {transition-delay:1.1s} body.loaded .animation_word.animated span:nth-child(13) {transition-delay:1.2s} body.loaded .animation_word.animated span:nth-child(14) {transition-delay:1.3s} body.loaded .animation_word.animated span:nth-child(15) {transition-delay:1.4s} body.loaded .animation_word.animated span:nth-child(16) {transition-delay:1.5s} body.loaded .animation_word.animated span:nth-child(17) {transition-delay:1.6s} body.loaded .animation_word.animated span:nth-child(18) {transition-delay:1.7s} body.loaded .animation_word.animated span:nth-child(19) {transition-delay:1.8s} body.loaded .animation_word.animated span:nth-child(20) {transition-delay:1.9s} .animation.scale {transform:scale(0)} .animation.animation_left {transform:translateX(4.625rem)} .animation.animation_right {transform:translateX(-4.625rem)} body.loaded .animation.animated.scale {transform:scale(1)} body.loaded .animation.animated.animation_left {transform:translateX(0)} body.loaded .animation.animated.animation_right {transform:translateX(0)} /* type */ h1,.h1 {font-family:var(--h_font_family); font-size:16rem; font-weight:400; line-height:calc(13/16); color:var(--c_default); text-transform:uppercase} .hfont {font-family:var(--h_font_family)} h1 span,.h1 span,h2 span,.h2 span,h3 span,.h3 span,h4 span,.h4 span {)} h2,.h2 {font-family:var(--h_font_family); font-size:8.4rem; font-weight:400; color:var(--c_default); line-height:1; text-transform:uppercase} h3,.h3 {font-family:var(--h_font_family); font-weight:400; font-size:4.2rem; line-height:1; color:var(--c_default); text-transform:uppercase} h4,.h4 {font-family:var(--h_font_family); font-weight:400; font-size:2.8rem; line-height:1; color:var(--c_default); text-transform:uppercase} .italic {font-style:italic} p,.p {line-height:1.2; font-weight:400; margin-bottom:2rem} p:last-child,.p:last-child {margin-bottom:0} .onlymob {display:none} .container {width:100%; max-width:calc(var(--container_width)); margin:0 auto; padding:0 var(--container_padd); box-sizing:border-box} .container_wide {max-width:100%} .container_xl {max-width:calc(100% - var(--container_padd)*0)} .container_m {max-width:86%} .container_xs {max-width:calc(var(--container_xs) + var(--container_padd) * 2)} a {color:var(--c_default)} /* a:active,a:hover {color:var(--c_default)} */ article h1 {margin-bottom:4rem} article h2 {margin-bottom:2rem} article h3 {margin-bottom:2rem} article h4 {margin-bottom:2rem} article p + h2,article p + h1,article p + h3,article p + h4 {margin-top:4rem} article a {text-decoration:underline} article p {line-height:1.2} article li {margin-bottom:0.4rem} article li:last-child {margin-bottom:0} article ul , article ol {margin-bottom:0} article ul + p , article ol + p {margin-top:2.4rem} article ul + ol , article ol + ul {margin-top:2.4rem} article ol li {list-style-type:decimal} article ul li,article ol li {position:relative; padding-left:0rem} article a {color:var(--c_default); text-decoration:underline; text-decoration-thickness:0.5px; text-underline-offset:0.2rem} article ul > li:before {content:''; display:block; position:absolute; left:-1.6rem; width:0.3rem; height:0.3rem; border-radius:50%; background:var(--c_default); top:0.9rem} article hr {margin:4.8rem 0 2rem; color:var(--c_default)} article table {border-collapse:collapse; background:var(--c_white); border-radius:2.4rem; margin:4.8rem 0; table-layout:fixed; font-size:1.8rem} article td,article th {padding:2.4rem; vertical-align:top} article th {font-weight:400} article table img {display:inline; width:auto} .a_underline {text-decoration:underline; text-decoration-thickness:0.5px; text-underline-offset:0.5rem} .a_underline:hover {text-decoration:none} body.mce-content-body {opacity:1 !important; display:block !important} body.mce-content-body p {margin-bottom:12px} .noupper {text-transform:lowercase !important; font-weight:400} @media only screen and (max-width:1680px) and (min-width:768px) {article ul > li:before {top:8px; left:-16px; width: 3px; height: 3px;} }@media only screen and (max-width:1680px) and (min-width:768px) {} @media screen and (max-width:1440px) {} @media screen and (min-width:1025px) {article a:hover {text-decoration:none} }@media screen and (max-width:1024px) {h1,.h1 {font-size:8rem} h2,.h2 {font-size:4.2rem} h3,.h3 {font-size:2.4rem} h4,.h4 {font-size:2.8rem} }@media screen and (max-width:980px) {h1,.h1 {font-size:8rem} h2,.h2 {font-size:4.2rem} h3,.h3 {font-size:2.4rem} h4,.h4 {font-size:2.8rem} .container_xl {max-width:100%} .infopage article ul > li:before {top:6px; left:-14px} }@media screen and (max-width:767px) { .brmob {display:inline} .onlypc {display:none !important} .onlymob {display:block} .onlypcandtab {display:none !important} h1,.h1 {font-size:4.2rem} h2,.h2 {font-size:4.2rem} h3,.h3 {font-size:2.4rem} h4,.h4 {font-size:2.8rem} article ul > li:before {top:0.6rem} article p + h2,article p + h1,article p + h3,article p + h4 {margin-top:2rem} article ul + ol , article ol + ul {margin-top:2rem} article ul, article ol {margin-bottom:2rem} article ul li,article ol li {position:relative; padding-left:2rem} article ul > li:before,.infopage article ul > li:before {content:''; display:block; position:absolute; left:0.6rem; width:0.3rem; height:0.3rem; border-radius:50%; background:var(--c_default); top:0.6rem} } /* standart */ .standart_descr {letter-spacing:calc( var(--page_font_size)/ 4); font-size:1.2rem; text-transform:uppercase; font-weight:400; line-height:1.4} .page_wrapper {flex-grow:1} .standart_top_section {margin-top:14.6rem} .standart_section {margin-bottom:14.6rem} .cols_flex {display:flex; align-items:stretch; gap:0 2rem} .col_flex {width:calc(50% - 1rem)} @media screen and (max-width:1024px) { .standart_descr {font-size:1.2rem} .standart_section {margin-bottom:9.6rem} .standart_top_section {margin-top:14.6rem} }@media screen and (max-width:767px) { .cols_flex {flex-direction:column} .col_flex {width:100%} .standart_descr {font-size:1.2rem} .standart_top_section {margin-top:10.6rem} .standart_section {margin-bottom:6rem} } /* btns */ .btn {display:flex; align-items:center; justify-content:center; text-decoration:none; white-space:nowrap; padding:0 1.6rem; height:4.5rem; width:auto; border-radius:0rem; border:1px solid var(--c_default); color:var(--c_white); line-height:1; background:var(--c_default); font-size:1.475rem; box-sizing:border-box; cursor:pointer; font-family:var(--btn_font_family); border-radius:6.4rem; font-style:normal; font-weight:400; transition:0.4s opacity ease; transition-property:opacity, background, border-color, color; position:relative; overflow:hidden; min-width:27.8rem; width:100%} .btn_txt {position:relative; z-index:2; transition:0.4s opacity ease; transition-property:opacity,color} a.btn {text-decoration:none !important; color:var(--c_white)} .btn.btn_white {background-color:var(--c_default); border-color:var(--c_white); color:var(--c_white)} .btn.btn_small {height:3.2rem; font-size:1.4rem; width:auto; display:inline-flex; text-transform:lowercase; letter-spacing:0.1rem; padding:0 1rem; min-width:12.4rem} .btn.btn_small.btn_small_x {min-width:9.4rem} @media only screen and (max-width:1680px) and (min-width:768px) { .btn {font-size:14.75px} .btn.btn_small {height:28px; font-size:14px; min-width:109px; letter-spacing:0.3px} }@media screen and (min-width:1025px) {:root {--pos:center center; --size:0} .btn:hover .btn_txt {color:var(--c_default)} .btn.btn_small_x:hover .btn_txt {color:var(--c_default)} .btn.btn_small_x:hover:before {background-color:var(--c_default)} .btn.btn_white:hover .btn_txt {color:var(--c_default)} .btn:hover:before {--size:30rem} .btn.btn_small:hover:before {--size:15rem} a.btn:hover,.btn:hover {text-decoration:none !important; color:var(--c_default); border-color:var(--c_yellow); background-color:var(--c_yellow)} }.btn.focus {opacity:1} .btn:disabled,.btn.disabled {opacity:0.45; pointer-events:none; cursor:not-allowed} .btn_wide {display:block; max-width:25rem; margin-left:auto; margin-right:auto} .btn_w_ico {padding:0 0.2rem; height:5.4rem; border-color:var(--c_red)} .btn_ico {width:4.7rem; height:4.7rem; border-radius:50%; background-position:50% 50%; background-repeat:no-repeat; background-size:60% auto; flex-shrink:0; transition:0.4s background ease; background-color:#fff; border-radius:50%} .btn_ico_tg {background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.963 3.99296L12.001 13.244C11.853 13.897 11.467 14.06 10.919 13.752L7.92901 11.549L6.48701 12.937C6.32701 13.097 6.19401 13.23 5.88701 13.23L6.10101 10.185L11.641 5.17896C11.882 4.96496 11.589 4.84596 11.267 5.05996L4.41801 9.37296L1.47001 8.44996C0.828009 8.24996 0.817009 7.80896 1.60301 7.50096L13.136 3.05796C13.67 2.85796 14.137 3.17696 13.963 3.99296Z' fill='%23C00534'/%3E%3C/svg%3E%0A")} .btn_ico_txt {padding:0 2.4rem} @media screen and (max-width:1024px) { .btn {min-width:20.8rem} }@media screen and (max-width:767px) { .btn_wide_on_mob {width:100%; max-width:400px; margin-left:auto; margin-right:auto} .btn {height:4.5rem; font-size:1.475rem; border-radius:4.8rem; min-width:20.8rem} .btn_w_ico {padding:0 0.1rem; height:4rem; min-width:2rem} .btn_ico {width:3.7rem; height:3.7rem} .btn_ico_txt {padding:0 2rem} .btn.btn_small {height:3.2rem; font-size:1.4rem; min-width:13.4rem; letter-spacing:0.08rem} .indexpage .btn.btn_small {height:2.4rem; font-size:1.4rem; min-width:9.6rem; letter-spacing:0.08rem} } /* header */ .header_section {position:fixed; top:0; left:0; right:0; z-index:9; transition:0.5s opacity ease; transition-property:opacity,transform, background; transform:translateY(0); transition-delay:0.0s; background-color:var(--c_body)} .header_section,.header_section a {color:var(--c_default)} /* .body__menu_open .header_section {transform:translateY(0) !important} */ .header_section.move {background-color:var(--c_body)} /* .header_section.hide {transform:translateY(-20rem)} */ .header_logo_a {display:flex; justify-content:space-between; align-items:center; white-space:nowrap} .header_logo_a svg {width:auto; height:var(--header_height); flex-shrink:0} .header_logo_a span {flex-shrink:0; margin-left:1rem; font-weight:900} .header_flex {display:flex; justify-content:space-between; align-items:center; position:relative; width:100%} .header_col {height:var(--header_height); width:calc(50% - 1.3rem/1 - 0.5px); box-sizing:border-box; display:flex; align-items:center} body.infopage .header_col {width:calc(50% - 1.2rem/2 - 1px )} .header_hr {width:1px; background-color:var(--c_default); height:1.6rem; flex-shrink:0; margin:0 1.3rem} .header_menu {display:flex; align-items:center; gap:0 0rem} .header_external_menu {gap:0 1.5rem} .header_menu_a {display:flex; align-items:center; height:var(--header_height); transition:0.5s opacity ease; transition-property:opacity,color,background; white-space:nowrap; padding:0 1.3rem} .header_menu_a.active {cursor:default; background-color:var(--c_yellow)} /* body.body__popup_open .header_section {transform:translateY(-25rem)} */ .header_left {flex-shrink:0} .header_right {} .header_external_menu {margin-right:2rem} .header_external_menu {font-weight:900; text-transform:uppercase} .header_external_href {display:flex; align-items:center; transition:0.4s opacity ease; transition-property:opacity,color} .header_external_href_txt {white-space:nowrap} .header_external_href_arr {background-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-outside-1_1690_25' maskUnits='userSpaceOnUse' x='-3.70711' y='-4.02964' width='14.8492' height='14.8492' fill='black'%3E%3Crect fill='white' x='-3.70711' y='-4.02964' width='14.8492' height='14.8492'/%3E%3Cpath d='M6.44412 0.481702L0.742009 0.481701V0.244113L6.8599 0.235628L6.8599 6.362L6.62231 6.362L6.61382 0.651407L0.521392 6.76081L0.343201 6.58262L6.44412 0.481702Z'/%3E%3C/mask%3E%3Cpath d='M6.44412 0.481702L0.742009 0.481701V0.244113L6.8599 0.235628L6.8599 6.362L6.62231 6.362L6.61382 0.651407L0.521392 6.76081L0.343201 6.58262L6.44412 0.481702Z' fill='%23383535'/%3E%3Cpath d='M6.44412 0.481702L6.58554 0.623123L6.92696 0.281702H6.44412V0.481702ZM0.742009 0.481701L0.542009 0.481701L0.542009 0.681701L0.742009 0.681701L0.742009 0.481701ZM0.742009 0.244113L0.741731 0.0441134L0.542009 0.0443906L0.542009 0.244113L0.742009 0.244113ZM6.8599 0.235628H7.0599V0.0353507L6.85962 0.0356288L6.8599 0.235628ZM6.8599 6.362V6.562H7.0599V6.362H6.8599ZM6.62231 6.362L6.42231 6.3623L6.42261 6.562H6.62231V6.362ZM6.61382 0.651407L6.81382 0.65111L6.81311 0.168333L6.47221 0.510182L6.61382 0.651407ZM0.521392 6.76081L0.37997 6.90223L0.521588 7.04385L0.66301 6.90203L0.521392 6.76081ZM0.343201 6.58262L0.201779 6.4412L0.0603579 6.58262L0.201779 6.72404L0.343201 6.58262ZM6.44412 0.281702L0.742009 0.281701L0.742009 0.681701L6.44412 0.681702V0.281702ZM0.942009 0.481701L0.942009 0.244113L0.542009 0.244113L0.542009 0.481701L0.942009 0.481701ZM0.742286 0.444113L6.86017 0.435628L6.85962 0.0356288L0.741731 0.0441134L0.742286 0.444113ZM6.6599 0.235628L6.6599 6.362H7.0599L7.0599 0.235628H6.6599ZM6.8599 6.162L6.62231 6.162V6.562L6.8599 6.562V6.162ZM6.82231 6.3617L6.81382 0.65111L6.41382 0.651704L6.42231 6.3623L6.82231 6.3617ZM6.47221 0.510182L0.379774 6.61959L0.66301 6.90203L6.75544 0.792632L6.47221 0.510182ZM0.662813 6.61939L0.484622 6.4412L0.201779 6.72404L0.37997 6.90223L0.662813 6.61939ZM0.484622 6.72404L6.58554 0.623123L6.3027 0.34028L0.201779 6.4412L0.484622 6.72404Z' fill='%23383535' mask='url(%23path-1-outside-1_1690_25)'/%3E%3C/svg%3E%0A"); background-position:50% 50%; background-repeat:no-repeat; background-size:cover; width:0.7rem; height:1rem; flex-shrink:0; margin-left:0.3rem; transition:0.4s opacity ease; transition-property:opacity,transform; transform:translateY(0); transition-delay:0.0s; will-change:transform} .header_weather {white-space:nowrap; overflow:hidden} .header_right {display:flex; justify-content:space-between; align-items:center} .header_menu_navs {display:flex; align-items:center} .header_mob_menu {display:none} .burger {height:var(--header_height); background-color:var(--c_yellow); background-position:50% 50%; background-repeat:no-repeat; background-size:cover; width:6.4rem; position:relative; cursor:pointer; position:relative; z-index:10} .burger_line {left:1rem; right:1rem; position:absolute; z-index:4; background-color:var(--c_default); height:0.2rem; top:calc(50% - 1px); flex-shrink:0; will-change:transform; transition:0.4s opacity ease; transition-property:opacity,transform; transform:translateY(0); transition-delay:0.0s; transform-origin:33% 50%} .burger_line:first-child {top:calc(50% - 1px - 0.8rem)} .burger_line:last-child {top:calc(50% - 1px + 0.8rem)} .header_mob_menu_flex_top {min-height:calc(33vh - var(--header_height) - 5.6rem)} @media screen and (min-width:1025px) { .header_menu_a:hover {background-color:var(--c_yellow)} .header_external_href:hover {} .header_external_href:hover .header_external_href_arr {transform:translate3d(0.3rem,-0.3rem,0)} .burger:hover .burger_line:first-child {transform:translateY(0.2rem)} .burger:hover .burger_line:last-child {transform:translateY(-0.2rem)} }@media screen and (max-width:1280px) { .header_col .header_external_menu {display:none} }@media screen and (max-width:1024px) { .header_mob_menu_flex_top {min-height:0} }@media screen and (max-width:980px) { .header_col .header_menu {display:none} .header_hr_opt {display:none} body.infopage .header_col.header_left ,.header_col.header_left {width:calc(100% - 6.4rem - 1.3rem)} body.infopage .header_col.header_right ,.header_col.header_right {width:6.4rem} body.infopage .header_col .header_menu {display:flex} body.infopage .header_col .header_menu.header_external_menu {display:none} body.infopage .header_col.header_left {width:calc(40% - 1.3rem / 1 - 0.5px)} body.infopage .header_col.header_right {width:calc(60% - 1.3rem / 1 - 0.5px)} }@media screen and (max-width:767px) { .header_section.hide {transform:translateY(-20rem)} .header_section.hide {transform:translateY(0rem)} .burger_line {transform-origin:30% 50%} .header_hr {width:0.8rem; margin:0; background-color:transparent} .header_logo span {display:none} body.infopage .header_col.header_left ,.header_col.header_left {width:calc(100% - 6rem - 0.8rem)} /* .body__popup_open .header_section {transform:translateY(-13rem)} */ .header_menu_pc {display:none} .header_btns_pc {display:none} .burger {cursor:pointer; width:6rem; height:4rem} .header_mob_btn_area {margin:0 auto; width:100%; display:flex; justify-content:center; align-items:center; padding:2rem 0} .header_mob_menu_top {width:100%} .header_mob_menu_bottom {width:100%} .header_menu_a::before {right:0.6rem} .header_burger_area {display:flex; justify-content:flex-end} .header_menu_inner {width:100%} .header_mob_menu_flex_top {width:100%} .header_menu_inner {} } /* body__menu_open */ .body__menu_open .burger {background-color:transparent} .body__menu_open .burger .burger_line:first-child,.popup .burger .burger_line:first-child {transform:translateY(0.4rem) rotate(30deg)} .body__menu_open .burger .burger_line:nth-child(2),.popup .burger .burger_line:nth-child(2) {opacity:0} .body__menu_open .burger .burger_line:last-child,.popup .burger .burger_line:last-child {transform:translateY(-0.4rem) rotate(-30deg)} .body__menu_open .header_flex {background-color:var(--c_body)} .body__menu_open .header_section {background-color:var(--c_body)} .header_mob_menu {display:block; position:fixed; top:calc(0 * var(--header_height)); right:0rem; left:calc(50% - 1px); bottom:0; padding:0rem 0rem; box-sizing:border-box; overflow-y:auto; color:var(--c_default); background-color:var(--c_yellow_op); transform:translateX(calc(100vw + 20rem)); transition:0.5s ease; z-index:9; width:auto; backdrop-filter:blur(5px)} .body__menu_open .logo_white {opacity:1} .body__menu_open .header_mob_menu {display:block; transform:translateX(0); top:calc(0 * var(--header_height)); right:0rem; left:calc(50% - 1px); bottom:0} .header_mob_menu_flex {display:flex; justify-content:space-between; align-items:flex-start; flex-direction:column; box-sizing:border-box; padding:calc(var(--header_height) - 0.2rem) 1.8rem; width:100%} .header_mob_menu .header_external_menu {font-weight:400; line-height:1; max-width:40rem; display:flex; flex-wrap:wrap} .header_mob_menu .header_external_href_arr {margin-top:0.7rem; width:3rem; height:3rem} .header_mob_menu .header_external_href {align-items:flex-start; gap:0 1rem} .header_menu_bottom {display:flex; width:100%; gap:0 1.8rem} .header_menu_bottom_col {width:50%} .header_menu_bottom_col:first-child {font-weight:900} .header_menu_bottom_col:first-child a {transition:0.4s opacity ease; transition-property:opacity,transform; transform:translateY(0); transition-delay:0.0s; white-space:nowrap; display:inline-block; vertical-align:top; padding:0rem 1rem; border-left:2px solid; border-right:2px solid; margin-bottom:0.2rem; margin-left:-2px} .header_menu_middle {margin:5.6rem 0; width:100%} .menu_main_nav {display:flex; flex-wrap:wrap; gap:0 1.6rem} .menu_main_navcol {width:calc(25% - (1.6rem * 3 / 4)); flex:1} .menu_main_navitem {border-bottom:1px solid; padding:0.7rem 0} .menu_main_navitem a {transition:0.4s opacity ease; transition-property:opacity,transform; transform:translateY(0); transition-delay:0.0s} .menu_main_navitemhead a {transition:0.4s opacity ease; transition-property:opacity,transform; transform:translateY(0); transition-delay:0.0s} @media screen and (min-width:1025px) { .header_menu_bottom_col:first-child a:hover {opacity:0.6} .menu_main_navitem a:hover {opacity:0.6} .menu_main_navitemhead a:hover {opacity:0.6} }@media screen and (max-width:1680px) { .header_menu_bottom {display:flex; width:100%; gap:0 3.2rem} .header_menu_bottom_col:first-child {width:auto} .header_menu_bottom_col:last-child {width:60rem; flex-grow:1} }@media screen and (max-width:1200px) { .body__menu_open .header_mob_menu,.header_mob_menu {left:var(--header_left_padd)} }@media screen and (max-width:980px) { .body__menu_open .burger {background-color:var(--c_yellow_op)} .body__menu_open .header_mob_menu,.header_mob_menu {top:calc(1 * var(--header_height)); padding-bottom:2.4rem} }@media screen and (max-width:767px) { .header_mob_menu_flex {padding:0.8rem 0.8rem 2.4rem; position:relative} .body__menu_open .header_mob_menu,.header_mob_menu {top:calc(1 * var(--header_height)); padding-bottom:0rem; left:0; padding-left:var(--header_left_padd); background-color:transparent} .header_mob_menu_flex {background-color:var(--c_yellow_op)} .body__menu_open .burger {background-color:var(--c_yellow_op)} .header_menu_bottom {display:flex; width:100%; flex-direction:column} .header_menu_bottom_col:first-child {width:100%; margin-bottom:3.6rem} .header_menu_bottom_col:last-child {width:100%; flex-grow:1} .header_mob_menu .header_external_menu {gap:0 0.5rem} .header_mob_menu .header_external_href {gap:0 0rem} .header_mob_menu .header_external_href_arr {margin-top:0.4rem; width:2rem; height:2rem} .menu_main_nav {display:flex; justify-content:space-between; flex-wrap:wrap; gap:0 0; width:100%} .menu_main_navcol {width:calc(50% - 0.4rem); margin-bottom:3.6rem; flex:unset} .header_menu_middle {margin:11.6rem 0 5rem} .header_mob_menu {backdrop-filter:blur(0px)} } /* section_footer */ .section_footer {padding:var(--container_padd) 0; width:100%; background-color:var(--c_default); color:var(--c_footer_text)} .section_footer_flex {display:flex; align-items:stretch} .section_footer_col {display:flex; justify-content:space-between; align-items:flex-start; flex-direction:column} .section_footer_map {height:59rem; box-sizing:border-box; position:relative; flex-grow:1; overflow:hidden; display:flex; align-items:stretch; flex-direction:row} .map {filter:grayscale(0.8); width:100%} .section_footer_map img {object-fit:cover; width:100%; height:100%; object-position:50% 50%} .section_footer_col_text {flex-shrink:0; width:57.3rem; box-sizing:border-box; padding-right:var(--container_padd)} .footer_bottom {width:100%; margin-top:6.8rem} .footer_small_flex {display:flex; width:100%; padding-bottom:1.4rem} .footer_small_coll {width:50%} .footer_small_coll_flex {display:flex} .footer_small_coll_flex a {text-decoration:underline} .footer_small_flex:first-child {margin-bottom:3rem} .footer_small_flex:last-child {border-top:1px solid var(--c_borderfooter); padding-top:0.6rem} .footer_contact {margin-bottom:0.8rem} .footer_contact:last-child {margin-bottom:0rem} .section_footer a {color:var(--c_footer_text); transition:0.4s opacity ease; transition-property:opacity,transform; transform:translateY(0); transition-delay:0.0s} .footer_contact_head {margin-bottom:0.1rem} .footer_social {font-weight:900; margin-bottom:0.6rem} .footer_social:last-child {margin-bottom:0} @media screen and (min-width:1025px) { .section_footer a:hover {opacity:0.6} .footer_small_coll_flex a:hover {text-decoration:none} }@media screen and (max-width:1280px) { .section_footer_col_text {width:50%} }@media screen and (max-width:1024px) { .section_footer {} .footer_small_coll_flex_mb {margin-bottom:1.2rem} .footer_small_coll_flex {flex-direction:column} .footer_small_coll_flex .footer_small_coll {width:100% !important} }@media screen and (max-width:980px) {body.infopage .section_footer_flex {flex-direction:column-reverse} body.infopage .section_footer_col {width:100% !important} body.infopage .section_footer_map {height:43rem; margin-bottom:1rem} }@media screen and (max-width:767px) { .footer_small_flex {justify-content:space-between} .footer_small_coll:first-child {width:46%} .footer_small_coll:last-child {width:52%} .section_footer_flex {flex-direction:column-reverse} .section_footer_col {width:100%} .section_footer_map {height:43rem; margin-bottom:1rem} .footer_small_flex:last-child {padding-top:0.8rem} .footer_small_flex:first-child {margin-bottom:0rem} .footer_small_flex {padding-bottom:1.5rem} } /* slick-slider */ .slick-slider {position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent} .slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0; flex-grow: 1;} .slick-list:focus {outline:none} .slick-list.dragging {cursor:pointer; cursor:hand} .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)} .slick-track {position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto} .slick-track:before, .slick-track:after {display:table; content:''} .slick-track:after {clear:both} .slick-loading .slick-track {visibility:hidden} .slick-slide {display:none; float:left; height:100%; min-height:1px} [dir='rtl'] .slick-slide {float:right} .slick-slide img {display:block} .slick-slide.slick-loading img {display:none} .slick-slide.dragging img {pointer-events:none} .slick-initialized .slick-slide {display:block} .slick-loading .slick-slide {visibility:hidden} .slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent} .slick-arrow.slick-hidden {display:none} .slick-dots {padding-top:0rem; display:flex; align-items:center; justify-content:center; margin:0 auto; position:absolute; bottom:-2rem; left:0rem; right:0rem; margin-bottom:0} .sl_dot,.slick-dots li button {display:block; border-radius:1rem; background:transparent; border:0px solid var(--c_gray_light); font-size:0px; color:transparent; box-sizing:unset; cursor:pointer; width:0.4rem; height:0.4rem; background:var(--c_gray_light); margin:0 0.5rem; opacity:0.6} .sl_dot.active,.slick-dots li.slick-active button {opacity:1; background:var(--c_red); border-color:var(--c_red)} .sl_dot:hover,.slick-dots li button:hover {opacity:0.6} .sl_dot.active:hover,.slick-dots li button.active:hover {opacity:1} .js_product_slider {height:100%} @media screen and (min-width:1025px) { .slick-arrow {transition:0.4s opacity ease; transition-property:opacity,transform; transform:translateY(0); transition-delay:0.0s} .slick-arrow:hover {opacity:0.6} }@media screen and (max-width:1024px) {} @media screen and (max-width:767px) { .slick-dots {bottom:-3rem} .js_product_slider {height:auto} .sl_dot,.slick-dots li button {border-radius:0.4rem; width:0.4rem; height:0.4rem; margin:0 0.5rem} } /* popup */ body.body__popup_open {position:fixed; top:0; left:0; right:0; bottom:0; overflow-y:scroll; overflow-x:hidden} body.body__popup_open main.main-content {} .frame_blc {overflow:hidden; position:relative; padding-bottom:56.25%; height:0; background-color:#000} .frame_blc iframe,.frame_blc video {position:absolute; width:100%; height:100%; left:0; top:0} .shadow {display:none; background:rgba(0,0,0,0.85); position:fixed; left:0; right:0; bottom:0; top:0; z-index:12} .shadow.open {display:block} .shadowmm.open {display:block} .popup.open {display:flex} .desktop .popup_half .popup_cell {padding:0 0} .popup_half.popup.open {display:flex; padding:0; height:auto; min-height:100%} .popup_half .popup_cell {display:flex; padding:0; justify-content:flex-end} .popup_half .popup_content {margin:0; border-radius:0; display:flex; align-items:stretch; width:100%} .shadow_scroll {position:absolute; top:0; bottom:0; left:0; right:0; overflow-y:auto} .popup {display:none; width:100%; height:100%; align-items:center; justify-content:center} .popup_cell {display:block; width:100%; box-sizing:border-box; text-align:center; vertical-align:middle; padding:0 0rem 0 0rem} .desktop .popup_cell {padding:0 0} .popup_content {margin:6rem auto 2rem; width:100%; max-width:100%; box-sizing:border-box; text-align:center; padding:2rem 0; position:relative; position:relative} .popup_xs .popup_content {max-width:27.1875rem} .popup_half_flex {display:flex; justify-content:space-between; flex-direction:column} .closepopup {} .btn-mcounter {display:flex; align-items:center; justify-content:space-between; margin-bottom:1.25rem} .btn-mcounter .form_item {margin-bottom:1.25rem} .btn-mcounter .btn {margin-bottom:1.25rem} .btn-mcounter-right {justify-content:flex-end} .popup_message_sended {position:absolute; top:0; left:0; right:0; bottom:0; padding:2rem; align-items:flex-start; justify-content:center; text-align:center; z-index:4; background:var(--c_default); color:var(--c_white); flex-direction:column; display:none} form.sended .popup_message_sended {display:flex} .popup_message_success__text {max-width:31.25rem; margin:0 auto} .popup_img .popup_content {width:calc(100%)} img.popup_img_inner {object-fit:contain; height:80vh} .popup_img .popup_content {max-width:calc(100% - 29rem)} img.popup_img_inner {object-fit:contain; height:80vh} .popup_header {position:fixed; top:0; left:0; right:0; display:flex; justify-content:space-between; align-items:flex-start; z-index:14} @media screen and (min-width:1025px) { .closepopup:hover {} }@media screen and (max-width:1024px) {} @media screen and (max-width:767px) { .desktop .popup_cell,.popup_cell {padding:0 0rem} .desktop .popup_form .popup_cell, .popup_form .popup_cell {padding:0 0rem} .shadow_scroll {right:0} .popup_content {padding:2rem 0rem; margin:4rem auto 2rem; max-width:100vw} .closepopup {} .popup_img .popup_content {max-width:calc(100vw - 1.6rem)} } /* FOTO PAGE */ .foto_area {column-count:2; column-gap:0.8rem; margin-bottom:5rem} .project_foto_item {page-break-inside:avoid; break-inside:avoid; padding-bottom:0.8rem; cursor:pointer; overflow:hidden;} .project_foto_item .img_shield {overflow:hidden;} .project_foto_item .img_shield img {transition:0.4s opacity ease; transition-property: opacity,transform; transform:translateY(0); transition-delay:0.0s; } .slider_main_arr_area {position:relative} .slider_main_arr {position:absolute; background-image:url("data:image/svg+xml,%3Csvg width='37' height='35' viewBox='0 0 37 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.203 16.858L18.411 1.066L19.069 0.407997L36.036 17.328L19.069 34.295L18.411 33.637L34.203 17.798L0.41 17.845V16.858H34.203Z' fill='white'/%3E%3C/svg%3E%0A"); width:4rem; height:4rem; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; z-index:14; cursor:pointer; transition:0.4s opacity; top:calc(50% - 5rem); transition-timing-function:ease} .slider_main_arr.next {right:-13rem} .slider_main_arr.prev {left:-13rem; transform:rotate(180deg)} .slider_main_arr:hover {opacity:0.8} .slider_main_arr.disabled,.slider_main_arr.disabled:hover {opacity:0; pointer-events:none} @media screen and (min-width:1025px) { .project_foto_item:hover img {transform:scale(1.06)} } @media screen and (max-width:1024px) {} @media screen and (max-width:767px) { .slider_main_arr {position:fixed; bottom:2rem; top:auto} .slider_main_arr.prev {left:0.8rem} .slider_main_arr.next {right:0.8rem} } /* MAINPAGE */ /* PAGE list_of_residents and COMMON two_col_flex */ :root {--list_resident_card_num:3} .two_col_flex {box-sizing:border-box; display:flex; justify-content:space-between; align-items:stretch; min-height:calc(100vh - var(--header_height)); padding-bottom:4.6rem} .two_col_col {width:50%; box-sizing:border-box} .two_col_col:first-child {padding-right:0.8rem} .two_col_sticky_area {} .two_col_sticky {position:sticky; top:var(--header_height); min-height:calc(100vh - var(--header_height)); padding:1.4rem 0 1rem; box-sizing:border-box; display:flex; justify-content:space-between; align-items:flex-start; flex-direction:column} .two_col_content_residents {width:100%; display:flex; flex-wrap:wrap; gap:0 0.8rem; padding-top:calc(var(--header_height) + 1.4rem); box-sizing:border-box} .resident_card {box-sizing:border-box; width:calc(100% / var(--list_resident_card_num) - 0.8rem * (var(--list_resident_card_num) - 1) / var(--list_resident_card_num)); margin-bottom:2.4rem} .resident_foto {overflow:hidden; position:relative; border-radius:0rem; margin-bottom:1rem} .resident_foto svg {opacity:0} .resident_foto_img {position:absolute; top:0; left:0; right:0; bottom:0; z-index:4; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; transition:0.4s opacity ease; transition-property:opacity,transform, filter; transform:translateY(0); transition-delay:0.0s; border-radius:0rem} .item_w_dot {display:inline; align-items:center} .item_w_dot_top {align-items:flex-start} .item_w_dot span {flex-shrink:0; margin-right:0.3rem} .resident_txt .item_w_dot {margin-bottom:0.4rem} .resident_txt .resident_name {margin-bottom:0.4rem; text-transform:uppercase} .block_filters_area {padding-top:2.4rem} .block_filters {margin-bottom:1.3rem; padding-bottom:0.1rem; border-bottom:1px solid var(--c_border); color:var(--c_gray); box-sizing:border-box; padding-right:4rem; transition:0.4s opacity ease; transition-property:opacity, color} .block_filters_name {font-family:var(--standeart_font_family); text-transform:lowercase} .block_filter_a {cursor:pointer; color:var(--c_filter); transition:0.4s opacity ease; transition-property:opacity,color; white-space:nowrap; padding-right:0.7rem} .block_filter_a.active {color:var(--c_default)} .two_col_sticky_bottom {width:100%} .two_col_sticky_area_alt {padding-top:var(--header_height)} .two_col_empty {display:flex; justify-content:center; align-items:center; min-height:100vh; box-sizing:border-box; padding:10rem 6rem; text-align:center} .section_index .two_col_empty {min-height:25rem; padding:4rem 0rem} .section_index .two_col_empty .h2 {font-size:4.2rem} @media screen and (min-width:1025px) { .resident_card:hover .resident_foto_img {transform:scale(1.06); filter:contrast(120%)} .block_filter_a:hover {color:var(--c_default)} .block_filter_a.active:hover {opacity:0.7} }@media screen and (max-width:1200px) { .block_filters {padding-right:2.4rem} .two_col_col:first-child {width:40%} .two_col_col:last-child {width:60%} }@media screen and (max-width:1024px) {} @media screen and (max-width:980px) {:root {--list_resident_card_num:2} .two_col_col:first-child {width:50%} .two_col_col:last-child {width:50%} }@media screen and (max-width:767px) { .block_filters.h3 {font-size:2.8rem} .block_filters {padding-right:0rem; margin-bottom:0.2rem} .block_filter_a {padding-right:0.4rem} .block_filters_area {padding-top:12.2rem} .two_col_sticky {min-height:unset; padding-top:calc(var(--header_height) + 0rem); padding-bottom:0} .two_col_sticky .pagename {padding-top:1.4rem} .two_col_flex {flex-direction:column; min-height:unset; padding-bottom:3rem} .two_col_col {width:100%} .two_col_col:first-child {width:100%; padding-right:0} .two_col_col:last-child {width:100%} .resident_card {margin-bottom:3rem} .two_col_content_residents {padding-top:1.2rem} .two_col_sticky_area_alt {position:sticky; top:calc(var(--header_height) - 1px); background-color:var(--c_body); z-index:5; padding-top:1rem} .two_col_sticky_area_alt {position:static} .pagename_mob {padding-top:calc(var(--header_height) + 1rem); padding-bottom:11rem} .block_filters_area_alt {padding-top:0} .two_col_sticky_alt {padding-top:0; background-color:var(--c_body)} .two_col_sticky_alt .block_filters:last-child {margin-bottom:0} .two_col_empty {display:flex; justify-content:center; align-items:flex-start; min-height:0; box-sizing:border-box; padding:6rem 2rem 3rem; text-align:center} .section_index .two_col_empty {align-items:center; min-height:25rem; padding:4rem 0rem} .section_index .two_col_empty .h2 {font-size:2.4rem} } /* PAGE404 */ /* section_404 */ .error_page main.page_wrapper {display:flex; justify-content:center; align-items:center; min-height:100vh} .section_404 {padding:16rem 0 10rem; text-align:center} .section_404_txtblock {} .subhead_errorpage {margin:2rem auto 6rem; max-width:44rem} .url_errorpage a {text-decoration:underline} @media screen and (min-width:1025px) { .url_errorpage a:hover {text-decoration:none} }@media screen and (min-width:1025px) {} @media screen and (max-width:1024px) {} @media screen and (max-width:980px) {} @media screen and (max-width:767px) { .error_page .h1 {font-size:16rem} } /* PAGE infopage */ body.infopage.body__menu_open .header_flex {background-color:transparent} body.infopage .two_col_flex {padding-bottom:0; min-height:100vh} body.infopage .header_hr {display:none} body.infopage .header_logo span {display:none} body.infopage .header_weather {display:none} body.infopage .header_right {position:relative} body.infopage .header_right::before {content:''; display:block; position:absolute; top:0; left:-0.5rem; bottom:0; width:0.6rem; background-color:var(--c_body)} body.infopage .header_section {background-color:transparent} body.infopage .header_section .header_right {background-color:var(--c_body)} body.infopage .two_col_col:first-child {padding-right:0} body.infopage .two_col_sticky {padding:0; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; top:0; min-height:100vh} body.infopage .two_col_sticky.bg_top {background-position:50% 0%} body.infopage .two_col_sticky.bg_bottom {background-position:50% 100%} body.infopage .section_footer_col_text {width:50%} .infopage_content {padding-left:0; padding-top:calc(var(--header_height) + 2.4rem); box-sizing:border-box; width:100%} .infopage_head_sub {font-size:1.8rem; position:relative; top:-0.2rem; max-width:56rem; line-height: 1.2;} .two_col_infopage_content {display:flex; justify-content:space-between; align-items:flex-start; flex-direction:column} body.infopage .two_col_sticky_area {width:calc(50% - 1px)} body.infopage .two_col_infopage_content {width:calc(50% + 1px)} @media screen and (max-width:1200px) {body.infopage .two_col_sticky_area {width:calc(40% + 0.6rem)} body.infopage .two_col_infopage_content {width:calc(60% - 0.6rem)} }@media screen and (min-width:1025px) {} @media screen and (max-width:1200px) and (min-width:981px) {body.infopage .header_left {width:calc(40% - 1.3rem / 1 - 0.5px)} body.infopage .header_right {width:calc(60% - 1.3rem / 1 - 0.5px)} }@media screen and (max-width:1024px) {} @media screen and (max-width:980px) and (min-width:767px) {body.infopage .header_col.header_right::before {display:none} body.infopage .header_col .header_menu {display:flex} body.infopage .header_col .header_menu.header_external_menu {display:none} body.infopage .header_left {width:calc(40% - 1.3rem / 1 - 0.5px)} body.infopage .header_right {width:calc(60% - 1.3rem / 1 - 0.5px)} }@media screen and (max-width:767px) {body.infopage .section_footer_col_text {width:100%} body.infopage.body__menu_open .header_flex,body.infopage .header_section {background-color:var(--c_body)} body.infopage .header_hr {display:block} body.infopage .header_weather {display:block} body.infopage .two_col_flex {padding-bottom:0; min-height:100vh; padding-top:var(--header_height)} body.infopage .two_col_sticky {padding:0; margin:0 calc(var(--container_padd)*0); background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position:static; min-height:calc(100vh - var(--header_height))} body.infopage .two_col_sticky_area {width:100%} body.infopage .two_col_infopage_content {width:100%} .infopage_content {padding-left:0; padding-top:1rem; width:100%} .infopage_head_sub {font-size:1.4rem; top:0.3rem} body.infopage .header_col .header_menu {display:none} } /* infopage components */ .infopage_head_page {margin-bottom:1.4rem; min-height:33.6rem; display:flex; flex-direction:column; justify-content:space-between} .infopage_head_btn {min-height:0; display:flex; justify-content:center; width:50%} .infopage_head_btn_two {display:flex; gap:0 0.8rem; width:100%} .infopage_head_btn_small {min-height:0; padding-top:4.6rem; justify-content:flex-start; gap:0 1rem; align-items:flex-end; margin-bottom:1.6rem} .infopage_time {border-top:1px solid var(--c_default); display:flex; line-height:calc(20/16); margin-bottom:4.7rem} .infopage_time_left_col {width:calc(50% - 1px); box-sizing:border-box; flex-shrink:0; padding:0.5rem; padding-left:0rem} .infopage_time_right_col {flex-grow:1; display:flex; align-items:stretch} .infopage_time_item {flex-grow:1; flex-basis:0; box-sizing:border-box; padding:0.5rem; border-left:1px solid var(--c_default)} .infopage_text_flex {display:flex; margin-bottom:3.6rem} .infopage_text_flex_w_line {border-top:1px solid var(--c_default); padding:1.8rem 0 0} .infopage_text_flexcol {width:50%; box-sizing:border-box; padding:0.5rem} .infopage_text_flexcol:first-child {padding-left:0; padding-right:2.4rem} .infopage_slider_area {margin-bottom:2.6rem; overflow:hidden; width:100%} .infopage_slider {margin:0 -0.2rem; display:flex; position:relative} .infopage_slider_area.infopage_slider_area_one_short {margin:7.5rem 0} .infopage_slider_area_one_short .infopage_slider {margin:0 auto; max-width:56rem} .infopage_slider_description {margin-bottom:1rem} .infopage_slide {flex-grow:1; flex-basis:0; box-sizing:border-box; padding:0 0.2rem} .slick-slider .infopage_slide {display:block !important} .infopage_slider_area .slick-arrow,.img_slider .slick-arrow,.popup_slider .slick-arrow {font-size:0; border:0; width:var(--container_padd); height:var(--container_padd); background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.1959 24.3591L31 2.71828L29.6832 2L17.4873 24.3591L29.6832 46.7183L31 46L19.1959 24.3591Z' fill='white'/%3E%3C/svg%3E%0A"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain; background-color:transparent; cursor:pointer; position:absolute; top:calc(50% - var(--container_padd)/2); z-index:4; width:4rem; height:4rem; top:1rem} .infopage_slider_area .slick-disabled,.img_slider .slick-disabled,.popup_slider .slick-disabled {cursor:default; opacity:0} .infopage_slider_area .slick-prev,.img_slider .slick-prev,.popup_slider .slick-prev {left:0rem} .infopage_slider_area .slick-next,.img_slider .slick-next,.popup_slider .slick-next {right:0rem; transform:rotate(180deg)} .filter_bg {position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; border-radius:0.4rem} .slick-disabled {pointer-events:none} .infopage_time_mobile_btn {display:none} .infopage_time_left_col_subleft {box-sizing:border-box; padding-right:1rem} @media screen and (min-width:1025px) { .infopage_slide img {filter:grayscale(1); transition:0.4s opacity ease; transition-property:opacity,transform, filter} .infopage_slide:hover img {filter:grayscale(0)} }@media screen and (max-width:1024px) {} @media screen and (max-width:980px) {} @media screen and (max-width:767px) { .infopage_text_flex {flex-direction:column; margin-bottom:2rem} .infopage_text_flexcol {padding:0; width:100%} .infopage_text_flexcol:first-child {margin-bottom:0rem; padding-right:0rem} .infopage_head_btn {min-height:0} .infopage .infopage_text_flexcol:first-child p:last-child, .infopage_text_flexcol:first-child .infopage .p:last-child {margin-bottom:2rem} .infopage_slider_area.infopage_slider_area_one_short {margin:2rem 0} .infopage_time {flex-direction:column; margin-bottom:2.4rem; border:0; font-size:1.3rem} .infopage_time_right_col {justify-content:space-between; border-top:1px solid var(--c_default); width:100%} .infopage_time_left_col {font-size:1.4rem; display:flex; justify-content:space-between; width:100%} .infopage_time_left_col_subleft {width:50%} .infopage_time_item {padding:0.5rem 1rem 0 0.5rem; font-size:1.3rem} .infopage_time_item:first-child {padding-left:0; border:0} .infopage_time_left_col .infopage_time_mobile_btn {display:block; flex-shrink:0} .infopage_slider_area {margin-bottom:2rem} .infopage_head_page {margin-bottom:0.8rem; min-height:0} .infopage_head_page.infopage_head_page_big_mb {margin-bottom:8.8rem} .infopage_head_page + .infopage_text_flex {margin-top:8.8rem} .infopage_head_page + .infopage_slider_area {margin-top:8.8rem} .infopage_head_page + .foto_area {margin-top:8.8rem} .infopage_head_page + .accordeon_area {margin-top:8.8rem} .infopage_head_page.infopage_head_page_mob_small_marr + .infopage_text_flex {margin-top:0rem} .infopage_head_page.infopage_head_page_mob_small_marr + .infopage_slider_area {margin-top:0rem} .infopage_head_page.infopage_head_page_mob_small_marr + .accordeon_area {margin-top:0rem} .infopage_head_btn {padding:0} body.infopage .two_col_sticky {min-height:350px; height:47rem} .slick-slider .infopage_slide {width:15rem !important} .infopage_slider_area,.infopage_slider_area.infopage_slider_area_one_short {margin-left:calc(var(--container_padd) * -1); margin-right:calc(var(--container_padd) * -1); padding:0 var(--container_padd); box-sizing:border-box; width:calc(100% + var(--container_padd) * 2)} .infopage_slider_area .slick-list {overflow:visible} .infopage_head_btn_two {flex-direction:column; margin-top:4.2rem} .infopage_head_btn_two .btn {margin-top:0.8rem} .infopage_head_btn_two .btn:first-child {margin-top:0} .infopage_time_left_col {padding:0; flex-direction:column; margin-top:4.2rem; margin-bottom:0.8rem} .infopage_time_left_col_subleft {width:100%} .infopage_time_mobile_btn {width:100%} .infopage_time_mobile_btn .btn {margin-top:0.4rem} .infopage_head_mobile_btn {margin-top:4.2rem} .infopage_head_mobile_btn a {margin-bottom:0.8rem} } /* accordeon_area */ .accordeon_area {margin-bottom:2.4rem} .accordeon_head {border-bottom:1px solid var(--c_default); display:block; cursor:pointer; padding-top:1.2rem; line-height:1; display:flex; justify-content:space-between; align-items:center; gap:0 2rem} .accordeon_head_arr {flex-shrink:0; width:1.8rem; height:1.8rem; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; transition:0.4s opacity ease; transition-property:opacity,transform; transform:translateY(0); transition-delay:0.0s; transform-origin:50% 50%} .accordeon_body {display:none; padding:1rem 0 1rem; border-bottom:1px solid var(--c_default)} .external_link .accordeon_head_arr,.internal_link .accordeon_head_arr {background-image:url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-outside-1_1446_1813' maskUnits='userSpaceOnUse' x='-8.30516e-07' y='-7.86805e-07' width='19' height='19' fill='black'%3E%3Crect fill='white' x='-8.30516e-07' y='-7.86805e-07' width='19' height='19'/%3E%3Cpath d='M9.878 17.227L17.606 9.499L17.928 9.821L9.648 18.124L1.345 9.821L1.667 9.499L9.418 17.227L9.395 0.69L9.878 0.69L9.878 17.227Z'/%3E%3C/mask%3E%3Cpath d='M9.878 17.227L17.606 9.499L17.928 9.821L9.648 18.124L1.345 9.821L1.667 9.499L9.418 17.227L9.395 0.69L9.878 0.69L9.878 17.227Z' fill='%23231F20'/%3E%3Cpath d='M9.878 17.227L9.578 17.227L9.578 17.9513L10.0901 17.4391L9.878 17.227ZM17.606 9.499L17.8181 9.28687L17.606 9.07474L17.3939 9.28687L17.606 9.499ZM17.928 9.821L18.1404 10.0328L18.352 9.82071L18.1401 9.60887L17.928 9.821ZM9.648 18.124L9.43587 18.3361L9.64829 18.5486L9.86043 18.3358L9.648 18.124ZM1.345 9.821L1.13287 9.60887L0.920736 9.821L1.13287 10.0331L1.345 9.821ZM1.667 9.499L1.87882 9.28655L1.66668 9.07505L1.45487 9.28687L1.667 9.499ZM9.418 17.227L9.20618 17.4394L9.71901 17.9507L9.718 17.2266L9.418 17.227ZM9.395 0.69L9.395 0.39L9.09458 0.39L9.095 0.690417L9.395 0.69ZM9.878 0.69L10.178 0.69L10.178 0.39L9.878 0.39L9.878 0.69ZM10.0901 17.4391L17.8181 9.71113L17.3939 9.28687L9.66587 17.0149L10.0901 17.4391ZM17.3939 9.71113L17.7159 10.0331L18.1401 9.60887L17.8181 9.28687L17.3939 9.71113ZM17.7156 9.60916L9.43557 17.9122L9.86043 18.3358L18.1404 10.0328L17.7156 9.60916ZM9.86013 17.9119L1.55713 9.60887L1.13287 10.0331L9.43587 18.3361L9.86013 17.9119ZM1.55713 10.0331L1.87913 9.71113L1.45487 9.28687L1.13287 9.60887L1.55713 10.0331ZM1.45518 9.71145L9.20618 17.4394L9.62982 17.0146L1.87882 9.28655L1.45518 9.71145ZM9.718 17.2266L9.695 0.689582L9.095 0.690417L9.118 17.2274L9.718 17.2266ZM9.395 0.99L9.878 0.99L9.878 0.39L9.395 0.39L9.395 0.99ZM9.578 0.69L9.578 17.227L10.178 17.227L10.178 0.69L9.578 0.69Z' fill='%23231F20' mask='url(%23path-1-outside-1_1446_1813)'/%3E%3C/svg%3E%0A")} .accordeon_head_arr {background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8.5' width='1' height='18' fill='%23231F20'/%3E%3Crect x='18' y='8.5' width='1' height='18' transform='rotate(90 18 8.5)' fill='%23231F20'/%3E%3C/svg%3E%0A")} .external_link .accordeon_head_arr {transform:rotate(225deg)} .internal_link .accordeon_head_arr {transform:rotate(-90deg)} .accordeon_link .accordeon_head_arr {} .accordeon_link.open .accordeon_head_arr {transform:rotate(45deg)} .accordeon_link.open .accordeon_body {display:block} .accordeon_head {transition:0.4s opacity ease} .accordeon_head_name {transition:0.4s opacity ease} .accordeon_place_descr {display:flex; justify-content:space-between; width:100%; gap:0 2rem} .territory_accordeon_descr {max-width:46rem} .accordeon_place_left {display:flex; justify-content:space-between; flex-direction:column; flex-grow:1} .accordeon_place_right {width:45%; max-width:27rem; flex-shrink:0} .accordeon_place_right .resident_foto {margin-bottom:0; filter:grayscale(1)} .accordeon_place_top .h3 {margin-bottom:0.4rem} .accordeon_place_top + .accordeon_place_bottom {margin-top:2rem} .accordeon_place_bottom {display:flex; justify-content:flex-end} .round_arrow_a {display:block; background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-6.99382e-07 16C-1.08564e-06 7.16344 7.16344 -3.13124e-07 16 -6.99382e-07C24.8366 -1.08564e-06 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 -3.13124e-07 24.8366 -6.99382e-07 16ZM6 16.7939L23.4258 16.7676L14.5176 25.7021L15.6162 26.8008L26.4316 15.9854L15.6152 5.19922L14.5166 6.29785L23.4248 15.2061L6 15.2061L6 16.7939Z' fill='%23383535'/%3E%3C/svg%3E%0A"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain; width:3.2rem; height:3.2rem; border-radius:50%; transition:0.4s opacity ease; transition-property:opacity,transform; transform:translateY(0); transition-delay:0.0s} .accordeon_head_name {position:relative} .accordeon_link.open .accordeon_head {border-color:transparent} .territory_accordeons_col .accordeon_head_name:after {content:''; display:block; position:absolute; top:1.2rem; right:0.4rem; z-index:4; flex-shrink:0; width:1.8rem; height:1.8rem; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; transition:0.4s opacity ease; transition-property:opacity, transform; transform:translateY(0); transition-delay:0.0s; transform-origin:50% 50%; background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8.5' width='1' height='18' fill='%23231F20'/%3E%3Crect x='18' y='8.5' width='1' height='18' transform='rotate(90 18 8.5)' fill='%23231F20'/%3E%3C/svg%3E%0A"); display:none} .accordeon_body.closed .accordeon_head_name:after {display:block} @media screen and (min-width:1025px) { .accordeon_head:hover .accordeon_head_name {opacity:0.6} .accordeon_head:hover .accordeon_head_arr {} .external_link .accordeon_head:hover .accordeon_head_arr {transform:translate3d(0.3rem,-0.3rem,0) rotate(225deg)} .internal_link .accordeon_head:hover .accordeon_head_arr {transform:translateX(0.3rem) rotate(-90deg)} /* .accordeon_link .accordeon_head:hover .accordeon_head_arr {transform:translateY(0.3rem)} .accordeon_link.open .accordeon_head:hover .accordeon_head_arr {transform:translateY(-0.3rem) rotate(180deg)} */ .accordeon_link .accordeon_head:hover .accordeon_head_arr {transform:scale(1.1)} .accordeon_link.open .accordeon_head:hover .accordeon_head_arr {transform:scale(1.1) rotate(45deg)} .round_arrow_a:hover {opacity:0.6} }@media screen and (max-width:1024px) {} @media screen and (max-width:980px) {} @media screen and (max-width:767px) { .accordeon_place_descr {flex-direction:row-reverse} .accordeon_place_right {width:35%} .accordeon_place_left {width:calc(65% - 2rem)} .accordeon_place_bottom {display:flex; justify-content:flex-end} } /* PAGE LIst_of_events */ :root {--list_event_card_num:4} :root {--list_event_card_height:24rem} .event_card {padding:0.5rem; box-sizing:border-box; width:calc(100% / var(--list_event_card_num) - 0.8rem * (var(--list_event_card_num) - 1) / var(--list_event_card_num)); margin-bottom:0.8rem; display:flex; justify-content:space-between; align-items:flex-start; flex-direction:column; border-top:1px solid var(--c_default); border-bottom:0px solid var(--c_default); min-height:var(--list_event_card_height); transition:0.4s opacity ease; transition-property:opacity,transform, background; background-position:50% 0%; background-repeat:no-repeat; background-size:cover; position:relative} .event_card::before {content:''; display:block; position:absolute; left:0; top:100%; right:0; height:0.8rem; border-bottom:0px solid var(--c_default); transition:0.4s opacity ease; transition-property:opacity,transform, background; box-sizing:border-box; z-index:2} .event_card.need_border_bottom::before {border-bottom:1px solid var(--c_default)} .event_card.need_border_bottom.need_border_bottom_last::before {height:0.0rem} .event_card_bg .event_foto {opacity:0} .event_card_white {color:var(--c_white)} a.event_card_white,a.event_card_white:hover {color:var(--c_white)} .event_name {margin:0.2rem 0; font-weight:900; line-height:calc(20/18); position:relative; z-index:2} .event_txt {min-height:calc(var(--list_event_card_height) / 2); box-sizing:border-box; padding-bottom:1rem; position:relative; z-index:2} .event_foto {overflow:hidden; position:relative; border-radius:0rem; max-width:64%; transition:0.4s opacity ease; transition-property:opacity,transform; transition-delay:0.0s; transform-origin:left bottom; position:relative; z-index:2} .event_foto svg {opacity:0} .event_foto_img {position:absolute; top:0; left:0; right:0; bottom:0; z-index:4; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; transition:0.4s opacity ease; transition-property:opacity,transform, filter; transition-delay:0.0s; border-radius:0rem} .event_card_bg_area_zone {position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; overflow:hidden} .event_card_bg_area {position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background-position:50% 0%; background-repeat:no-repeat; background-size:cover; transition:0.4s opacity ease; transition-property:opacity,transform} .event_card_bg_area_bottom {background-position:50% 100%} @media screen and (min-width:1025px) { .event_card:hover::before {background-color:var(--c_yellow)} .event_card.event_card_bg:hover::before {background-color:transparent} .event_card:hover {background-color:var(--c_yellow)} .event_card:hover .event_foto {transform:scale(1.05)} .event_card:hover .event_card_bg_area {transform:scale(1.05)} }@media screen and (max-width:1440px) {:root {--list_event_card_num:3} :root {--list_event_card_height:28rem} }@media screen and (max-width:1200px) { .afishapagename.h1 {font-size:12rem} }@media screen and (max-width:1024px) {:root {--list_event_card_height:24rem} .afishapagename.h1 {font-size:8rem} }@media screen and (max-width:980px) {:root {--list_event_card_num:2} :root {--list_event_card_height:30rem} }@media screen and (max-width:767px) { .afishapagename.h1 {font-size:4.2rem} :root {--list_event_card_num:2} :root {--list_event_card_height:24rem} .event_card:first-child,.event_card:nth-child(2) {border-top:0} .event_foto {max-width:75%} } /* Calendar */ .calendar_block {width:100%; overflow:hidden; white-space:nowrap; display:flex; margin-bottom:1.3rem; box-sizing:border-box; padding:0 2.6rem; position:relative; padding-bottom:0.5rem; border-bottom:1px solid var(--c_border)} .calendar_area {width:100%} .calendar_week {display:flex !important} .calendar_day {color:var(--c_filter); text-align:center; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; cursor:pointer; transition:0.4s opacity ease; transition-property:opacity,transform, color} .calendar_day.active {color:var(--c_default)} .calendar_day.calendar_day_no {cursor:default} .calendar_week.actual_week .calendar_day {color:var(--c_default)} .calendar_day_name {margin-bottom:0.3rem; text-transform:lowercase} .calendar_day_num {font-weight:900; text-transform:uppercase} .calendar_day {padding:0 0.8rem; flex-shrink:0; min-width:2.8rem; box-sizing:border-box} .calendar_area .slick-arrow {font-size:0; border:0; width:2rem; height:2rem; background-image:url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-outside-1_1663_1938' maskUnits='userSpaceOnUse' x='0' y='0' width='19' height='19' fill='black'%3E%3Crect fill='white' width='19' height='19'/%3E%3Cpath d='M1.773 9.122L9.501 1.394L9.179 1.072L0.875999 9.352L9.179 17.655L9.501 17.333L1.773 9.582L18.31 9.605V9.122H1.773Z'/%3E%3C/mask%3E%3Cpath d='M1.773 9.122L9.501 1.394L9.179 1.072L0.875999 9.352L9.179 17.655L9.501 17.333L1.773 9.582L18.31 9.605V9.122H1.773Z' fill='%23231F20'/%3E%3Cpath d='M1.773 9.122V9.422H1.04874L1.56087 8.90987L1.773 9.122ZM9.501 1.394L9.71313 1.18187L9.92526 1.394L9.71313 1.60613L9.501 1.394ZM9.179 1.072L8.96716 0.859573L9.17929 0.648029L9.39113 0.859867L9.179 1.072ZM0.875999 9.352L0.663866 9.56413L0.451441 9.35171L0.664162 9.13957L0.875999 9.352ZM9.179 17.655L9.39113 17.8671L9.179 18.0793L8.96687 17.8671L9.179 17.655ZM9.501 17.333L9.71345 17.1212L9.92495 17.3333L9.71313 17.5451L9.501 17.333ZM1.773 9.582L1.56055 9.79382L1.04925 9.28099L1.77342 9.282L1.773 9.582ZM18.31 9.605H18.61V9.90542L18.3096 9.905L18.31 9.605ZM18.31 9.122V8.822H18.61V9.122H18.31ZM1.56087 8.90987L9.28887 1.18187L9.71313 1.60613L1.98513 9.33413L1.56087 8.90987ZM9.28887 1.60613L8.96687 1.28413L9.39113 0.859867L9.71313 1.18187L9.28887 1.60613ZM9.39084 1.28442L1.08784 9.56443L0.664162 9.13957L8.96716 0.859573L9.39084 1.28442ZM1.08813 9.13987L9.39113 17.4429L8.96687 17.8671L0.663866 9.56413L1.08813 9.13987ZM8.96687 17.4429L9.28887 17.1209L9.71313 17.5451L9.39113 17.8671L8.96687 17.4429ZM9.28855 17.5448L1.56055 9.79382L1.98545 9.37018L9.71345 17.1212L9.28855 17.5448ZM1.77342 9.282L18.3104 9.305L18.3096 9.905L1.77258 9.882L1.77342 9.282ZM18.01 9.605V9.122H18.61V9.605H18.01ZM18.31 9.422H1.773V8.822H18.31V9.422Z' fill='%23231F20' mask='url(%23path-1-outside-1_1663_1938)'/%3E%3C/svg%3E%0A"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain; background-color:transparent; cursor:pointer; position:absolute; top:calc(50% - var(--container_padd)/2); z-index:4} .calendar_area .slick-disabled {cursor:default; opacity:0.3} .calendar_area .slick-prev {left:-2.6rem} .calendar_area .slick-next {right:-2.6rem; transform:rotate(180deg)} @media screen and (min-width:1025px) { .calendar_week .calendar_day:hover {color:var(--c_default)} .calendar_week .calendar_day.calendar_day_no:hover {cursor:default; color:var(--c_filter)} }@media screen and (max-width:1200px) { .calendar_day {padding:0 0.7rem} }@media screen and (max-width:1024px) { .calendar_day {min-width:3.1rem} }@media screen and (max-width:980px) { .calendar_day {min-width:3.5rem} }@media screen and (max-width:767px) { .calendar_day {min-width:0rem} .calendar_area .slick-slide {transition:0.4s opacity ease; transition-property:opacity} .calendar_area .slick-active + .slick-slide + .slick-slide {opacity:0} } /* PAGE indexpage section_index_promo */ .section_index {margin-bottom:6rem} .section_index_head {margin-bottom:4rem} .section_index_promo {box-sizing:border-box; padding-top:var(--header_height); display:flex; flex-direction:column; margin-bottom:2rem; min-height:100vh} .index_promo_sl {flex-grow:1; background-color:#ccc; width:100%; position:relative} .index_promo_bg {position:absolute; top:0; left:0; right:0; bottom:0; z-index:4; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; transition:0.8s opacity ease; opacity:0} .index_promo_bg_top {background-position:50% 0%} .index_promo_bg_bottom {background-position:50% 100%} .index_promo_bg.active {opacity:1} .index_promo_txt {display:flex; padding:0rem var(--container_padd); box-sizing:border-box; align-items:stretch} .index_promo_left {box-sizing:border-box; width:50%} .index_promo_right {display:flex; width:50%; padding:0rem 0; margin:1.6rem 0} .promo_event {border-left:1px dotted var(--c_default); box-sizing:border-box; padding:0rem 1.2rem; width:50%; display:flex; justify-content:space-between; flex-direction:column} .promo_event_bottom .item_w_dot {padding:0.6rem 0} .promo_event_head {font-weight:900; text-transform:uppercase; padding-bottom:0.2rem} .promo_event_w_flex {display:flex; flex-direction:row; align-items:stretch; padding-right:0} .promo_event_col {width:50%; box-sizing:border-box} .promo_event_right .frame_blc {object-fit:cover; width:100%; border-radius:0.8rem; height:auto} .promo_event_left {display:flex; justify-content:space-between; flex-direction:column; padding-right:1rem} .promo_event_right {display:flex; align-items:stretch} .promo_event_head .info_svg {line-height:1; display:inline-flex; align-items:cemter; width:1.4rem; box-sizing:border-box; position:relative; top:0.2rem} .index_promo_logo {display:flex; vertical-align:top; position:relative; flex-wrap:wrap} .index_promo_logo svg {font-size:16rem} .index_promo_logo svg {} .index_promo_logo span {opacity:0} .icon-sizes_svg-icons--logo-sevcable-ru-dims__fN1BH {width:3.13958em; height:1em; margin-right:0.2em} .icon-sizes_svg-icons--logo-port-ru-dims__1LifG {width:1.39583em; height:1em} @media screen and (min-width:1025px) {} @media screen and ((max-width:1680px) and (min-width:767px)) { .promo_event_head .info_svg {width:14px; top:1.4px} }@media screen and (max-width:1440px) { .section_index_promo .h1 {font-size:14rem} .index_promo_logo svg {font-size:14rem} .index_promo_logo {width:67rem} }@media screen and (max-width:1300px) { .section_index_promo .h1 {font-size:84px} .section_index_promo svg {font-size:84px} .index_promo_logo {width:calc(286px - 0rem)} .index_promo_left {width:calc(286px + 1.3rem); flex-shrink:0; padding-right:1rem; align-self:flex-start; box-sizing:border-box; padding-top:.2rem} .index_promo_right {width:auto; flex-grow:1} }@media screen and (max-width:1024px) { .index_promo_left {align-self:flex-start; box-sizing:border-box; padding-top:1rem} }@media screen and (max-width:980px) { .index_promo_left {width:20.2rem; padding-top:1.16rem} .promo_event:first-child {width:44%} .promo_event:last-child {width:56%} .section_index_promo .h1 {font-size:6rem} .section_index_promo svg {font-size:6rem} .index_promo_logo {width:19.2rem} }@media screen and (max-width:767px) { .index_promo_left {align-self:flex-start; box-sizing:border-box; padding:0; padding-top:0.3rem} .index_promo_logo {width:100%} .section_index_head {margin-bottom:2rem} .section_index_promo {width:100%; overflow:hidden; position:relative} .index_promo_left {width:100%} .section_index_promo .h1, .section_index_promo svg {font-size:7.50rem; white-space:nowrap; position:relative; left:0rem} .index_promo_txt {overflow:hidden; width:100%} .index_promo_mob {padding:0.8rem 0; font-weight:900} .promo_event_head .info_svg {display:inline-block; width:1.4rem; padding-top:0.0rem; top:-0.0rem; vertical-align:top} } /* PAGE indexpage section_index_mobile */ .section_index_mobile {display:none} @media screen and (max-width:767px) { .section_index_mobile {display:block; margin-bottom:1.2rem} .index_promo_right {flex-direction:column-reverse; border:0} .promo_event:first-child,.promo_event,.promo_event:last-child {width:100%; border:0; padding-left:0; padding-right:0; padding:0.8rem 0} .promo_event:last-child {border-top:0} .promo_event:first-child {border-top:1px solid var(--c_default); margin-top:1rem} .promo_event_bottom {margin-top:1.2rem} .promo_event_w_flex {flex-direction:column-reverse} .promo_event_col {width:100%; padding:0} .promo_event_col:last-child {margin-bottom:1rem} .promo_event_w_flex .promo_event_left {display:flex; justify-content:space-between; align-items:flex-start; flex-direction:row} .promo_event_w_flex .promo_event_bottom {margin:0; margin-left:1rem} .section_index_mobile .h3 {font-size:2.8rem; width:100%; position:relative} .section_index_mobile .h3::before {content:''; display:block; position:absolute; bottom:0.6rem; right:0; width:1.2rem; height:1.2rem; background-color:var(--c_yellow); border-radius:50%; display:none} } /* PAGE indexpage section_index_great */ .section_index_great {} .section_index_great .infopage_time {margin-bottom:0} .section_index_great .h2 {margin-bottom:1.6rem} .index_great_flex {display:flex; width:100%; box-sizing:border-box; padding:0 var(--container_padd)} .index_great_flex_col_txt .onlypc {position:relative; top:-0.7rem} .index_great_flex_col {box-sizing:border-box} .index_great_flex_col:first-child {width:57rem; flex-shrink:0} .index_great_flex_col.index_great_flex_col_list {width:100%} .index_great_flex_col_list {display:flex; gap:0 2rem; align-items:stretch} .index_great_item {flex:1; display:flex; flex-direction:column; justify-content:space-between; transition:0.4s opacity ease; transition-property:opacity,transform, outline, background; transform:translateY(0); transition-delay:0.0s; outline:1rem solid transparent} .index_great_flex_col_txt {} .index_great_flex_col_txt p {max-width:42rem; line-height:calc(22 / 18)} .weather_ico {width:6.3rem; display:inline-block} .index_great_item_head {display:flex; justify-content:space-between; margin:0.8rem 0 1.6rem; min-height:4.6rem; gap:0 1.6rem} .index_great_item_headtxt_name {font-weight:900} .index_great_item .infopage_time_left_col_subleft {margin-bottom:0.8rem} .index_great_item .infopage_time_item:first-child {padding-left:0; border-left:0} .index_great_item_img {height:39rem; overflow:hidden} .index_great_item_img img {object-fit:cover; width:100%; height:100%; object-position:0% 50%} @media screen and (min-width:1025px) { .index_great_item:hover {background-color:var(--c_yellow); outline:1rem solid var(--c_yellow)} }@media screen and (max-width:1440px) { .index_great_item_img {height:33rem} .index_great_flex_col:first-child {width:48rem; padding-right:1rem} }@media screen and (max-width:1300px) {} @media screen and (max-width:1200px) { .section_index_great .h2 {margin-bottom:0.6rem} .index_great_flex_col:first-child {width:50%; padding-right:0; margin-bottom:2rem} .index_great_flex_col_txt p {max-width:84%} .index_great_flex {flex-direction:column} .index_great_item_img {height:34vw} }@media screen and (max-width:1024px) { .weather_ico {width:3.2rem} }@media screen and (max-width:980px) { .index_great_flex_col:first-child {width:100%; padding-right:0; margin-bottom:2rem} }@media screen and (max-width:767px) { .section_index_great {background-color:var(--c_yellow_np); padding:1.4rem 1.2rem 0.4rem; box-sizing:border-box; margin-bottom:4rem; position:relative} .section_index_great::before {content:''; display:block; position:absolute; left:0; bottom:0; right:0; height:1rem; background-color:var(--c_yellow_np); z-index:8} .index_great_mobile {display:flex; justify-content:space-between; align-items:center; width:100%} .index_great_mobile_arr {background-image:url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-outside-1_616_1864' maskUnits='userSpaceOnUse' x='0' y='0' width='19' height='19' fill='black'%3E%3Crect fill='white' width='19' height='19'/%3E%3Cpath d='M17.227 9.122L9.499 1.394L9.821 1.072L18.124 9.352L9.821 17.655L9.499 17.333L17.227 9.582L0.69 9.605V9.122H17.227Z'/%3E%3C/mask%3E%3Cpath d='M17.227 9.122L9.499 1.394L9.821 1.072L18.124 9.352L9.821 17.655L9.499 17.333L17.227 9.582L0.69 9.605V9.122H17.227Z' fill='%23383535'/%3E%3Cpath d='M17.227 9.122V9.622H18.4341L17.5806 8.76845L17.227 9.122ZM9.499 1.394L9.14545 1.04045L8.79189 1.394L9.14545 1.74755L9.499 1.394ZM9.821 1.072L10.1741 0.717955L9.82051 0.365382L9.46745 0.718445L9.821 1.072ZM18.124 9.352L18.4776 9.70555L18.8316 9.35151L18.4771 8.99796L18.124 9.352ZM9.821 17.655L9.46745 18.0086L9.821 18.3621L10.1746 18.0086L9.821 17.655ZM9.499 17.333L9.14492 16.98L8.79242 17.3335L9.14545 17.6866L9.499 17.333ZM17.227 9.582L17.5811 9.93503L18.4332 9.08032L17.2263 9.082L17.227 9.582ZM0.69 9.605H0.19V10.1057L0.690695 10.105L0.69 9.605ZM0.69 9.122V8.622H0.19V9.122H0.69ZM17.5806 8.76845L9.85255 1.04045L9.14545 1.74755L16.8734 9.47555L17.5806 8.76845ZM9.85255 1.74755L10.1746 1.42555L9.46745 0.718445L9.14545 1.04045L9.85255 1.74755ZM9.46794 1.42604L17.7709 9.70604L18.4771 8.99796L10.1741 0.717955L9.46794 1.42604ZM17.7704 8.99845L9.46745 17.3014L10.1746 18.0086L18.4776 9.70555L17.7704 8.99845ZM10.1746 17.3014L9.85255 16.9794L9.14545 17.6866L9.46745 18.0086L10.1746 17.3014ZM9.85308 17.686L17.5811 9.93503L16.8729 9.22897L9.14492 16.98L9.85308 17.686ZM17.2263 9.082L0.689305 9.105L0.690695 10.105L17.2277 10.082L17.2263 9.082ZM1.19 9.605V9.122H0.19V9.605H1.19ZM0.69 9.622H17.227V8.622H0.69V9.622Z' fill='%23383535' mask='url(%23path-1-outside-1_616_1864)'/%3E%3C/svg%3E%0A"); background-position:50% 50%; background-repeat:no-repeat; background-size:cover; width:2rem; height:2rem; display:block} .section_index_great .h2 {margin-bottom:0rem} .index_great_flex {display:block} .index_great_flex_col:first-child {margin-bottom:1rem} .index_great_flex_col.index_great_flex_col_list {margin:0 -2rem; padding:0 2rem; box-sizing:border-box; width:calc(100% + 4rem); overflow:auto; gap:0 0.8rem} .index_great_item {margin-bottom:1rem; width:32rem; flex-shrink:0; flex-basis:unset} .index_great_item_img {height:35rem} .index_great_item_head {min-height:3.6rem} } /* PAGE indexpage section_index_events_headers */ :root .indexpage {--list_event_card_num:8} .section_index_events_headers {display:flex; align-items:flex-end; gap:0 2.6rem} .section_index_events_headers .section_index_head {margin-bottom:0} .section_index_events .block_filters_area {display:flex; align-items:flex-end} .section_index_events .two_col_content_residents {padding-top:1.2rem} .section_index_events .block_filters {border:0; margin-bottom:0.6rem} .section_index_events .block_filters {padding-right:2rem} .section_index_events .round_arrow_a {width:2rem; height:2rem; background-position:50% 0%; margin:0.2rem auto 0.6rem} @media screen and (min-width:1025px) {} @media screen and (max-width:1200px) {} @media screen and (max-width:1024px) { .section_index_events .block_filters {border:0; margin-bottom:0rem} }@media screen and (max-width:980px) {} @media screen and (max-width:767px) { .section_index.section_index_events {margin-bottom:5.4rem} .section_index_events_headers {flex-direction:column; justify-content:flex-start; align-items:flex-start; position:relative} .section_index_events .block_filters_area {padding-top:0.2rem; flex-direction:column; justify-content:flex-start; align-items:flex-start; width:100%} .section_index_events .block_filters {width:100%; border-bottom:1px solid var(--c_default); margin-bottom:0.2rem; padding-right:0} .section_index_events .block_filters.block_filters_all {position:absolute; top:0; right:0; z-index:2; width:2.6rem; border:0; text-align:center} } /* PAGE indexpage section_index_whatdo */ .section_index_whatdo {background-color:var(--c_yellow); padding:1rem 0 2rem} .section_index_whatdo_flex {display:flex; gap:0 1.5rem; margin-top:4.5rem} .index_whatdo_item {width:25%; box-sizing:border-box; border-right:2px dotted var(--c_default); display:flex; justify-content:space-between; flex-direction:column; min-height:52rem} .index_whatdo_item:last-child {border:0} .index_whatdo_item_top {max-width:27.3rem; margin-bottom:1rem} .section_index_whatdo .h3 {margin-bottom:0.6rem} @media screen and (min-width:1025px) {} @media screen and (max-width:1200px) { .index_whatdo_item_top {max-width:calc(100% - 1.5rem); margin-bottom:1rem} }@media screen and (max-width:1024px) { .section_index_whatdo_flex {margin-top:0; ; gap:0 1.5rem} .index_whatdo_item {min-height:0rem} .index_whatdo_item_top {margin-bottom:3.2rem} .index_whatdo_item .font16 {font-size:14px} }@media screen and (max-width:980px) {} @media screen and (max-width:767px) { .section_index_whatdo .h2 {max-width:90%} .section_index_whatdo_flex {flex-direction:column; gap:0 0rem; margin-top:4.5rem} .index_whatdo_item {width:100%; margin-bottom:2rem; padding:0; border:0; position:relative; min-height:18rem} .index_whatdo_item:last-child {margin-bottom:0rem} .index_whatdo_item_top {max-width:100%; margin-bottom:1rem; box-sizing:border-box; padding-left:calc(50% + 0.8rem); padding-right:1rem} .index_whatdo_item_bottom {max-width:100%; box-sizing:border-box; padding-left:calc(50% + 0.8rem)} .index_whatdo_item_top .resident_foto {position:absolute; top:0; left:0; width:17rem; height:18rem} .section_index_whatdo {padding:2rem 1.2rem 4rem; box-sizing:border-box} } /* PAGE indexpage section_index_resident */ .section_index_resident {position:relative} .index_residents_flex {display:flex; justify-content:space-between; align-items:stretch; gap:0 1rem} .index_resident_col {width:20%; border-bottom:1px solid var(--c_default)} .index_resident_col_value {display:flex; justify-content:center; align-items:flex-start; margin-bottom:0.8rem} .index_resident_col_value:last-child {margin-bottom:0} .index_resident_col_value_left ,.index_resident_col_value_right {width:calc(50% - 0.8rem)} .index_resident_col_value_left {text-align:right; text-transform:uppercase} .index_resident_col_value_dot {flex-shrink:0; padding:0 0.1rem; min-width:1.6rem; text-align:center} .index_resident_col a {transition:0.4s opacity ease} .index_resident_colname {display:flex; align-items:center; gap:0 0.3rem; width:100%; padding-bottom:1rem; margin-bottom:0.6rem; border-bottom:1px solid var(--c_default)} .index_resident_col a span {transition:0.4s opacity ease} .index_resident_arrow {flex-shrink:0; width:2.2rem; height:2.2rem; background-image:url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.689941' width='20' height='20' rx='10' stroke='%23383535'/%3E%3Cpath d='M5 10.6899H15.5M15.5 10.6899L10 5.18994M15.5 10.6899L10 16.1899' stroke='black'/%3E%3C/svg%3E%0A"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain; border-radius:50%; transition:0.4s opacity ease; transition-property:opacity,transform, background; transform:translateY(0); transition-delay:0.0s} .index_resident_col_top {min-height:5.6rem; display:block; box-sizing:border-box; padding-bottom:1.5rem} .index_resident_col_values {margin-bottom:1.4rem} .index_resident_col_body {} .index_resident_col_bottom {font-weight:900; padding-bottom:0.6rem} .text_w_info {display:flex; align-items:center; gap:0 0.4rem; margin-bottom:0.2rem} .info_ico {background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.538 8.788V4.28H6.462V8.788H5.538ZM6 3.636C5.81333 3.636 5.67333 3.58933 5.58 3.496C5.48667 3.40267 5.44 3.26733 5.44 3.09C5.44 2.90333 5.48667 2.768 5.58 2.684C5.67333 2.59067 5.81333 2.544 6 2.544C6.14933 2.544 6.27533 2.59067 6.378 2.684C6.49 2.768 6.546 2.90333 6.546 3.09C6.546 3.27667 6.49 3.41667 6.378 3.51C6.27533 3.594 6.14933 3.636 6 3.636ZM6 11.77C5.20667 11.77 4.46 11.6207 3.76 11.322C3.06 11.0233 2.444 10.6127 1.912 10.09C1.38933 9.558 0.978667 8.942 0.68 8.242C0.381333 7.542 0.232 6.79533 0.232 6.002C0.232 5.19933 0.381333 4.45267 0.68 3.762C0.978667 3.062 1.38933 2.45067 1.912 1.928C2.444 1.396 3.06 0.980666 3.76 0.681999C4.46 0.383333 5.20667 0.233999 6 0.233999C6.80267 0.233999 7.54933 0.383333 8.24 0.681999C8.94 0.980666 9.55133 1.396 10.074 1.928C10.606 2.45067 11.0213 3.062 11.32 3.762C11.6187 4.45267 11.768 5.19933 11.768 6.002C11.768 6.79533 11.6187 7.542 11.32 8.242C11.0213 8.942 10.606 9.558 10.074 10.09C9.55133 10.6127 8.94 11.0233 8.24 11.322C7.54933 11.6207 6.80267 11.77 6 11.77ZM6 10.986C6.69067 10.986 7.33467 10.86 7.932 10.608C8.53867 10.3467 9.07067 9.98733 9.528 9.53C9.98533 9.07267 10.34 8.54533 10.592 7.948C10.8533 7.34133 10.984 6.69267 10.984 6.002C10.984 5.31133 10.8533 4.66733 10.592 4.07C10.34 3.46333 9.98533 2.93133 9.528 2.474C9.07067 2.01667 8.53867 1.662 7.932 1.41C7.33467 1.14867 6.69067 1.018 6 1.018C5.30933 1.018 4.66067 1.14867 4.054 1.41C3.45667 1.662 2.92933 2.01667 2.472 2.474C2.01467 2.93133 1.65533 3.46333 1.394 4.07C1.142 4.66733 1.016 5.31133 1.016 6.002C1.016 6.69267 1.142 7.34133 1.394 7.948C1.65533 8.54533 2.01467 9.07267 2.472 9.53C2.92933 9.98733 3.45667 10.3467 4.054 10.608C4.66067 10.86 5.30933 10.986 6 10.986Z' fill='%23383535'/%3E%3C/svg%3E%0A"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain; width:1.4rem; height:1.4rem} .text_w_info_head {font-weight:900} .url_w_arrow {display:flex; align-items:center; gap:0 0.4rem} .url_arrow {} .url_arrow::before {content:'→'; display:block} .index_resident_col_fix {display:none; border:0 !important} @media screen and (min-width:1025px) { .index_resident_col a:hover .index_resident_arrow {background-image:url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.189941' width='21' height='21' rx='10.5' fill='%23383535'/%3E%3Cpath d='M5 10.6899H15.5M15.5 10.6899L10 5.18994M15.5 10.6899L10 16.1899' stroke='%23F8F7F2'/%3E%3C/svg%3E%0A")} .index_resident_col a:hover span {opacity:0.6} .index_resident_col_values a:hover {opacity:0.6} }@media screen and (max-width:1300px) { .index_residents_flex {flex-wrap:wrap; gap:0 1rem} .index_resident_col {width:calc(33.33% - 1rem * 3 / 2)} .index_resident_col:nth-child(1),.index_resident_col:nth-child(2),.index_resident_col:nth-child(3) {margin-bottom:6.4rem} .index_resident_col_fix {display:flex} }@media screen and (max-width:1200px) {} @media screen and (max-width:1024px) {} @media screen and (max-width:980px) {} @media screen and (max-width:767px) { .index_residents_flex {flex-wrap:nowrap; gap:0 1rem} .index_resident_col {width:30rem; flex-shrink:0} .index_residents_flex {margin:0 calc(-1 * var(--container_padd)); overflow:auto; box-sizing:border-box; padding:0 var(--container_padd)} .index_resident_col,.index_resident_col:nth-child(1),.index_resident_col:nth-child(2),.index_resident_col:nth-child(3) {margin-bottom:1rem} .index_residents_flex_helper {position:relative} .index_residents_flex_helper::before {content:''; display:block; position:absolute; left:calc(-1 * var(--container_padd)); bottom:-1rem; right:calc(-1 * var(--container_padd)); height:2rem; background-color:var(--c_body); z-index:4} .section_index_resident::before {content:''; display:block; z-index:4; position:absolute; left:0; bottom:-0.2rem; right:0; height:1rem; background-color:var(--c_body)} .index_resident_col_fix {display:none} } /* PAGE indexpage section_index_territory */ .territory_accordeons {display:flex; width:100%; gap:0 0.8rem} .territory_accordeons .accordeon_head_name {cursor:pointer; transition:0.4s opacity ease; transition-property:opacity,transform; transform:translateY(0); transition-delay:0.0s} .territory_accordeons_col {width:calc(50% - 0.8rem)} .territory_accordeons .accordeon_body {display:flex; width:100%} .territory_accordeons .accordeon_body:first-child {border-top:1px solid var(--c_default)} .territory_accordeons .accordeon_body.closed .accordeon_place_bottom {display:none} .territory_accordeons .accordeon_body.closed .accordeon_place_right {display:none} .territory_accordeons .accordeon_body.closed .territory_accordeon_descr {display:none} .territory_accordeons .accordeon_body {padding:1.2rem 0} .territory_accordeons .accordeon_body.closed {padding:1.2rem 0 0} .territory_accordeons .accordeon_body.closed .accordeon_place_top .h3 {margin-bottom:0rem} .section_index_head a {transition:0.4s opacity ease; transition-property: opacity,transform; transform:translateY(0); transition-delay:0.0s; } @media screen and (min-width:1025px) { .territory_accordeons .accordeon_head_name:hover {opacity:0.6} .section_index_head a:hover {opacity:0.7} }@media screen and (max-width:1200px) {} @media screen and (max-width:1024px) {} @media screen and (max-width:980px) { .territory_accordeons {display:flex; width:100%; flex-direction:column} .territory_accordeons_col {width:100%} }@media screen and (max-width:767px) { .territory_accordeons {display:flex; width:100%; flex-direction:column} .territory_accordeons_col {width:100%} .territory_accordeons .accordeon_place_descr {flex-direction:column-reverse} .territory_accordeons .accordeon_place_right {width:100%; max-width:100rem; margin-bottom:1rem} .territory_accordeons .accordeon_body {padding-bottom:0.6rem} .territory_accordeons .accordeon_place_left {width:100%} .territory_accordeons .accordeon_place_bottom {display:flex; margin-bottom:0.8rem; margin-top:2rem; justify-content:flex-end} .section_index_territory {margin-bottom:0.6rem} .section_index_territory .section_index_head {margin-bottom:0.2rem} .territory_accordeons .accordeon_head_name.h3 {font-size:4.2rem} .territory_accordeons .territory_accordeons_col:last-child .accordeon_body:first-child {border-top:0} .territory_accordeons .territory_accordeons_col:last-child {margin-bottom:2.4rem} } /* PAGE Special */ .block_hr {width:100%; border-bottom:1px solid var(--c_border)} .block08 {height:0.8rem} .block16 {height:1.6rem} .block24 {height:2.4rem} .block32 {height:3.2rem} .block42 {height:4.2rem} .block48 {height:4.8rem} .widget-container img {display:inline !important; width:auto} .widget-container .container {max-width:unset; margin:0; padding:0} .wheel_info {position:fixed; z-index:10; left:0; top:0; width:40rem; background-color:#000; color:#fff; height:4rem} @media only screen and (max-width:1680px) and (min-width:768px) { .block08 {height:8px} .block16 {height:16px} .block24 {height:24px} .block32 {height:32px} .block42 {height:42px} .block48 {height:48px} }