* {margin:0; padding:0; outline:none}

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


body {background: #ffffff; overflow-x: hidden; overflow-x: none !important; z-index: 10000000;}
body.sss {overflow-x: hidden; overflow-x: none !important; z-index: 10000000; background: #ffffff; }
:focus-visible{ outline: 3px solid red; outline-offset: 3px; box-shadow: 0 0 0 4px red; z-index: 1000; }


@media screen and (min-width: 0px) and (max-width: 1024px)
{body::-webkit-scrollbar {display: none;}}

@media screen and (min-width: 1024.0001px) and (max-width: 99999px)
{body::-webkit-scrollbar {width: calc(0.32em + 0.32vw); background-color: #9e2d33;}}

body::-webkit-scrollbar-thumb {background-color: #9e2d33;}
body::-webkit-scrollbar-track {background-color: #fff;}



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

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

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


@font-face {
  font-display: swap; 
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/great-vibes-v21-cyrillic_latin-regular.woff2') format('woff2'), 
       url('fonts/great-vibes-v21-cyrillic_latin-regular.woff') format('woff'),
       url('fonts/great-vibes-v21-cyrillic_latin-regular.ttf') format('truetype'); 
}


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


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

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

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


/* ------ВМ----------- */  

.fixd {width: 100%; z-index: 999; position: sticky; top: 0;}

.pm { z-index: 1000; position: fixed; top: calc(2.51vw + 2.51vh + 2.51vmin); right: calc(0.01vw + 0.01vh + 0.01vmin);}
@media (orientation: portrait) and (min-width: 650px)
{.pm { z-index: 1000; position: fixed; top: calc(3.21vw + 3.21vh + 3.21vmin); right: calc(0.1vw + 0.1vh + 0.1vmin);}}

#poloski { flex:0 0 20%; right: 24%; position: absolute; padding: 1%; z-index: 1020; cursor: pointer; user-select: none; opacity: 1.0; 
 -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none;}

#poloski span {height: 5px; width: calc(4.11vw + 4.11vh + 4.11vmin);  background-color: #ffffff;  position: relative; display: block; transition: all 0.2s ease-in-out; }

@media (orientation: portrait) and (min-width: 650px)
{#poloski span {height: 8px; width: calc(4.11vw + 4.11vh + 4.11vmin); background-color: #ffffff;  position: relative; display: block; transition: all 0.2s ease-in-out; }}

#poloski span:before {top: -15px; visibility: visible;}
#poloski span:after {top: 15px;}

@media (orientation: portrait) and (min-width: 650px)
{#poloski span:before {top: -27px; visibility: visible;}}

@media (orientation: portrait) and (min-width: 650px)
{#poloski span:after {top: 27px;}}

#poloski span:before {height: 5px; left:-1px; width: calc(4.11vw + 4.11vh + 4.11vmin); background-color: #ffffff;  position: absolute; content: ""; transition: all 0.15s steps(6, end);}
#poloski span:after {height: 5px; left:-1px; width: calc(4.11vw + 4.11vh + 4.11vmin); background-color: #ffffff;  position: absolute; content: ""; transition: all 0.15s steps(6, end);}

@media (orientation: portrait) and (min-width: 650px)
{#poloski span:before {height: 8px; width: calc(4.11vw + 4.11vh + 4.11vmin); background-color: #ffffff;  position: absolute; content: ""; transition: all 0.15s steps(6, end);}}

@media (orientation: portrait) and (min-width: 650px)
{#poloski span:after {height: 8px; width: calc(4.11vw + 4.11vh + 4.11vmin); background-color: #ffffff;  position: absolute; content: ""; transition: all 0.15s steps(6, end);}}

#poloski:hover span, #poloski:hover span:before, #poloski:hover span:after {}
input[type=checkbox] {display: none;  }
input[type=checkbox]:checked ~ #soderzhimoe {visibility: visible;}
input[type=checkbox]:checked ~ #poloski:hover span, input[type=checkbox]:checked ~ #poloski span {background: transparent;}
input[type=checkbox]:checked ~ #poloski span:before {transform: rotate(45deg) translate(2.81vw, 2.81vw); opacity: 1.0; }
input[type=checkbox]:checked ~ #poloski span:after {transform: rotate(-45deg) translate(2.81vw, -2.81vw); opacity: 1.0;}
#poloski:before {content: ''; position: absolute; display: block; top: -25px; left: -25px; right: -25px; bottom: -25px;}
#soderzhimoe { visibility: hidden; position: fixed;  top: 0; left: 0;  z-index: 1019; background: rgba(158, 45, 51, 1.0);  width: 100%;  height: 100%;  overflow-x: hidden; overflow-x: none !important; overflow-y: scroll; }
#soderzhimoe.active {visibility: visible; }
#soderzhimoe ul {list-style-type: none; display: flex; flex-direction: column;  height: 100%; align-items: center; justify-content: center;}
#soderzhimoe ul li {padding: 0.8vh;}
#soderzhimoe ul li a {color:#fff;  color: #fff; font-family: 'Montserrat'; font-size: calc(1.65vw + 1.65vh + 1.65vmin);  text-decoration: none;}
#poloski{transform:scale(0.6);}

img.logo_menu { width:100%; }
img.logo_menu2 { width:100%; }

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


/* --ГМ-------------------------------------- */ 

@media (orientation: landscape) and (max-width: 1300px)
{.gmenu {position: absolute; top: calc(0.2vw + 0.2vh + 0.2vmin); left: 1%; width: 98%; height: 12%;  
display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: center; 
z-index: 1000;}}

@media (orientation: landscape) and (min-width: 1300.001px)
{.gmenu {position: absolute; top: calc(0.2vw + 0.2vh + 0.2vmin); left: 1%; width: 98%; height: 12%;  
display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: center; 
z-index: 1000; }}

@media (orientation: landscape) and (max-aspect-ratio: 1.34)
{.gmenu {position: absolute; top: calc(0.2vw + 0.2vh + 0.2vmin); left: 1%; width: 98%; height: 12%;  
display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: center; 
z-index: 1000;}}

/* ---------------------------------- */ 
img.logo {border-radius: calc(0.6vw + 0.6vh + 0.6vmin); width:25%; }

@media (orientation: landscape) and (max-width: 1300px)
{img.logo { width:31%; }}


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

.ol {width: 60%; flex: 0 1 auto; min-width: 0;}

@media (orientation: landscape) and (max-width: 1300px)
{.ol {width: 49%;}}

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

.ok {width: 15%; text-align: right;  }

@media (orientation: landscape) and (max-width: 1300px)
{.ok {width: 20%;}}

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

a.stroka {line-height:155%; white-space: nowrap; text-decoration: none; color: #000000; font-family: 'Montserrat'; font-size: calc(0.59vw + 0.59vh + 0.59vmin); letter-spacing: 0; transition: opacity 0.25s ease; }
a.stroka:hover {color: #9e2d33; }

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

a.ink {line-height:155%; white-space: nowrap;text-decoration: none; color: #000000; font-weight: bold; font-family: 'Montserrat'; font-size: calc(0.65vw + 0.65vh + 0.65vmin); letter-spacing: 0; transition: opacity 0.25s ease;}
a.ink:hover {color: #9e2d33; }

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

img.ic {width: 10%; vertical-align: -0.5vh;}

@media (orientation: landscape) and (max-aspect-ratio: 1.34)
{img.ic {width: 10%; vertical-align: -0.3vh;}}

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

img.icm {width: 10%; vertical-align: -60%;}

img.icmenu {width: 10%; vertical-align: -30%;}
/* ---------------------------------- */ 


img.icl {width: 3%; vertical-align: -1.5vh;}

@media (orientation: landscape) and (max-aspect-ratio: 1.34)
{img.icl {width: 3%; vertical-align: -0.6vh;}}

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

.dot_for_menu {text-decoration: none; color: #000; font-family: 'Montserrat'; font-size: calc(0.55vw + 0.55vh + 0.55vmin); letter-spacing: 0;  transition: opacity 0.25s ease;}

.big_stroka {position: relative; display: inline-block; }
.big_stroka > ul { }
.big_stroka > ul > li {position:relative;list-style: none; }
.big_stroka a, #big_stroka .current {display: block;}
.big_stroka a {position: relative; padding-top: calc(0.15vw + 0.15vh + 0.15vmin); padding-bottom: calc(0.15vw + 0.15vh + 0.15vmin); color: #000; font-family: 'Montserrat'; font-size: calc(0.55vw + 0.55vh + 0.55vmin); text-decoration: none;  letter-spacing: 0; opacity: 1; transition: opacity 0.25s ease;}
.big_stroka a:hover, #big_stroka a:focus { color: #9e2d33;}
.big_stroka .current {filter: drop-shadow(0 0 10px #ffffff); opacity: 1.0; text-shadow: 14px 12px 20px rgba(255,255,255, 1.0);}
.big_stroka > ul > li > ul {list-style: none;display: none; position:absolute;left:0;	right:0;top:100%;padding:0;	margin:0;border-radius: 1vh;
padding-bottom: calc(0.15vw + 0.15vh + 0.15vmin); padding-right: calc(0.4vw + 0.4vh + 0.4vmin);  padding-left: calc(0.4vw + 0.4vh + 0.4vmin);
backdrop-filter: blur(3.8px); background: rgba(0,0,0,0.02); opacity: 1.0; z-index: 1; width: fit-content; height: fit-content; width: 120%;}
.big_stroka > ul > li.open > ul {display:block;list-style: none; }
.big_stroka > ul > li > ul a{}
.arrow_down {vertical-align: -4%; font-size: 90%; opacity: 0.3; color: #000;}
/* ----------------------------------------- */ 


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

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

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


/* ---ФФ--------------------- */

@media (orientation: landscape)
{.granat_slider { margin-top: calc(3.4vw + 3.4vh + 3.4vmin); }}

@media (orientation: portrait)
{.granat_slider { margin-top:0;}}

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

@media (orientation: landscape) 
{.ph_container {text-align: center; border: 0; border: none;  height: 85vh;  width: 100%;}}

@media (orientation: landscape)
{.ph_container img {height: 100%; width:auto;  object-fit: cover;  background-position: center; background-size: cover; background-attachment:fixed;
position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; image-rendering: optimizeQuality; cursor: grab; }}

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

@media (orientation: portrait)
{.ph_container {text-align: center; border: 0; border: none; height: 89.5vh; width: 100%;border: 0px solid red; }}

@media (orientation: portrait) and (min-width: 650px)
{.ph_container {text-align: center; border: 0; border: none; height: 83.5vh; width: 100%;border: 0px solid red; }}

@media (orientation: portrait)
{.ph_container img {height: 100%; width:auto;  object-fit: cover;  background-position: center; background-size: cover; background-attachment:fixed;
position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; image-rendering: optimizeQuality; cursor: grab; border-radius: none;}}

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

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

.ph_slide {text-align: center; width: calc(12.4vw + 12.4vh + 12.4vmin); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center; align-items: center;}

@media (max-width: 767px) and (orientation: portrait)
{.ph_slide {width: calc(21.4vw + 21.4vh + 21.4vmin);}}

@media (min-width: 767px) and (orientation: portrait)
{.ph_slide {text-align: center; width: calc(12.4vw + 12.4vh + 12.4vmin); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center; align-items: center;}}

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

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

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

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

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

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

@media (orientation: landscape)
{.opisanie {color: #fff; font-family: 'Great Vibes'; font-size: calc(1.6vw + 1.6vh + 1.6vmin); text-align: right; letter-spacing: 0.023em; padding-bottom: 1.25%;  padding-top: 1.25%; padding-right: 2%; padding-left: 2%; background: rgba(0,0,0,0.52); position: absolute; left: 2%; bottom: 2%; z-index:100; border-radius: calc(0.6vw + 0.6vh + 0.6vmin);}}

@media (orientation: portrait)
{.opisanie{width: 85%; position: absolute; left: 2.5%; right: 2.5%;bottom: 5%; z-index:100; color: #ffffff; letter-spacing: 0.023em; font-family: 'Great Vibes'; font-size: calc(2.0vw + 2.0vh + 2.0vmin); text-align: left; padding-bottom: 5%;  padding-top: 5%; padding-right: 5%; padding-left: 5%; background: rgba(0,0,0,0.52); border-radius: calc(2.6vw + 2.6vh + 2.6vmin);}}

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

/* -----МБ-------------------------------------- */ 

@media (orientation: landscape) and (max-width: 1300px)
{.mybox_3 {width: 98%;  text-align:left;}}

@media (orientation: landscape) and (min-width: 1300.001px)
{.mybox_3 {width: 90%;   text-align:left;}}

@media (orientation: landscape) and (max-aspect-ratio: 1.34)
{.mybox_3 {width: 98%;  text-align:left;}}

@media (orientation: portrait)
{.mybox_3 {width: 100%;  text-align:center;}}

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

@media (orientation: landscape)
{.text_first  {padding-top: calc(1.8vw + 1.8vh + 1.8vmin);  color: #9e2d33; font-family: 'Roboto'; font-weight: 900; font-size: calc(1.1vw + 1.1vh + 1.1vmin); letter-spacing: 0.01em;}}

@media (orientation: portrait)
{.text_first  {padding-top: calc(2.1vw + 2.1vh + 2.1vmin); color: #9e2d33; font-family: 'Roboto'; font-weight: 900; font-size: calc(1.6vw + 1.6vh + 1.6vmin); letter-spacing: 0.01em;}}

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

@media (orientation: landscape)
{.text_second {color: #302d32; font-family: 'Roboto'; font-weight: 900;  font-size: calc(0.7vw + 0.7vh + 0.7vmin);}}

@media (orientation: portrait)
{.text_second {color: #302d32; font-family: 'Roboto'; font-weight: 900;  font-size: calc(1.3vw + 1.3vh + 1.3vmin); text-align: justify; padding-left: calc(1.1vw + 1.1vh + 1.1vmin); padding-right: calc(1.1vw + 1.1vh + 1.1vmin); }}

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

@media (orientation: landscape)
{img.photo_box {opacity: 0.9; transition: opacity 0.5s ease; width:40%; margin-left:  calc(1.5vw + 1.5vh + 1.5vmin);float: right; padding: calc(0.5vw + 0.5vh + 0.5vmin); vertical-align: middle; border-radius: calc(0.99vw + 0.99vh + 0.99vmin); border: calc(0.99vw + 0.99vh + 0.99vmin) ridge rgba(136,162,190, 0.19);}}

@media (orientation: portrait)
{img.photo_box {opacity: 0.9; transition: opacity 0.5s ease; width:100%; margin-left:  0; float: none; padding: 0;  border-radius: 0; border: 0;}}

img.photo_box:hover {opacity: 1.0; cursor: zoom-in; transition: opacity 0.5s ease; } 


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

@media (orientation: landscape)
{img.photo_box2 {opacity: 0.9; transition: opacity 0.5s ease; width:40%; margin-right:  calc(1.5vw + 1.5vh + 1.5vmin);float: left; padding: calc(0.5vw + 0.5vh + 0.5vmin); vertical-align: middle; border-radius: calc(0.99vw + 0.99vh + 0.99vmin); border: calc(0.99vw + 0.99vh + 0.99vmin) ridge rgba(136,162,190, 0.19);}}

@media (orientation: portrait)
{img.photo_box2 {opacity: 0.9; transition: opacity 0.5s ease; width:100%; margin-left:  0; float: none; padding: 0;  border-radius: 0; border: 0;}}

img.photo_box2:hover {opacity: 1.0; cursor: zoom-in; transition: opacity 0.5s ease; } 


/* ----Уютный мир---------------------------------------------------------------------- */ 

@media (orientation: landscape)
{.text_third  {padding-top: calc(1.8vw + 1.8vh + 1.8vmin);  color: #9e2d33; font-family: 'Roboto'; font-weight: 900; font-size: calc(1.2vw + 1.2vh + 1.2vmin); letter-spacing: 0.01em;}}

@media (orientation: portrait)
{.text_third  {padding-top: calc(2.1vw + 2.1vh + 2.1vmin); color: #9e2d33; font-family: 'Roboto'; font-weight: 900; font-size: calc(1.7vw + 1.7vh + 1.7vmin); letter-spacing: 0.01em; text-align: center;  padding-right: calc(2.1vw + 2.1vh + 2.1vmin);}}

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

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

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

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

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

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

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

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

.myslide:hover .myslide_img img {transform: scale(1.1, 1.1); opacity: 0.92;}
.myslide .myslide_cont {background: #ffffff;  padding: calc(0.5vw + 0.5vh + 0.5vmin) calc(0.9vw + 0.9vh + 0.9vmin) calc(0.9vw + 0.9vh + 0.9vmin) calc(0.9vw + 0.9vh + 0.9vmin); border-radius: 15px;}

.myslide .myslide_cont.av {background: #ffffff; padding: calc(0.25vw + 0.25vh + 0.25vmin) calc(0.9vw + 0.9vh + 0.9vmin) calc(0.9vw + 0.9vh + 0.9vmin) calc(0.9vw + 0.9vh + 0.9vmin); border-radius: 15px;}

.myslide .myslide_title a { text-decoration: none; color: #000; opacity: 0.7; font-family: 'Roboto'; font-weight: 900; font-size: calc(1.2vw + 1.2vh + 1.2vmin); letter-spacing: 0.01em;}

@media (max-width: 767px) and (orientation: portrait)
{.myslide .myslide_title a { color: #000; opacity: 0.7; font-family: 'Roboto'; font-weight: 900; font-size: calc(1.8vw + 1.8vh + 1.8vmin); letter-spacing: 0.01em;}}

.myslide .myslide_title a:hover {text-decoration: none; cursor:text; color: #000; opacity:0.6;}

.myslide .myslide_opis {color: #000; font-family: 'Roboto'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); 
 opacity: 0.66;  margin-bottom: calc(0.45vw + 0.45vh + 0.45vmin); margin-top: calc(0.45vw + 0.45vh + 0.45vmin);}

@media (max-width: 767px) and (orientation: portrait)
{.myslide .myslide_opis {color: #000; font-family: 'Roboto'; font-size: calc(1.3vw + 1.3vh + 1.3vmin); 
 opacity: 0.66;  margin-bottom: calc(0.45vw + 0.45vh + 0.45vmin); margin-top: calc(0.45vw + 0.45vh + 0.45vmin); }}

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

.adding {box-shadow: 0px 14px 22px -9px #ffeeef; }
.adding7 {box-shadow: none; }

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


/* -----О проекте------------------------------- */ 

@media (orientation: landscape) and (max-width: 1300px)
{.mybox_4 {width: 98%;  text-align:justify;}}

@media (orientation: landscape) and (min-width: 1300.001px)
{.mybox_4 {width: 90%;   text-align:justify;}}

@media (orientation: landscape) and (max-aspect-ratio: 1.34)
{.mybox_4 {width: 98%;  text-align:justify;}}

@media (orientation: portrait)
{.mybox_4 {width: 100%;  text-align:left; }}

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

@media (orientation: landscape)
{img.photo_box3 {float: right;width:30%; opacity: 0.9; margin-left:  calc(1.5vw + 1.5vh + 1.5vmin); padding: calc(0.25vw + 0.25vh + 0.25vmin); border-radius: calc(0.49vw + 0.49vh + 0.49vmin); border: calc(0.49vw + 0.49vh + 0.49vmin) ridge rgba(136,162,190, 0.19); transition: opacity 0.5s ease;}}

@media (orientation: portrait)
{img.photo_box3 {opacity: 0.9; transition: opacity 0.5s ease; width:95%; margin: 0;  float: none; padding: 0; padding-left: 2.5%; border: 0; border-radius: 20px;}}

img.photo_box3:hover {opacity: 1.0; cursor: zoom-in; transition: opacity 0.5s ease; } 

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

@media (orientation: landscape)
{.text_4  {padding-top: calc(1.8vw + 1.8vh + 1.8vmin);  color: #9e2d33; font-family: 'Roboto'; font-weight: 900; font-size: calc(1.45vw + 1.45vh + 1.45vmin); letter-spacing: 0.01em;}}

@media (orientation: portrait)
{.text_4  {padding-top: calc(2.1vw + 2.1vh + 2.1vmin); color: #9e2d33; font-family: 'Roboto'; font-weight: 900; font-size: calc(1.85vw + 1.85vh + 1.85vmin); letter-spacing: 0.01em; text-align: center;  }}

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

@media (orientation: landscape)
{.text_fiver  {padding-top: calc(0.8vw + 0.8vh + 0.8vmin);  color: #000;  font-family: 'Roboto'; font-weight: 400; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: 0.01em;}}

@media (orientation: portrait)
{.text_fiver  {padding-top: calc(2.1vw + 2.1vh + 2.1vmin); color: #000;  font-family: 'Roboto'; font-weight: 400; font-size: calc(1.4vw + 1.4vh + 1.4vmin); letter-spacing: 0.01em; padding-left: calc(1.1vw + 1.1vh + 1.1vmin); padding-right: calc(1.1vw + 1.1vh + 1.1vmin); text-align: justify; }}

/* -------------------------------------------------------------------------- */ 
@media (orientation: landscape)
{img.photo_box4 {float: left; width:40%; opacity: 0.9; margin-right:  calc(1.5vw + 1.5vh + 1.5vmin); padding: calc(0.25vw + 0.25vh + 0.25vmin); border-radius: calc(0.49vw + 0.49vh + 0.49vmin); border: calc(0.49vw + 0.49vh + 0.49vmin) ridge rgba(136,162,190, 0.19); transition: opacity 0.5s ease;}}

@media (orientation: portrait)
{img.photo_box4 {opacity: 0.9; transition: opacity 0.5s ease; width:95%; margin: 0;  float: none; padding: 0; padding-left: 2.5%; border: 0; border-radius: 20px;}}

img.photo_box4:hover {opacity: 1.0; cursor: zoom-in; transition: opacity 0.5s ease; } 

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

/* ---Планировки, поэтажные планы------------------------------------------------------------- */ 

@media (orientation: landscape) and (max-width: 1300px)
{.plans {width: 98%; display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: center; 
z-index: 1000; border: 0px solid red;}}

@media (orientation: landscape) and (min-width: 1300.001px)
{.plans {width: 90%; display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: center; 
z-index: 1000;border: 0px solid red; }}


@media (orientation: landscape) and (max-aspect-ratio: 1.34)
{.plans {width: 98%; display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: center; 
z-index: 1000; border: 0px solid red;}}

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

@media (orientation: landscape)
{img.kvplan {width:100%; opacity: 0.9; border: 0; }}

@media (orientation: portrait)
{img.kvplan {opacity: 0.9; transition: opacity 0.5s ease; width:95%; margin: 0;  float: none; padding: 0; padding-left: 2.5%; border: 0; border-radius: 20px;}}

img.kvplan:hover {opacity: 1.0; cursor: zoom-in; transition: opacity 0.5s ease; } 

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

@media (orientation: landscape)
{.text_seven  {padding-top: calc(0.8vw + 0.8vh + 0.8vmin);  color: #3a3a3a;  font-family: 'Roboto'; font-weight: 900; font-size: calc(0.8vw + 0.8vh + 0.8vmin); letter-spacing: 0.01em;}}

@media (orientation: portrait)
{.text_seven  {padding-top: calc(2.1vw + 2.1vh + 2.1vmin); color: #3a3a3a;  font-family: 'Roboto'; font-weight: 900; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: 0.01em; padding-left: calc(1.1vw + 1.1vh + 1.1vmin); padding-right: calc(1.1vw + 1.1vh + 1.1vmin);}}
/* -------------------------------------------------------------- */ 

@media (orientation: landscape)
{.text_eight  {padding-top: calc(0.8vw + 0.8vh + 0.8vmin);  color: #3a3a3a;  font-family: 'Roboto'; font-weight: 400; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: 0.01em;}}

@media (orientation: portrait)
{.text_eight  {padding-top: calc(2.1vw + 2.1vh + 2.1vmin); color: #3a3a3a;  font-family: 'Roboto'; font-weight: 400; font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0.01em; padding-left: calc(1.1vw + 1.1vh + 1.1vmin); padding-right: calc(1.1vw + 1.1vh + 1.1vmin);}}

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

/* ---4 фото-------------------- */

@media (orientation: landscape)
{img.mini {width:88%; opacity: 1.0; padding: 2%; border-radius: calc(0.29vw + 0.29vh + 0.29vmin); border: calc(0.29vw + 0.29vh + 0.29vmin) ridge rgba(136,162,190, 0.19);}}

@media (orientation: portrait)
{img.mini { opacity: 1.0; transition: opacity 0.5s ease; width:100%; padding-bottom: 3%; border: 0; border-radius: none;}}

img.mini:hover {opacity: 0.92; cursor: zoom-in; transition: opacity 0.5s ease; } 

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

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

@media (orientation: landscape)
{img.photo_box7 {float: left; width:30%; opacity: 0.9; margin-right:  calc(1.5vw + 1.5vh + 1.5vmin); padding: calc(0.25vw + 0.25vh + 0.25vmin); border-radius: calc(0.49vw + 0.49vh + 0.49vmin); border: calc(0.49vw + 0.49vh + 0.49vmin) ridge rgba(136,162,190, 0.19); transition: opacity 0.5s ease;}}

@media (orientation: portrait)
{img.photo_box7 {opacity: 0.9; transition: opacity 0.5s ease; width:100%; margin: 0;  float: none; padding: 0; border: 0; border-radius: none;}}

img.photo_box7:hover {opacity: 1.0; cursor: zoom-in; transition: opacity 0.5s ease; } 

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

@media (orientation: landscape)
{.text_contacts {color: #302d32; font-family: 'Roboto'; font-weight: 900;  font-size: calc(0.7vw + 0.7vh + 0.7vmin);}}

@media (orientation: portrait)
{.text_contacts {color: #302d32; font-family: 'Roboto'; font-weight: 900;  font-size: calc(1.3vw + 1.3vh + 1.3vmin); text-align: center; padding-left: calc(1.1vw + 1.1vh + 1.1vmin); padding-right: calc(1.1vw + 1.1vh + 1.1vmin); }}

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

@media (orientation: landscape)
{a.contact_links  {border-bottom: 1px transparent; text-decoration: none; color: #9e2c32;  font-family: 'Roboto'; font-weight: 900;  font-size: calc(0.75vw + 0.75vh + 0.75vmin);}}

@media (orientation: portrait)
{a.contact_links  {border-bottom: 1px transparent;text-decoration: none;  color: #9e2c32;  font-family: 'Roboto'; font-weight: 900; font-size: calc(1.6vw + 1.6vh + 1.6vmin); text-align: justify; padding-left: calc(1.1vw + 1.1vh + 1.1vmin); padding-right: calc(1.1vw + 1.1vh + 1.1vmin); }}

a.contact_links:hover {color: #787878;}


@media (orientation: landscape)
{.ctac  {border-bottom: 1px transparent; text-decoration: none; color: #9e2c32;  font-family: 'Roboto'; font-weight: 900;  font-size: calc(0.75vw + 0.75vh + 0.75vmin);}}

@media (orientation: portrait)
{.ctac  {border-bottom: 1px transparent;text-decoration: none;  color: #9e2c32;  font-family: 'Roboto'; font-weight: 900; font-size: calc(1.6vw + 1.6vh + 1.6vmin); text-align: justify; padding-left: calc(1.1vw + 1.1vh + 1.1vmin); padding-right: calc(1.1vw + 1.1vh + 1.1vmin); }}


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

img.mx {width: calc(1.2vw + 1.2vh + 1.2vmin); vertical-align: -47%; opacity: 0.9;}

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

img.mx:hover {opacity: 1.0;}

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

@media (orientation: landscape)
{.material-symbols-outlined2 { font-family: 'Material Symbols Outlined';  font-size: calc(1.2vw + 1.2vh + 1.2vmin); color: #787878; vertical-align: -25%;}}

@media (orientation: portrait)
{.material-symbols-outlined2 { font-family: 'Material Symbols Outlined';  font-size: calc(2.4vw + 2.4vh + 2.4vmin); padding: 0;color: #787878; vertical-align: -27%;}}

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


/* ---Информация о застройщике------------------------------------------- */ 

@media (orientation: landscape)
{img.logofoot {width:20%; border: 0;}}

@media (orientation: portrait)
{img.logofoot {width:80%; padding-left: 4%; border: 0;}}

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

@media (orientation: landscape)
{.material-symbols-outlined { font-family: 'Material Symbols Outlined';  font-size: calc(0.55vw + 0.55vh + 0.55vmin); }}

@media (orientation: portrait)
{.material-symbols-outlined { display: none;}}

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

@media (orientation: landscape)
{.text_foot  {color: #000;  font-family: 'Roboto'; font-weight: 900; font-size: calc(0.65vw + 0.65vh + 0.65vmin); letter-spacing: 0.001em;}}

@media (orientation: portrait)
{.text_foot  {color: #302d32; font-family: 'Roboto'; font-weight: 900;  font-size: calc(1.3vw + 1.3vh + 1.3vmin); text-align: justify; padding-left: calc(1.1vw + 1.1vh + 1.1vmin); padding-right: calc(1.1vw + 1.1vh + 1.1vmin);}}

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

@media (orientation: landscape)
{a.stroy_links  {border-bottom: 1px transparent; text-decoration: none; color: #9e2c32;  font-family: 'Roboto'; font-weight: 900; font-size: calc(0.65vw + 0.65vh + 0.65vmin); letter-spacing: 0.01em;}}

@media (orientation: portrait)
{a.stroy_links  {border-bottom: 1px transparent;text-decoration: none;  color: #9e2c32;  font-family: 'Roboto'; font-weight: 900; font-size: calc(1.3vw + 1.3vh + 1.3vmin);}}

a.stroy_links:hover {border-bottom: 1px solid #9e2c32;}

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

@media (orientation: landscape)
{.text_foot2  {color: #5d5d5d;  font-family: 'Roboto'; font-weight: 400; font-size: calc(0.5vw + 0.5vh + 0.5vmin); letter-spacing: 0.01em; }}

@media (orientation: portrait)
{.text_foot2  {color: #5d5d5d;  font-family: 'Roboto'; font-weight: 400; font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0.01em; padding-left: calc(1.1vw + 1.1vh + 1.1vmin); padding-right: calc(1.1vw + 1.1vh + 1.1vmin); }}


@media (orientation: landscape)
{a.att2  {color: #5d5d5d; text-decoration: none; border-bottom: calc(0.01vw + 0.01vh + 0.01vmin) solid rgba(0,0,0, 0.6); font-family: 'Roboto'; font-weight: 400; font-size: calc(0.5vw + 0.5vh + 0.5vmin); letter-spacing: 0.01em; }}

@media (orientation: portrait)
{a.att2  {color: #5d5d5d;  text-decoration: none;border-bottom: calc(0.01vw + 0.01vh + 0.01vmin) solid rgba(0,0,0, 0.6); font-family: 'Roboto'; font-weight: 400; font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0.01em;  }}

a.att2:hover {color: #000; border-bottom: calc(0.01vw + 0.01vh + 0.01vmin) solid rgba(0,0,0, 1.0);}


@media (orientation: landscape)
{.text_mis  { color: #000;  font-family: 'Roboto'; font-weight: 400; font-size: calc(0.7vw + 0.7vh + 0.7vmin); letter-spacing: 0.01em;}}

@media (orientation: portrait)
{.text_mis  { color: #000;  font-family: 'Roboto'; font-weight: 400; font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0.01em; padding-left: calc(1.1vw + 1.1vh + 1.1vmin); padding-right: calc(1.1vw + 1.1vh + 1.1vmin);}}



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

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