html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
body {
line-height: 1
}
@font-face {
font-family: Ramona;
font-display: swap;
src: url(//ivkino-park.ru/wp-content/themes/ivkino/assets/fonts/Montserrat-Medium.woff2) format("woff2"),
url(//ivkino-park.ru/wp-content/themes/ivkino/assets/fonts/Montserrat-Medium.woff) format("woff");
font-style: normal;
}
@font-face {
font-family: Ramona-L;
font-display: swap;
src: url(//ivkino-park.ru/wp-content/themes/ivkino/assets/fonts/Montserrat-Regular.woff2) format("woff2"),
url(//ivkino-park.ru/fonts/Montserrat-Regular.woff) format("woff");
font-style: normal;
}
@font-face {
font-family: MontserratBold;
font-display: swap;
src: url(//ivkino-park.ru/wp-content/themes/ivkino/assets/fonts/Montserrat-Bold.woff2) format("woff2"),
url(//ivkino-park.ru/fonts/Montserrat-Bold.woff) format("woff");
font-style: normal;
}
@font-face {
font-family: BebasL;
font-display: swap;
src: url(//ivkino-park.ru/wp-content/themes/ivkino/assets/fonts/bebasneuelight.ttf) format("truetype");
font-style: normal;
}
@font-face {
font-family: ProstoOne;
font-display: swap;
src: url(//ivkino-park.ru/wp-content/themes/ivkino/assets/fonts/ProstoOne-Regular.ttf) format("truetype");
font-style: normal;
}
@font-face {
font-family: BebasR;
font-display: swap;
src: url(//ivkino-park.ru/wp-content/themes/ivkino/assets/fonts/bebasneueregular.ttf) format("truetype");
font-style: normal;
}
@font-face {
font-family: Ramona-L;
font-display: swap;
src: url(//ivkino-park.ru/wp-content/themes/ivkino/assets/fonts/Ramona-L-Regular.ttf) format("truetype");
font-style: normal;
}
@font-face {
font-family: Ramona;
font-display: swap;
src: url(//ivkino-park.ru/wp-content/themes/ivkino/assets/fonts/Ramona-Bold.ttf) format("truetype");
font-style: normal;
}
@font-face {
font-family: Ramona-L;
font-display: swap;
src: url(//ivkino-park.ru/wp-content/themes/ivkino/assets/fonts/Ramona-Light.ttf) format("truetype");
font-style: normal;
}
html {
scroll-behavior: smooth;
}
section {
scroll-margin-top: 80px; min-height: 600px;
}
@media(max-width:792px){
section {
scroll-margin-top: 60px; min-height: 600px;
}
}
html,
body {
height: 100%;
}
li {
font-family: Ramona-L;
font-size: calc(16px + 2 * (100vw / 1900));
line-height: calc(18px + 6 * (100vw / 1900));
}
p {
font-family: Ramona-L;
font-size: calc(16px + 2 * (100vw / 1900));
line-height: calc(18px + 6 * (100vw / 1900));
}
.container {
max-width: 1480px;
padding: 0px 15px;
margin: 0 auto;
}
header {
position: relative;
z-index: 10;
}
.top__header {
padding: 10px 0px;
}
.container {}
.flex__header__top {
display: flex;
gap: 40px;
}
.header__top__item {
display: flex;
gap: 5px;
align-items: center;
}
.bottom__header{
padding: 20px 0px;
}
.header__p {
font-size: 14px;
font-family: Ramona-L;
color: #d3d3d3;
}
.header__p span {
color: #fdfdfd;
font-family: Ramona-L;
}
.header__col-3 {
padding: 0px 0px;
display: flex;
gap: 20px;
justify-content: space-between;
align-items: center;
position: relative;
}
.logo__link {
text-decoration: none;
}
.logo {
display: flex;
gap: 10px;
max-width: 375px;
align-items: center;
font-size: 16px;
font-family: Ramona-L;
color: #7F7F7F;
}
.logo img{
width: 32px;
}
.header__menu {
margin: 0 auto;
}
.header__li {
display: flex;
gap: 40px;
align-items: center;
}
.header__links {
font-size: 16px;
position: relative;
font-family: Ramona-L;
color: #ffffff;
text-decoration: none;
transition: all 0.5s ease 0s;
z-index: 2;
text-transform: uppercase;
}
.header__li li {
position: relative;
list-style: none;
}
.header__li li::before {
position: absolute;
content: "";
left: -2px;
bottom: 0px;
width: 105%;
scale: 0;
height: 1.5px;
transition: all 0.5s ease 0s;
background-color: #fff;
}
.header__li li:hover::before {
scale: 1;
}
.header__li li:hover .header__links {
color: #fff;
}
.burger__menu {
display: none;
position: relative;
cursor: pointer;
}
.burger {
position: absolute;
content: "";
width: 25px;
height: 2px;
background-color:#fff;
transition: all 0.5s ease-in-out;
border-radius: 2px;
}
.burger::before {
position: absolute;
content: "";
border-radius: 2px;
top: -7px;
width: 30px;
height: 2px;
background-color: #fff;
transition: all 0.5s ease-in-out;
}
.burger::after {
position: absolute;
content: "";
top: 7px;
width: 30px;
height: 2px;
border-radius: 2px;
background-color: #fff;
transition: all 0.5s ease-in-out;
}
.btn__cons {}
.btn__cons a {
text-decoration: none;
font-size: 16px;
padding: 14px 27px;
font-family: Ramona-L;
color: #000;
text-decoration: none;
border: 1px solid #fff;
background-color: #fff;
border-radius: 10px;
transition: all 0.5s ease 0s;
animation: btn 3s infinite;
}
.btn__cons a:hover {
background-color: transparent;
color: #fff;
}
.burger__menu._active .burger {
background-color: transparent;
}
.burger__menu._active .burger::before {
transform: translate(0px, 5px) rotate(45deg);
}
.burger__menu._active .burger::after {
transform: translate(0px, -9px) rotate(-45deg);
}
.header__menu._active {
transform: translateX(0%);
}
@media (max-width:1300px) {
.burger__menu {
display: block;
width: 30px;
z-index: 11;
}
.header__menu {
position: absolute;
content: "";
left:-33px;
top: -20px;
transform: translateX(-100%);
width: 100vw;
height: 100vh;
padding: 100px 20px 20px 40px;
transition: all 0.4s ease 0s;
box-sizing: content-box;
z-index: 10;
background-color: #050505;
}
.header__li {
flex-direction: column;
align-items: start;
}
}
@media (max-width:450px) {
.header__li {
flex-wrap: wrap;
gap: 20px;
}
}
.drop__down {
position: absolute;
content: "";
left: 20px;
background-color: #fff;
top: 30px;
z-index: 10000;
padding: 10px;
border-radius: 7px;
border: 1px solid #E4E4E4;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease 0s;
overflow: hidden;
}
.header__li li:hover .drop__down {
opacity: 1;
visibility: visible;
}
.header__links1 {
text-decoration: none;
font-family: Ramona;
font-size: 16px;
white-space: nowrap;
color: #000;
transition: all 0.5s ease 0s;
}
.header__links1:hover {
color: var(--main-color);
}
.drop__down li::before {
display: none;
}
.header__li li svg {
position: relative;
z-index: 10;
}
.header__li li svg path {
transition: all 0.5s ease 0s;
}
.header__li li:hover svg path {
stroke: #fff;
}
.header {
position: absolute;
left: 0px;
width: 100%;
top: 0px;
}
.video-block {
background: #00000093;
height: 100vh;
position: relative;
}
@media (max-width:992px) {
.video-block {
z-index: 2;
}
.video-block .container{
background: #00000093;
}
}
.video-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
video {
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
}
.block__text {
display: flex;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
}
.block__text h1 {
font-size: 53px;
line-height: 62px;
margin: 0 auto;
font-family:Ramona;
text-transform: uppercase;
letter-spacing: 2px;
color: #fff;
margin-bottom: 40px;
text-align: center;
}
.block__text p {
font-size: 22px;
line-height: 30px;
letter-spacing: 2px;
text-transform: uppercase;
color: #fff;
font-family:Ramona;
text-align: center;
max-width: 1000px;
margin: 0 auto;
margin-bottom: 60px;
}
.block__text .h1{
font-family: Ramona-L;
font-size: 65px;
line-height: 70px;
max-width: 1100PX;
margin-bottom: 80px;
}
.block__text .p1{
font-family: Ramona-L;
font-size: 28px;
line-height: 30px;
margin-bottom: 80px;
}
.flex__btn {
display: flex;
gap: 30px;
}
.btn3 a {
font-family: Ramona-L !important;
}
.btn__cons {}
.flex__btn .btn__cons a{
text-transform: uppercase; 
font-size: 24px;
display: flex;
font-family:Ramona-L;
padding: 14px 25px;
}
.LG1 IMG{
width: 100%;
}
.btn2 a {
background-color: transparent;
padding: 14px 20px ; 
color: #fff;
}
.btn2 a:hover {
background-color: #fff;
color: #000;
}
.container2{
width: 100%;
max-width: 1800px;
margin: 0 auto;
padding: 0px 10px;
box-sizing: border-box;
}
.scrolldown {
--color: white;
position: absolute !important;
bottom: 3%;
left: 50%;
transform: translateX(-50%);
--sizeX: 30px;
--sizeY: 50px;
position: relative;
width: var(--sizeX);
height: var(--sizeY);
margin-left: var(sizeX / 2);
border: calc(var(--sizeX) / 10) solid #fff;
border-radius: 50px;
box-sizing: border-box;
margin-bottom: 16px;
cursor: pointer;
}
.scrolldown::before {
content: "";
position: absolute;
bottom: 30px;
left: 50%;
width: 6px;
height: 6px;
margin-left: -3px;
background-color: #fff;
border-radius: 100%;
animation: scrolldown-anim 2s infinite;
box-sizing: border-box;
box-shadow: 0px -5px 3px 1px #2a547066;
}
@keyframes scrolldown-anim {
0% {
opacity: 0;
height: 6px;
}
40% {
opacity: 1;
height: 10px;
}
80% {
transform: translate(0, 20px);
height: 10px;
opacity: 0;
}
100% {
height: 3px;
opacity: 0;
}
}
.chevrons {
padding: 6px 0 0 0;
margin-left: -3px;
margin-top: 48px;
width: 30px;
display: flex;
flex-direction: column;
align-items: center;
}
.chevrondown {
margin-top: -6px;
position: relative;
border: solid #fff;
border-width: 0 3px 3px 0;
display: inline-block;
width: 10px;
height: 10px;
transform: rotate(45deg);
}
.chevrondown:nth-child(odd) {
animation: pulse54012 500ms ease infinite alternate;
}
@keyframes pulse54012 { from { opacity: 0; } to { opacity: 0.5; } }
.chevrondown:nth-child(even) {
animation: pulse54012 500ms ease infinite alternate 250ms;
}
@media (max-width:992px) {
.block__text h1 {
font-size: 45px;
line-height: 45px;
margin-bottom: 10px;
}
.block__text p {
font-size: 22px;
line-height: 28px;
margin-bottom: 20px;
}
.flex__btn{
gap: 15px;
}
.flex__btn .btn__cons a{
text-transform: uppercase; 
font-size: 21px;
font-family:  BebasR;
padding: 10px 30px;
}
.btn2 a {
background-color: transparent;
padding: 10px 15px !important; 
}
}
@media (max-width:592px) {
.block__text h1 {
font-size: 32px;
line-height: 35px;
margin-bottom: 10px;
letter-spacing: 1px;
}
.block__text p {
font-size: 18px;
line-height: 26px;
margin-bottom: 20px;
letter-spacing: 1px;
}
.flex__btn{
gap: 15px;
}
.flex__btn .btn__cons a{
text-transform: uppercase; 
font-size: 21px;
font-family:  BebasR;
padding: 10px 30px;
}
.btn2 a {
background-color: transparent;
padding: 10px 15px !important; 
}
.block__text{
gap: 40px;
}
}
:root {
--body-font-size: 16px;
--body-line-height: 1.3;
--font:Ramona;
--h-font: Ramona;
--large-min-width: 1180;
--t: transparent;
--primary-color: #000;
--graphit-color: #171717;
--grey-color: #f2f2f2;
--alert-color: #ff6969;
--primary-color-40: rgba(0,0,0,.4);
--primary-color-30: rgba(0,0,0,.3);
--primary-color-20: rgba(0,0,0,.2);
--primary-color-10: rgba(0,0,0,.1);
--white-color-40: hsla(0,0%,100%,.4);
--default-transition: all var(--default-timing) var(--default-transition-function);
--default-timing: .4s;
--default-transition-function: cubic-bezier(.25,.1,.25,1)
}
:root {
--max-row-width: 100vw;
--grid-gap: 1px;
--grid-indent: 0px;
--grid-spacer: 1px;
--grid-spacer-and-indent: calc(var(--grid-indent) + var(--grid-spacer));
--grid-columns-number: 1;
--grid-column: calc((100vw - var(--grid-spacer-and-indent)*2 - (var(--grid-columns-number) - 1)*var(--grid-gap))/var(--grid-columns-number));
--grid-column1: var(--grid-column);
--grid-column2: calc(var(--grid-column)*2 + var(--grid-gap));
--grid-column3: calc(var(--grid-column)*3 + var(--grid-gap)*2);
--grid-column4: calc(var(--grid-column)*4 + var(--grid-gap)*3);
--grid-column5: calc(var(--grid-column)*5 + var(--grid-gap)*4);
--grid-column6: calc(var(--grid-column)*6 + var(--grid-gap)*5);
--grid-column7: calc(var(--grid-column)*7 + var(--grid-gap)*6);
--grid-column8: calc(var(--grid-column)*8 + var(--grid-gap)*7);
--grid-column9: calc(var(--grid-column)*9 + var(--grid-gap)*8);
--grid-column10: calc(var(--grid-column)*10 + var(--grid-gap)*9);
--grid-column11: calc(var(--grid-column)*11 + var(--grid-gap)*10);
--grid-column12: calc(var(--grid-column)*12 + var(--grid-gap)*11)
}
@media (min-width: 1180px) {
:root {
--grid-gap:30px;
--grid-spacer: 40px;
--grid-columns-number: 12
}
}
@media (min-width: 768px) and (max-width:1179px) {
:root {
--grid-gap:20px;
--grid-spacer: 30px;
--grid-columns-number: 6
}
}
@media (max-width: 767px) {
:root {
--grid-gap:10px;
--grid-spacer: 18px;
--grid-columns-number: 6
}
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: var(--body-font-size);
line-height: var(--body-line-height)
}
body,button,form,input {
font-family: var(--font)
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
font-family: var(--h-font);
font-size: var(--h-size);
font-style: normal;
font-weight: 400;
letter-spacing: .02em;
text-transform: uppercase
}
.h1,.h2,h1,h2 {
line-height: 105%
}
.h2.h2_stretched,h2.h2_stretched {
line-height: 120%
}
.h3,h3 {
line-height: 110%
}
.h3.h3_stretched,h3.h3_stretched {
line-height: 120%
}
.h4,h4 {
line-height: 110%
}
.h5,h5 {
line-height: 115%
}
.h5.h5_underline,h5.h5_underline {
line-height: 125%;
padding-bottom: 1px;
position: relative
}
.h5.h5_underline:before,h5.h5_underline:before {
border-bottom: 2px solid var(--primary-color);
bottom: 0;
content: "";
left: 0;
position: absolute;
transform-origin: left center;
transition: transform .3s var(--default-transition-function);
width: 100%
}
.h5.h5_stretched,h5.h5_stretched {
line-height: 140%
}
.h6,h6 {
--h-size: 28px;
line-height: 115%
}
@media (min-width: 1441px) {
.h1,.h2,.h4,.h5,h1,h2,h4,h5 {
line-height:100%
}
.h3,h3 {
line-height: 105%
}
.h1,h1 {
--h-size: 10.41667vw
}
.h2,h2 {
--h-size: 5.29167vw
}
.h2.h2_stretched,h2.h2_stretched {
--lp-translate-h2: 2.03125vw;
--lp-translate-h2-half: 1.01563vw;
letter-spacing: 2.03125vw
}
.h3,h3 {
--h-size: 2.70833vw
}
.h3.h3_stretched,h3.h3_stretched {
--lp-translate-h3: 4.21875vw;
--lp-translate-h3-half: 2.10938vw;
letter-spacing: 4.21875vw
}
.h4,h4 {
--h-size: 3.125vw
}
.h5,h5 {
--h-size: 2.08333vw
}
.h5.h5_stretched,h5.h5_stretched {
--lp-translate-h5: 0.9375vw;
--lp-translate-h5-half: 0.46875vw;
letter-spacing: .9375vw
}
}
@media (min-width: 1180px) and (max-width:1440px) {
.h1,h1 {
--h-size:10.39063vw
}
.h2,h2 {
--h-size: 7.26563vw
}
.h2.h2_stretched,h2.h2_stretched {
--lp-translate-h2: 2.03125vw;
--lp-translate-h2-half: 1.01563vw;
letter-spacing: 2.03125vw
}
.h3,h3 {
--h-size: 5.23438vw
}
.h3.h3_stretched,h3.h3_stretched {
--lp-translate-h3: 4.21875vw;
--lp-translate-h3-half: 2.10938vw;
letter-spacing: 4.21875vw
}
.h4,h4 {
--h-size: 3.125vw
}
.h5,h5 {
--h-size: 2.5vw
}
.h5.h5_stretched,h5.h5_stretched {
--lp-translate-h5: 1.09375vw;
--lp-translate-h5-half: 0.54688vw;
letter-spacing: 1.09375vw
}
}
@media (min-width: 768px) and (max-width:1179px) {
.h1,h1 {
--h-size:15.58753vw
}
.h2,h2 {
--h-size: 6.99041vw
}
.h2.h2_stretched,h2.h2_stretched {
--lp-translate-h2: 2.9976vw;
--lp-translate-h2-half: 1.4988vw;
letter-spacing: 2.9976vw
}
.h3,h3 {
--h-size: 4.39329vw
}
.h3.h3_stretched,h3.h3_stretched {
--lp-translate-h3: 5.27578vw;
--lp-translate-h3-half: 2.63789vw;
letter-spacing: 5.27578vw
}
.h4,h4 {
--h-size: 5.9952vw
}
.h5,h5 {
--h-size: 4.31655vw
}
.h5.h5_stretched,h5.h5_stretched {
--h-size: 3.35731vw;
--lp-translate-h5: 1.43885vw;
--lp-translate-h5-half: 0.71942vw;
letter-spacing: 1.43885vw
}
}
@media (min-width: 0px) and (max-width:767px) {
.h1,h1 {
--h-size:21.33333vw
}
.h2,h2 {
--h-size: 8vw
}
.h2.h2_stretched,h2.h2_stretched {
--lp-translate-h2: 1.86667vw;
--lp-translate-h2-half: 0.93333vw;
letter-spacing: 1.86667vw
}
.h3,h3 {
--h-size: 5.66667vw
}
.h3.h3_stretched,h3.h3_stretched {
--lp-translate-h3: 4.53333vw;
--lp-translate-h3-half: 2.26667vw;
letter-spacing: 4.53333vw
}
.h4,h4 {
--h-size: 9.33333vw
}
.h5,h5 {
--h-size: 8vw
}
.h5.h5_stretched,h5.h5_stretched {
--h-size: 5.33333vw;
--lp-translate-h5: 2.4vw;
--lp-translate-h5-half: 1.2vw;
letter-spacing: 2.4vw
}
.h6,h6 {
--h-size: 26px
}
}
.animation-mask__line span {
transition: transform .7s var(--default-transition-function);
}
.animation-mask__line:nth-child(2) span {
transition-delay: .1s;
}
.animation-mask__line {
display: block;
overflow: hidden;
white-space: nowrap;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.animation-mask__line:nth-child(3) span {
transition-delay: .2s;
}
.text {
font-style: normal;
font-weight: 500;
line-height: 140%
}
.text_title {
font-size: 15px;
text-transform: uppercase
}
.text_main {
font-size: 17px
}
.text_mini {
font-size: 14px
}
@media (min-width: 0px) and (max-width:767px) {
.text_title {
font-size:13px
}
.text_main {
font-size: 15px
}
.text_mini {
font-size: 12px
}
}
article,article li,article p {
font-size: 14px
}
article strong {
font-weight: 700
}
article em {
font-style: italic
}
article a {
color: var(--primary-color);
text-decoration: none
}
article a:hover {
text-decoration: underline
}
.flash-messages-block .flash-list {
display: block
}
.flash-messages-block .flash-list li {
display: block;
font-size: 18px
}
.flash-messages-block .flash-list li .message {
height: 60px;
line-height: 60px;
padding-left: 60px
}
.flash-messages-block .flash-list li.error {
background-color: #fdeaea;
border-bottom: 1px solid #e3b7b7
}
.flash-messages-block .flash-list li.error .message {
color: #955f5f
}
.flash-messages-block .flash-list li.success {
background-color: #d5f8ad;
border-bottom: 1px solid #a6d76e
}
.flash-messages-block .flash-list li.success .message {
color: #698d3f
}
.header {
background-color: var(--t);
left: 0;
padding: 0 var(--grid-spacer);
position: fixed;
top: 0;
box-sizing: border-box;
transition: background-color,opacity;
transition-duration: .3s;
transition-timing-function: var(--default-transition-function);
width: 100%;
z-index: 2000
}
@media (min-width: 1180px) {
.header__container {
grid-template-columns:repeat(12,1fr)
}
.header__logo {
grid-column: 6/8
}
.header__info {
grid-column: 10/13
}
.header._light .socials__link:hover svg path {
fill: var(--white-color-40)
}
}
@media (min-width: 768px) {
.header__logo svg {
height:44px;
width: 139px
}
.header__info {
margin-right: -20px
}
}
@media (max-width: 1179px) {
.header__container {
grid-template-columns:repeat(6,1fr)
}
.header__logo {
grid-column: 3/5
}
.header__info {
grid-column: 5/7
}
}
@media (max-width: 767px) {
.header__logo svg {
height:28px;
width: 88px
}
.header__recall-modal.button_underline,.header__socials.socials {
display: none
}
.header__phone {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
margin-right: -18px;
padding: 0 18px
}
.header__phone svg {
height: 20px;
width: 20px
}
}
.grid-block {
grid-gap: var(--grid-gap);
display: grid;
grid-template-columns: repeat(var(--grid-columns-number),var(--grid-column))
}
.layout {
background-color: var(--primary-color);
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: calc(var(--vh, 1vh)*100)
}
@media (min-width: 768px) {
.layout,:root {
--header-height:80px
}
}
@media (max-width: 767px) {
.layout,:root {
--header-height:48px
}
}
.text-wrap__main-text {
position: relative
}
.text-wrap__main-text.animate .hero__main-text-inner,.text-wrap__main-text.animate:before {
opacity: 1;
transform: translateY(0)
}
.text-wrap__main-text:before {
background: #000;
content: "";
height: 2px;
left: 0;
opacity: 0;
position: absolute;
transform: translateY(62px);
transition: transform .8s,opacity .8s;
transition-delay: .2s;
transition-timing-function: var(--teaser-transition-func)
}
.text-wrap__main-text-inner {
display: block;
opacity: 0;
overflow: hidden;
transform: translateY(100%);
transition: transform .8s,opacity .8s;
transition-timing-function: var(--teaser-transition-func);
white-space: nowrap;
width: 100%
}
.text-wrap__main-text-inner:nth-child(2) {
transition-delay: .3s
}
.advantages-slider {
display: flex
}
.advantages-slider__list {
width: 100%
}
.advantages-slider__item {
background-color: var(--primary-color);
position: static;
z-index: 10
}
.advantages-slider__item:last-child .advantages-slider__slide-main {
border-bottom: 1px solid #fff
}
.advantages-slider__item.need-animation .animation-mask__line span {
transform: translate3d(0,110%,0);
}
.block__title-anim._anim-items .overflow-text .text-animation1 {
transform: translate(0%, 110%);
}
.loaded .block__title-anim._active .overflow-text .text-animation1 {
transform: translate(0%, 0%);
}
.overflow-text .text-animation1{
transition: transform 1s var(--default-transition-function);
}
.overflow-text:nth-child(2) .text-animation1{
transition-delay: .2s;
}
.overflow-text:nth-child(3) .text-animation1{
transition-delay: .4s;
}
.block__title-anim{
display: flex;
flex-direction: column;
align-items: center;
}
.p1._anim-items{
opacity: 0;
transform: translateY(20px);
transition: all .7s var(--default-transition-function);
transition-delay: .8s;
}
.loaded .p1._active{
opacity: 1;  
transform: translateY(0px);
}
.overflow-text  {
overflow: hidden;
white-space: wrap;
width: auto;
}
.flex__btn._anim-items .btn__cons{
transform: translate(0%, 110%);
transition-delay: 1s !important;
transition: all .7s var(--default-transition-function);
}
.loaded .flex__btn._active .btn__cons{
transform: translate(0%, 0%);
}
.advantages-slider__item.need-animation .advantages-slider__picture,.advantages-slider__item.need-animation .video-layout {
opacity: 0;
transform: scale3d(1.1,1.1,1)
}
.advantages-slider__description,.advantages-slider__position,.advantages-slider__slide-name,.advantages-slider__title {
color: #fff
}
.advantages-slider__slide-info {
grid-gap: var(--grid-gap);
border-top: 1px solid #fff;
display: grid
}
.advantages-slider__slide-main {
grid-gap: var(--grid-gap);
display: grid;
overflow: hidden
}
.advantages-slider__text-wrap {
display: flex;
grid-column: 1/2;
overflow: hidden;
position: relative
}
.advantages-slider__text-wrap:before {
background: linear-gradient(180deg,#000,transparent);
content: "";
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 5
}
.advantages-slider__text-wrap-inner {
display: flex;
flex-direction: column
}
.advantages-slider__picture-wrap {
display: flex;
grid-column: 1/2;
overflow: hidden;
width: 100%
}
.advantages-slider__picture {
display: flex;
height: 100%;
transition: opacity,transform;
transition-duration: .7s;
transition-timing-function: var(--default-transition-function);
width: 100%
}
.advantages-slider__image {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.advantages-slider .video-layout {
transition: opacity,transform;
transition-duration: .7s;
transition-timing-function: var(--default-transition-function)
}
@media (min-width: 1441px) {
.advantages-slider__item .advantages-slider__picture-wrap {
height:calc(85.71429vh - var(--advantage-slide-top)*3)
}
.advantages-slider__item:first-child .advantages-slider__picture-wrap {
height: calc(85.71429vh - var(--advantage-slide-top))
}
.advantages-slider__item:nth-child(2) .advantages-slider__picture-wrap {
height: calc(85.71429vh - var(--advantage-slide-top)*2)
}
.advantages-slider__item:not(:last-child) .advantages-slider__description {
margin-bottom: 67px
}
.advantages-slider__description {
margin-top: 67px;
width: var(--grid-column3)
}
}
@media (min-width: 1180px) {
.advantages-slider__slide-info,.advantages-slider__slide-main {
grid-template-columns:var(--grid-column4) 1fr
}
.advantages-slider__slide-main {
padding-bottom: 40px
}
.advantages-slider__picture-wrap {
grid-column: 2/3;
max-height: calc(var(--grid-column8)*.66393)
}
.advantages-slider__text-wrap:before {
height: 44px
}
.advantages-slider__text-wrap-inner {
flex-direction: column;
padding-top: 44px
}
.advantages-slider__title {
width: var(--grid-column3)
}
}
@media (min-width: 1180px) and (max-width:1440px) {
.advantages-slider__item .advantages-slider__picture-wrap {
height:calc(81.05134vh - var(--advantage-slide-top)*3)
}
.advantages-slider__item:first-child .advantages-slider__picture-wrap {
height: calc(81.05134vh - var(--advantage-slide-top))
}
.advantages-slider__item:nth-child(2) .advantages-slider__picture-wrap {
height: calc(81.05134vh - var(--advantage-slide-top)*2)
}
.advantages-slider__item:not(:last-child) .advantages-slider__description {
margin-bottom: 46px
}
.advantages-slider__description {
margin-top: 46px;
width: var(--grid-column4)
}
}
@media (min-width: 768px) {
.advantages-slider {
--advantage-slide-top:51px
}
.advantages-slider__slide-info {
padding: 15px 0
}
}
@media (min-width: 768px) and (max-width:1179px) {
.advantages-slider__slide-info {
grid-template-columns:repeat(2,var(--grid-column3))
}
.advantages-slider__slide-main {
padding-bottom: 93px
}
.advantages-slider__picture-wrap {
height: calc(var(--grid-column6)*.5801)
}
.advantages-slider__text-wrap-inner {
flex-direction: row;
justify-content: space-between
}
.advantages-slider__description,.advantages-slider__title {
flex: 0 0 var(--grid-column3)
}
}
@media (max-width: 1179px) {
.advantages-slider__picture-wrap {
grid-row:1
}
.advantages-slider__text-wrap {
grid-row: 2;
padding-top: var(--grid-gap)
}
.advantages-slider__text-wrap:before {
height: var(--grid-gap)
}
.advantages-slider__slide-main {
grid-row-gap: 0;
grid-template-columns: var(--grid-column6)
}
}
@media (max-width: 767px) {
.advantages-slider {
--advantage-slide-top:38px
}
.advantages-slider__slide-info {
grid-gap: 12px;
grid-template-columns: -webkit-max-content auto;
grid-template-columns: max-content auto;
padding: 9px 0 10px;
width: var(--grid-column6)
}
.advantages-slider__description {
margin-top: 21px
}
.advantages-slider__picture-wrap {
height: calc(var(--grid-column6)*.58284)
}
.advantages-slider__slide-main {
padding-bottom: 55px
}
.advantages-slider__title {
width: var(--grid-column6)
}
.advantages-slider__text-wrap:before {
height: 12px
}
}
.header._light._sticky{
background-color:  #000;
}
@media (max-width:992px) {
.btn-scroll{
display: none;
}
}
.preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: #000000;
display: flex;
align-items: center;
flex-direction: column;
gap: 20px;
justify-content: center;
z-index: 1000000;
transition: opacity 0.5s ease, visibility 0.5s ease;
}
.progress-bar {
width: 40%;
height: 4px;
background: #ffffff;
position: relative;
overflow: hidden;
}
.progress-fill {
width: 0%;
height: 100%;
background: #3f3f3f;
transition: width 2s ease;
}
.loaded .preloader {
opacity: 0;
visibility: hidden;
}
.slider-carusel{
position: relative;
padding-bottom: 50px;
background-color: #000000;
z-index: 10;
}
.slider-container {
position: relative;
height: 270vh;
padding-top: 50px;
}
.slide {
position: sticky;
top: 100px;
height: 85vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.content {
flex: 0 1 50%;
padding: 20px;
text-align: center;
height: 100%;
font-size: 2rem;
color: rgb(255, 255, 255);
z-index: 2;
position: relative;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.text-slide-animation{
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 100%;
box-sizing: border-box;
padding: 20px;
transform: translate(-50%, -50%);
}
.slide.active .content {
opacity: 1;
}
.slide .content .text-slide-animation .title-slide-pitanie{
opacity: 0;
transition: all 0.6s ease 0s;
transform: translateY(30px);
}
.slide.active .content .text-slide-animation .title-slide-pitanie{
opacity: 1;
transform: translateY(0px);
}
.padding-image-container{
flex: 0 1 50%;
padding: 20px;
overflow: hidden;
}
.slide .content{
border-right: 1px solid #ffffff;
}
.image-container {
position: relative;
width: 100%;
height: 90vh;
overflow: hidden;
perspective: 1000px;
transform: translate3d(0, var(--offset), 0);
}
.image-container img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
transform:  scale(var(--scale));
transition: transform 0.5s ease-out; 
will-change: transform;
}
.slide {
transition: opacity 0.3s ease-in-out;
}
.slide.active .content {
opacity: 1;
}
.pagination {
position: absolute;
right: 20px;
bottom: 20px;
display: flex;
width: 50px;
height: 50px;
justify-content: center;
align-items: center;
color: #ffffff;
font-size: 16px;
border: 1px solid #ffffff;
border-radius: 100px;
}
.title-slide-pitanie{
font-size:  calc(22px + 22 * (100vw / 1900));
margin: 20px 0px 10px 0px;
text-align: left;
}
.text-slide-animation p{
text-align: left;
}
.text-slide-animation h3{
font-size: calc(18px + 20 * (100vw / 1900));
text-align: left;
margin: 20px 0px 10px 0px;
transform: translateY(30px);
opacity: 0;
transition: all 0.6s ease 0.1s;
}
.slide.active .text-slide-animation h3{
transform: translateY(0px);
opacity: 1;
}
.slide .text-slide-animation p{
transform: translateY(50px);
opacity: 0;
transition: all 0.8s ease 0.1s;
}
.slide .text-slide-animation p:nth-child(2){
transition: all 0.8s ease 0.2s;
}
.slide .text-slide-animation p:nth-child(3){
transition: all 0.8s ease 0.3s;
}
.slide .text-slide-animation p:nth-child(4){
transition: all 0.8s ease 0.4s;
}
.slide .text-slide-animation p:nth-child(5){
transition: all 0.8s ease 0.5s;
}
.slide .text-slide-animation p:nth-child(6){
transition: all 0.8s ease 0.6s;
}
.slide .text-slide-animation p:nth-child(7){
transition: all 0.8s ease 0.7s;
}
.slide.active .text-slide-animation p{
transform: translateY(0px);
opacity: 1;
}
.list__munu-slide{
margin-top: 25px;
}
.list__munu-slide li{
padding: 15px;
border: 1px solid #ffffff;
margin-top: 5px;
list-style: none;
text-align: left;
border-radius: 7px;
color: #ffffff;
transform: translateX(50px);
opacity: 0;
margin-top: 10px;
}
.slide.active .list__munu-slide._active li{
opacity: 1;
transform: translateX(0px);
}
.list__munu-slide li:nth-child(1){
transition: all 0.6s ease 0s;
}
.list__munu-slide li:nth-child(2){
transition: all 0.6s ease 0.1s;
}
.list__munu-slide li:nth-child(3){
transition: all 0.6s ease 0.2s;
}
.list__munu-slide li:nth-child(4){
transition: all 0.6s ease 0.3s;
}
.list__munu-slide li:nth-child(5){
transition: all 0.6s ease 0.4s;
}
.list__munu-slide li span{
color: #ffffff;
font-family: Ramona;
}
.btn-pitanie{
padding: 15px 25px;
text-decoration: none;
font-size: 20px;
color: #000;
background-color: #fff;
border: 1px solid #000;
border-radius: 10px;
transition: all 0.5s ease 0s;
text-transform: uppercase;
}
.btn-pitanie:hover{
background-color: #000;
border: 1px solid #fff;
color: #fff;
}
.dop-eat-block{
display: flex;
padding: 0px 10px;
flex-wrap: wrap;
margin-top: 25px;
gap: 30px;
justify-content: center;
}
.dop-eat-block li{
flex: 0 1 45%;
padding: 15px;
border: 1px solid #ffffff;
margin-top: 5px;
list-style: none;
text-align: left;
border-radius: 10px;
color: #ffffff;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
text-align: center;
}
.dop-eat-block li span{
font-family: Ramona;
text-transform: uppercase;
font-size: calc(16px + 8 * (100vw / 1900));
}
@media (max-width:550px) {
.list__munu-slide._active li{
opacity: 1;
transform: translateX(0px);
}
.dop-eat-block li{
flex: 0 1 100%;
}
.slider-carusel{
padding: 50px 0px;
}
}
.tarif__house {
background-color: #000;
position: relative;
z-index: 10;
padding: 50px 0px;
}
.tarif__house h2{
font-size: calc(26px + 45 * (100vw / 1900)); 
}
.container {
}
.flex__house-items {
padding: 25px 0px;
display: flex;
gap: 25px;
}
@media(min-width:1450px){
.flex__house-items{
gap: 50px;
}
}
.house__item {
flex: 0 1 33%;
border-radius: 10px;
overflow: hidden;
background-color: #2B2B2B;
box-shadow: 0px 0px 20px #ffffff2a;
position: relative;
display: flex;
flex-direction: column;
}
.overlay-house__img {
width: 100%;
height: 300px;
display: flex;
}
.overlay-house__img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.block__info-house{
padding: 25px 20px 20px 20px;
display: flex;
flex-direction: column;
flex-grow: 1; }
.abs-block-house{
position: absolute;
right: 20px;
top: 20px;
content: "";
background-color: #000;
padding: 10px;
border-radius: 10px;
font-family: Ramona-L;
color: #fff;
text-transform: uppercase;
z-index: 10;
font-size: 13px;
}
.title__house{
margin-bottom: 15px;
}
.title__house h2{
font-size: 23px;
color: #fff;
}
.desription__house {
color: #cacaca;
height: 100%;
padding-bottom: 10px;
}
.flex-dop-info__house {
display: flex;
border-top: 1px solid #616161;
padding-top: 10px;
padding-bottom: 10px;
gap: 30px;
}
.dop-info__item {
display: flex;
font-family: Ramona-L;
flex-direction: column;
gap: 5px;
font-size: 20px;
color: #cacaca;
}
.dop-info__item span{
color: #fff;
font-size: 22px;
}
.price__item-house {
color: #cacaca;
border-top: 1px solid #616161;
padding-top: 10px;
padding-bottom: 10px;
font-size: 20px;
}
.flex__price-day {
margin-top: 5px;
display: flex;
gap: 20px;
align-items: center;
}
.price-cena {
margin-top: 10px;
display: flex;
gap: 10px;
font-size: 20px;
align-items: center;
color: #fff;
font-size: 24px;
margin-bottom: 10px;
}
.price-cena img{
width: 32px;
}
.mini-dop-info{
font-size: 14px;
font-family: Ramona-L;
}
.btn-house__flex {
margin-top: auto; display: flex;
gap: 10px;
margin-top: 15px;
}
.modal__house .btn-house__flex {
margin-top: 85px;
}
.btn__info {
flex: 0 1 50%;
padding: 13px 25px;
display: flex;
justify-content: center;
text-decoration: none;
color: #fff;
border: 1px solid #fff;
border-radius: 10px;
background-color: transparent;
text-transform: uppercase;
transition: all 0.4s ease 0s;
font-family:Ramona-L;
}
.btn__info:hover{
background-color: #fff;
color: #000;
}
.btn__bron:hover{
background-color: transparent;
color: #ffffff;
}
.btn__bron {
flex: 0 1 50%;
padding: 13px 25px;
border: 1px solid #fff;
display: flex;
justify-content: center;
text-decoration: none;
color: #000;
border-radius: 10px;
text-transform: uppercase;
background-color: #fff;
transition: all 0.4s ease 0s;
display: flex;
align-items:center;
font-family:Ramona-L;
gap: 5px;
}
.btn__bron svg path{
transition: all 0.4s ease 0s;
}
.btn__bron:hover svg path{
fill: white;
}
@media (max-width:1250px){
.btn__bron{
padding: 13px 10px;
}
.btn__info{
padding: 13px 10px;
}
}
@media (max-width:492px){
.btn__bron,
.btn__info{
font-size: 14px;
}
}
.swiper {
width: 100%;
height: 370px;
}
.swiper-slide {
}
.swiper-slide img{
width: 100%;
object-fit: cover;
height: 100%;
}
@media (max-width:1250px) {
.flex__house-items{
flex-wrap: wrap;
justify-content: center;
}
.house__item{
flex: 0 1 45%;
}
}
@media (max-width:892px) {
.house__item{
flex: 0 1 100%;
}
.overlay-house__img{
height: auto;
}
}
.popup-info__block {
position: fixed;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
transform: translateY(-100px);
transition: all 0.5s ease 0s;
z-index: -1;
}
.popup-info__block.active{
opacity: 1 !important;
transform: translateY(0px) !important;
z-index: 10000 !important;
transition: all 0.5s ease 0s;
}
.overlay {
background-color: #ffffffea;
width: 100%;
height: 100%;
position: relative;
}
.modal__house {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 90%;
box-sizing: border-box;
padding: 20px 80px;
border-radius: 20px;
background-color: #1e1e1e;
}
.top__modal-info {
display: flex;
gap: 20px;
align-items: center;
}
.name__modal-house {
flex: 0 1 50%;
color: #fff;
}
.name__modal-house h3{
font-size: calc(22px + 28 * (100vw / 1900));
}
.swiper {
flex: 0 1 50%;
}
.swiper-button-prev,
.swiper-button-next{
width: 32px !important;
height: 32px !important;
border-radius: 100px;
background-color: #00000069;
transition: all 0.4s ease 0s;
}
.swiper-button-prev::after,
.swiper-button-next::after{
font-size: 16px !important;
color: #fff;
}
.swiper-button-prev:hover,
.swiper-button-next:hover{
background-color: #000;
}
.swiper-slide {
border-radius: 10px;
overflow: hidden;
}
.bottom__modal-info {
display: flex;
gap:30px;
justify-content: space-between;
}
.left__bottom-modal-info{
flex: 0 1 50%;
}
.right__bottom-modal-info{
flex: 0 1 50%;
}
.item__modal-li {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #616161;
}
.item__modal-li h4{
font-size: 24px;
color: #fff;
margin: 10px 0px;
}
.item__modal-li p{
font-size: 16px;
color: #afafaf;
}
.item__modal-li li{
font-size: 16px;
color: #afafaf;
margin-left: 15px;
}
body.modal-active {
overflow: hidden; }
.close-popup{
position: absolute;
left: 10px;
top: 10px;
color: #fff;
font-size: 26px;
font-family: Ramona;
background: none;
border: none;
z-index: 2;
cursor: pointer;
transition: all 0.4s ease 0s;
}
.close-popup:hover{
transform: rotate(180deg);
}
footer{
padding: 0px 0px;
}
.footer__block{
background-color: #000000;
}
.container2 {
}
.flex__footer-col2 {
display: flex;
align-self: stretch;
}
.footer-col2__item {
flex: 0 1 50%;
display: flex;
flex-direction: column;
}
.footer-block__wrapper {
height: 100%;
}
.footer-block__padding {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
border-top: 1px solid #000;
}
.form__block-footer{
padding: 25px 0px;
width: 100%;
}
.form__block-footer h3{
font-family: Ramona;
text-align: center;
color: #fff;
font-size: calc(22px + 24 * (100vw / 1900));
margin-bottom: 25px;
}
.form__block-footer p{
color: #fff;
}
.flex__form-input p br{
display: none;
}
#wpcf7-f218-o2{
width: 100%;
}
.flex__form-input p{
margin-top: 30px;
display: flex;
gap: 45px;
}
.flex__form-input label{
flex: 0 1 50%;
border: 1px solid #000;
border-radius: 10px;
font-family: Ramona-L;
font-size: 18px;
}
.flex__form-input label input{
height: 54px;
border-radius: 10px;
}
#wpcf7-f218-o2 .wpcf7-submit{
flex: 0 1 50%;
height: 54px;
border: 1px solid #ffffff;
border-radius: 10px;
font-family: Ramona-L;
padding: 15px;
font-size: 18px;
background-color: #000;
color: #fff;
transition: all 0.4s ease 0s;
cursor: pointer;
}
.form__block-footer .chexcbox{
color: #ffffff;
margin-top: 15px;
}
.form__block-footer .chexcbox a{
color: #ffffff;
}
.btn-submit:hover{
background-color: #fff;
color: #000;
}
.flex__footer__col-3{
display: flex;
gap: 20px;
justify-content: space-between;
padding-bottom: 25px;
padding-top: 25px;
border-top: 1px solid #646464;
}
.footer-block__contact-col2 {
display: flex;
align-items: stretch;
height: 100%;
}
.block__contact-col2-item {
flex: 0 1 30%;
height: 100%;
display: flex;
flex-direction: column;
}
.form__block-footer .cl0 p {
color: #fff !important;
}
.contact-title {
display: flex;
}
.contact-title h3{
padding: 20px 0px;
font-family: Ramona;
color: #fff;
font-size: calc(22px + 10 * (100vw / 1900));
}
.block__social{
display: flex;
gap: 20px;
align-items: center;
}
.contact-href {
display: flex;
flex-direction: column;
height: 100%;
gap: 15px;
}
.contact-href p{
color: #fff;
}
.block__contact-col2-item:nth-child(2) .contact-href{
border-right: none;
}
.left-border{
border-left: 1px solid #000;
}
.contact-href a{
display: flex;
align-items: center;
text-decoration: none;
font-size: 20px;
color: #f0f0f0;
font-family: Ramona-L;
gap: 5px;
transition: all 0.4s ease 0s;
}
.contact-href a:hover{
color: #c0c0c0;
}
.contact-href a svg path{
transition: all 0.4s ease 0s;
}
.contact-href a:hover svg path{
fill: #eb0202;
}
.adress__karta{
position: relative;
}
.karta-icon{
position: absolute;
content: "";
right: -20px;
top: -10px;
}
.carta-otvet{
position: absolute;
content: "";
left: 0px;
color: #000;
top: 25px;
padding: 5px;
transition: all 0.5s ease 0s;
opacity: 0;
font-size: 14px;
border-radius: 5px;
background-color: #fff;
border: 1px solid #000;
}
.adress__karta:hover .carta-otvet{
opacity: 1;
z-index: 3;
}
.logo-footer img{
width: 200px;
height: 200px;
}
.footer-block__img {
}
.footer-block__img img{
width: 100%;
object-fit: cover;
height: 100%;
}
.flex__icon-footer-social{
height: 100%;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
display: flex;
justify-content: center;
gap: 20px;
align-items: center;
}
.footer__bottom-info {
display: flex;
}
.footer__item-doc {
padding: 10px 10px;
display: flex;
text-align: center;
justify-content: center;
box-sizing: border-box;
}
.footer__item-doc:nth-child(4) {
border-right: none;
}
.footer__item-doc a{
font-size: 12px;
text-decoration: none;
line-height: normal;
font-family: Ramona-L;
color: #ffffff;
transition: all 0.4s ease 0s;
transform: translateY(3px);
}
.footer__item-doc p {
color: #ffffff;
font-size: 12px;
}
.footer__item-doc a:hover{
color:  #cecece;
}
@media (max-width:1250px){
.modal__house{
width: 90%;
}
.btn-scroll{
display: none;
}
}
@media (max-width:992px) {
.item__modal-li{
flex: 0 1 100%;
}
.flex__form-input p{
gap: 20px;
justify-content: center;
}
.block__contact-col2-item:nth-child(1){
flex: 0 1 100%;
}
.logo-footer{
text-align: center;
}
.block__contact-col2-item:nth-child(2){
flex: 0 1 45%;
}
.block__contact-col2-item:nth-child(3){
flex: 0 1 45%;
}
.flex__footer__col-3{
flex-wrap: wrap;
}
.contact-href p{
text-align: left;
}
.name__modal-house .btn-house__flex{
flex-direction: column-reverse;
margin-top: 15px;
}
.modal__house{
top: 70%;
}
.popup-info__block .overlay{
overflow: scroll;
}
.flex__footer-col2{
flex-direction: column;
}
.form__block-footer{
padding: 40px;
}
.contact-href{
padding: 20px 10px;
}
.block__contact-col2-item{
height: auto;
}
.footer-block__img img{
display: flex;
}
.left-border{
border-left: none;
}
.footer__bottom-info{
flex-wrap: wrap;
}
.footer__item-doc{
flex: 0 1 50%;
}
.footer__item-doc:nth-child(2) {
border-right: none;
}
.flex__form-input p{
flex-direction: column;
}
#wpcf7-f218-o2 .wpcf7-submit{
width: 100% !important;
}
}
@media (max-width:750px) {
.slide{
flex-direction: column;
top: 80px;
height: 100vh;
}
.top__modal-info{
flex-direction: column;
}
.modal__house{
top: 89%;
}
.name__modal-house .btn-house__flex{
align-items: center;
}
.close-popup{
right: 10px;
left: auto;
}
.name__modal-house{
margin-top: 20px;
text-align: center;
}
.item__modal-li h4{
font-size: 22px;
}
.content{
width: 100%;
}
.padding-image-container{
width: 100%;
}
.pagination{
right: 10px;
bottom: -30px;
}
.image-container{
height: 50vh;
}
.slider-container{
height: 300vh;
}
}
@media (max-width:650px) {
.logo-footer a{
width: 100px;
height: 100px;
}
.block__social{
justify-content: center;
}
.block__contact-col2-item:nth-child(2){
flex: 0 1 100%;
align-items: center;
}
.block__contact-col2-item:nth-child(3){
flex: 0 1 100%;
align-items: center;
}
.contact-title{
text-align: center;
}
.contact-href a{
justify-content: center;
text-align: center;
}
.contact-href p{
text-align: center;
}
.footer__item-doc{
flex: 0 1 100%;
}
}
@media (max-width:550px) {
.slider-container {
height: auto;
}
.modal__house{
top: 95%;
}
.slide {
position: relative;
height: auto;
top: 0px;
padding-top: 20px;
}
.content {
width: 100%;
opacity: 1;
height: auto;
}
.slide .content .text-slide-animation .title-slide-pitanie{
opacity: 1;
transform: translateY(0px);
}
.slide .text-slide-animation p{
opacity: 1;
transform: translateY(0px);
}
.text-slide-animation h3{
opacity: 1;
transform: translateY(0px);
}
.text-slide-animation{
position: relative;
padding: 0px;
left: 0px;
top: 0px;
transform: translate(0px, 0px);
}
.btn__bron{
padding: 10px 10px;
}
.btn__info{
padding: 10px 10px;
}
.flex-dop-info__house{
flex-wrap: wrap;
gap: 10px;
}
.pagination {
right: 21px;
top: -20px;
}
.block__text img{
max-width:120px !important;
}
.block__text .p1{
margin-bottom: 30px;
}
}
@media (max-width:470px) {
.block__info-house{
padding: 20px 10px 20px 10px;
}
.modal__house{
top: 100%;
}
.f1 .modal__house{
top: 100%;
}
.f2 .modal__house{
top: 110%;
}
.footer__item-doc{
flex: 0 1 100%;
border-right: none;
}
}
.icon-ainm {
background-color: #000;
padding: 100px 0px;
}
.container {
}
.animation-svg {
}
._anim-items {
}
.flex-stages {
display: flex;
gap: 30px;
align-items: center;
flex-direction: column;
}
.stages__title{
flex: 0 1 10%;
position: relative;
}
.stages__items {
flex: 0 1 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.stages__items svg{
margin: 0 auto;
}
.stages__item{
opacity: 0;
transform: translateY(50px);
transition: all 0.6s ease 0s;
}
.stages__item._active{
opacity: 1;
transform: translateY(0px);
}
.overlay-text{
overflow: hidden;
}
.stages__item .top__stages__title{
transform: translateY(100px);
transition: all 0.6s ease 0.2s;
}
.stages__item._active .top__stages__title{
transform: translateY(0px);
}
.stages__item .bottom__stages-info p{
opacity: 0;
transition: all 0.4s ease 0.7s;
}
.stages__item._active .bottom__stages-info p{
opacity: 1;
}
.stages__item {
padding: 20px 0px 20px 20px;
margin-top: 25px;
border-bottom: 1px solid #fff;
}
.top__stages__title {
justify-content: center;
display: flex;
gap: 10px;
font-family: Ramona;
text-transform: uppercase;
color: #fff;
font-size: 24px;
align-items: center;
text-align: center;
}
.top__stages__title span{
font-size: 36px;
font-family: Ramona;
}
.bottom__stages-info {
padding-top: 20px;
display: flex;
gap: 20px;
color: #fff;
width: 100%;
text-align: center;
justify-content: center;
}
.bottom__stages-info svg{
width: 150px;
}
.stages__item svg{
opacity: 0;
transition: all 0.4s ease 0.6s;
}
.stages__item._active svg{
opacity: 1;
}
.stages__item._active .draw-path,
.stages__item._active .draw-line,
.stages__item._active .draw-rect,
.stages__item._active .draw-rect-stroke,
.stages__item._active .draw-circle{
stroke-dasharray: 500;
stroke-dashoffset: 500;
animation: draw 3s forwards;
animation-delay: 1s;
}
@keyframes draw {
to {
stroke-dashoffset: 0;
}
}
.map-sity{
overflow-x: hidden;
padding: 0px 0px 50px 0px;
background-color: #000;
}
.map-arrow-left,
.map-arrow-right{
display: none;
top: 40%;
position: fixed;
width: 30px !important;
height: 30px !important;
}
.map-arrow-left{
left: 10px;
}
.map-arrow-right{
right: 10px;
}
@media (max-width:992px) {
.overlay-sity-img{
overflow-x: scroll;
position: relative;
}
}
@media (max-width:1100px){
.bottom__stages-info svg{
width: 100px;
height: 100px;
}
}
@media (max-width:992px) {
.top__stages__title{
font-size: 20px;
}
.overlay-sity-img img{
height: 600px;
width: auto !important;
max-width: unset;
}
.map-arrow-left,
.map-arrow-right{
display: block;
}
.stages__item{
flex: 0 1 100%;
}
.flex-stages{
flex-direction: column;
}
.stages__title .title__rotete{
display: none;
}
.stages__title.title__mobile{
display:flex;
}
.title__mobile h2{
color: #fff;
}
}
@media (max-width:600px) {
.mobile-flex-date{
flex-direction: column !important;
}
.mobile-flex-date .contact-href{
border: none;
}
.mobile-flex-date .contact-title{
border-right: none;
}
.top__stages__title span {
font-size: 24px;
}
}
.faq{
padding: 75px 0px;
}
.overlay__title,
.overlay__paragraf{
overflow: hidden;
}
.overlay__title h2{
transform: translateY(100px);
transition: opacity,transform;
transition-duration: .6s;
transition-timing-function: var(--default-transition-function)
}
.overlay__paragraf p{
transform: translateY(100px);
opacity: 0;
transition: opacity,transform;
transition-duration: 1s;
transition-timing-function: var(--default-transition-function)
}
.overlay__title._active h2{
transform: translateY(0px);
}
.overlay__paragraf._active p{
transform: translateY(0px);
opacity: 1;
}
.accorion {
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 50px;
align-items: center;
}
.accordion__item {
width: 100%;
border-top: 1px solid #8d8d8d;
opacity: 0;
transform: translateX(-50px);
transition: all 0.5s ease 0s;
}
.accordion__item._active{
opacity: 1;
transform: translateX(0px);
}
.accordion__item:last-child{
border-bottom: 1px solid #8d8d8d;
}
.accordion__button {
background-color: transparent;
border: none;
display: flex;
align-items: center;
width: 100%;
padding: 17px 10px;
font-family: Ramona-L;
font-size: 26px;
justify-content: space-between;
cursor: pointer;
}
.accordion__button span{
color: #000;
text-align: left;
}
.span__burger {
position: relative;
width: 20px;
cursor: pointer;
height: 20px;
transition: all 0.8s ease 0s;
}
.span__burger::before{
position: absolute;
content: "";
width: 20px;
height: 2px;
background-color: #000;
left: 0px;
top: 10px;
transition: all 0.8s ease 0s;
}
.span__burger::after{
position: absolute;
content: "";
width: 20px;
height: 2px;
background-color: #000;
transform: rotate(90deg);
left: 0px;
top: 10px;
transition: all 0.8s ease 0s;
}
.accordion__button.rotate .span__burger::before{
transform: rotate(125deg);
}
.accordion__button.rotate .span__burger::after{
transform: rotate(215deg);
}
.answer {
max-height: 0; overflow: hidden;
transition: all 0.7s ease; padding: 0 10px; font-family: Ramona-L;
font-size: 18px;
margin-top: 5px;
}
.answer.open {
max-height: 400px; padding: 10px; }
.btn-answer{
display: flex;
margin-top: 20px;
gap: 10px;
align-items: center;
}
.btn-answer a{
padding: 10px 20px;
background-color: transparent;
border: 1px solid #000;
font-family: Ramona-L;
color: #000;
text-decoration: none;
border-radius: 10px;
transition: all 0.4s ease 0s;
}
.btn-answer a:hover{
background-color: #000;
color: #fff;
}
.answer ul li{
margin-top: 15px;
padding: 10px;
border: 1px solid #000;
border-radius: 10px;
}
.btn-faq{
background-color: #000;
border: 1px solid #000;
white-space: nowrap;
font-size: 20px;
}
.why__go {
background-color: #000;
padding: 100px 0px;
}
.why__go h2{
font-size: calc(25px + 20 * (100vw / 1900));
}
.container2 {
}
.overlay__title {
}
.flex-why__go {
margin-top: 50px;
display: flex;
gap: 60px;
position: relative;
}
.why__go-item {
flex: 0 1 50%;
display: flex;
flex-direction: column;
gap: 10px;
}
.why__go-item-block__img {
}
.why-center-img{
max-width: 330px;
margin: 0 auto;
display: flex;
}
.why__go-item-block__text {
color: #fff;
}
.why-t1{
padding-bottom: 70px;
padding-top: 20px;
}
.why-t3{
padding-bottom: 100px;
padding-top: 60px;
}
.why-t4{
padding-bottom: 30px;
}
.why-t5{
padding-top: 30px;
}
.line-go {
position: absolute;
content: "";
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.mobile-line{
display: none;
}
@media (max-width:992px) {
.why__go-item-block__img{
display: none;
}
.flex-why__go{
flex-direction: column;
padding-left: 50px;
gap: 35px;
}
.why__go-item {
gap: 35px;
}
.desctop-line{
display: none;
}
.mobile-line{
display: block;
}
.line-go{
left: 20px;
top: 55%;
}
.why-t3,.why-t4,.why-t2,.why-t1{
padding: 0px;
}
.title__mobile{
display: block;
}
}
.form__block {
padding: 50px 0px;
background-color: #000;
}
.container2 {
}
.form__block h2{
font-size: calc(25px + 20 * (100vw / 1900));
margin-bottom: 40px;
}
.flex__form-block {
display: flex;
align-items: center;
gap: 40px;
}
.left__form-text {
flex: 0 1 60%;
}
.right__form-input {
flex: 0 1 40%;
}
.right__form-input form{
display: flex;
flex-direction: column;
gap: 25px;
}
.right__form-input form input{
background-color: transparent;
border: none;
padding: 20px;
border-bottom: 1px solid #a1a1a1;
font-family: Ramona;
font-size: 20px;
color: #fff;
transition: all 0.4s ease 0s;
}
.right__form-input form textarea{
background-color: transparent;
border: none;
padding: 20px;
border-bottom: 1px solid #a1a1a1;
font-family: Ramona;
font-size: 20px;
color: #fff;
transition: all 0.4s ease 0s;
}
.right__form-input form input:hover,
.right__form-input form textarea:hover{
border-bottom: 1px solid #fff;
}
.right__form-input form input:focus-visible,
.right__form-input form textarea:focus-visible{
border: none;
outline: none;
border-bottom: 1px solid #fff;
}
.right__form-input form input::placeholder,
.right__form-input form textarea::placeholder{
font-family: Ramona;
font-size: 20px;
color: #a1a1a1;
text-transform: uppercase;
}
.right__form-input form button{
padding: 20px 35px;
background-color: transparent;
border-radius: 10px;
border: 1px solid #fff;
color: #fff;
font-family: Ramona;
font-size: 20px;
cursor: pointer;
transition: all 0.4s ease 0s;
}
.right__form-input form button:hover{
background-color: #fff;
color: #000;
}
.chexcbox{
display: flex;
align-items: center;
gap: 10px;
font-family: Ramona;
color: #fff;
font-size: 16px;
flex-wrap: wrap;
}
.chexcbox a{
color: #fff;
}
@media (max-width:992px) {
.flex__form-block{
flex-direction: column;
}
.right__form-input{
width: 80%;
margin: 0 auto;
}
}
@media (max-width:592px) {
.right__form-input{
width: 95%;
margin: 0 auto;
}
}
.partner__block {
padding: 50px 0px;
}
.partner__block h2{
font-size: calc(25px + 19 * (100vw / 1900));
margin-bottom: 20px;
}
.flex__parther {
display: flex;
gap: 40px;
align-items: center;
}
.parther__item {
display: flex;
gap: 20px;
}
.pather__new-col-2{
flex: 0 1 50%;
display: flex;
flex-direction: column;
gap: 20px;
}
.parther__item1:nth-child(1){
padding: 20px 100px;
}
.parther__item1{
flex: 0 1 50%;
padding: 25px;
}
.parther__item1 img{
width: 100%;
max-height: 500px;
object-fit: cover;
padding: 25px;
box-sizing: border-box;
}
.parther__title {
font-size: 24px;
font-family: Ramona-L;
text-align: center;
}
.btn__parther {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 35px;
}
.btn__parther a{
padding: 20px 30px;
background-color: transparent;
border: 1px solid #000;
font-family: Ramona-L;
text-transform: uppercase;
text-decoration: none;
color: #000;
text-align: center;
border-radius: 10px;
transition: all 0.4s ease 0s;
}
.btn__parther a:hover{
background-color: #000;
color: #fff;
}
.btn__parther a:nth-child(2){
background-color: #000;
color: #fff;
}
.btn__parther a:hover:nth-child(2){
background-color: transparent;
color: #000;
}
.parther__element {
padding: 20px;
display: flex;
align-items: center;
height: 100%;
gap: 20px;
position: relative;
border-radius: 10px;
background-color: #000;
color: #fff;
font-family: Ramona-L;
font-size: 20px;
transition: all 0.6s ease 0s;
opacity: 0;
scale: 0.8;
transform: translateY(50px);
}
.parther__element span{
font-family: Ramona;
font-size: 20px;
color: #ffffff75;
}
.parther__element p span{
text-transform: uppercase;
color: #fff;
font-family: Ramona-L;
}
.parther__element._active{
opacity: 1;
scale: 1;
transform: translateY(0px);
}
.sale__text{
padding-bottom: 30px;
justify-content: center;
display: flex;
text-align: center;
flex-direction: column;
gap: 20px;
max-width: 900px;
margin: 0 auto;
}
.what__do-block {
padding: 0px 0px 50px 0px;
}
.what__do-block h2{
font-size: calc(25px + 25 * (100vw / 1900));
margin-bottom: 20px;
}
.grid__col-3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr; 
grid-template-rows: 1fr 1fr 1fr; 
gap: 20px 20px; 
justify-content: center;
}
.grid__do-item{
position: relative;
overflow: hidden;
border-radius: 10px;
opacity: 0;
transform: translateY(50px);
transition: all 0.6s ease 0s;
}
.grid__do-item._active{
opacity: 1;
transform: translateY(0px);
}
.grid__do-item img{
width: 100%;
max-height: 330px;
height: 100%;
object-fit: cover;
transition: all 0.5s ease 0s;
}
.span2-grid {
grid-area: 1 / 3 / 3 / 4; 
}
.overlay__text-do {
position: absolute;
left: 0px;
bottom: 0px;
background-color: #00000000;
border-radius: 35px 35px 0px 0px;
padding: 10px;
font-family: Ramona-L;
font-size: 20px;
width: 100%;
color: #fff;
box-sizing: border-box;
text-align: end;
transition: all 0.5s ease 0s;
}
.grid__do-item:hover img{
scale: 1.05;
}
.flex__itep-dop-usl {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
margin-top: 20px;
}
.item__dop-usl {
font-family: Ramona-L;
transition: all 0.5s ease 0s;
padding: 10px;
border: 1px solid #000;
border-radius: 10px;
}
@media (max-width:1492px) {
.parther__item1:nth-child(1){
padding: 15px 50px;
}
.parther__item1{
padding: 0px;
}
}
@media (max-width:992px) {
.parther__item1:nth-child(1){
padding: 15px 20px;
}
.grid__col-3 {
display: grid;
grid-template-columns: 1fr 1fr; 
grid-template-rows: 1fr 1fr 1fr 1fr; 
gap: 0px 0px; 
justify-content: center;
}
.span2-grid{
grid-area: 1 / 2 / 3 / 3; 
}
.overlay__text-do{
font-size: 18px;
}
.flex__parther{
flex-direction: column;
gap: 0px;
}
.btn__parther{
max-width: 600px;
margin: 30px auto;
}
}
@media (max-width:592px) {
.grid__col-3 {
display: grid;
grid-template-columns: 1fr; 
grid-template-rows: auto; 
gap: 0px 0px; 
justify-content: center;
}
.parther__item{
flex-direction: column;
}
.parther__item1 img{
padding: 15px;
}
.span2-grid{
grid-area: 1; 
}
.parther__element{
flex: 0 1 100%;
}
.parther__item1{
padding: 0px;
}
}
.otziv__block {
padding: 0px 0px 50px 0px;
background-color: #000 !important;
}
.container3{
width: 100%;
}
.otziv__swiper {
margin-top: 50px;
height: auto;
width: 70%;
border-radius: 10px;
}
.swiper-wrapper {
}
.swiper-slide {
}
.flex__slide-otziv {
width: 100% !important;
height: auto !important;
display: flex !important;
align-items: center;
gap: 0px;
backdrop-filter: blur(4px);
background: #181818;
border-radius: 10px;
justify-content: center;
box-sizing: border-box;
position: relative;
border-radius: 0px !important;
margin: 0 auto;
}
.left__text-otziv {
flex: 0 1 100%;
padding:20px 40px;  
height: 100%;
box-sizing: border-box;
position: relative;  
display: flex;
flex-direction: column;
justify-content: center;
backdrop-filter: blur(4px);
background: #181818;
border-radius: 10px;
}
.flex__avatar-otziv{
display: flex;
gap: 20px;
align-items: center;
}
.flex__avatar-otziv img{
width: 100px;
height: 100px;
border-radius: 100px;
}
.name__otziv{
font-family: Ramona-L;
font-size: 32px;
position: relative;
color: #fff;
display: flex;
flex-direction: column;
}
.name__otziv span{
font-size: 24px;
color: #ffffff80;
}
.flex__dop-info-otziv {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 25px;
}
.item__dop-info {
font-family: Ramona-L;
font-size: 16px;
color: #333;
}
.fl-0{
flex: 0 0 180px;
border-left: 1px solid #838383;
}
.flex__icon-otziv {
display: flex;
gap: 30px;
padding: 20px 0px;
justify-content: space-evenly;
flex-direction: column;
}
.icon-otziv-item {
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
text-align: center;
color: #fff;
}
.icon-otziv-item img{
width: 54px;
height: 54px;
}
.text__otziv {
font-family: Ramona-L;
margin: 0px 0px 20px 0px;
font-size: 22px;
}
.text__otziv p{
font-size: calc(14px + 4 * (100vw / 1900));
color: #fff;
}
.text__otziv p a{
color: #000;
font-family: Ramona;
}
.flex__bottom-info-slide{
display: flex;
margin-top: 30px;
gap: 20px;
padding: 15px;
border-left: 2px solid #ffffff85;
align-items: center;
justify-content: space-between;
}
.date__otziv {
font-family: Ramona-L;
font-size: 24px;
position: relative;
display:  flex;
gap: 10px;
align-items: center;
color: #333;
}
.date__otziv span{
font-family: Ramona;
color: #ffffff;
font-size: 24px;
transform: translateY(2px);
white-space: nowrap;
}
.item__dop-info span{
font-family: Ramona;
color: #ffffff;
font-size: 26px;
}
.item__dop-info-meropriyatie span{
font-family: Ramona-L;
color: #fff;
opacity: 0.5;
font-size: 20px;
}
.col__2{
display: flex;
gap: 30px;
align-items: center;
justify-content: space-between;
border-radius: 10px;
}
.col__2 .col__2-item{
padding: 10px;
}
.item__dop-info-meropriyatie{
margin-top: 10px;
}
.right__img-otziv {
flex: 0 0 40%;
background-color: #181818;
display: flex;
height: 100%;
border-left:1px solid #ffffff85;
}
.overlay-img {
padding: 20px;
width: 100%;
}
.overlay-img iframe{
width: auto;
max-width: 500px;
height: 100%;
margin: auto;
display: block;
}
.overlay-img img{
width: 100%;
}
.swiper-pagination {
}
.otziv__block .swiper-button-prev {
left: 10% !important;
width: 50px !important;
height: 50px !important;
top: 50% !important;
z-index: 100;
background-color: #000;
transition: all 0.4s ease 0s;
}
.otziv__block .swiper-button-prev::after,
.otziv__block .swiper-button-next::after{
font-size: 26px !important;
transition: all 0.4s ease 0s;
}
.otziv__block .swiper-button-next {
right: 10% !important;
width: 50px !important;
height: 50px !important;
top: 50% !important;
transition: all 0.4s ease 0s;
}
.otziv__block .swiper-button-prev:hover,
.otziv__block .swiper-button-next:hover{
background-color: #ffffff79;
}
.otziv__block .swiper-button-next:hover::after,
.otziv__block .swiper-button-prev:hover::after{
color: #000;
}
.swiper-scrollbar {
}
.fl-1{
flex: 0 1 100%;
border-left: none;
}
.fl-1 .flex__icon-otziv{
flex-direction: row;
}
@media (max-width:1650px) {
.otziv__swiper .swiper-button-prev {
left: 85% !important;
top: 91% !important;
}
.otziv__swiper .swiper-button-next {
right: 1% !important;
top: 91% !important;
}
}
@media (max-width:1250px) {
.left__text-otziv{
flex: 0 1 100%;
}
.otziv__swiper {
margin-top: 50px;
height: auto;
width: 90%;
border: 1px solid #000;
border-radius: 10px;
}
.otziv__swiper .swiper-button-prev {
left: 87% !important;
top: 91% !important;
}
.otziv__swiper .swiper-button-next {
right: 1% !important;
top: 91% !important;
}
.right__img-otziv{
flex: 0 0 50%;
}
}
@media (max-width:1100px) {
.text__otziv{
margin: 15px 0px;
}
}
@media (max-width:992px) {
.name__otziv {
font-size: 18px;
position: relative;
}
.text__otziv {
font-size: 14px;
}
.date__otziv {
font-size: 18px;
position: relative;
}
.left__text-otziv{
padding: 15px;
}
.right__img-otziv{
flex: 0 0 40%;
}
.otziv__swiper .swiper-button-prev {
left: 84% !important;
top: 93% !important;
}
.otziv__swiper .swiper-button-next {
right: 1% !important;
top: 93% !important;
}
.otziv__swiper{
height: 500px;
}
.flex__slide-otziv{
height: 500px !important;
}
.drop__down{
display: none;
}
.header__li li svg{
display: none;
}
.otziv__swiper{
height: 700px;
}
.flex__slide-otziv{
height: 700px !important;
}
}
@media (max-width:850px) {
.flex__slide-otziv{
flex-wrap: wrap;
gap: 0;
}
.overlay-img{
max-height: 55%;
padding: 15px;
}
.flex__bottom-info-slide{
margin-top: 0px;
flex-direction: column;
align-items: baseline;
}
.name__otziv span {
font-size: 16px;
}
.right__img-otziv{
border-left: none;
flex: 0 1 100%;
height:100%;
}
.flex__dop-info-otziv .col__2{
flex-direction: column;
gap: 0px;
}
.flex__dop-info-otziv .col__2 .col__2-item{
padding: 0px;
}
.date__otziv span, .item__dop-info span{
font-size: 16px;
}
.icon-otziv-item img{
width: 32px;
height: 32px;
}
.flex__avatar-otziv img{
width: 80px;
height: 80px;
}
.col__2 .col__2-item:nth-child(2){
border-top: 1px solid #838383;
border-left: 0px;
width: 100%;
box-sizing: border-box;
}
.fl-0{
flex: 0 1 100%;
}
.flex__icon-otziv{
justify-content: center;
flex-direction:row;
}
.flex__dop-info-otziv{
gap: 5px;
}
.text__otziv{
margin: 0px 0px 10px 0px;
}
.left__text-otziv{
flex: 0 1 100%;
height: auto;
max-height: 100%;
}
.otziv__block .swiper-button-prev {
left: 25% !important;
top: 95% !important;
width: 40px;
height: 40px;
}
.otziv__block .swiper-button-next {
right: 25% !important;
top: 95% !important;
width: 40px;
height: 40px;
}
.otziv__block{
padding: 50px 0px 80px 0px;
}
.date__otziv {
font-size: 16px;
flex-direction: column;
align-items: start;
}
.header__links{
font-size: 24px;
}
.header__li {
flex-wrap: wrap;
gap: 25px;
}
}
@media (max-width:550px) {
.flex__slide-otziv{
flex-wrap: wrap;
gap: 0;
}
.parther__title {
font-size: 20px;
}
.otziv__swiper{
height: 750px;
}
.flex__slide-otziv{
height: 750px !important;
}
.otziv__swiper .swiper-button-prev {
left: 74% !important;
top: 95% !important;
width: 40px;
height: 40px;
}
.otziv__swiper .swiper-button-next {
right:2% !important;
top: 95% !important;
width: 40px;
height: 40px;
}
.otziv__block .overlay__title{
padding: 0px 5px;
}
.otziv__swiper{
margin-top: 25px;
}
.faq{
padding:25px 0px;
}
}
@media (max-width:492px){
.otziv__swiper .swiper-button-prev {
left: 68% !important;
}
}
@media (max-width:412px){
.otziv__swiper .swiper-button-prev {
left: 63% !important;
}
}
.form__block,
.otziv__block,
.partner__block,
.slider-carusel,
.icon-ainm,
.why__go,
.form__block,
.why-park,
.faq,
.footer__block,
.what__do-block{
position: relative;
z-index: 2;
}
.what__do-block,
.partner__block,
.otziv__block,
.faq{
background-color: #fff;
}
.oborudovanie {
padding: 0px 0px 50px 0px;
position: relative;
z-index: 2;
background-color: #000;
}
.container2 {
}
.oborudovanie .flex__col-2{
flex-direction: row-reverse;
}
.flex__col-2 {
display: flex;
gap: 30px;
align-items: center;
position: relative;
z-index: 2;
}
.oborudovanie .col-2__item {
flex: 0 1 50%;
align-self: stretch;
display: flex;
}
.col-2__item h2{
font-size: calc(25px + 21 * (100vw / 1900));
line-height: calc(30px + 21 * (100vw / 1900));
text-align: left;
}
.block__text-oborudovanie{
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
justify-content: center;
padding: 0px 20px;
background: #2B2B2B;
border-radius: 20px;
}
.swiper-zal{
max-width: 900px;
width: 100%;
height: 600px;
flex: 0 1 100%;
}
.subtitle p{
font-size: calc(20px + 10 * (100vw / 1900));
line-height: calc(28px + 12 * (100vw / 1900));
margin-top: 10px;
font-family: Ramona;
text-transform: uppercase;
color: #fff;
}
.new-title-o h3{
font-size: calc(20px + 10 * (100vw / 1900));
line-height: calc(24px + 10 * (100vw / 1900));
margin: 25px 0px;
font-family: Ramona;
text-transform: uppercase;
color: #fff;
}
.icon-ob{
display: flex;
align-items: center;
gap: 10px;
margin-top:25px;
font-size: calc(16px + 8 * (100vw / 1900)); 
color: #fff;
font-family: Ramona-L;
}
.subtitle p span{
text-transform: uppercase;
text-decoration: underline;
color: #000;
}
.zal__list{
margin-top: 0px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 10px;
padding-left:20px;
}
.zal__list li{
display: inline;
list-style: circle;
position: relative;
padding-left: 5px;
font-size: 18px;
color:#fff;
}
.zal__list li b{
font-family: Ramona;
}
.zal__list li::before{
position: absolute;
content: "";
left: -20px;
top: 50%;
width: 15px;
height: 2px;
border-radius: 0px;
background-color: #fff;
}
.swiper-zal .swiper-slide{
position: relative;
}
.abs-text-line{
position:absolute;
content: "";
bottom: 10%;
left:0px; 
width: 100%;
padding: 40px 20px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: rgba(43, 43, 43, 0.5);
}
.text-for-zal{
display: flex;
flex-direction: column;
gap: 10px;
color: #fff;
font-family: Ramona-L;
text-transform: uppercase;
font-size: calc(14px + 10 * (100vw / 1900)); 
}
.end-text{
text-align:end;
}
.end-text .line-pod-text{
margin-left: auto;
}
.line-pod-text{
width: 80px;
height: 2px;
background: #fff;
}
.img-center-logo img{
width: 130px;
height: 130px;
}
@media (max-width:1400px) {
.block__text-oborudovanie{
margin-left: 0px;
gap: 0px;
}
.swiper-zal{
max-width: 750px;
}
}
@media (max-width:1250px) {
.swiper-zal{
max-width: 600px;
}
}
@media (max-width:992px){
.swiper-zal{
max-width: 100%;
}
.block__text-oborudovanie{
padding: 15px 10px;
}
}
@media (max-width:800px) {
.swiper-zal{
max-width: 600px;
flex: 0 1 100%;
}
}
@media (max-width:650px) {
.swiper-zal{
max-width: 500px;
flex: 0 1 100%;
}
.img-center-logo img{
width: 60px;
height: 60px;
}
.line-pod-text{
width: 40px;
height: 2px;
background: #fff;
}
.abs-text-line{
bottom: 10%;
left:0px; 
width: 100%;
padding: 10px;
}
}
@media (max-width:550px) {
.swiper-zal{
max-width: 100%;
flex: 0 1 100%;
}
.swiper-slide img{
object-fit: cover;
}
}
@media (max-width:450px) {
.swiper-zal{
flex: 0 1 100%;
height: 400px;
}
}
.gallery {
padding: 0px 0px 50px 0px;
background-color: #fff;
position: relative;
z-index: 2;
}
.container2 {
}
.flex__col-gallery {
display: flex;
gap: 20px;
justify-content: center;
margin-top: 20px;
}
.col_2-item-gallery {
display: flex;
flex: 0 1 50%;
gap: 20px;
}
.right__gorizont-2img {
display: flex;
flex-direction: column;
gap: 20px;
height: 100%;
flex: 0 1 50%;
}
.right__gorizont-2img a {
height: 100%;
}
.left__vertical-img{
flex: 0 1 50%;
}
.right__gorizont-2img img{
height: 100%;
width: 100%;
}
.left__vertical-img img{
height: 100%;
width: 100%;
}
.flex__col-gallery img{
transition: all 0.5s ease 0s;
border-radius: 10px;
}
.flex__col-gallery img:hover{
scale: 1.05;
}
.swiper-gallery{
display: none !important;
}
.swiper-gallery .swiper-wrapper{
align-items: center;
}
.swiper-gallery{
width: 90%;
margin-top: 40px;
}
.swiper-gallery .swiper-slide img{
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper-gallery .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
font-weight: bold;
color: #fff;
}
@media (max-width:992px) {
.swiper-gallery{
display: block !important;
height: auto;
}
.swiper-gallery .swiper-button-prev,
.swiper-gallery .swiper-button-next{
z-index: 12;
}
.flex__col-gallery{
display: none !important;
}
.flex__col-2{
flex-direction: column;
gap: 20px;
}
.modal__house .swiper{
height: 350px;
}
.modal__house .swiper .swiper-wrapper{
height: 350px;
}
.bottom__modal-info{
flex-direction: column;
}
}
@media (max-width:650px) {
.col-2__item img{
max-height: 500px;
}
.modal__house .swiper{
height: 250px;
}
.modal__house .swiper .swiper-wrapper{
height: 250px;
}
} .grid__col3 {
display: flex;
flex-wrap: wrap;
max-width: 1400px;
gap: 30px;
justify-content: center;
margin: 40px auto;
}
.grid__col3-item {
flex: 0 1 29%;
}
.grid__col3-item a{
border: 1px solid #2B2B2B;
padding: 15px; 
height: 205px;
gap: 10px;
align-items: center;
border-radius: 10px;
background-color: #2B2B2B;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: all 0.4s ease 0s;
}
.grid__col3-item a:hover{
border: 1px solid #fff;
}
.grid__col3-item img{
width: 100px;
height: 100px;
}
.why-park__subtitle {
font-family: Ramona-L;
font-size:  calc(16px + 8 * (100vw / 1900));
color: #fff;
text-align: center;
}
@media (max-width:1052px) {
.grid__col3-item{
flex: 0 1 44%;
}
.modal__house{
padding: 20px;
}
}
@media (max-width:792px) {
.grid__col3-item {
flex: 0 1 100%;
}
.grid__col3-item a{
height: auto;
}
.grid__col3-item img {
width: 64px;
}
.why-park .grid__col3-item img {
width: 64px;
height: 64px;
}
}
@media (max-width:692px) {
.grid__col3 {
grid-template-columns: 1fr  ;
grid-template-rows: repeat(1fr);
gap: 20px 20px;
}
.why-park .grid__col3-item img {
width: 50px;
height: 50px;
}
.grid__col3-item img {
width: 50px;
height: 50px;
}
.flex__itep-dop-usl{
gap: 10px;
}
.item__dop-usl{
flex: 0 1 42%;
text-align: center;
}
}
@media (max-width:492px){
.item__dop-usl{
flex: 0 1 100%;
text-align: center;
}
.modal__house{
width: 95%;
}
.abs-block-house{
right: 10px;
top: 5px;
padding: 5px;
text-align: center;
}
.btn-answer{
flex-direction: column;
align-items: start;
}
.accordion__button span{
font-size: 22px;
}
}
li strong{
font-weight:600;
}
.main__title-font h2{
font-size:  calc(26px + 24 * (100vw / 1900));
line-height: calc(30px + 24 * (100vw / 1900));
}
.pitanie__new{
padding: 0px 0px 50px 0px;
background-color: #000;
z-index: 2;
position: relative;
}
.pitanie__flex{
display: flex;
align-items:center;
gap: 20px; 
margin-top: 40px;
}
.pitanie__slider{
width: 100%;
}
.pitanie__col-2{
flex:0 1 50%; 
}
.pitanie__border{
border-right: 1px solid #fff;
}
.pitanie__info-block:nth-child(2){
padding: 45px 0px;
}
.title__pitanie{
text-align: left;
backdrop-filter: blur(55.5px);
background: linear-gradient(90deg, rgba(153, 153, 153, 0.2) 0%, rgba(222, 222, 222, 0.2) 56.25%); 
}
.title__pitanie h3{
font-size:  calc(25px + 10 * (100vw / 1900));
color: #fff;
padding: 10px;
}
.pitanie__Link{
text-align: end;
margin-top: 5px;
padding-right: 10px;
}
.pitanie__Link a{
color: #9D9D9D;
text-decoration: none;
font-family: Ramona-L;
transition: all 0.4s ease 0s;
}
.pitanie__Link a:hover{
color: #fff;
}
.pitanie__listing{
padding-left: 20px;
margin-top: 35px;
}
.pitanie__listing li{
position: relative;
font-size:  calc(18px + 8 * (100vw / 1900));
color: #fff;
list-style: none;
margin-top: 20px;
}
.pitanie__listing li::before{
position: absolute;
content: "";
left: -15px;
top: 50%;
transform: translatey(-50%);
width: 10px;
height: 2px;
background-color: #fff;
}
.pitanie-swiper{
width: 100%;
max-width: 900px;
height: auto;
}
.pitanie-swiper .swiper-slide img{
border-radius: 20px;
}
@media (max-width:1492px){
.pitanie-swiper {
width: 100%;
max-width: 500px;
height: auto;
}
}
@media (max-width:992px){
.pitanie__flex{
flex-direction: column;
}
.pitanie__col-2{
width: 100%;
}
.pitanie__border{
border-right: none;
border-bottom: 1px solid #fff;
}
.pitanie__info-block:nth-child(3){
padding-bottom: 20px;
}
} .wpbstarter-page-title-area{
display: none;
}
.customize-support{
background: #000;
}
.col-lg-12 h1{
font-size: calc(24px + 10 * (100vw / 1900));
margin: 15px 0px;
color: #fff;
}
.col-lg-12 h2{
font-size: calc(22px + 5 * (100vw / 1900));
margin: 15px 0px;
color: #fff;
}
.col-lg-12 h3{
font-size: calc(20px + 5 * (100vw / 1900)); 
margin: 15px 0px;
color: #fff;
}
.col-lg-12 p,
.col-lg-12 li{
color: #fff;
} .pum-theme-7, .pum-theme-default-theme{
background-color: rgb(0 0 0 / 75%) !important;
}
.pum-container.pum-responsive.pum-responsive-medium{
background: #Fff; 
border-radius: 10px;
}
.pum-theme-7 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close{
background-color: rgb(0 0 0 / 0%) !important;border: 1px none #ffffff;
border-radius: 0px;
box-shadow: none !important;
text-shadow: none !important;
font-size: 26px !important;
font-family: Ramona-L;
color: #000 !important;
right: 10px;
}
.pum-theme-7 .pum-title, .pum-theme-default-theme .pum-title{
text-align: center;
text-transform: uppercase;
}
.wpcf7-form{
display: flex;
flex-direction: column;
gap: 10px;
}
.wpcf7-list-item{
margin: 0 !important;
}
.wpcf7-form label{
width: 100%;
}
.chexcbox p{
display: flex;
align-items: center;
gap: 10px;
font-family: Ramona;
color: #fff;
font-size: 16px;
color: #000;
}
.chexcbox a{
color: #fff;
}
textarea.form-control{
max-height: 100px;
}
.wpcf7-submit{
margin: 0 auto;
width: 300px;
display: flex;
padding: 10px 40px;
text-align: center;
text-transform: uppercase;
background-color: #fff;
color: #000;
border: 1px solid #000;
}
.wpcf7-submit:hover{
background-color: #000;
color: #fff;
border: 1px solid #000;
}
.wpcf7-spinner{
display: none;
}
.wpcf7 input {
height: 60px;
font-size: 20px;
}
.no-flex p{
display: block;
}
.no-flex p a{
color: #000;
text-decoration: underline;
}
input:focus, textarea:focus, button:focus, .form-control:focus, .btn.focus, .btn:focus, a:focus, button:focus, .search-box input.form-control:focus, button.close-search:focus{
border: none !important;
}
@media(max-width:650px){
.pum-theme-7 .pum-title, .pum-theme-default-theme .pum-title{
font-size: 26px;
}
.no-flex{
flex: 0 1 90%;
}
.no-flex p{
font-size: 14px;
}
}
.house__item:nth-child(1) .abs-block-house{
display: none;
}
.video-new {
position: fixed;
left:0px;
top:0px;
width: 100%;
height: 100%;
display: none;
transition: all 0.3s ease;
margin-top: 20px;
z-index: 100000;
justify-content: center;
align-items: center;
}
.video-new iframe{
width: 90%;
height: 90%;
}
.close-video{
position: absolute;
content: "";
font-family: Ramona;
font-size: 26px;
right: 0px;
top: -20px;
padding:10px;
background: #fff;
color: #000;
cursor: pointer;
}
@media (max-width:992px){
.oborudovanie .flex__col-2{
flex-direction: column !important;
}
}
.site-main{
background: #000;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
border-color:#ff0000;
color: #fff !important;
font-family: Ramona-L;
margin: 0px;
}
.wpcf7 form.sent .wpcf7-response-output{
color: #fff;
font-family: Ramona-L;
margin: 0px;
}
#wpcf7-f218-o2 .wpcf7-submit:focus{
border: 2px solid #fff !important;
outline: none !important;
box-shadow: none !important;
}
#pum-203 .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
color: #000 !important;
}
#pum-203 .wpcf7 form.sent .wpcf7-response-output{
color: #000;
}
#popmake-203 .chexcbox a
{
color: #000 !important;
text-decoration: underline;
}
.form__block-footer .checkbox label a{
color: #fff;
text-decoration: underline;
}
#popmake-203 .wpcf7-form .chexcbox label,
.form__block-footer .checkbox label{
display: flex;
gap: 7px;
align-items: center;
}
#popmake-203 .btn-primary.disabled, .btn-primary:disabled{
background-color: #2B2B2B;
box-shadow: none;
border: none;
opacity: 1 !important;
}
.adb-tel1{
position: fixed;
content: "";
right: 20px;
bottom: 40px;
font-family: Ramona;
text-transform: uppercase;
font-size: 16px;
padding: 15px;
border-radius: 100px;
background-color:#fff;
border: 1px solid #000;
color: #fff;
text-align: center;
z-index: 100;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.4s ease 0s;
}
.adb-tel1:hover{
scale: 1.05;
}
.adb-tel1 img{
max-width: 24px;
}
.modal-form{
position: fixed;
content:"";
right: 20px;
bottom: 20px;
z-index: 100;
max-width: 370px;
width: 100%;
display: none;
opacity: 0;
overflow: hidden;
transition: all 0.5s ease 0.3s;
}
.modal-form.active{
display: block;
opacity: 1;
overflow: visible;
}
.block__form{
border-radius: 15px;
position: relative;
overflow:hidden;
border: 1px solid #333333;
}
.top__form-header{
display: flex;
align-items: center;
gap: 15px;
background: #2B2B2B;
padding: 10px;
}
.top__form-header img{
border-radius: 100px;
width: 64px;
height: 64px;
}
.name__form-admin{
display: flex;
flex-direction: column;
gap: 0px;
font-family:Ramona-L;
font-size: calc(16px + 4 * (100vw / 1900));
color: #fff;
}
.name__form-admin span{
color: #DDDDDD;
font-size: calc(10px + 4 * (100vw / 1900));
}
.bottom__form-text{
padding: 10px;
font-family: Ramona-L;
color: #000;
background: #fff;
}
.close__block-form{
position: absolute;
content: "";
right: 10px;
top: 40px;
cursor: pointer;
transition: all 0.4s ease 0s;
display: flex;
width: 25px;
height: 25px;
}
.close__block-form:hover::before{
transform: rotate(-135deg);
}
.close__block-form:hover::after{
transform: rotate(-45deg);
}
.close__block-form::before{
position: absolute;
content: "";
right: 0px;
top: 5px;
background-color: #fff;
transform: rotate(-45deg);
width: 25px;
height: 1px;
transition: all 0.4s ease 0s;
}
.close__block-form::after{
position: absolute;
content: "";
right: 0px;
top: 5px;
background-color: #fff;
transform: rotate(45deg);
width: 25px;
height: 1px;
transition: all 0.4s ease 0s;
}
#wpcf7-f278-o2{
margin-top: 10px;
}
#wpcf7-f278-o2 input{
height: 50px;
font-size: 18px;
margin-bottom: 0px;
margin-top: 10px;
font-family: Ramona-L;
}
#wpcf7-f278-o2  input:placeholder{
font-family: Ramona-L !important;
}
#wpcf7-f278-o2 .checkbox .wpcf7-list-item label{
display: flex;
gap: 5px;
font-size: 14px;
}
#wpcf7-f278-o2 .wpcf7-response-output {
color: #000 !important;
border-radius: 10px;
font-size: 12px;
}
#wpcf7-f278-o2 textarea.form-control {
max-height: 60px;
margin-top: 10px;
}
.btn-hover-border a:hover{
border: 1px solid #fff;
background-color: #000 !important;
}
.wpcf7-submit{
text-align: center;
justify-content: center;
}
.scroll-to-top {
position: fixed;
bottom: 20px;
left: 20px;
display: none;
background-color: #333;
color: #fff;
padding: 10px 15px;
font-size: 20px;
border-radius: 50%;
text-align: center;
text-decoration: none;
z-index: 99;
transition: all 0.3s ease 0s;
}
.scroll-to-top:hover {
background-color: #555;
}
.scroll-to-top.show {
display: block;
}
#wpcf7-f218-o3{
width: 100%;
}
#wpcf7-f218-o3 .wpcf7-submit{
flex:0 1 50%;
height: 54px;
background-color: transparent;
border: 1px solid #fff;
font-family: Ramona-L;
border-radius: 10px; 
color: #fff;
}
#wpcf7-f218-o3 .wpcf7-submit:hover{
background-color: #fff;
color: #000;
}
#wpcf7-f218-o3 .btn-primary:disabled {
border: 1px solid #fff;
border-radius: 10px;
}
@media (max-width:592px){
.modal-form{
max-width: 340px;
bottom: 10px;
right: 10px;
}
.adb-tel1{
bottom: 10px;
right: 10px;
}
.scroll-to-top{
left: 10px;
bottom: 10px;
}
}
.overlay_sity_img {
width: 100%;
overflow: hidden;
}
.overlay_sity_img_inner {
display: inline-block;
white-space: nowrap;
}
.overlay_sity_img img {
display: block;
max-width: none;
}
.video-section{
padding-bottom: 50px;
position: relative;
z-index: 2;
background-color: #000;
}
.video-section iframe{
width: 100%;
max-width: 1440px;
margin: 0 auto;
display: flex;
height: 700px;
}
@media (max-width: 992px) {
.overlay_sity_img {
height: 600px;
overflow-x: auto;
overflow-y: hidden;
}  
.overlay_sity_img img {
height: 600px;
width: auto;
}
.video-section iframe{
height: 500px;
}
}
@media (min-width: 992px) {
.overlay_sity_img img {
width: 100%;
height: auto;
}
}
@media(max-width:550px){
.swiper-glamp .swiper-slide img,
.swiper-branhouse .swiper-slide img{
object-fit: cover !important;
}
}
@media(max-width:492px){
.video-section iframe{
height: 400px;
}
}
@media (max-width: 380px) {
.block__text h1 {
font-size: 26px;
line-height: 34px;
}
.btn__bron, .btn__info {
font-size: 10px;
}
a.btn__info {
display: flex;
align-items: center;
justify-content: center;
}
.title__pitanie h3 {
font-size: calc(16px + 10 * (100vw / 1900));
}
footer form .wpcf7-submit {
width: 100%;
}
}
.swiper-glamp .swiper-slide{
position: relative;
}
.abs-block-house{
display: inline-table;
left: 20px;
}
.grecaptcha-badge{
display: none !important;
}
.overlay-img {
width: auto;
min-width: 300px;
height: 405px;
position: relative;
cursor: pointer;
}
.right__img-otziv{
align-items: center;
justify-content: center;
}
.video-preview {
width: 100%;
height: 100%;
background: #000;
display: flex;
align-items: center;
justify-content: center;
}
.play-btn {
width: 70px;
height: 70px;
border-radius: 50%;
border: none;
background: rgba(255, 255, 255, 0.85);
font-size: 28px;
cursor: pointer;
}
.video-placeholder {
cursor: pointer;
} .video-placeholder.playing {
cursor: default;
pointer-events: auto;
}
.video-placeholder.playing * {
pointer-events: auto;
}
.video-section{
min-height: auto !important;
}
.video-section video{
pointer-events: auto;
}
.footer__bottom-info{
justify-content: space-between;
}