/*@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap');*/
@import url('../fonts2/stylesheet.css');
html,body {
width:100%;
min-height:100vh;
scroll-behavior: smooth;
font-family:'Montserrat2';
}
body {
display:flex;
flex-direction:column;
max-width:1920px;
margin:0px auto 0px auto;
min-height: calc(var(--vh, 1vh) * 100);
}
main {
flex:1;
margin:60px 0px 0px 0px;
margin:0px 0px 0px 0px;
transition:margin 0.5s ease-in-out;
}
main[fullscr-mg] {
margin:0px 0px 0px 0px;
//height:100vh;
transition:all 0.5s;
}
main[no-main-screen] {
padding:60px 0px 0px 0px;
}
/* header */
header {
position:fixed;
width:100%;
top:0px;
height:60px;
background-color:transparent;
z-index:9;
transition:top 0.5s ease-in-out;
max-width:1920px;
//box-shadow:0px 2px 5px 1px rgba(0,0,0,0.1);
background-color:rgba(255,255,255,var(--header_opacity));
}
header[open] {
height:100vh;
background-color:white;
}
header[fullscr-mg] {
top:-60px;
transition:all 0.5s;
}
[main-logo] {
cursor:pointer;
}
header[shadow] {
box-shadow:0px 0px 5px 2px rgba(197,197,197,calc(var(--header_opacity)/2)) !important;
z-index:20;
}
header > ul {
display:flex;
margin:0px 60px 0px 60px;
justify-content:space-between;
align-items:center;
align-content:center;
height:100%;
position:relative;
}
header > ul > li:nth-of-type(1) {
flex:0 0 228px;
height:100%;
display:flex;
justify-content:flex-start;
align-items:center;
}
header > ul > li:nth-of-type(1) > a {
position:relative;
display:flex;
width:100%;
height:100%;
justify-content:flex-start;
align-items:center;
}
header > ul > li:nth-of-type(1) img {
transform:translate3d(0px,5px,0px);
width:227px;
height:32px;
}
header > ul > li:nth-of-type(2) {
flex:1;
font-size:14px;
text-transform:uppercase;
}
header > ul > li:nth-of-type(2) > ul > li[hide] {
display:none;
}
header > ul > li:nth-of-type(9) {
display:none;
}
header > ul > li:nth-of-type(2) a {
font-weight:700;
}
header > ul > li > span:nth-of-type(1) {
display:none;
color:#7f7f7f;
font-size:18px;
font-weight:500;
text-transform: uppercase;
}
header > ul > li:nth-of-type(2) > ul {
display:flex;
justify-content:space-around;
justify-content:space-evenly;
}
header > ul > li:nth-of-type(3) {
position:absolute;
left:0px;
top:calc(60px + 50px);
}
header > ul > li:nth-of-type(4) {
position:absolute;
left:calc(50% + 60px);
top:calc(60px + 50px);
}
header > ul > li:nth-of-type(5) {
display:block;
flex:0 0 200px;
height:100%;
/*background-image:url(../images/icon_cards.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
display:flex;
justify-content:center;
align-items:center;*/
}
header > ul > li:nth-of-type(6) {
display:block;
flex:0 0 200px;
margin:0px 0px 0px 0px;
height:100%;
text-align:center;
font-size:20px;
font-weight:700;
display:flex;
justify-content:center;
align-items:center;
}
header > ul > li:nth-of-type(6) > a {
color:var(--header_text_color);
text-decoration:none;
}
header[open] > ul > li:nth-of-type(6) > a {
color:black;
}
header > ul > li a {
text-decoration:none;
color:var(--header_text_color);
font-weight:500;
}
header[open] > ul > li a {
color:black;
}
header[open] > ul > li:nth-of-type(3), header[open] > ul > li:nth-of-type(4), header[open] > ul > li:nth-of-type(2) {
position:relative;
display:inline;
left:auto;
top:auto;
display:none;
}
header > ul > li:nth-of-type(3) > ul, header > ul > li:nth-of-type(4) > ul {
display:none;
}
header[open] > ul > li:nth-of-type(3) > ul, header[open] > ul > li:nth-of-type(4) > ul {
display:inline;
}
header > ul > li > span:nth-of-type(2) {
display:block;
width:60px;
height:60px;
cursor:pointer;
}
header[open] > ul > li > span:nth-of-type(2) {
display:none;
}
header > ul > li:nth-of-type(8), header > ul > li:nth-of-type(7) {
height:100%;
display:flex;
justify-content:center;
align-items:center;
}
header > ul > li:nth-of-type(8) > span, header > ul > li:nth-of-type(7) > a, header > ul > li:nth-of-type(7) > span[main-bron] {
display:block;
width:210px;
height:40px;
line-height:40px;
margin:0px 0px 0px 30px;
border:1px solid var(--header_text_color);
font-size:12px;
text-transform:uppercase;
text-align:center;
background-repeat:no-repeat;
user-select:none;
cursor:pointer;
color:var(--header_text_color);
}
header[open] > ul > li:nth-of-type(8) > span, header[open] > ul > li:nth-of-type(7) > a, header[open] > ul > li:nth-of-type(7) > span[main-bron] {
color:black;
}
header > ul > li:nth-of-type(8) > span > span, header > ul > li:nth-of-type(7) > a > span, header > ul > li:nth-of-type(7) > a > span, header > ul > li:nth-of-type(7) > span[main-bron] > span {
font-weight:500;
font-size:14px;
text-transform:uppercase;
}
header > ul > li:nth-of-type(7) > a, header > ul > li:nth-of-type(7) > span[main-bron] {
background-position:20px 50%;
padding-left:20px;
}
header > ul > li:nth-of-type(7) > a[white], header > ul > li:nth-of-type(7) > span[main-bron][white] {
background-image:url(../images/icon_bron_white.png);
}
header > ul > li:nth-of-type(7) > a[black], header > ul > li:nth-of-type(7) > span[main-bron][black] {
background-image:url(../images/icon_bron_black.webp);
}
header[open] > ul > li:nth-of-type(7) > a {
background-image:url(../images/icon_bron_black.webp);
border:1px solid black;
}
header > ul > li:nth-of-type(8) > span {
background-position:17px 50%;
padding-left:20px;
}
header > ul > li:nth-of-type(8) > span[white] {
background-image:url(../images/icon_lk_white.png);
}
header > ul > li:nth-of-type(8) > span[black] {
background-image:url(../images/icon_lk_black50.webp);
}
header[open] > ul > li:nth-of-type(8) > span {
background-image:url(../images/icon_lk_black50.webp);
border:1px solid black;
}
header[open] > ul > li:nth-of-type(7) > span[main-bron] {
background-image:url(../images/icon_bron_black.webp);
border:1px solid black;
}
header > ul > li:nth-of-type(8) > span:active, header > ul > li:nth-of-type(7) > a:active, header > ul > li:nth-of-type(7) > span[main-bron]:active {
transform:translate3d(1px,1px,0px);
}
header[open] > ul {
align-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}
header[open] > ul > li:nth-of-type(1) {
order:-10;
flex:1;
height:100%;
display:flex;
justify-content:flex-start;
align-items:center;
}
header[open] > ul > li:nth-of-type(5), header[open] > ul > li:nth-of-type(6) {
order:-5;
}
header[open] > ul > li:nth-of-type(8), header[open] > ul > li:nth-of-type(7) {
order:-5;
}
header[open] > ul > li:nth-of-type(9) {
display:block;
flex:0 0 100%;
order:-1;
}
header[open] > ul {
justify-content:space-around;
justify-content:space-evenly;
}
header[open] > ul > li:nth-of-type(2) > ul {
display:inline;
}
header[open] > ul > li > span:nth-of-type(1) {
display:block;
margin:0px 0px 0px 5px;
}
[mn1] {
display:none;
}
header[open] [mn1] {
display:list-item;
}
header[open] > ul > li:nth-of-type(2), header[open] > ul > li:nth-of-type(3), header[open] > ul > li:nth-of-type(4) {
flex:0 0 calc(100%/3 - 150px);
margin:60px 0px 0px 0px;
color:#262626;
font-size:24px;
text-transform:uppercase;
}
header[open] > ul > li > ul > li {
margin:0px 0px 40px 0px;
}
header[open] > ul > li > ul > li > a {
border-bottom:1px solid #7f7f7f;
font-weight:500;
}
header[open] > ul > li:nth-of-type(2) {
order:10;
}
[bu2] {
display:flex;
flex:0 0 0px;
height:100%;
order:-20;
transition: flex 0.5s ease-in-out;
justify-content:flex-start;
align-items:center;
user-select:none;
}
header[open] [bu2], [bu2][move] {
flex:0 0 120px;
}
[bu2] > div {
display:block;
width:0px;
height:0px;
background-color:white;
opacity:0;
transition:width 0.5s ease-in-out, height 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
header[open] [bu2] > div, [bu2][move] > div {
width:40px;
height:40px;
opacity:1;
cursor:pointer;
box-shadow:0px 1px 10px 1px rgba(197,197,197,0.3);
display:flex;
justify-content:center;
align-items:center;
}
header[open] [bu2] > div:hover, [bu2][move] > div:hover {
box-shadow:0px 1px 10px 1px rgba(197,197,197,0.45);
}
header[open] [bu2] > div > div, [bu2][move] > div > div {
position:relative;
width:28px;
height:3px;
background-color:#55ae16;
}
header[open] [bu2] > div > div:after, header[open] [bu2] > div > div:before, [bu2][move] > div > div:after, [bu2][move] > div > div:before {
content:"";
position:absolute;
width:28px;
height:3px;
background-color:#55ae16;
left:0px;
}
[bu2][move] > div > div:after {
top:-10px;
}
[bu2][move] > div > div:before {
top:10px;
}
header[open] [bu2] > div > div, header[open] [bu2][move] > div > div {
transform:rotate(45deg);
transform-origin:50% 50%;
}
header[open] [bu2][move] > div > div:after, header[open] [bu2][move] > div > div:before {
top:0px;
transform:rotate(-90deg);
}
[bu2][move] > div:active {
transform:translate3d(1px,1px,0px);
}
[zavesa] {
position:fixed;
left:0px;
top:60px;
width:100%;
height:calc(100vh - 60px);
background-color:white;
z-index:999;
opacity:1;
transition:opacity 0.5s ease-in-out;
}
[zavesa][move] {
opacity:0;
}
@media screen and (max-width: 1400px) {
[zavesa] {
top:60px;
height:calc(100vh - 60px);
}
}
@media screen and (max-width: 1700px) {
header > ul, header[open] > ul {
margin:0px 20px 0px 20px;
}
header[open] [bu2], [bu2][move] {
flex:0 0 80px !important;
}
header > ul > li:nth-of-type(8) > span {
width:45px;
background-position:50% 50%;
}
header > ul > li:nth-of-type(8) > span > span {
width:50px;
display:none;
}
}
@media screen and (max-width: 1550px) {
header > ul > li:nth-of-type(5) {
display:none;
}
}
@media screen and (max-width: 1400px) {
header > ul > li:nth-of-type(1) {
flex:1;
}
header > ul > li:nth-of-type(2) {
display:none;
}
main {
margin:60px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
header {
height:60px;
}
header[fullscr] {
top:-60px;
transition:all 0s;
}
header > ul > li:nth-of-type(3) {
top:calc(60px + 50px);
}
header > ul > li:nth-of-type(4) {
top:calc(60px + 50px);
}
header > ul > li:nth-of-type(8) > span, header > ul > li:nth-of-type(7) > a, header > ul > li:nth-of-type(7) > span[main-bron] {
margin:0px 0px 0px 5px;
}
header > ul > li:nth-of-type(7) > a, header > ul > li:nth-of-type(7) > span[main-bron] {
height:40px;
line-height:40px;
}
header > ul > li:nth-of-type(8) > span {
width:40px;
height:40px;
}
header[open] [bu2], [bu2][move] {
flex:0 0 60px !important;
}
header[open] [bu2] > div, [bu2][move] > div {
width:40px;
height:40px;
}
}
@media screen and (max-width: 1100px) {
header > ul, header[open] > ul {
margin:0px 5px 0px 5px;
}
}
[li-pr] {
line-height:calc( (100vw - 320px)/(1920 - 320) * (32 - 22) + 22px) !important;
}
@media screen and (max-width: 950px) {
header > ul > li:nth-of-type(7) > a, header > ul > li:nth-of-type(7) > span[main-bron] {
position:relative;
width:84px;
padding:0px 0px 0px 0px;
font-size:12px;
background-position:5px 50%;
}
header > ul > li:nth-of-type(7) > a:before, header > ul > li:nth-of-type(7) > span[main-bron]:before {
content:"БРОНЬ";
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
text-align:left;
padding:0px 0px 0px 29px;
}
header > ul > li:nth-of-type(7) > a > span, header > ul > li:nth-of-type(7) > span[main-bron] > span {
display:none;
}
header > ul > li:nth-of-type(1) {
height:60px;
display:block;
position:relative;
}
header > ul > li:nth-of-type(1):before {
content:"";
position:absolute;
width:112px;
height:23px;
left:0px;
top:12px;
background-size:153px 23px;
}
header > ul > li:nth-of-type(1):after {
content:"";
position:absolute;
width:40px;
height:23px;
left:0px;
top:30px;
background-size:153px 23px;
background-position:100% 50%;
}
header > ul > li[white]:nth-of-type(1):before {
background-image:url(../images/medug_white.svg);
}
header > ul > li[white]:nth-of-type(1):after{
background-image:url(../images/medug_white.svg);
}
header > ul > li[black]:nth-of-type(1):before {
background-image:url(../images/medug_black.svg);
}
header > ul > li[black]:nth-of-type(1):after{
background-image:url(../images/medug_black.svg);
}
header[open] > ul > li:nth-of-type(1):before {
background-image:url(../images/medug_black.svg);
}
header[open] > ul > li:nth-of-type(1):after{
background-image:url(../images/medug_black.svg);
}
header > ul > li:nth-of-type(1) img {
display:none;
}
[li-pr] {
line-height:22px !important;
padding:7px 0px 0px 0px !important;
}
}
@media screen and (max-width: 900px) {
[li-pr] {
padding:7px 0px 0px 20px !important;
}
}
@media screen and (max-width: 750px) {
header > ul {
margin:0px 5px 0px 5px;
}
}
@media screen and (max-width: 640px) {
header > ul > li:nth-of-type(6) {
display:none;
}
}
@media screen and (max-width: 355px) {
header > ul > li:nth-of-type(7) > a, header > ul > li:nth-of-type(7) > span[main-bron] {
width:40px;
background-position:50% 50%;
}
header > ul > li:nth-of-type(7) > a:before, header > ul > li:nth-of-type(7) > span[main-bron]:before {
display:none;
}
}
header[open] > ul {
height:60px;
}
[mw] {
position:relative;
width:100%;
/*height:calc(100% - 60px);*/
height:calc(calc(var(--vh, 1vh) * 100) - 60px);
overflow:auto;
}
[mw] > ul {
display:block;
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:flex-start;
padding:0px 0px 0px calc( (100vw - 1100px)/(1920 - 1100) * (250 - 20) + 20px);
padding:0px calc( (100vw - 1100px)/(1920 - 1100) * (100 - 20) + 20px) 0px calc( (100vw - 1100px)/(1920 - 1100) * (100 - 20) + 20px);
}
[mw] > ul > li {
display:block;
flex:0 0 calc( (100vw - 1100px)/(1920 - 1100) * (500 - 300) + 300px);
flex:0 0 calc(100%/3);
padding:0px 8px 0px 8px;
}
[mw] > ul > li:nth-of-type(4), [mw] > ul > li:nth-of-type(5) {
display:none;
}
[mw] > ul > li > span {
display:block;
text-transform:uppercase;
font-size:16px;
color:#7f7f7f;
font-weight:700;
margin:20px 0px 20px 0px;
}
[mw] > ul > li > ul > li {
font-weight:700;
color:#262626;
font-size:calc( (100vw - 1100px)/(1920 - 1100) * (16 - 16) + 16px);
text-transform:uppercase;
line-height:22px;
//padding:calc( (100vw - 1100px)/(1920 - 1100) * (20 - 10) + 10px) 20px calc( (100vw - 1100px)/(1920 - 1100) * (20 - 10) + 10px) 20px;
padding:8px 8px 8px 8px;
position:relative;
min-height:60px;
display:flex;
justify-content:flex-start;
align-items:center;
}
[mw] > ul > li > ul > li > a {
text-decoration:underline;
text-decoration-color:#929292;
color:black;
}
[mw] > ul > li > ul > li:nth-child(even) {
background-color: #F5F4F2;
}
@media screen and (max-width: 1400px) {
header[open] > ul {
height:60px;
}
[mw] {
height:calc(100vh - 60px);
}
}
@media screen and (max-width: 900px) {
[mw] {
background-color:#ffffff;
padding:0px 8px 0px 8px;
}
[mw] > ul > li {
flex:0 0 100%;
/*border-bottom:1px solid #e4e4e4;*/
}
[mw] > ul > li > span {
font-size:14px;
color:#2f2f2f;
display:block;
height:60px;
line-height:60px;
padding:0px 20px 0px 20px;
margin:0px 0px 0px 0px;
}
[mw] > ul > li:nth-of-type(1) > ul > li, [mw] > ul > li:nth-of-type(2) > ul > li {
display:none;
}
[mw] > ul > li[open]:nth-of-type(1) > ul > li, [mw] > ul > li[open]:nth-of-type(2) > ul > li {
display:block;
}
[mw] > ul > li:nth-of-type(3) > span {
display:none;
}
[mw] > ul > li:nth-of-type(3) {
}
[mw] > ul > li > ul > li {
color:white;
display:block;
padding:0px 20px 0px 20px;
margin:0px 0px 0px 0px;
height:60px;
line-height:60px;
}
[mw] > ul > li > ul > li:not(:last-child) {
border-bottom:1px solid #e4e4e4;
}
[mw] > ul > li > ul > li > a {
color:#2f2f2f;
display:block;
height:100%;
width:100%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size:14px;
text-decoration:none;
color:#8f8f8f;
}
[mw] > ul > li:nth-of-type(1), [mw] > ul > li:nth-of-type(2) {
background-image:url(../images/icon_ab.jpg);
background-repeat:no-repeat;
background-position:calc(100% - 20px) 26px;
}
[mw] > ul > li:nth-of-type(4), [mw] > ul > li:nth-of-type(5) {
display:block;
border:none;
}
[mw] > ul > li:nth-of-type(4) {
margin:50px 0px 0px 0px;
text-align:center;
}
[mw] > ul > li:nth-of-type(4) > a {
font-size:20px;
letter-spacing:2px;
font-weight:700;
color:black;
text-decoration:none;
}
[mw] > ul > li:nth-of-type(5) {
margin:30px 0px 0px 0px;
background-image:url(../images/icon_cards.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
height:35px;
}
header[shadow] > ul {
//box-shadow:0px 0px 10px 1px rgba(197,197,197,0.55) !important;
z-index:9;
}
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 370px) {
}
[ms] {
height:auto !important;
padding:0px 0px 0px 0px !important;
}
[ms] > span:nth-of-type(1) {
display:block;
color:black;
font-size: calc( (100vw - 1100px)/(1920 - 1100) * (16 - 16) + 16px) !important;
font-weight:700;
text-transform: uppercase;
padding: calc( (100vw - 1100px)/(1920 - 1100) * (20 - 5) + 5px) 0px calc( (100vw - 1100px)/(1920 - 1100) * (20 - 5) + 5px) 0px;
height:auto;
width:100%;
}
[ms] > span:nth-of-type(2) {
display:block;
color:black;
font-size: calc( (100vw - 1100px)/(1920 - 1100) * (18 - 12) + 12px) !important;
font-weight:700;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
height:auto;
}
[ms] > span:nth-of-type(2) > a {
padding: calc( (100vw - 1100px)/(1920 - 1100) * (10 - 5) + 5px) calc( (100vw - 1100px)/(1920 - 1100) * (10 - 10) + 10px);
margin:0px 5px 5px 0px;
}
[ms] > span:nth-of-type(2) > a:active {
transform:translate3d(1px,1px,0px);
}
[ms] > span:nth-of-type(2) > a {
display:inline-block;
color:white;
text-decoration:none;
}
[s-color1] {
background-color:#4c22a6;
}
[s-color2] {
background-color:#70b042;
}
[s-color3] {
background-color:#55ae16;
}
[s-color4] {
background-color:#c96e28;
}
@media screen and (max-width: 900px) {
[ms] {
border-bottom:none !important;
}
[ms] > span:nth-of-type(1) {
padding:0px 0px 0px 20px;
font-size:14px !important;
height:30px;
line-height:30px;
}
[ms] > span:nth-of-type(2) {
min-height:40px;
line-height:40px;
padding:0px 0px 0px 20px !important;
font-size:14px !important;
margin:0px 0px 0px 0px;
}
[ms] > span:nth-of-type(2) > a {
height:40px;
line-height:40px;
padding:0px calc( (100vw - 320px)/(900 - 320) * (20 - 8) + 8px) 0px calc( (100vw - 320px)/(900 - 320) * (20 - 8) + 8px);
margin:0px 5px 5px 0px;
}
}
@media screen and (max-width: 600px) {
[ms] > span:nth-of-type(2) {
font-size:12px !important;
}
}
/* header */
[k5]:not([fullscr-mg]) {
opacity:0;
transition:all 0.5s ease-in-out !important;
}
[k5][move] {
opacity:1;
}
/* первый экран */
[scr1] {
position:relative;
/*height:calc(100vh - 60px);*/
height: calc(var(--vh, 1vh) * 100 - 60px);
display:flex;
transition: height 0.5s ease-in-out;
background-color:rgba(85,174,22,0.7);
}
[scr1][fullscr-mg] {
height:100vh;
height: calc(var(--vh, 1vh) * 100);
transition:all 0.5s ease-in-out;
}
[scr1] > div {
flex:0 0 50%;
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
position:relative;
transition:flex 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
[scr1] > div[full] {
flex:0 0 100%;
}
[scr1] > div {
background-position:50% 50%;
background-size:cover;
}
[scr1] > div[lb]:nth-of-type(1) {
Background-image:linear-gradient(), url(../images/);
overflow:hidden;
}
[scr1] > div:nth-of-type(2) {
overflow:hidden;
}
[scr1] > div > article > h1, [not-h11] {
font-size:65px;
font-weight:500;
//text-transform:uppercase;
color:white;
font-size:calc( (100vw - 1100px)/(1920 - 1100) * (55 - 35) + 35px);
}
[scr1] > div > article > p {
flex:0 0 400px;
margin:30px 0px 0px 0px;
font-size:20px;
line-height:32px;
font-weight:500;
color:white;
font-size:calc( (100vw - 1100px)/(1920 - 1100) * (20 - 16) + 16px);
}
[scr1] > div > article > a {
display:block;
width:250px;
height:70px;
border:2px solid white;
line-height:70px;
text-align:center;
color:white;
text-decoration:none;
margin:40px 0px 0px 0px;
font-weight:700;
text-transform:uppercase;
font-size:14px;
cursor:pointer;
user-select:none;
background-color:rgba(0,0,0,0.2);
}
[scr1] > div > article > a:active {
transform:translate3d(1px,1px,0px);
}
[gal-view], [bu1] {
position:absolute;
display:block;
width:200px;
height:60px;
line-height:60px;
text-align:center;
left:130px;
top:50px;
background-color:rgba(0,0,0,0.3);
color:white;
user-select:none;
cursor:pointer;
}
[gal-view] {
display:none;
}
[gal-view]:active, [bu1]:active {
transform:translate3d(1px,1px,0px);
}
[gal-view] > span {
font-size:14px;
font-weight:700;
text-transform:uppercase;
}
[bu1] {
width:60px;
height:60px;
left:60px;
background-image:url(../images/burger1.gif);
background-repeat:no-repeat;
background-position:50% 50%;
}
[bigl] {
position:absolute;
width:100%;
bottom:0px;
left:0px;
font-size:170px;
font-size:calc( (100vw - 1100px)/(1920 - 1100) * (155 - 90) + 90px);
font-weight:700;
z-index:1;
text-transform:uppercase;
overflow:hidden;
color:white;
opacity:0.1;
text-align:center;
}
[bigl][yarshe] {
opacity:0.2;
}
@media screen and (max-width: 1100px) {
[bu1] {
display:none;
}
[gal-view] {
top:5px;
left:auto;
right:5px;
width:40px;
height:40px;
background-image:url(../images/icon_photo.png);
background-repeat:no-repeat;
background-position:50% 50%;
}
[gal-view] > span {
display:none;
}
[scr1] > div > article > a {
height:40px;
line-height:40px;
width:200px;
margin:15px 0px 0px 0px;
border:1px solid white;
font-weight:500;
font-size:12px;
}
[scr1] > div > article {
margin:0px 20px 0px 20px;
}
[scr1] > div > article > h1, [not-h11] {
font-size:calc( (100vw - 320px)/(1100 - 320) * (35 - 22) + 22px);
}
[scr1] > div > article > p {
flex:1;
margin:15px 0px 0px 0px;
font-size:20px;
line-height:24px;
font-weight:500;
color:white;
font-size:calc( (100vw - 320px)/(1100 - 320) * (20 - 16) + 16px);
}
[bigl] {
font-size:calc( (100vw - 320px)/(1100 - 320) * (100 - 60) + 60px);
}
}
@media (max-device-width:1100px) and (orientation:landscape) {
[scr1] > div > article > h1, [not-h11] > br {
display:none;
}
[scr1] > div > article > a {
display:none;
}
[scr1] > div > article > h1, [not-h11] {
font-size:calc( (100vw - 320px)/(1100 - 320) * (25 - 22) + 22px);
}
}
[scr1] > div > article {
position:relative;
z-index:2;
}
@media screen and (max-width: 1400px) {
[scr1] {
/*height:calc(100vh - 60px);*/
height: calc(var(--vh, 1vh) * 100 - 60px);
}
}
@media screen and (max-width: 1100px) {
[scr1] {
flex-direction:column;
}
}
/* первый экран */
/* верхняя галерея */
[gph] {
display:none;
}
[gnum][lb][move-attr="lb-1"] {
flex:0 0 40%;
}
[gnum][lb][move-attr="lb-10"] {
flex:0 0 0%;
overflow:hidden;
}
[gnum][rb][move-attr="lb-1"] {
flex:0 0 60%;
opacity:0;
}
[gnum][rb][move-attr="lb-10"] {
flex:0 0 100%;
opacity:0;
}
[gnum][rb][move-attr="rb-1"] {
flex:0 0 40%;
}
[gnum][rb][move-attr="rb-10"] {
flex:0 0 0%;
overflow:hidden;
opacity:0;
}
[gnum][lb][move-attr="rb-1"] {
flex:0 0 60%;
opacity:0;
}
[gnum][lb][move-attr="rb-10"] {
flex:0 0 100%;
opacity:0;
}
[scr1] > div[mg] {
position:absolute;
height:100%;
top:0px;
width:50%;
opacity:0;
transition:width 0.5s ease-in-out, left 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
[scr1] > div[mg][rb] {
left:0px;
}
[scr1] > div[mg][lb] {
left:50%;
}
[scr1] > div[mg][rb][move-attr="rb-1"] {
width:60%;
opacity:1;
}
[scr1] > div[mg][rb][move-attr="rb-10"] {
width:100%;
opacity:1;
}
[scr1] > div[mg][lb][move-attr="lb-1"] {
width:60%;
left:40%;
opacity:1;
}
[scr1] > div[mg][lb][move-attr="lb-10"] {
width:100%;
left:0%;
opacity:1;
}
@media screen and (max-width: 1100px) {
[scr1] > div[mg][rb] {
left:0px;
top:0px;
}
[scr1] > div[mg][lb] {
left:0px;
top:auto;
bottom:0px;
}
[scr1] > div[mg] {
left:0px;
top:auto;
right:auto;
width:100% !important;
height:50%;
bottom:0px;
transition:height 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
[scr1] > div[mg][lb][move-attr="lb-1"] {
width:100%;
left:0px;
opacity:1;
height:60%;
}
[scr1] > div[mg][lb][move-attr="lb-10"] {
width:100%;
left:0%;
opacity:1;
height:100%;
}
[scr1] > div[mg][rb][move-attr="rb-1"] {
width:100%;
opacity:1;
left:0px;
bottom:auto;
opacity:1;
height:60%;
}
[scr1] > div[mg][rb][move-attr="rb-10"] {
width:100%;
opacity:1;
height:100%;
}
}
[mg] > .swiper-container {
width:100%;
height:100%;
}
/*[scr122] > div[mg]:fullscreen {
width:100%;
height:100vh;
}*/
[mg] .swiper-slide {
background-position:50% 50%;
background-size:cover;
}
[mg] .swiper-slide {
width:100%;
}
[mg] .swiper-slide-active {
width:100% !important;
}
[mgl] {
position:absolute;
bottom:100px;
left:0px;
width:600px;
max-width:600px;
height:130px;
z-index:9;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
align-content:center;
align-items:center;
padding:0px 40px 0px 40px;
}
[mgl][lb] {
left:auto;
right:0px;
background-color:rgba(85,174,22,0.7);
}
[mgl][rb] {
left:0px;
right:auto;
background-color:rgba(94,144,135,0.6);
}
[mgl] > div {
position:relative;
flex:0 0 50px;
height:50px;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
left:auto;
right:auto;
top:auto;
bottom:auto;
background-color:rgba(0,0,0,0.3);
}
[mgl] > div:after, [mgl] > div:before {
content:"";
}
[mgl] > div:nth-of-type(1) {
background-color:transparent;
display:flex;
justify-content:center;
align-items:center;
color:white;
font-weight:700;
font-size:18px;
}
[mgl] > div:nth-of-type(1) > span:nth-of-type(1) {
font-size:22px;
font-weight:700;
margin:0px 5px 0px 0px;
}
[mgl] > div:nth-of-type(1) > span:nth-of-type(2) {
margin:0px 0px 0px 5px;
font-weight:700;
}
[mgl] > div:nth-of-type(2), [mgl] > div:nth-of-type(3),[mgl] > div:nth-of-type(4) {
background-repeat:no-repeat;
background-position:50% 50%;
cursor:pointer;
}
[mgl] > div:nth-of-type(2):active, [mgl] > div:nth-of-type(3):active, [mgl] > div:nth-of-type(4):active {
transform:translate3d(1px,1px,0px);
}
[mgl] > div:nth-of-type(2) {
background-image:url(../images/icon_left.png);
}
[mgl] > div:nth-of-type(3) {
background-image:url(../images/icon_right.png);
}
[mgl] > div:nth-of-type(4) {
background-image:url(../images/icon_full.png);
}
[mgl] > div:nth-of-type(5) {
background-color:transparent;
color:white;
font-weight:500;
font-size:20px;
order:-20;
flex:0 0 100%;
//padding:10px 0px 10px 0px;
margin:0px 0px 10px 0px;
display:flex;
justify-content:flex-start;
align-items:center;
}
[mgl][rb] {
justify-content:flex-end;
}
[mgl][rb] > div:nth-of-type(1) {
order:10;
}
[mgl][rb] > div:nth-of-type(4) {
order:-1;
}
[mgcl] {
position:absolute;
width:60px;
height:60px;
right:60px;
top:50px;
background-color:rgba(0,0,0,0.3);
z-index:9;
background-image:url(../images/icon_close.png);
background-repeat:no-repeat;
background-position:50% 50%;
cursor:pointer;
user-select:none;
}
[mgcl]:active {
transform:translate3d(1px,1px,0px);
}
@media screen and (max-width: 1100px) {
[mgcl] {
position:absolute;
width:40px;
height:40px;
right:5px;
top:5px;
}
[mg-text] {
display:none !important;
}
[mg-full] {
flex:0 0 40px !important;
height:40px !important;
margin:0px 0px 0px 0px;
}
[mgl][lb], [mgl][rb] {
bottom:0px;
height:40px;
width:120px;
padding:0px 0px 0px 0px;
justify-content:flex-end;
}
[mgl][rb] {
left:auto;
right:0px;
}
[mgl][rb] > div:nth-of-type(4) {
order: 11 !important;
}
[mgl] > div {
margin:0px 5px 0px 0px;
}
[mgl] > div:nth-of-type(2), [mgl] > div:nth-of-type(3) {
display:none;
}
}
/* верхняя галерея */
[debug] {
position:fixed;
top:400px;
left:0px;
width:400px;
height:400px;
background-color:white;
}
/* текст на странице */
[mp-ar1] {
display:block;
position:relative;
width:1230px;
margin:0px auto 0px auto;
columns: 2;
column-gap:50px;
}
[mp-ar1] > h2 {
letter-spacing:2px;
font-weight:700;
width:100%;
display:block;
position:relative;
column-span: all;
font-size:calc( (100vw - 320px)/(1920 - 320) * (36 - 20) + 20px);
text-align:center;
margin:60px 0px 60px 0px;
}
@media screen and (max-width: 620px) {
[mp-ar1][idea] > h2 {
margin:calc( (100vw - 320px)/(620 - 320) * (100 - 60) + 60px) 0px calc( (100vw - 320px)/(620 - 320) * (60 - 60) + 60px) 0px;
}
}
[mp-ar1] a {
font-weight:700;
}
[mp-ar1] > p {
line-height:28px;
font-weight:500;
margin:0px 0px 20px 0px;
}
[mp-ar1] > [p-all] {
column-span: all;
text-align:center;
font-weight:700 !important;
margin:40px 0px 40px 0px;
}
[mp-ar1] ul {
margin:-15px 0px 0px 0px;
}
[mp-ar1] li {
line-height:28px;
font-weight:500;
margin:0px 0px 10px 0px;
}
@media screen and (max-width: 1260px) {
[mp-ar1] {
width:calc(100% - 80px);
}
}
@media screen and (max-width: 940px) {
[mp-ar1] {
columns: 1;
}
}
@media screen and (max-width: 620px) {
[mp-ar1] {
width:calc(100% - 16px);
}
}
/* текст на странице */
/* преимущества */
[g1] {
width:1230px;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(3, 235px);
grid-template-areas: "post-1 post-1 post-2 post-3"
"post-1 post-1 post-4 post-5"
"post-6 post-7 post-8 post-5";
row-gap: 25px;
column-gap: 25px;
/*transition:all 1s ease-in-out;*/
margin:calc( (100vw - 320px)/(1920 - 320) * (170 - 140) + 140px) auto 0px auto;
position:relative;
}
[g1] > figure {
position:relative;
transition:all 1s ease-in-out;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
[g1] > figure:nth-of-type(1) {grid-area: post-1;}
[g1] > figure:nth-of-type(2) {grid-area: post-2;}
[g1] > figure:nth-of-type(3) {grid-area: post-3;}
[g1] > figure:nth-of-type(4) {grid-area: post-4;}
[g1] > figure:nth-of-type(5) {grid-area: post-5;}
[g1] > figure:nth-of-type(6) {grid-area: post-6;}
[g1] > figure:nth-of-type(7) {grid-area: post-7;}
[g1] > figure:nth-of-type(8) {grid-area: post-8;}
[g1] > figure > span:nth-of-type(1), [g1] > figure > a:nth-of-type(1) {
position:relative;
display:block;
width:285px;
height:180px;
}
[g1] > figure > span > a:nth-of-type(1) > img {
width:285px;
height:180px;
}
[g1] > figure:nth-of-type(1) > span:nth-of-type(1), [g1] > figure:nth-of-type(1) > a:nth-of-type(1) {
width:600px;
height:442px;
}
[g1] > figure:nth-of-type(1) > span > a:nth-of-type(1) > img {
width:600px;
height:442px;
}
[g1] > figure:nth-of-type(5) > span:nth-of-type(1), [g1] > figure:nth-of-type(5) > a:nth-of-type(1) {
width:285px;
height:442px;
}
[g1] > figure:nth-of-type(5) > span > a:nth-of-type(1) > img {
width:285px;
height:442px;
}
[g1] > h2 {
display:block;
position:absolute;
width:100%;
top: calc( ((100vw - 320px)/(1920 - 320) * (170 - 140) + 140px)*(-1));
left:0px;
width:100%;
height:calc( (100vw - 170px)/(1920 - 320) * (170 - 140) + 140px);
display:flex;
justify-content:center;
align-items:center;
color:#2f2f2f;
font-size:36px;
font-weight:700;
font-size:calc( (100vw - 320px)/(1920 - 320) * (36 - 20) + 20px);
text-align:center;
}
[g1] > figure > span > img, [g1] > figure > span > video , [g1] > figure > span > a > video {
width:100%;
height:100%;
object-fit:cover;
}
[g1] > figure > a > img {
width:100%;
height:100%;
object-fit:cover;
}
[g1] a, [g1] > figure > span:nth-of-type(2), [no-a] {
text-decoration:none;
color:black;
font-size:14px;
font-weight:700;
}
[g1] > figure > span:nth-of-type(2) {
padding:10px 0px 0px 0px;
display:block;
}
@media screen and (max-width: 1260px) {
[g1] {
width:912px;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(4, 235px);
grid-template-areas: "post-1 post-1 post-2"
"post-1 post-1 post-3"
"post-4 post-6 post-5"
"post-8 post-7 post-5";
}
}
@media screen and (max-width: 1000px) {
[g1] {
width:600px;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(6, 235px);
grid-template-areas: "post-1 post-1"
"post-1 post-1"
"post-2 post-3"
"post-4 post-6"
"post-7 post-5"
"post-8 post-5";
}
}
@media screen and (max-width: 620px) {
[g1] {
width:calc( (100vw - 320px)/(620 - 320) * (600 - 304) + 304px);
grid-template-columns: repeat(2, 1fr);
grid-template-rows: calc( (100vw - 320px)/(660 - 320) * (475 - 220) + 220px);
grid-template-areas: "post-1 post-1"
"post-1 post-1"
"post-2 post-3"
"post-4 post-6"
"post-7 post-5"
"post-8 post-5";
row-gap: 15px;
column-gap: 10px;
/*margin:calc( (100vw - 320px)/(620 - 320) * (120 - 120) + 120px) auto 0px auto;*/
}
[g1] > figure {
//height:200px !important;
}
[g1] > figure > span:nth-of-type(1), [g1] > figure > a:nth-of-type(1) {
display:block;
width:calc( (100vw - 320px)/(620 - 320) * (294 - 145) + 145px);
height:calc( (100vw - 320px)/(620 - 320) * (180 - 92) + 92px);
line-height:0px;
}
[g1] > figure > span > a:nth-of-type(1) > img {
width:calc( (100vw - 320px)/(620 - 320) * (294 - 145) + 145px);
height:calc( (100vw - 320px)/(620 - 320) * (180 - 92) + 92px);
}
[g1] > figure:nth-of-type(5) > span:nth-of-type(1), [g1] > figure:nth-of-type(5) > a:nth-of-type(1) {
display:block;
width:calc( (100vw - 320px)/(620 - 320) * (294 - 145) + 145px);
height:432px;
height:calc( (100vw - 320px)/(620 - 320) * (432 - 225) + 225px);
}
[g1] > figure:nth-of-type(5) > span > a:nth-of-type(1) > img {
width:calc( (100vw - 320px)/(620 - 320) * (294 - 145) + 145px);
height:calc( (100vw - 320px)/(620 - 320) * (432 - 225) + 225px);
}
[g1] > figure:nth-of-type(1) > span:nth-of-type(1), [g1] > figure:nth-of-type(1) > a:nth-of-type(1) {
display:block;
width:calc( (100vw - 320px)/(620 - 320) * (600 - 304) + 304px);
height:calc( (100vw - 320px)/(620 - 320) * (442 - 224) + 224px);
line-height:0px;
}
[g1] > figure:nth-of-type(1) > span > a:nth-of-type(1) > img {
width:calc( (100vw - 320px)/(620 - 320) * (600 - 304) + 304px);
height:calc( (100vw - 320px)/(620 - 320) * (442 - 224) + 224px);
line-height:0px;
}
}
[g2] {
width:1230px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(4, auto);
grid-gap: 25px;
margin:50px auto 0px auto;
grid-template-areas: "post-1 post-2 post-3"
"post-1 post-4 post-3"
"post-5 post-6 post-7"
"post-8 post-6 post-7";
}
[g2] > figure:nth-of-type(1) {grid-area: post-1;}
[g2] > figure:nth-of-type(2) {grid-area: post-2;}
[g2] > figure:nth-of-type(3) {grid-area: post-3;}
[g2] > figure:nth-of-type(4) {grid-area: post-4;}
[g2] > figure:nth-of-type(5) {grid-area: post-5;}
[g2] > figure:nth-of-type(6) {grid-area: post-6;}
[g2] > figure:nth-of-type(7) {grid-area: post-7;}
[g2] > figure:nth-of-type(8) {grid-area: post-8;}
[g2] > figure{
}
[g2] > figure[link] {
cursor:pointer;
}
[g2] > figure > a {
text-decoration:none;
}
@media screen and (max-width: 1260px) {
[g2] {
width:810px;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(6, auto);
grid-template-areas: "post-1 post-3"
"post-1 post-3"
"post-4 post-6"
"post-8 post-6"
"post-2 post-7"
"post-5 post-7";
}
}
@media screen and (max-width: 870px) {
[g2] {
}
[g2] {
width:calc(100% - 16px);
}
[g2] > figure {
width:calc( (100vw - 320px)/(870 - 320) * (390 - 152) + 152px) !important;
}
}
@media screen and (max-width: 633px) {
[g2] {
width:calc(100% - 16px);
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(12, auto);
grid-template-areas: "post-1"
"post-1"
"post-3"
"post-3"
"post-4"
"post-8"
"post-7"
"post-7"
"post-2"
"post-5"
"post-6"
"post-6";
margin:0px auto 0px auto;
}
/*
*/
[g2] > figure {
width:calc( (100vw - 320px)/(633 - 320) * (590 - 280) + 280px) !important;
margin:0px auto 0px auto;
}
}
[g2] [bzz] {
width:390px;
height:210px;
background-position:50% 50%;
background-size:cover;
}
[g2] [bzz="1"], [g2] [bzz="3"], [g2] [bzz="6"], [g2] [bzz="7"] {
height:450px;
}
[bzz-type1-wrapper] {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
align-content:flex-start;
width:100%;
height:100%;
padding:0px 50px 0px 50px;
}
[bzz-type1-wrapper] > span {
text-align:left;
display:flex;
justify-content:flex-start;
align-items:center;
}
[bzz-type2-wrapper] {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
align-content:flex-start;
width:100%;
height:100%;
padding:0px 50px 0px 50px;
}
[bzz-type2-wrapper] > span {
text-align:left;
display:flex;
justify-content:flex-start;
align-items:center;
}
[bzz-type2-wrapper] > span:nth-of-type(1) {
flex:0 0 71.42%;
font-size:32px;
font-weight:500;
color:white;
}
[bzz-type2-wrapper] > span:nth-of-type(2) {
flex:0 0 calc(100% - 71.42%);
display:flex;
justify-content:flex-start;
align-items:flex-start;
}
[bzz-type2-wrapper] > span:nth-of-type(2) > a, [bzz-type2-wrapper] > span:nth-of-type(2) {
text-decoration:none;
text-transform:uppercase;
color:white;
font-size:14px;
font-weight:500;
}
[bzz-type3-wrapper] {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
justify-content:space-between;
align-items:flex-start;
align-content:flex-start;
width:100%;
height:100%;
padding:0px 0px 0px 0px;
}
[bzz-type3-wrapper] > * {
text-align:left;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
padding:0px 0px 0px 0px;
}
[bzz-type3-wrapper] > span {
padding:0px 50px 0px 50px;
}
[bzz-type3-wrapper] > span:nth-of-type(1) {
flex:0.5;
font-size:36px;
color:white;
font-weight:700;
width:100%;
}
[bzz-type3-wrapper] > span:nth-of-type(2) {
flex:0.5;
font-size:46px;
color:white;
font-weight:700;
width:100%;
}
@media screen and (max-width: 870px) {
[bzz-type3-wrapper] > span {
padding:0px 20px 0px 20px;
}
[bzz-type3-wrapper] > span:nth-of-type(2) {
font-size:36px;
}
}
[imgdiv] {
width:calc(100% - 16px);
margin:8px auto 8px auto;
max-height:50%;
overflow:hidden;
}
[imgdiv] > img {
width:100%;
height:100%;
object-fit:cover;
}
[bzz-type3-wrapper] > [imgdiv][top] {
order:-10;
}
[bzz-type3-wrapper] > [imgdiv][bottom] {
order:10;
}
[block-link] {
display:none;
}
/* footer */
footer {
margin:0px 0px 0px 0px;
position:relative;
//background-image:url(../images/karta_80.webp);
background-repeat:no-repeat;
background-position:100% 0%;
//background-size:cover;
}
@media screen and (max-width: 1100px) {
footer {
background-position:calc( (100vw - 1100px)/(1100 - 800) * (100 - 30) + 30%) 0%;
}
}
footer > article {
width:1230px;
margin:0px auto calc( (100vw - 1920px)/(1920 - 320) * (100 - 60) + 60px) auto;
display:flex;
flex-wrap:wrap;
}
footer > article > * {
display:block;
flex:0 0 100%;
position:relative;
z-index:2;
}
[krt] {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
/*background-image:url(../images/karta.png);*/
background-repeat:no-repeat;
background-position:50% 50%;
background-size:cover;
z-index:1;
}
@media screen and (max-width: 1260px) {
footer > article {
width:calc(100% - 80px);
}
}
footer > article > h2 {
font-weight:700;
font-size:calc( (100vw - 320px)/(1920 - 320) * (36 - 20) + 20px);
margin:calc( (100vw - 1920px)/(1920 - 320) * (100 - 60) + 60px) 0px calc( (100vw - 1920px)/(1920 - 320) * (60 - 30) + 30px) 0px;
}
footer > article > h3 {
font-weight:700;
font-size:calc( (100vw - 320px)/(1920 - 320) * (28 - 18) + 18px);
margin:calc( (100vw - 1920px)/(1920 - 320) * (60 - 40) + 40px) 0px calc( (100vw - 1920px)/(1920 - 320) * (60 - 40) + 40px) 0px;
}
footer > article > span {
display:block;
line-height:28px;
font-weight:500;
padding:0px 0px 0px 40px;
}
[co1], [co2], [co3] {
position:relative;
display:block;
font-size:14px;
text-transform:uppercase;
font-weight:700;
margin:40px 0px 25px 0px;
}
[co1]:before, [co2]:before, [co3]:before {
content:"";
position:absolute;
display:block;
width:28px;
height:31px;
left:0px;
top:-2px;
}
[co1]:before {
background-image:url(../images/icon_tel.jpg);
}
[co2]:before {
background-image:url(../images/icon_mark.jpg);
}
[co3]:before {
background-image:url(../images/icon_letter.jpg);
}
[co4] {
display:flex;
justify-content:center;
align-items:center;
background-color:#55ae16;
flex:0 0 240px;
height:60px;
color:white;
margin:40px 0px 0px 0px;
font-size:14px;
text-transform:uppercase;
font-weight:700;
/*background-image:url(../images/icon_bron_3.jpg);*/
background-repeat:no-repeat;
background-position:30px 50%;
padding:0px 0px 0px 25px;
user-select:none;
cursor:pointer;
}
[co4]:active {
transform:translate3d(1px,1px,0px);
}
[co5] {
margin:60px 0px 0px 0px;
display:flex;
}
[co5] > div {
flex:0 0 25%;
display:flex;
justify-content:flex-start;
align-items:flex-end;
padding:0px 0px 0px 10px;
font-size:14px;
font-weight:500;
flex-wrap:wrap;
}
[co5] > div > div {
flex:0 0 100%;
}
[co5] > div:nth-of-type(1) {
background-repeat:no-repeat;
background-position:0% 0%;
height:55px;
}
[co5] > div:nth-of-type(2) {
background-repeat:no-repeat;
background-position:0% 0%;
height:55px;
}
@media screen and (max-width: 800px) {
footer {
background-image:none !important;
background-color:white;
}
footer > article {
width:calc(100% - 40px);
}
[krt] {
position:relative;
width:100%;
height:200px;
/*background-image:url(../images/karta2_80.webp);*/
background-repeat:no-repeat;
background-position:50% 50%;
background-size:777px 539px;
margin:30px 0px 40px 0px;
cursor:pointer;
}
[co5] {
flex-wrap:wrap;
}
[co5] > * {
flex:0 0 100% !important;
background-position:50% 0% !important;
display:flex !important;
justify-content:center !important;
text-align:center;
margin:0px 0px 40px 0px;
}
}
@media screen and (max-width: 410px) {
footer > article {
width:calc(100% - 16px);
}
}
[bigtel] {
font-size:24px;
}
[bigtel2] {
padding:0px 0px 0px 0px;
}
/* footer */
/* last messages */
[lmd] {
width:100%;
background-color:#f5f5f5;
padding:0px 0px 40px 0px;
}
[lm] {
width:1230px;
margin:60px auto 0px auto;
padding:40px 0px 0px 0px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
[lm] > * {
}
[lm-a1] {
flex:0 0 130px;
display:block;
height:40px;
line-height:40px;
text-align:right;
}
[lm] h2 {
font-weight:700;
font-size:calc( (100vw - 320px)/(1920 - 320) * (32 - 20) + 20px);
flex:1;
margin:0px 0px 40px 0px;
}
[lm] > figure {
flex:0 0 calc(50% - 20px);
width:calc(50% - 20px);
display:flex;
align-items:flex-start;
align-content:flex-start;
justify-content:flex-start;
flex-wrap:wrap;
margin:0px 0px 40px 0px;
}
[lm] > figure > [lmf1], [lm] > figure > [lmf2], [lm] > figure > [lmf3], [lm] > figure > [lmf4], [lm] > figure > [lmf5] {
flex:0 0 100%;
}
[lm] > figure > [lmf1] {
font-weight:700;
line-height:26px;
}
[lm] > figure > [lmf2] {
font-weight:500;
line-height:26px;
margin:0px 0px 20px 0px;
}
[lm] > figure > [lmf3] {
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-weight:500;
}
[lm] > figure > [lmf4] {
padding:10px 0px 10px 0px;
}
[lm] > figure > [lmf5] {
position:relative;
background-color:white;
margin:20px 0px 0px 0px;
padding:20px 20px 20px 20px;
width:100%;
}
[lm] > figure > [lmf5]:before {
content:"";
position:absolute;
width:20px;
height:20px;
left:40px;
top:-10px;
transform:rotate(45deg);
background-color:white;
}
[lm] > figure > [lmf5] > span:nth-of-type(1) {
font-size:14px;
text-transform:uppercase;
font-weight:700;
display:block;
margin:0px 0px 20px 0px;
}
[lm] > figure > [lmf5] > span:nth-of-type(2) {
display:block;
width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-weight:500;
}
[lm] > figure > [lmf5] > a {
display:inline-block;
margin:10px 0px 0px 0px;
}
[lm-del] {
flex:0 0 100%;
}
@media screen and (max-width: 1270px) {
[lm] {
width:100%;
padding:40px 20px 0px 20px;
}
}
@media screen and (max-width: 990px) {
[lm] > figure {
flex:0 0 100%;
width:100%;
}
[lm] > figure:nth-of-type(3), [lm] > figure:nth-of-type(4) {
display:none;
}
}
@media screen and (max-width: 720px) {
[lm] {
padding:40px 8px 0px 8px;
}
[lm] > figure > [lmf5] {
padding:20px 8px 20px 8px;
}
}
/* last messages */
/* карта */
[map2] {
position:relative;
width:100%;
height:calc(100vh - 60px);
display:flex;
justify-content:center;
align-items:center;
background-image:url(../images/map_bgr.jpg);
background-position:50% 50%;
background-repeat:no-repeat;
background-size:cover;
}
@media screen and (max-width: 1400px) {
[map2] {
height:calc(100vh - 60px);
}
}
@media screen and (max-width: 1400px) {
[map2] {
background-image:url(../images/map_bgr_mobile.jpg);
}
}
[map2] > span {
display:block;
width:240px;
height:60px;
font-size:16px;
text-transform:uppercase;
background-color:#55ae16;
color:white;
font-weight:700;
display:flex;
justify-content:center;
align-items:center;
transform:translate3d(0px,calc((1)*60px/2),0px);
cursor:pointer;
user-select:none;
}
[map2] > span:active {
transform:translate3d(1px,calc((1)*60px/2 + 1px),0px);
}
[map2] > h2 {
position:absolute;
top:0px;
left:0px;
width:100%;
font-weight:700;
font-size:calc( (100vw - 320px)/(1920 - 320) * (36 - 20) + 20px);
padding:calc( (100vw - 1920px)/(1920 - 320) * (60 - 40) + 40px) 0px calc( (100vw - 1920px)/(1920 - 320) * (60 - 40) + 40px) 0px;
text-align:center;
background-color:rgba(255,255,255,0.7);
}
[map1] {
width:100%;
background-color: #f5f5f5;
padding:0px 0px 0px 0px;
}
header[fullscr], footer[fullscr], [scr1][fullscr], [map2][fullscr] {
display:none;
transition:all 0s;
}
[pmap][fullscr] {
display:block;
height: calc(var(--vh, 1vh) * 100);
transition:all 0s;
}
[pmap][fullscr] [map-size] {
/*width:100%;*/
transition:all 0s;
}
@media screen and (max-width: 1100px) {
[pmap][fullscr] [map-size] {
/*width:250%;*/
transition:all 0s;
}
}
[main][fullscr] {
margin:0px 0px 0px 0px;
transition:all 0s;
}
[pmap] {
position:relative;
width:100%;
/*height:calc(100vh - 200px);*/
margin:0px auto 0px auto;
display:none;
}
@media screen and (max-width: 1250px) {
[pmap] {
width:100%;
}
}
[pmap]:fullscreen {
display:block;
transition:all 0s;
}
[map-wrap] {
position:relative;
width:100%;
height:100%;
overflow:hidden;
cursor:move;
margin:0px auto 0px auto;
scroll-behavior: smooth !important;
z-index:1;
background-color:black;
}
@media screen and (max-width: 720px) {
[map-wrap] {
overflow:auto;
}
}
[st="00"] {
fill:#000000;
fill-opacity:0.3;
transition:opacity 0.5s ease-in-out;
}
g[num]:hover [st="00"] {
fill-opacity:0.6;
}
[st="0"] {
/*fill:#0d9a24;*/
/*fill:url(#linear-gradient0);*/
fill:#E6EBE0;
fill-opacity:1;
transition:fill-opacity 0.5s ease-in-out;
}
[st="1"] {
/*fill:#f2c306;*/
/*fill:url(#linear-gradient1);
fill:#9BC1BC;*/
fill:#28AFB0;
fill-opacity:1;
transition:fill-opacity 0.5s ease-in-out;
}
[st="2"] {
fill:#ED6A5A;
fill-opacity:1;
transition:fill-opacity 0.5s ease-in-out;
}
[st="3"] {
/*fill:#0d9a24;*/
/*fill:url(#linear-gradient3);*/
fill:#9BC1BC;
fill-opacity:1;
transition:fill-opacity 0.5s ease-in-out;
}
[st="4"] {
fill:#19647E;
fill-opacity:1;
transition:fill-opacity 0.5s ease-in-out;
}
[st="5"] {
fill:#5D576B;
fill:orange;
/*fill:url(#linear-gradient5);*/
fill-opacity:1;
transition:fill-opacity 0.5s ease-in-out;
}
[maptext="4"], [maptext="2"] {
fill:white;
}
g[num]:hover [st] {
fill-opacity:0.6 !important;
}
[maptext] {
font-family:'Arial';
font-size:44px;
font-weight:bold;
}
[map-butt] {
position:absolute;
right:5px;
top:0px;
height:100%;
width:60px;
z-index:999;
}
[map-plus], [map-minus], [map-full], [map-full-out] {
position:absolute;
width:60px;
height:60px;
background-color:rgba(0,0,0,0.8);
cursor:pointer;
background-repeat:no-repeat;
background-position:50% 50%;
}
[map-plus] {
top:calc(50% - 60px);
}
[map-minus] {
top:calc(50% + 5px);
}
[map-plus]:active, [map-minus]:active, [map-full]:active, [map-full-out]:active {
transform:translate3d(1px,1px,0px);
}
[map-full-out] {
top:5px;
left:0px;
}
[map-full-out]:before, [map-full-out]:after {
content:"";
position:absolute;
width:28px;
height:3px;
left:16px;
top:28px;
background-color:white;
}
[map-full-out]:before {
transform:rotate(45deg);
}
[map-full-out]:after{
transform:rotate(-45deg);
}
[map-plus] {
background-image:url(../images/icon_lupa_plus.png);
}
[map-minus] {
background-image:url(../images/icon_lupa_minus.png);
}
[map-full] {
background-image:url(../images/icon_map_full.png);
}
@media screen and (max-width: 720px) {
[map-butt] {
width:50px;
}
[map-plus], [map-minus], [map-full], [map-full-out] {
width:50px;
height:50px;
background-size:80% 80%;
}
[map-full-out]:before, [map-full-out]:after {
left:11px;
top:23px;
}
}
[map-size] {
/*width:100%;*/
height:auto;
margin:0px auto 0px auto;
transition:transform 0.5s ease-in-out;
}
[map-size][mobile] {
/*width:200%;*/
}
[mapinfo] {
position:absolute;
width:500px;
left:0px;
top:0px;
height:100%;
z-index:10;
//background-color:rgba(0,0,0,1);
background-color:#F5F4F2;
overflow:hidden;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-items:flex-start;
z-index:9;
transform:translate3d(-500px,0px,0px);
transition:transform 0.5s ease-in-out;
}
[mapinfo][move] {
transform:translate3d(0px,0px,0px);
}
@media screen and (max-width: 720px) {
[mapinfo] {
width:100%;
}
}
[mapinfo] > div {
font-size:18px;
font-weight:700;
color:white;
flex:0 0 calc(100%/6);
display:flex;
flex-wrap:wrap;
justify-content:center;
align-content:center;
align-items:center;
width:100%;
text-transform:uppercase;
}
[mapinfo] > div:nth-of-type(1) {
text-align:center;
font-size:22px;
font-weight:700;
margin:0px 0px 0px 0px;
}
[mapinfo] > div:nth-of-type(1) > span {
flex: 0 0 100%;
font-weight:700;
}
[mapinfo] > div:nth-of-type(1) > span > span {
font-size:16px;
font-weight:700;
}
[mapinfo] > div {
}
[mapinfo-close] {
position:absolute;
width:40px !important;
height:40px !important;
top:5px;
right:5px;
transition:transform 0.5s ease-in-out;
cursor:pointer;
}
[mapinfo-close]:hover {
transform:rotate(180deg);
}
[mapinfo-close]:before, [mapinfo-close]:after {
content:"";
position:absolute;
width:100%;
height:3px;
top:calc((100% - 3px)/2);
left:0px;
background-color:rgba(0,0,0,0.7);
}
[mapinfo-close]:before {
transform:rotate(45deg);
}
[mapinfo-close]:after {
transform:rotate(-45deg);
}
[mapinfo] input {
width:120px;
}
[mi-big] {
display:block;
flex:0 0 100%;
font-size:28px;
font-weight:700;
margin:0px 0px 0px 0px;
text-align:center;
}
[mi-big] select, [mi-big] input[type="button"] {
font-size:28px;
width:200px;
}
[mi-big2] {
font-size:22px;
font-weight:700;
}
/*карта*/
/* модальное окно */
[modal-win22] {
position:fixed;
left:0px;
top:0px;
width:100%;
height: calc(var(--vh, 1vh) * 100);
background-color:white;
z-index:99;
opacity:0;
transform:translate3d(0px,calc(var(--vh, 1vh) * 100),0px);
transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
[modal-win22][move] {
opacity:1;
transform:translate3d(0px,0px,0px);
}
/* модальное окно */
/* проекты на главной посётка */
[pr1] {
position:relative;
width:1230px;
margin:20px auto 60px auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
alight-items:flex-start;
}
[pr1] > figure {
flex:0 0 calc((100% - 80px)/3);
display:flex;
flex-wrap:wrap;
line-height:50px;
color:white;
padding:8px 8px 8px 8px;
}
[pr1] > figure:nth-of-type(1) {
background-color:#3f5311;
}
[pr1] > figure:nth-of-type(2) {
background-color:#561217;
}
[pr1] > figure:nth-of-type(3) {
background-color:#290F3B;
}
[pr1] > figure > img {
flex:0 0 100%;
margin:0px 0px 20px 0px;
width:100%;
height:236px;
}
[pr1] > figure > span:nth-child(even) {
flex:0 0 50%;
text-transform:uppercase;
font-weight:700;
font-size:14px;
padding:0px 0px 0px 20px;
}
[pr1] > figure > span:nth-child(odd) {
flex:0 0 50%;
font-size:24px;
font-weight:500;
text-align:right;
padding:0px 20px 0px 0px;
}
@media screen and (max-width: 1340px) {
[pr1] {
position:relative;
width:calc(100% - 50px);
margin:60px 25px 60px 25px;
}
[pr1] > figure {
flex:0 0 calc((100% - 50px)/3);
}
[pr1] > figure > span:nth-child(even) {
font-size:12px;
}
[pr1] > figure > span:nth-child(odd) {
font-size:20px;
}
[pr1] > figure > img {
width:100%;
height:calc( (100vw - 1100px)/(1340 - 1100) * (253 - 201) + 201px);
}
}
@media screen and (max-width: 1100px) {
[pr1] {
justify-content:center;
}
[pr1] > figure {
flex:0 0 600px;
margin:0px 0px 40px 0px;
}
[pr1] > figure > img {
width:100%;
height:376px;
}
}
@media screen and (max-width: 700px) {
[pr1] {
position:relative;
width:calc(100% - 16px);
margin:60px 8px 60px 8px;
}
[pr1] > figure {
flex:0 0 100%;
}
[pr1] > figure > span:nth-child(odd) {
font-size:16px;
}
[pr1] > figure > span {
display:block;
height:50px;
line-height:22px;
display:flex;
align-items:center;
}
[pr1] > figure > span:nth-child(odd) {
justify-content:flex-end;
}
[pr1] > figure > img {
width:100%;
height:calc( (100vw - 320px)/(700 - 320) * (376 - 185) + 185px);
}
}
[pdf] {
flex:0 0 100% !important;
display:block;
width:2px solid red;
height:65px !important;
background-image:url(../images/pdf.png);
background-repeat:no-repeat;
background-position:calc(50% - 50px);
padding:14px 0px 0px calc(50% - 15px) !important;
line-height:28px;
align-items:center !important;
align-content:center !important;
margin:10px 0px 10px 0px;
cursor:pointer;
user-select:none;
text-decoration:none;
color:white;
font-weight:700;
text-transform:uppercase;
font-size:14px !important;
}
[pdf]:active {
transform:translate3d(1px,1px,0px);
}
/* проекты на главной посётка */
/* галерея внизу главной */
[mg2] {
position:relative;
display:block;
width:1320px;
height:auto;
margin:80px auto 60px auto;
}
[mg2]:fullscreen {
width:100vw;
height: calc(var(--vh, 1vh) * 100);
}
[mg2] .swiper-container {
width: 100%;
height:calc(100vh - 150px - 60px);
}
[mg2]:fullscreen .swiper-container {
width:100vw;
height: calc(var(--vh, 1vh) * 100);
}
[mg2]:fullscreen .swiper-slide-active {
width:100% !important;
height: calc(var(--vh, 1vh) * 100);
}
[mg2] .swiper-slide {
overflow: hidden;
width:100%;
height:100%;
}
[mg2] img {
}
[mg2] .swiper-button-next, [mg2] .swiper-button-prev {
width:50px;
height:50px;
background-color:rgba(0,0,0,0.3);
background-repeat:no-repeat;
background-position:50% 50%;
cursor:pointer;
}
[mg2] .swiper-button-next {
background-image:url(../images/icon_right.png);
}
[mg2] .swiper-button-prev {
background-image:url(../images/icon_left.png);
background-position:calc(50% - 2px) 50%;
}
[mg2] .swiper-button-next:after, [mg2] .swiper-button-prev:after {
content:"";
}
[mg2] .swiper-button-next:active, [mg2] .swiper-button-prev:active {
transform:translate3d(1px,1px,0px);
}
[mg2-wr] {
position:relative;
width:100%;
min-height:60px;
display:flex;
flex-direction:row;
margin:0px auto 0px auto;
}
[mg2-wr] > div:nth-of-type(1) {
flex:0 0 calc(100% - 100px);
display:flex;
justify-content:flex-start;
align-items:center;
font-size:14px;
text-transform:uppercase;
font-weight:700;
}
[mg2-wr] .swiper-pagination {
position:relative;
max-width:100px;
top:auto;
left:auto;
right:auto;
bottom:auto;
display:flex;
justify-content:center;
align-items:center;
color:black;
font-size:24px;
font-weight:700;
}
[mg2-wr] .swiper-pagination > span:nth-of-type(1) {
margin:0px 5px 0px 0px;
display:block;
font-weight:700;
font-size:34px;
}
[mg2-wr] .swiper-pagination > span:nth-of-type(2) {
margin:0px 0px 0px 5px;
display:block;
font-weight:700;
}
@media screen and (max-width: 1340px) {
[mg2] {
position:relative;
display:block;
width:calc(100%);
//margin:0px auto 0px auto;
}
[mg2] .swiper-container {
width: 100%;
height:calc( (100vw - 320px)/(1340 - 320) * (800 - 320) + 320px);
}
[mg2-wr] > div:nth-of-type(1) {
padding:8px 8px 8px 8px;
}
}
@media screen and (max-width: 720px) {
[mg2-wr] {
flex-wrap:wrap;
}
[mg2-wr] > div:nth-of-type(1) {
flex:0 0 100%;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}
[mg2-wr] > div:nth-of-type(2) {
flex:0 0 100%;
order:-1;
display:flex;
justify-content:center;
align-items:center;
max-width:100%;
margin:10px 0px 0px 0px;
}
}
[mg2-flscr] {
position:absolute;
right:10px;
top:calc(100vh - 150px - 60px - 60px);
width:50px;
height:50px;
background-color:rgba(0,0,0,0.3);
z-index:999;
background-image: url(../images/icon_full.png);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor: pointer;
}
@media screen and (max-width: 1340px) {
[mg2-flscr] {
top:calc( (100vw - 320px)/(1340 - 320) * (800 - 320) + 320px - 60px);
}
}
[mg2]:fullscreen [mg2-flscr], main[mg2-fullscreen] [mg2-flscr] {
top:calc(100vh - 60px);
}
[mg2-flscr]:active {
transform:translate3d(1px,1px,0px);
}
header[mg2-fullscreen], footer[mg2-fullscreen] {
display:none;
}
main[mg2-fullscreen] {
margin:0px 0px 0px 0px;
}
main[mg2-fullscreen] > *:not([mg2]) {
display:none;
}
main[mg2-fullscreen] > [mg2] {
width:100%;
height: calc(var(--vh, 1vh) * 100);
margin:0px 0px 0px 0px;
}
main[mg2-fullscreen] .swiper-container {
width:100%;
height: calc(var(--vh, 1vh) * 100);
border:5px solid red;
}
main[mg2-fullscreen] .swiper-slide-active {
width:100% !important;
height: calc(var(--vh, 1vh) * 100);
border:5px solid red;
}
/* галерея внизу главной */
[psh] {
position:relative;
}
[psh2] {
position:absolute;
left:38px;
top:0px;
width:12px;
height:16px;
cursor:text;
}
@media screen and (max-width: 900px) {
[psh2] {
content:"";
position:absolute;
left:52px;
top:22px;
cursor:text;
}
}
[pr1] > figure > span:nth-of-type(5) {
flex:0 0 30%;
}
[pr1] > figure > span:nth-of-type(6) {
flex:0 0 70%;
}
g path {
fill:#00f500;
fill-rule:evenodd;
stroke:#000000;
stroke-width:3;
stroke-linecap:butt;
stroke-linejoin:miter;
stroke-opacity:1;
stroke-miterlimit:4;
stroke-dasharray:none;
fill-opacity:0.30027547;
}
[pr-text-bottom] {
flex:0 0 100% !important;
text-align:center !important;
font-size:14px !important;
line-height:24px !important;
margin:20px 0px 0px 0px !important;
padding:0px 0px 0px 0px !important;
flex-wrap:wrap !important;
height:auto !important;
text-transform:uppercase;
font-weight:700 !important;
}
[pr-text-bottom-nowr] {
white-space:nowrap;
font-size:22px !important;
font-weight:500;
line-height:32px !important;
flex:0 0 100% !important;
text-transform:lowercase;
}
@media screen and (max-width: 700px) {
[pr-text-bottom] {
font-size:12px !important;
}
[pr-text-bottom-nowr] {
font-size:18px !important;
line-height:28px !important;
}
}
[no-wrap-span] {
white-space:nowrap;
font-size:inherit;
font-weight:inherit;
}
[sl-div] {
display:flex;
flex-wrap:wrap;
justify-content:center;
margin:20px 0px 0px 0px;
}
[sl-div] > span {
flex:0 0 100%;
}
[sl-div] > span:nth-of-type(1) {
text-align:center;
font-size:18px;
font-weight:700;
}
[sl-div] > span:nth-of-type(2) {
padding:30px 0px 30px 0px;
flex:0 0 80%;
}
[sl-div] > span:nth-of-type(3) {
font-weight:700;
font-size:18px;
text-align:center;
}
[sl-div-val] {
font-weight:700;
font-size:18px;
}
[sl-div-price] {
font-weight:700;
font-size:22px;
}
[simple-page] {
width:1230px;
margin:0px auto 0px auto;
}
[simple-page]:before {
content:"";
position:fixed;
top:60px;
left:0px;
width:100%;
height:calc(100vh - 60px);
//background-image: url(../images/bgr_m_start.jpg);
background-size:contain;
z-index:-1;
}
[menu-page-main]:before {
content:"";
position:fixed;
top:60px;
left:0px;
width:100%;
height:calc(100vh - 60px);
//background-image: url(../images/bgr_m_start.jpg);
background-size:contain;
z-index:-1;
}
@media screen and (max-width: 1400px) {
[simple-page]:before {
top:60px;
height:calc(100vh - 60px);
}
[menu-page-main]:before {
top:60px;
height:calc(100vh - 60px);
}
}
[new-map2] {
columns:1;
margin:0px auto 100px auto;
}
[new-map2] .container {
position:relative;
/*background:linear-gradient(90deg, rgba(0,0,0,0.2) 100%, rgba(0,0,0,0.2) 100%), url(../images/map_bgr.jpg);
background-position:50% 50%;
background-repeat:no-repeat;
background-size:cover;*/
background-color:#ededed;
}
[map-text] {
font-weight:500;
line-height:28px;
width:100%;
max-width:500px;
text-align:center;
margin:20px auto 0px auto;
}
[map-text][mobile] {
display:none;
}
@media screen and (max-width: 700px) {
[map-text][desktop] {
display:none;
}
[map-text][mobile] {
display:block;
}
}
[map-edit] {
color:red;
font-size:18px;
font-weight:500;
text-align:center;
margin:0px 0px 20px 0px;
}
[cafe-menu-content] {
width:1100px;
margin:0px auto 0px auto;
}
.scc3 {
position:relative;
display:flex;
margin:0px 0px 60px 0px;
align-items:center;
}
[cmc-image] {
flex:0 0 800px;
height:533px;
}
@media screen and (max-width: 1100px) {
[cafe-menu-content] {
width:100%;
//padding:0px 8px 0px 8px;
}
[cmc-image] {
//flex:0 0 464px;
flex:0 0 calc( (100vw - 784px)/(1100 - 784) * (784 - 464) + 464px);
height:calc( (100vw - 784px)/(1100 - 533) * (533 - 309) + 309px);
}
}
[cmc-image] > img {
width:100%;
height:100%;
object-fit:cover;
}
.scc2[delim] {
height:0px;
display:none;
}
[cafe-menu-content] .scc3 > div:nth-of-type(1) {
flex:0 0 calc(300px);
min-height:300px;
background-image:url(../images/menu-item.jpg);
padding:16px 16px 16px 16px;
display:flex;
flex-direction:column;
}
[cafe-menu-content] .scc3:nth-child(odd) > div:nth-of-type(1) {
order:2;
transform:translate3d(-20px, 0, 0px);
}
[cafe-menu-content] .scc3:nth-child(even) > div:nth-of-type(1) {
transform:translate3d(20px, 0, 0px);
}
[cafe-menu-content] .scc3:nth-child(odd) {
//transform:translate3d(20px, 0, 0px);
}
[cmc-title] {
font-size:28px;
font-weight:500;
line-height:44px;
}
[cafe-menu-content] .scc3:nth-child(odd) > div:nth-of-type(1) > [cmc-title] {
text-align:right;
}
[cafe-menu-content] .scc3:nth-child(odd) > div:nth-of-type(1) > [cmc-vyhod] {
text-align:right;
}
[cafe-menu-content] .scc3:nth-child(odd) > div:nth-of-type(1) > [cmc-descr] {
//justify-content:flex-start;
}
[cafe-menu-content] .scc3:nth-child(even) > div:nth-of-type(1) > [cmc-descr] {
justify-content:flex-start;
}
[cmc-price] {
font-size:52px;
margin:24px 0px 0px 0px;
}
[cmc-descr] {
flex:1;
display:flex;
justify-content:flex-end;
align-items:flex-end;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
}
@media screen and (max-width: 800px) {
.scc3 {
flex-direction:column;
}
[cmc-image] {
flex:0 0 100%;
}
[cafe-menu-content] .scc3:nth-child(odd) > div:nth-of-type(1) {
order:-1;
transform:translate3d(0px, 0px, 0px);
}
[cafe-menu-content] .scc3:nth-child(even) > div:nth-of-type(1) {
transform:translate3d(0px, 0px, 0px);
}
[cafe-menu-content] .scc3 > div:nth-of-type(1) {
flex:0 0 auto;
min-height:auto;
width:100%;
}
[cmc-title] {
font-size:22px;
font-weight:500;
line-height:32px;
}
[cmc-price] {
font-size:34px;
margin:14px 0px 0px 0px;
}
}
[cafe-menu-content] .scc3:nth-child(odd) > div:nth-of-type(1) > [cmc-price] {
text-align:right;
}
.scc2 {
position:sticky;
top:60px;
z-index:9;
background-color:white;
}
@media screen and (max-width: 1400px) {
.scc2 {
top:60px;
}
}
.scc2 > div > div:nth-of-type(1) {
font-size:35px;
text-transform:uppercase;
font-weight:500 !important;
text-align:left;
margin:80px 0px 40px 0px;
background-image:url(../images/menu-item.jpg);
}
[menu-item] {
}
[mm-wrp] {
height: calc(var(--vh, 1vh) * 100 - 60px);
display:flex;
flex-direction:column;
background-color:#F5F4F2;
transition:height 0.5s ease-in-out;
}
[mm-title] {
flex:0 0 60px;
}
[mm-content] {
flex:1;
overflow:auto;
}
[mmi-wrp] {
margin:20px 0px 60px 0px;
padding:0px 8px 0px 8px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
[mmi-footer] {
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
background-image:url(../images/menu-item.jpg);
width:60%;
transform:translate3d(0px,-35px,0px);
}
@media screen and (max-width: 816px) {
[mmi-footer] {
width:80%;
}
}
[mmi-img] {
line-height:0px;
}
[mmi-footer] > div {
}
[mmi-footer] > div[descr] {
flex:0 0 100%;
padding:8px 32px 8px 32px;
font-weight:500;
min-height:44px;
display:flex;
justify-content:center;
align-items:center;
font-size:18px;
}
[mmi-footer] > div[descr][empty] {
padding:0px 0px 0px 0px;
min-height:0px;
}
[mmi-footer] > div[vyhod] {
flex:0 0 50%;
align-self:flex-end;
font-size:18px;
padding:0px 32px 8px 32px;
font-weight:500;
}
[mmi-footer] > div[price] {
flex:0 0 50%;
font-size:32px;
padding:0px 40px 0px 32px;
text-align:right;
font-weight:500;
}
[mmi-footer] > div[vyhod][empty], [mmi-footer] > div[price][empty] {
padding:0px 0px 0px 0px;
height:0px;
}
[modal-win][cafe-bgr] [modal-win-wrp] {
padding:0px 0px 0px 0px;
}
[mm-content] {
/*background-image: url(../images/bgr_m_start.jpg);
background-size:cover;*/
}
[mmi-title] {
background-image:url(../images/menu-item.jpg);
font-size:22px;
font-weight:700;
width:60%;
min-height:64px;
transform:translate3d(0px, 50%, 0px);
display:flex;
justify-content:center;
align-items:center;
padding:0px 8px 0px 8px;
line-height:32px;
z-index:99;
text-align:center;
}
@media screen and (max-width: 816px) {
[mmi-title] {
width:80%;
}
}
@media screen and (max-width: 650px) {
[mmi-title] {
font-size:calc( (100vw - 320px)/(650 - 320) * (22 - 16) + 16px);
line-height:calc( (100vw - 320px)/(650 - 320) * (32 - 22) + 22px);
min-height:calc( (100vw - 320px)/(650 - 320) * (64 - 52) + 52px);
transform:translate3d(0px,calc( (100vw - 320px)/(650 - 320) * (35 - 15) + 15px),0px);
}
}
[mmi-img] {
width:100%;
}
[mmi-img] img {
width:100%;
height:379px;
height:512px;
object-fit: cover;
}
@media screen and (max-width: 816px) {
[mmi-img] img {
height:calc( (100vw - 320px)/(816 - 320) * (512 - 203) + 203px);
}
}
[mm-title] {
color:white;
margin:60px 0px 20px 0px;
text-align:center;
text-transform:uppercase;
font-size:42px;
padding:0px 16px 0px 16px;
}
@media screen and (max-width: 650px) {
[mm-title] {
font-size:calc( (100vw - 320px)/(650 - 320) * (42 - 32) + 32px);
margin:calc( (100vw - 320px)/(650 - 320) * (60 - 60) + 60px) 0px calc( (100vw - 320px)/(650 - 320) * (20 - 40) + 40px) 0px;
}
}
[mmi-mix1] {
flex:0 0 100%;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
padding:8px 32px 8px 32px;
}
[mmi-mix1] > span {
position:relative;
display:block;
flex:0 0 50%;
padding:6px 0px 0px 15px;
min-height:32px;
display:flex;
justify-content:flex-start;
align-items:center;
line-height:20px;
}
[mmi-mix1] > span > span {
font-size:18px;
font-weight:500;
}
span[marker] {
position:relative;
display:inline-block;
}
span[marker]:before {
content:"";
position:absolute;
width:10px;
height:10px;
border:1px solid #555555;
left:-15px;
top:-10px;
background-color:#55ae16;
}
[mmi-footer] > div {
}
@media screen and (max-width: 650px) {
[mmi-footer] {
transform:translate3d(0px,calc( (100vw - 320px)/(650 - 320) * (-35 + 15) - 15px),0px);
}
[mmi-footer] > div[descr] {
font-size:calc( (100vw - 320px)/(650 - 320) * (18 - 16) + 16px);
padding:8px calc( (100vw - 320px)/(650 - 320) * (32 - 8) + 8px) 8px calc( (100vw - 320px)/(650 - 320) * (32 - 8) + 8px);
}
[mmi-footer] > div[vyhod] {
font-size:calc( (100vw - 320px)/(650 - 320) * (18 - 16) + 16px);
padding:0px calc( (100vw - 320px)/(650 - 320) * (32 - 8) + 8px) 8px calc( (100vw - 320px)/(650 - 320) * (32 - 8) + 8px);
}
[mmi-footer] > div[price] {
font-size:calc( (100vw - 320px)/(650 - 320) * (32 - 24) + 24px);
padding:0px calc( (100vw - 320px)/(650 - 320) * (32 - 8) + 8px) 8px calc( (100vw - 320px)/(650 - 320) * (32 - 8) + 8px);
}
[mmi-mix1] {
padding:8px calc( (100vw - 320px)/(650 - 320) * (32 - 8) + 8px) 8px calc( (100vw - 320px)/(650 - 320) * (32 - 8) + 8px);
}
[mmi-mix1] > span > span {
font-size:calc( (100vw - 320px)/(650 - 320) * (18 - 14) + 14px);
}
}
[mmi-mix2] {
display:flex;
flex-wrap:wrap;
padding: 8px 32px 8px 32px;
width:100%;
}
[mmi-mix2] > span {
flex:0 0 100%;
display:flex;
padding:0px 0px 0px 15px;
margin:5px 0px 5px 0px;
}
[mmi-mix2] > span > span {
}
[mmi-mix2] > span > span:nth-of-type(1) {
font-size:18px;
font-weight:500;
flex:0 0 60%;
}
[mmi-mix2] > span > span:nth-of-type(2) {
flex:0 0 40%;
font-size:28px;
font-weight:500;
text-align:right;
}
@media screen and (max-width: 650px) {
[mmi-mix2] {
padding:8px calc( (100vw - 320px)/(650 - 320) * (32 - 8) + 8px) 8px calc( (100vw - 320px)/(650 - 320) * (32 - 8) + 8px);
}
[mmi-mix2] > span > span:nth-of-type(1) {
font-size:calc( (100vw - 320px)/(650 - 320) * (18 - 14) + 14px);
}
[mmi-mix2] > span > span:nth-of-type(2) {
font-size:calc( (100vw - 320px)/(650 - 320) * (28 - 18) + 18px);
}
[mmi-mix2-vyhod] {
font-size:calc( (100vw - 320px)/(650 - 320) * (18 - 14) + 14px);
}
}
[price-wrp] {
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
min-height:466px;
margin:10px 0px 60px 0px;
}
[price-wrp][no-photo] {
min-height:auto;
}
[price-wrp] > span {
}
[price-wrp]:nth-child(odd) {
}
[price-wrp]:nth-child(odd) > span:nth-of-type(2) {
order:-1;
transform:translate3d(40px,0px,0px);
}
[price-wrp]:nth-child(even) > span:nth-of-type(2) {
transform:translate3d(-40px,0px,0px);
}
[price-wrp] > span:nth-of-type(1) {
flex:0 0 700px;
height:466px;
}
[price-wrp][no-photo] > span:nth-of-type(1) {
flex:0 0 0px;
height:0px;
}
[price-wrp] > span:nth-of-type(1) > img {
object-fit:cover;
width:100%;
height:100%;
}
[price-wrp] > span:nth-of-type(2) {
flex:0 0 calc(100% - 700px);
min-height:80%;
background-image:url(../images/menu-item.jpg);
display:flex;
flex-wrap:wrap;
justify-content:center;
align-content:center;
align-items:center;
}
[price-wrp][no-photo] > span:nth-of-type(2) {
flex: 0 0 700px;
}
[simple-page] > h1 {
font-size: calc( (100vw - 320px)/(1920 - 320) * (42 - 20) + 20px);
font-weight:500;
margin:0px 0px 60px 0px;
text-align:center;
color:black;
padding:60px 0px 0px 0px;
text-transform:uppercase;
}
[price-title] {
flex:0 0 100%;
font-size:28px;
font-weight:700;
padding:20px 8px 20px 16px;
}
[price-content] {
flex:0 0 100%;
}
[price-text] {
position:relative;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
align-content:center;
align-items:flex-start;
width:100%;
}
[price-text] > span {
line-height:24px;
padding:8px 16px 8px 16px;
font-size:16px;
font-weight:500;
}
[price-text] > span {
text-align:right;
}
[price-text] > span:nth-of-type(1) {
text-align:left;
}
[price-text-text] {
display:block;
padding:8px 16px 8px 16px;
font-size:16px;
font-weight:500;
line-height:24px;
}
[polosa] {
background-color:rgba(0,0,0,0.1);
}
@media screen and (max-width: 1260px) {
[simple-page] {
width:100%;
}
[price-wrp] {
flex-direction:column;
max-width:700px;
margin:0px auto 0px auto;
}
[price-wrp][no-photo] {
margin:0px auto 60px auto;
}
[price-wrp] > h3 {
order:-3;
background-image:url(../images/menu-item.jpg);
transform:translate3d(0px, 50%, 0px);
z-index:2;
}
[price-wrp][no-photo] > h3 {
transform:translate3d(0px, 0px, 0px);
width:700px;
}
[price-wrp] > span:nth-of-type(1) {
order:-2;
z-index:1;
flex:0 0 466px;
}
[price-wrp] > span:nth-of-type(2) {
order:-1;
width:60%;
}
[price-wrp]:nth-child(odd) > span:nth-of-type(2) {
order:-1;
transform:translate3d(0px,-40px,0px);
z-index:2;
}
[price-wrp]:nth-child(even) > span:nth-of-type(2) {
transform:translate3d(0px,-40px,0px);
z-index:2;
}
[price-wrp][no-photo]:nth-child(even) > span:nth-of-type(2) {
transform:translate3d(0px,0px,0px);
}
[price-wrp][no-photo]:nth-child(odd) > span:nth-of-type(2) {
transform:translate3d(0px,0px,0px);
}
[price-wrp][no-photo] > span:nth-of-type(2) {
flex: 0 0 auto;
width:700px;
}
[price-title] {
font-size:22px;
padding:16px 8px 16px 8px;
width:60%;
text-align:center;
}
[price-content] [plink] {
margin:20px auto 20px auto;
}
}
@media screen and (max-width: 720px) {
[simple-page] {
width:100%;
}
[simple-page] > h1 {
margin: 0px 0px calc( (100vw - 320px)/(700 - 320) * (60 - 30) + 30px) 0px;
padding: calc( (100vw - 320px)/(700 - 320) * (60 - 30) + 30px) 0px 0px 0px;
}
[price-wrp] {
width:100%;
max-width:100%;
min-height:0px;
margin:0px 0px 40px 0px;
padding:0px 8px 0px 8px;
}
[price-wrp] > span:nth-of-type(1) {
flex:0 0 calc( (100vw - 320px)/(700 - 320) * (466 - 193) + 193px);
height:auto;
}
[price-wrp] > span:nth-of-type(1) > img {
height:100%;
}
[price-title] {
font-size: calc( (100vw - 320px)/(700 - 320) * (22 - 16) + 16px);
padding: 8px 8px 8px 8px;
width: calc(100% - 16px);
text-align: center;
}
[price-wrp] > span:nth-of-type(2) {
width: calc(100% - 16px);
}
[price-text] > span {
line-height: 24px;
padding: 8px 8px 8px 8px;
font-size: calc( (100vw - 320px)/(700 - 320) * (16 - 14) + 14px);
font-weight: 500;
}
[price-text-text] {
padding: 8px 8px 8px 8px;
font-size: calc( (100vw - 320px)/(700 - 320) * (16 - 14) + 14px);
}
[price-wrp] > h3 {
transform: translate3d(0px, 8px, 0px);
}
[price-wrp][no-photo] > span:nth-of-type(2) {
width:calc(100% - 16px);
}
[price-wrp][no-photo] > h3 {
width:calc(100% - 16px);
}
[price-wrp]:nth-child(odd) > span:nth-of-type(2) {
transform: translate3d(0px,-8px,0px);
}
[price-wrp]:nth-child(even) > span:nth-of-type(2) {
transform: translate3d(0px,-8px,0px);
}
}
.fancybox-caption-wrap {
}
.fancybox-caption {
text-align:center;
}
.compensate-for-scrollbar {
margin:0px auto 0px auto !important;
}
[click-to-enlarge] {
position:absolute;
right:0px;
top:0px;
height:100%;
background-color:rgba(0,0,0,0.5);
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
font-size:16px;
line-height:20px;
color:white;
text-align:center;
transition:opacity 0.5s ease-in-out;
}
[click-to-enlarge][hide] {
opacity:0;
}
[click-to-enlarge][price] {
width:calc(100% - 30px);
}
[click-to-enlarge][projects] {
width:100%;
}
@media screen and (max-width: 1208px) {
[click-to-enlarge][price] {
width:100%;
}
}
[click-to-enlarge][menu] {
width:100%;
}
[click-to-enlarge][menu2] {
width:100%;
}
[click-to-enlarge][progress] {
width:100%;
}
[click-to-enlarge][excursions] {
width:100%;
}
[click-to-enlarge] > span:nth-of-type(1) {
display:block;
width:18px;
height:30px;
background-image:url(../images/enlarge.png);
}
[click-to-enlarge] > span:nth-of-type(2) {
font-weight:500;
flex:0 0 100%;
margin:12px 0px 0px 0px;
}
[scr1-new] {
width:100%;
height: calc(calc(var(--vh, 1vh) * 100) - 60px);
height: calc(calc(var(--vh, 1vh) * 100));
max-height:1100px;
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
}
[scr1-new] > [scr1-new-12] {
display:none;
transition:height 0.5s ease-in-out;
}
[scr1-new] > [scr1-new-1], [scr1-new] > [scr1-new-2] {
flex:0 0 50%;
height:100%;
transition:height 0.5s ease-in-out;
}
[scr1-new][solo] > [scr1-new-1] {
flex:0 0 100%;
height:100%;
}
[scr1-new] > [scr1-new-1] {
background-image:url("../images/new_header/");
background-position:0% 100%;
background-size:cover;
border-right:1px solid white;
display:flex;
justify-content:center;
align-items:center;
}
[scr1-new] > [scr1-new-2] {
background-image:url("../images/new_header/");
background-position:0% 100%;
background-size:cover;
border-left:1px solid white;
display:flex;
justify-content:center;
align-items:center;
}
[scr1-new-content] {
flex:0 0 80%;
margin:0px 0px 200px 0px;
}
[scr1-new-content] > h1, [scr1-new-content] > [not-h1] {
font-weight:500;
font-size:54px;
line-height:64px;
color:white;
margin:0px 0px 20px 0px;
}
[scr1-new-content] > p {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:18px;
line-height:25px;
font-weight:500;
color:white;
margin:0px 0px 40px 0px;
}
[scr1-new-content] > a, [scr1-new-content] > span[new-scr] {
display:block;
width:250px;
height:70px;
font-size:12px;
line-height:12px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
background-color:white;
display:flex;
justify-content:center;
align-items:center;
cursor:pointer;
color:#55ae16
}
[scr1-new-content] > a:active, [scr1-new-content] > span[new-scr]:active {
transform:translate3d(1px,1px,0px);
}
@media screen and (max-width: 1500px) {
[scr1-new] {
height:calc(1500px/2);
height:calc( (100vw - 990px)/(1500 - 990) * (calc(1500/2) - calc(990/2)) + calc(990px/2));
max-height: calc(calc(var(--vh, 1vh) * 100) - 60px);
}
[scr1-new-content] {
flex:0 0 80%;
margin:0px 0px 200px 0px;
margin:0px 0px 0px 0px;
}
[scr1-new-content] > h1, [scr1-new-content] > [not-h1] {
font-size:calc( (100vw - 990px)/(1500 - 990) * (54 - 34) + 34px);
line-height:calc( (100vw - 990px)/(1500 - 990) * (64 - 42) + 42px);
}
[scr1-new-content] > p {
font-size:calc( (100vw - 990px)/(1500 - 990) * (18 - 14) + 14px);
line-height:calc( (100vw - 990px)/(1500 - 990) * (25 - 18) + 18px);
}
[scr1-new-content] > a, [scr1-new-content] > span[new-scr] {
width:calc( (100vw - 990px)/(1500 - 990) * (250 - 210) + 210px);
height:calc( (100vw - 990px)/(1500 - 990) * (70 - 60) + 60px);
}
}
/*
*/
@media screen and (max-width: 990px) {
[scr1-new] {
height:auto;
max-height:none;
}
[scr1-new] > [scr1-new-1] {
position:relative;
flex:0 0 100%;
height:calc(calc(var(--vh, 1vh) * 90));
border:none;
background-image:url("../images/new_header/");
background-position:50% 50%;
z-index:1;
background-size:cover;
}
[scr1-new][solo] > [scr1-new-1] {
background-position:100% 100%;
}
[scr1-new] > [scr1-new-12] {
display:block;
flex:0 0 100%;
height:calc(calc(var(--vh, 1vh) * 40));
z-index:2;
margin:0px 0px 0px 0px;
margin:-90px 0px 0px 0px;
background-image:url("../images/new_header/");
background-size:100% 100%;
}
[scr1-new] > [scr1-new-2] {
position:relative;
flex:0 0 100%;
height:calc(calc(var(--vh, 1vh) * 70));
border:none;
background-image:url("../images/new_header/");
//background-size:100% 100%;
//background-repeat:no-repeat;
background-position:50% 0%;
z-index:3;
margin:-80px 0px 0px 0px;
}
[scr1-new] > [scr1-new-12] > img {
width:100%;
height:100%;
}
[scr1-new-content] {
margin:0px 0px calc(calc(var(--vh, 1vh) * 22)) 0px;
flex:0 0 calc(100% - 16px);
}
[scr1-new][solo] [scr1-new-content] {
margin:0px 0px calc(calc(var(--vh, 1vh) * 42)) 0px;
flex:0 0 calc(100% - 16px);
}
[scr1-new-2] [scr1-new-content] {
margin:0px 0px calc(calc(var(--vh, 1vh) * 90)) 0px;
}
[scr1-new-content] > * {
text-align:center;
}
[scr1-new-content] > a, [scr1-new-content] > span[new-scr] {
margin:0px auto 0px auto;
}
[br1] {
display:none;
}
[scr1-new] > [scr1-new-2] {
}
[scr1-new-content] > h1, [scr1-new-content] > [not-h1] {
font-weight:500;
font-size:32px;
line-height:38px;
color:white;
margin:0px 0px 10px 0px;
}
[scr1-new-content] > p {
font-size:14px;
line-height:18px;
margin:0px 0px 20px 0px;
}
[scr1-new-content] > a, [scr1-new-content] > span[new-scr] {
width:240px;
height:50px;
}
[scr1-new][solo] {
height:calc(calc(var(--vh, 1vh) * 100));
}
[scr1-new][solo] [scr1-new-content] {
margin:0px 0px 0px 0px;
height:calc(calc(var(--vh, 1vh) * 100));
display:flex;
flex-wrap:wrap;
justify-content:center;
align-content:center;
align-items:center;
}
[scr1-new][solo] [scr1-new-content] > * {
transform:translate3d(0px,-100px,0px);
}
[scr1-new][solo] [scr1-new-content] > * {
flex:0 0 100%;
}
[scr1-new][solo] [scr1-new-content] > p {
align-self:flex-start;
}
[scr1-new][solo] [scr1-new-content] > a, [scr1-new][solo] [scr1-new-content] > span[new-scr] {
align-self:flex-end;
flex:0 0 250px;
margin:0px auto 10px auto;
}
}
@media screen and (max-width: 670px) {
[br1] {
display:inline;
}
[scr1-new-content] > h1, [scr1-new-content] > [not-h1] {
font-size:22px;
line-height:28px;
color:white;
margin:0px 0px 10px 0px;
}
}
pre
{
border: 1px solid #999;
page-break-inside: avoid;
display: block;
padding: 3px 3px 2px;
margin: 0 0 10px;
font-size: 13px;
line-height: 20px;
word-break: break-all;
word-wrap: break-word;
/*white-space: pre;
white-space: pre-wrap;*/
background-color: #f5f5f5;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
font-size: 12px;
color: #333333;
}
pre code
{
padding: 0;
color: inherit;
white-space: pre;
white-space: pre-wrap;
background-color: transparent;
border: 0;
}
[dialog-win-content] [doc-text] {
columns:1;
}
[dialog-win-content] [doc-text] p {
font-size: 14px;
line-height: 22px;
font-weight: 500;
margin: 0px 0px 20px 0px;
padding: 8px 14px 8px 14px;
}
[dialog-win-content] [doc-text] p:nth-child(even) {
background-color: #F5F4F2;
}
[dialog-win-content] [doc-text] p[delim] {
line-height: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
[dialog-win-content] [doc-text] h2 {
font-weight: 700;
font-size: 14px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 14px;
}
[ya-map-site] {
display:inline-block;
width:280px;
height:50px;
background-color:#55ae16;
color:white;
text-transform:uppercase;
font-size:14px;
font-weight:700;
text-decoration:none;
cursor:pointer;
display:flex;
justify-content:center;
align-items:center;
margin:20px 0px 0px 0px;
}
[ya-map-site]:active {
transform:translate3d(1px,1px,0px);
}
@media screen and (max-width: 380px) {
[ya-map-site] {
font-size:calc( (100vw - 320px)/(380 - 320) * (14 - 12) + 12px);
width:calc( (100vw - 320px)/(380 - 320) * (280 - 225) + 225px);
}
}
[prg-view-wrp] {
position:relative;
width:1230px;
margin:20px auto 40px auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
height:380px;
}
[prg-view-wrp] > a {
display:block;
height:100%;
}
[prg-view-wrp] > a > img {
width:100%;
height:100%;
object-fit:cover;
}
@media screen and (max-width: 1260px) {
[prg-view-wrp] {
width:calc(100% - 80px);
height:calc( (100vw - 620px)/(1260 - 620) * (380 - 165) + 165px);
}
}
@media screen and (max-width: 620px) {
[prg-view-wrp] {
width:calc(100% - 16px);
}
}
[prg-view-wrp] > a {
display:block;
position:relative;
flex:0 0 calc((100% - 50px)/2);
line-height:0px;
height:100%;
}
@media screen and (max-width: 940px) {
[prg-view-wrp] > a {
flex:0 0 calc((100% - calc( (100vw - 600px)/(940 - 600) * (50 - 8) + 8px))/2);
}
}
@media screen and (max-width: 600px) {
[prg-view-wrp] {
justify-content:center;
height:628px;
}
[prg-view-wrp] > a {
flex:0 0 calc( (100vw - 320px)/(600 - 320) * (584 - 304) + 304px);
height:304px;
}
[prg-view-wrp] > a:nth-of-type(1) {
margin:0px 0px 20px 0px;
}
}
[prg-view-wrp] > a:active {
transform:translate3d(1px,1px,0px);
}
[prg-view-wrp] > a:nth-of-type(1) {
//margin:0px 25px 0px 0px;
}
[prg-view-wrp] > a:nth-of-type(2) {
//margin:0px 0px 0px 25px;
}
[prg-view-wrp] > a > span {
display:flex;
justify-content:center;
align-items:flex-end;
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
font-size:14px;
text-transform:uppercase;
line-height:32px;
color:white;
font-weight:700;
}
[prg-view-wrp] > a > span > [del] {
font-size:14px;
text-transform:uppercase;
line-height:32px;
color:white;
font-weight:700;
}
@media screen and (max-width: 800px) {
[prg-view-wrp] > a > span > [del] {
display:none;
}
}
ol[breadcrumbs] {
display:flex;
position:absolute;
left:0px;
top:-35px;
}
ol[breadcrumbs] li {
list-style-type: none;
line-height:12px;
}
ol[breadcrumbs] li a {
position:relative;
display:block;
color:#a8a8a8;
}
ol[breadcrumbs] li a:after {
content:">";
position:absolute;
width:20px;
height:100%;
right:0px;
top:0px;
display:flex;
justify-content:center;
align-items:center;
}
ol[breadcrumbs] li span {
font-size:10px;
text-transform:uppercase;
margin:0px 20px 0px 0px;
color:#a8a8a8;
line-height:12px;
}
[gis-img] {
width:55px;
height:55px;
}
[change-season] {
columns:1;
}
[chs-wrp] {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-start;
}
[chs-wrp] > a {
position:relative;
flex:0 0 calc((100% - 60px)/4);
font-size:12px;
text-transform:uppercase;
text-decoration:none;
height:160px;
display:flex;
justify-content:center;
align-items:flex-end;
text-align:center;
flex-wrap:wrap;
}
[chs-wrp] > a > * {
}
[chs-wrp] > a > img{
width:100%;
height:100%;
object-fit:cover;
}
[chs-wrp] > a > span {
display:block;
width:100%;
height:50px;
display:flex;
justify-content:center;
align-items:center;
font-weight:700;
text-decoration:none;
font-size:12px;
color:white;
margin:5px 0px 0px 0px;
line-height:18px;
}
[chs-wrp] > a > span br {
display:none;
}
@media screen and (max-width: 1260px) {
[chs-wrp] > a > span br {
display:inline;
}
}
@media screen and (max-width: 920px) {
[chs-wrp] {
justify-content:space-evenly;
}
[chs-wrp] > a {
flex:0 0 290px;
}
[chs-wrp] > a:nth-of-type(1) {
margin:0px 0px 130px 0px;
margin:0px 0px calc( (100vw - 720px)/(920 - 720) * (130 - 75) + 75px) 0px;
}
[chs-wrp] > a > span br {
display:none;
}
}
@media screen and (max-width: 720px) {
[chs-wrp] > a {
flex:0 0 calc((100% - 60px)/2);
}
[chs-wrp] > a:nth-of-type(1) {
margin:0px 0px 75px 0px;
}
}
@media screen and (max-width: 690px) {
[chs-wrp] > a > span br {
display:inline;
}
}
@media screen and (max-width: 620px) {
[chs-wrp] {
justify-content: space-between;
}
[chs-wrp] > a {
flex:0 0 calc((100% - 8px)/2);
}
[chs-wrp] > a:nth-of-type(1) {
margin:0px 0px 63px 0px;
}
}
@media screen and (max-width: 450px) {
[chs-wrp] {
justify-content: center;
}
[chs-wrp] > a {
flex:0 0 290px;
}
[chs-wrp] > a {
margin:0px 0px 83px 0px !important;
}
}
[chs-wrp] > a[chs-link="1"] > span {
background-color:#4c22a6;
}
[chs-wrp] > a[chs-link="2"] > span {
background-color:#70b042;
}
[chs-wrp] > a[chs-link="3"] > span {
background-color:#55ae16;
}
[chs-wrp] > a[chs-link="4"] > span {
background-color:#c96e28;
}
[chs-wrp] > a[current]:before {
content:"";
position:absolute;
width:30px;
height:30px;
background-color:white;
left:5px;
top:5px;
border-radius:100px;
background-image:url(../images/icon-galka.png);
background-position:50% 50%;
background-repeat:no-repeat;
z-index:1;
}
header[new] [mw] {
}
header[new] [mw] > ul > li:nth-of-type(1) {
flex:0 0 100%;
display:block;
}
header[new] [mw] > ul > li:nth-of-type(2) {
display:none;
}
header[new] [mw] > ul > li:nth-of-type(3) {
display:none;
}
header[new] [menu-li] {
display:none;
}
[menu-ul-open] {
padding:0px 0px 0px 0px !important;
}
[menu-li-open] {
position:relative;
display:flex !important;
padding:0px 100px 0px 100px !important;
}
[menu-li-open] > article {
display:block;
position:relative;
flex:0 0 calc((100% - 178px)/3);
margin:40px 0px 0px 0px;
border-left:1px solid #e4e4e4;
}
[menu-li-open] > article > h2 {
display:block;
font-size:12px;
text-transform:uppercase;
font-weight:700;
height:60px;
line-height:18px;
color:#808080;
padding:0px 8px 0px 8px;
display:flex;
justify-content:flex-start;
align-items:flex-start;
}
[menu-li-open] > article > p {
display:block;
position:relative;
}
[menu-li-open] > article > p > a {
display:flex;
justify-content:flex-start;
align-items:center;
width:calc(100% - 16px);
height:60px;
font-size:18px;
text-transform:uppercase;
font-weight:700;
line-height:22px;
color:black;
margin:0px 8px 0px 8px;
padding:0px 8px 0px 8px;
text-decoration:none;
}
[menu-li-open] > article:nth-of-type(2) > p > a:nth-child(odd) {
background-color: #F5F4F2;
}
[menu-li-open] > article:nth-of-type(3) > p > a:nth-child(even) {
background-color: #F5F4F2;
}
[menu-li-open] > article:nth-of-type(4) > p > a:nth-child(odd) {
background-color: #F5F4F2;
}
@media screen and (max-width: 1900px) {
[menu-li-open] {
padding:0px calc( (100vw - 900px)/(1900 - 900) * (100 - 8) + 8px) 0px calc( (100vw - 900px)/(1900 - 900) * (100 - 8) + 8px) !important;
}
[menu-li-open] > article > h2 {
font-size:calc( (100vw - 900px)/(1900 - 900) * (12 - 11) + 11px);
line-height:calc( (100vw - 900px)/(1900 - 900) * (16 - 14) + 14px);
height:calc( (100vw - 900px)/(1900 - 900) * (60 - 40) + 40px);
}
[menu-li-open] > article > p > a {
font-size:calc( (100vw - 900px)/(1900 - 900) * (18 - 11) + 11px);
line-height:calc( (100vw - 900px)/(1900 - 900) * (22 - 16) + 16px);
height:calc( (100vw - 900px)/(1900 - 900) * (60 - 40) + 40px);
}
}
@media screen and (max-width: 900px) {
header[new] [mw] {
padding:0px 0px 0px 0px !important;
}
[menu-li-open] {
flex-wrap:wrap !important;
background-image:none !important;
margin:20px 0px 0px 0px;
padding:0px calc( (100vw - 320px)/(900 - 320) * (100 - 16) + 16px) 0px calc( (100vw - 320px)/(900 - 320) * (100 - 16) + 16px) !important;
}
[menu-li-open] > article {
flex:0 0 100%;
margin:0px 0px 0px 0px;
background-image: url(../images/icon_ab.jpg);
background-repeat: no-repeat;
background-position: 100% 50%;
border-left:none;
}
[menu-li-open] > article:not(:last-child) {
border-bottom:1px solid #e4e4e4;
}
[menu-li-open] > article > h2 {
height:100px;
font-size:18px;
line-height:24px;
padding:0px 24px 0px 16px;
cursor:pointer;
align-items:center;
}
[menu-li-open] > article > p {
display:none;
}
}
[omm-wrp] {
position:fixed;
height: calc(calc(var(--vh, 1vh) * 100) - 60px);
width:100%;
left:0px;
top:60px;
z-index:99;
overflow:auto;
transform:translate3d(-100%,0px,0px);
transition:transform 0.5s ease-in-out;
background-color:white;
background-color: #FBF7EB;
background-color: #F5F4F2;
padding:0px 0px 40px 0px;
}
[omm-wrp][move] {
transform:translate3d(0%,0px,0px);
}
[omm-wrp] > div, [omm-wrp] > a {
position:relative;
display:block;
height:60px;
font-size:calc( (100vw - 320px)/(900 - 320) * (18 - 14) + 14px);
font-weight:700;
text-transform:uppercase;
margin:0px 100px 0px 100px;
margin:0px calc( (100vw - 320px)/(900 - 320) * (100 - 16) + 16px) 0px calc( (100vw - 320px)/(900 - 320) * (100 - 16) + 16px);
color:black;
display:flex;
justify-content:flex-start;
align-items:center;
padding:0px 16px 0px 16px;
text-decoration:none;
}
[omm-wrp] > div {
color:#909090;
margin:40px 100px 0px 100px;
margin:calc( (100vw - 320px)/(900 - 320) * (40 - 20) + 20px) calc( (100vw - 320px)/(900 - 320) * (100 - 16) + 16px) 0px calc( (100vw - 320px)/(900 - 320) * (100 - 0) + 0px);
}
[omm-wrp] > a:not(:last-child) {
border-bottom:1px solid #e4e4e4;
}
[menu-li-open] > article:nth-of-type(1) {
flex:0 0 170px;
margin:40px 8px 0px 0px;
border-left:none;
}
@media screen and (max-width: 900px) {
[menu-li-open] > article:nth-of-type(1) {
flex:0 0 100%;
}
}
[menu-season] {
position:relative;
display:block !important;
width:170px !important;
height:auto !important;
display:flex;
flex-wrap:wrap;
margin:0px 0px 8px 8px !important;
padding:0px 0px 0px 0px !important;
line-height:0px !important;
text-decoration:none;
}
[menu-season] img {
width:170px;
height:94px;
}
[menu-season][current]:before {
content:"";
position:absolute;
width:30px;
height:30px;
background-color:white;
left:5px;
top:5px;
border-radius:100px;
background-image:url(../images/icon-galka.png);
background-position:50% 50%;
background-repeat:no-repeat;
z-index:1;
}
[menu-season] > span {
display:block;
height:40px;
display:flex;
justify-content:center;
align-items:center;
font-size:12px;
line-height:18px;
font-weight:700;
color:white;
border-top:1px solid white;
}
[menu-season-wrp] {
position:relative;
display:flex;
justify-content:center;
flex-wrap:wrap;
}
[menu-season-wrp] > [menu-season] {
flex:0 0 290px;
margin:32px !important;
min-height:200px;
}
[menu-season-wrp] > [menu-season] img {
width:290px;
height:160px;
}
@media screen and (max-width: 772px) {
[menu-season-wrp] > [menu-season] {
margin:calc( (100vw - 612px)/(772 - 612) * (32 - 4) + 4px) !important;
}
@media screen and (max-width: 612px) {
[menu-season-wrp] > [menu-season] {
margin:20px !important;
}
}
}
article a {
color:black;
}
[p404] {
height: calc(var(--vh, 1vh) * 100 - 60px);
width:100%;
background-image:url(../images/404.webp);
background-size:contain;
background-position:50% 100%;
background-repeat:no-repeat;
display:flex;
flex-direction:column;
}
[p404] p {
display:block;
flex:0 0 40%;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
text-align:center;
font-size:22px;
font-weight:500;
padding:0px 20px 0px 20px;
line-height:32px;
}
@media screen and (max-width: 900px) {
[p404] {
//background-position:-55px 100%;
background-size:cover;
background-position:0% 100%;
}
/*calc( (100vw - 612px)/(772 - 612) * (32 - 4) + 4px)*/
}
[fixb-wrp] {
position:relative;
width:100%;
margin:0px 0px 40px 0px;
}
[fixb-title] {
font-size: 22px;
font-weight: 700;
line-height: 39px;
padding:0px 0px 0px 16px;
}
[fixb-content] {
position:relative;
background-color: #FBF7EB;
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:space-evenly;
align-items:flex-start;
padding:8px 0px 8px 0px;
}
[fixb-butt] {
display:flex;
justify-content:center;
align-items:center;
height:44px;
font-weight:700;
font-size:12px;
text-transform: uppercase;
color: white;
background-color:#55ae16;
margin:8px 0px 8px 0px;
cursor:pointer;
user-select:none;
flex:0 0 calc((100% - 64px)/3);
}
[fixb-butt]:active {
transform:translate3d(1px,1px,0px);
}
[fixb-date] {
font-weight:700;
font-size:14px;
margin:0px 4px 0px 0px;
}
[fixb-butt][empty] {
height:0px;
opacity:0;
margin:0px 0px 0px 0px;
}
[mw-title11] {
display:block;
font-size:14px;
font-weight:500;
max-width:404px;
margin:0px auto 20px auto;
}
[fixb-tire] {
font-size:12px;
}
@media screen and (max-width: 620px) {
[fixb-butt] {
font-size:calc( (100vw - 320px)/(620 - 320) * (12 - 11) + 11px);
flex:0 0 calc((100% - calc( (100vw - 320px)/(620 - 320) * (64 - 48) + 48px))/2);
}
[fixb-tire] {
font-size:calc( (100vw - 320px)/(620 - 320) * (12 - 6) + 6px);
}
[fixb-title] {
font-size: 22px;
font-weight: 700;
line-height: 39px;
padding:0px 0px 0px calc(calc( (100vw - 320px)/(620 - 320) * (64 - 48) + 48px)/3);
}
}
[rol-wrp] {
position:relative;
width:1230px;
margin:60px auto 0px auto;
height:692px;
display:flex;
justify-content:center;
align-items:center;
overflow:hidden;
}
[rol-wrp2] {
position:relative;
width:100%;
height:100%;
}
[rol-wrp2][no-play]:before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
backdrop-filter: blur(0px);
}
[rol-wrp2][no-play]:after {
content: "";
position: absolute;
left: calc((100% - 100px)/2);
top: calc((100% - 100px)/2);
width: 100px;
height: 100px;
background-image: url(../images/play_video.png), url(../images/play_video.png);
z-index: 2;
cursor: pointer;
}
[rol-wrp2][no-play]:active:after {
transform:translate3d(1px,1px,0px);
}
[rol-wrp] [rol-wrp2] video {
width:100%;
height:100%;
object-fit:cover;
}
[rol-wrp2] video:fullscreen {
object-fit:contain;
}
@media screen and (max-width: 1250px) {
[rol-wrp] {
width:100%;
padding:0px 8px 0px 8px;
height:calc( (100vw - 320px)/(1250 - 320) * (692 - 304) + 304px);
margin:calc( (100vw - 320px)/(1250 - 320) * (60 - 20) + 20px) auto 0px auto;
}
}
[video-rolik-wrp] {
width:calc(100% - 16px);
height:279px;
overflow:hidden;
margin:20px auto 0px auto;
}
@media screen and (max-width: 1920px) {
[video-rolik-wrp] {
height:calc( (100vw - 900px)/(1920 - 900) * (279 - 120) + 120px);
}
}
@media screen and (max-width: 900px) {
[video-rolik-wrp] {
width:100%;
margin:40px 0px 0px 0px;
height:calc( (100vw - 320px)/(1920 - 320) * (394 - 162) + 162px);
}
}
[video-rolik-wrp] video {
width:100%;
height:100%;
object-fit:cover;
}
[video-rolik-wrp] video:fullscreen {
object-fit: contain;
}
[cottage] {
margin:0px auto 0px auto;
}
[mp-ar1][cottage] > p {
font-weight:500;
}
[g1][preimushestva] {
padding:120px 0px 0px 0px;
margin:0px auto 0px auto;
position:relative;
}
[mp-ar1][cottage] > h2 {
padding:0px 40px 0px 40px;
}
[g1][preimushestva] > h2 {
top:0px;
height:120px;
}
[video-presentation] {
column-span:all;
margin:0px 0px 40px 0px;
}
[cottage-fon] {
position:absolute;
column-span:all;
width:calc(100vw - var(--scrlvh));
left:calc(0px - calc((100vw - 1230px - var(--scrlvh))/2));
top:0px;
height:100%;
background-color: #f5f4f2;
z-index:-1;
}
@media screen and (max-width: 1260px) {
[cottage-fon] {
left:-40px;
}
}
@media screen and (max-width: 1000px) {
[g1][preimushestva] {
}
[g1][preimushestva] > h2 {
left:calc(0px - calc((100vw - 600px - var(--scrlvh))/2));
width:calc(100vw - var(--scrlvh));
}
}
@media screen and (max-width: 620px) {
[g1][preimushestva] > h2 {
left:0px;
width:100%;
}
[cottage-fon] {
left:-8px;
}
}
[mi2-wrapper] {
display:block;
width:100%;
position:relative;
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
margin:0px 0px 0px 0px;
padding:0px 36px 0px 36px;
}
[mi2-wrapper] > span {
flex:0 0 100%;
display:flex;
justify-content:flex-start;
min-height:42px;
font-size:14px;
padding:0px 16px 0px 16px;
}
[mi2-wrapper] > span:nth-child(odd) {
background-color:white;
}
[mi2-wrapper] > span > span:nth-of-type(1) {
flex:0 0 50%;
display:flex;
justify-content:flex-start;
align-items:center;
font-weight:700;
line-height:26px;
}
[mi2-wrapper] > span > span:nth-of-type(2) {
flex:0 0 50%;
display:flex;
justify-content:flex-end;
align-items:center;
font-weight:700;
text-align:right;
flex-wrap:wrap;
line-height:26px;
}
@media screen and (max-width: 600px) {
[mi2-wrapper] {
padding:0px calc( (100vw - 320px)/(600 - 320) * (36 - 4) + 4px) 0px calc( (100vw - 320px)/(600 - 320) * (36 - 4) + 4px);
}
[mi2-wrapper] > span {
padding:0px calc( (100vw - 320px)/(600 - 320) * (16 - 4) + 4px) 0px calc( (100vw - 320px)/(600 - 320) * (16 - 4) + 4px);
}
[mi2-wrapper] > span > span:nth-of-type(1) {
line-height:calc( (100vw - 320px)/(600 - 320) * (26 - 16) + 16px);
}
[mi2-wrapper] > span > span:nth-of-type(2) {
line-height:calc( (100vw - 320px)/(600 - 320) * (26 - 16) + 16px);
}
}
[mi2-wrapper] > span > span:nth-of-type(2) > span[param="br"] {
flex:0 0 100%;
font-size:10px;
}
[mi2-wrapper] > span > span:nth-of-type(2) input[param="1"] {
width:50px;
}
[mi2-wrapper] > span > span:nth-of-type(2) input[param="2"] {
width:80px;
font-size:14px;
}
[mi2-wrapper] > span > span:nth-of-type(2) input[param="3"] {
width:60px;
font-size:14px;
}
[mi2-wrapper] > span > span:nth-of-type(2) input[type="text"] {
width:135px;
}
[mi2-wrapper] > span > span:nth-of-type(2) select {
width:135px;
}
[price-land] {
font-size:14px;
font-weight:700;
}
[beg],[beg2] {
flex:0 0 100%;
}
[beg2] {
padding:0px 0px 0px 0px;
background-color: #F5F4F2 !important;
}
[beg] > span > span {
font-size:14px;
font-weight:700;
}
@media screen and (max-width: 450px) {
[mi2-wrapper] > span {
font-size:calc( (100vw - 320px)/(600 - 320) * (14 - 12) + 12px);
}
[beg] > span > span {
font-size:calc( (100vw - 320px)/(600 - 320) * (14 - 12) + 12px);
}
}
[beg3] {
flex:0 0 100%;
font-size:12px !important;
text-align:center;
justify-content:center !important;
align-items:flex-start;
background-color:transparent !important;
padding:8px 0px 0px 0px !important;
}
[g1] figure a img2 {
border:1px solid red;
width:100%;
height:100%;
object-fit:contain;
}
[map-hidden] {
opacity:0;
}
[map-c2] {
position:relative;
transition:opacity 0.5s ease-in-out;
z-index:2;
}
[map-load] {
background-position:center;
background-size:cover;
}
[map-load2] {
position:absolute;
width:100%;
height:100%;
left:0px;
top:0px;
background-position:center;
background-repeat:no-repeat;
display:flex;
justify-content:center;
align-items:center;
z-index:2;
}
[map-load2] > div {
display:block;
position:absolute;
width:100px;
height:100px;
left:calc((100% - 100px)/2);
top:calc((100% - 100px)/2);
background-repeat:no-repeat;
background-position:50% 50%;
}
[map-load2] > div:nth-of-type(1) {
background-color:rgba(255,255,255,0.6);
border-radius:100px;
}
[map-comment] {
font-size:14px;
display:flex;
flex-wrap:wrap;
width:624px;
margin:40px auto 0px auto;
}
[map-comment] > span {
flex: 0 0 304px;
display:flex;
justify-content:flex-start;
align-items:center;
min-height:58px;
margin:0px 4px 0px 4px;
}
[map-comment] > span:nth-child(2n+1) {
background-color: #F5F4F2;
}
[map-comment] > span:nth-child(2n+2) {
background-color: #F5F4F2;
}
[map-comment] > span:nth-child(2n+3) {
background-color: white;
}
[map-comment] > span:nth-child(2n+4) {
background-color: white;
}
[map-comment] > span:nth-child(2n+5) {
background-color: #F5F4F2;
}
[map-comment] > span:nth-child(2n+6) {
background-color: #F5F4F2;
}
[map-comment] > span > span:nth-of-type(1) {
margin:0px 8px 0px 8px;
}
[map-comment] > span > span:nth-of-type(2) {
font-weight:700;
line-height:21px;
font-size:14px;
text-align:left;
flex:1;
padding:0px 8px 0px 8px;
}
[map-comment] [mc] {
display:block;
flex:0 0 60px;
height:42px;
border:1px solid rgba(0,0,0,0.3);
}
@media screen and (max-width: 700px) {
[map-comment] {
width:304px;
}
[map-comment] > span {
flex: 0 0 100%;
}
[map-comment] > span {
background-color: white !important;
}
[map-comment] > span:nth-child(odd) {
background-color: #F5F4F2 !important;
}
}
[map-comment] [mc="0"] {
background-color:#E6EBE0;
}
[map-comment] [mc="1"] {
background-color:#28AFB0;
}
[map-comment] [mc="2"] {
background-color:#ED6A5A;
}
[map-comment] [mc="3"] {
background-color:#9BC1BC;
}
[map-comment] [mc="4"] {
background-color:#19647E;
}
[map-comment] [mc="5"] {
background-color:orange;
}
[map-comment] [mc="7"] {
background-color:#afb028;
}
[mi2-a] {
display: block;
width: 200px;
height: 44px;
background-color:#5e9087;
color: white;
text-transform: uppercase;
text-decoration: none;
font-weight: 700;
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
margin:40px 0px 0px 40px;
}
[mi2-a]:active {
transform:translate3d(1px,1px,0px);
}
@media screen and (max-width: 600px) {
[mi2-a] {
margin:40px 0px 0px calc( (100vw - 320px)/(600 - 320) * (40 - 4) + 4px);
}
}
[pos-price-wrp] {
column-span: all;
display:flex;
flex-wrap:wrap;
width:600px;
margin:0px auto 40px auto;
justify-content:flex-start;
}
@media screen and (max-width: 720px) {
[pos-price-wrp] {
width:calc(100% - 16px);
}
}
[pos-price-wrp] > span {
flex:0 0 100%;
display:flex;
justify-content:flex-start;
align-items:center;
min-height:42px;
padding:8px 0px 8px 0px;
}
[pos-price-wrp] > span:nth-child(odd) {
background-color: #F5F4F2;
}
[pos-price-wrp] > span > span {
flex:0 0 50%;
line-height:21px;
padding:4px 8px 4px 8px;
font-size:14px;
}
[pos-price-wrp] > span > span:nth-of-type(1) {
flex:70%;
font-weight:500;
}
[pos-price-wrp] > span > span:nth-of-type(2) {
text-align:right;
flex:30%;
font-weight:700;
}
@media screen and (max-width: 500px) {
[pos-price-wrp] > span > span {
font-size:calc( (100vw - 320px)/(500 - 320) * (14 - 12) + 12px);
}
}
[snowf] {
pointer-events:none;
user-select:none;
position:fixed;
top:-40px;
z-index:9999999;
opacity:1;
transition:opacity 2s ease-in-out;
}
[snowf="10"] {
opacity:0;
}
[snowf="0"] {
color:#b9dff5;
}
[snowf="1"] {
color:#7fc7ff;
}
[snowf="2"] {
color:#7fb1ff;
}
[snowf="3"] {
color:#7fc7ff;
}
[snowf="4"] {
color:#FFFFFF;
}
[cp-bw] {
position:relative;
display:flex;
justify-content:center;
margin:0px 0px 40px 0px;
}
[cp-bw] > a {
display: block;
flex: 0 0 200px;
height: 44px;
background-color:#55ae16;
color: white;
text-transform: uppercase;
text-decoration: none;
font-weight: 700;
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
margin:0px 8px 0px 8px;
}
[cp-bw] > a:active {
transform:translate3d(1px,1px,0px);
}
@media screen and (max-width: 600px) {
[cp-bw] {
justify-content:space-between;
}
[cp-bw] > a {
/*flex: 0 0 calc( (100vw - 320px)/(600 - 320) * (200 - 150) + 150px);*/
flex: 0 0 calc((100% - 8px)/2);
margin:0px 0px 0px 0px;
}
}
[mw-in] {
position:absolute;
left:0px;
bottom:0px;
width:100px;
height:36px;
}
g path[st="50"], g path[st="50"]:hover {
cursor:default;
fill:#e4eec7;
fill-opacity:1;
stroke-opacity:0;
}
g[num]:hover [st="50"] {
fill-opacity:1 !important;
}
g path[st="51"], g path[st="51"]:hover {
cursor:default;
fill:#ff933a;
fill:#afb028;
fill-opacity:1;
}
g[num]:hover [st="51"] {
fill-opacity:1 !important;
}
g[no] text {
cursor:default;
}
[uncl-price] {
margin:0px 0px 160px 0px;
}
[uncl-price] li {
position:relative;
line-height:26px;
padding:0px 0px 0px 32px;
}
[uncl-price] li:before {
content:"\2022";
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
line-height:34px;
font-size:34px;
padding:0px 0px 0px 16px;
transform:translate3d(0px,-6px,0px);
}
[text-bold] {
font-weight:700 !important;
}
[price-condition] {
position:relative;
display:block;
left:0px;
bottom:0px;
column-span:all;
background-color:#f5f4f2;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
padding:100px 0px 50px 0px;
width:600px;
margin:40px auto 40px auto;
}
[pc-delim] {
flex:0 0 100%;
display:block;
height:0px;
}
[pc-text] {
display:block;
line-height:170%;
padding:10px 0px 10px;
font-weight:700;
font-size:16px;
text-align:center;
}
[pc-br-2] {
display:none;
}
[pc-att] {
position:absolute;
width:40px;
height:40px;
left:calc((100% - 40px)/2);
top:40px;
}
@media screen and (max-width: 990px) {
[price-condition] {
margin:calc( (100vw - 320px)/(990 - 320) * (40 - 20) + 20px) auto calc( (100vw - 320px)/(990 - 320) * (40 - 0) + 0px) auto;
}
}
@media screen and (max-width: 700px) {
[pc-br-1] {
display:none;
}
[pc-br-2] {
display:inline;
}
[price-condition] {
width: calc(100% - 16px);
}
}