@import url("https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800&subset=cyrillic");
*
{
box-sizing: border-box;
margin: 0;
padding: 0;
}
body
{
align-items: center;
color: #2b2b2b;
display: flex;
flex-direction: column;
font-family: Montserrat,sans-serif;
overflow-x: hidden;
width: 100%;
}
:focus,a:active,a:focus,input,input:active,textarea,textarea:active
{
outline: 0;
}
h2
{
color: #2b2b2b;
font-size: 28px;
font-weight: 700;
text-transform: uppercase;
}
h3
{
color: #2b2b2b;
font-size: 32px;
font-weight: 800;
margin-bottom: 20px;
position: relative;
}
h3:after
{
background-color: #2b2b2b;
bottom: -5px;
content: "";
height: 2px;
left: 5px;
position: absolute;
width: 30px;
}
h4
{
color: #929292;
font-size: 31px;
font-weight: 600;
margin-bottom: 20px;
position: relative;
}
h4:after
{
background-color: #929292;
bottom: -5px;
content: "";
height: 1px;
left: 5px;
position: absolute;
width: 20px;
}
h5
{
color: #fff;
font-size: 18px;
font-weight: 600;
margin-bottom: 25px;
position: relative;
}
h5:after
{
background-color: #fff;
bottom: -5px;
content: "";
height: 1px;
left: 5px;
position: absolute;
width: 20px;
}
.header
{
align-items: center;
background-color: #2b2b2b;
display: flex;
flex-direction: row;
height: 70px;
justify-content: center;
left: 0;
position: fixed;
right: 0;
top: 0;
transition: background-color .2s;
z-index: 1000;
}
.header>.wrapper
{
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
max-width: 1366px;
width: 100%;
}
.header>.wrapper>.logo
{
height: 49px;
transition: width .2s,height .2s;
width: 146px;
}
.header>.wrapper>.logo>img
{
height: inherit;
object-fit: contain;
width: inherit;
}
.header>.wrapper>.header-wrapper
{
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
transition: width .2s;
width: 1088px;
}
.header>.wrapper>.header-wrapper>.menu>ul
{
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
list-style: none;
}
.header>.wrapper>.header-wrapper>.menu>ul>li
{
margin-right: 32px;
}
.header>.wrapper>.header-wrapper>.menu>ul>li .link
{
color: #fff;
position: relative;
text-decoration: none;
}
.header>.wrapper>.header-wrapper>.menu>ul>li .link:after
{
background-color: #fff;
bottom: -10px;
content: "";
height: 1px;
left: 0;
position: absolute;
transform: scaleX(0);
transition: transform .2s;
width: 100%;
}
.header>.wrapper>.header-wrapper>.menu>ul>li .link.active:after,.header>.wrapper>.header-wrapper>.menu>ul>li .link:hover:after
{
transform: scaleX(1);
}
.header>.wrapper>.header-wrapper>.menu-btn
{
align-items: flex-start;
display: none;
flex-direction: column;
height: 20px;
justify-content: space-between;
width: 30px;
}
.header>.wrapper>.header-wrapper>.menu-btn>i
{
background-color: #fff;
height: 2px;
opacity: 1;
transform-origin: right;
transition: transform .2s,opacity .2s;
width: 100%;
}
.header>.wrapper>.header-wrapper>.menu-btn.open>i:nth-child(1)
{
transform: rotate(-45deg) scaleX(.85);
}
.header>.wrapper>.header-wrapper>.menu-btn.open>i:nth-child(2)
{
opacity: 0;
}
.header>.wrapper>.header-wrapper>.menu-btn.open>i:nth-child(3)
{
transform: rotate(45deg) scaleX(.85);
}
.header>.wrapper>.header-wrapper>.header-tel
{
align-items: flex-end;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.header>.wrapper>.header-wrapper>.header-tel>div>div>.tel
{
color: #fff;
position: relative;
text-decoration: none;
}
.header>.wrapper>.header-wrapper>.header-tel>div>div>.tel:after
{
background-color: #fff;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
transform: scaleX(0);
transition: transform .2s;
width: 100%;
}
.header>.wrapper>.header-wrapper>.header-tel>div>div>.tel:hover:after
{
transform: scaleX(1);
}
.header.not-fix
{
background-color: transparent;
position: absolute;
top: 54px;
}
.header.not-fix>.wrapper>.logo
{
height: 89px;
width: 260px;
}
.header.not-fix>.wrapper>.header-wrapper
{
width: 1024px;
}
.mobile-menu
{
align-items: center;
background-color: #2b2b2b;
display: flex;
flex-direction: row;
height: 70px;
justify-content: center;
left: 0;
opacity: 0;
position: fixed;
top: 0;
transform: translate3d(0,0,0);
transition: transform .2s,opacity .2s,visibility .2s;
visibility: hidden;
width: 100vw;
z-index: 500;
}
.mobile-menu.open
{
opacity: 1;
transform: translate3d(0,100%,0);
visibility: visible;
}
.mobile-menu.not-fix
{
position: absolute;
top: 54px;
}
.mobile-menu>ul
{
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
list-style: none;
margin: 5px 0;
width: 95%;
}
.mobile-menu>ul>li
{
margin: 5px;
}
.mobile-menu>ul>li>a
{
color: #fff;
position: relative;
text-decoration: none;
}
.mobile-menu>ul>li>a:after
{
background-color: #fff;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
transform: scaleX(0);
transition: transform .2s;
width: 100%;
}
.mobile-menu>ul>li>a.active:after,.mobile-menu>ul>li>a:hover:after
{
transform: scaleX(1);
}
.footer
{
align-items: center;
display: flex;
flex-direction: column;
justify-content: flex-start;
margin-top: 70px;
width: 100%;
}
.footer>.footer-wrapper
{
align-items: center;
background-color: #2b2b2b;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 30px 0;
width: 100%;
}
.footer>.footer-wrapper>.f-inner-wrapper
{
align-items: flex-start;
display: flex;
flex-direction: row;
justify-content: space-between;
max-width: 1366px;
width: 100%;
}
.footer>.footer-wrapper>.f-inner-wrapper>.fiw-info>div>div
{
align-items: flex-start;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.footer>.footer-wrapper>.f-inner-wrapper>.fiw-info>div>div>.fiw-w
{
display: flex;
flex-direction: column;
margin-bottom: 15px;
}
.footer>.footer-wrapper>.f-inner-wrapper>.fiw-info>div>div>.fiw-w>a
{
color: #fff;
position: relative;
text-decoration: none;
}
.footer>.footer-wrapper>.f-inner-wrapper>.fiw-info>div>div>.fiw-w>a:after
{
background-color: #fff;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
transform: scaleX(0);
transition: transform .2s;
width: 100%;
}
.footer>.footer-wrapper>.f-inner-wrapper>.fiw-info>div>div>.fiw-w>a:hover:after
{
transform: scaleX(1);
}
.footer>.footer-wrapper>.f-inner-wrapper>.fiw-info>div>div>.fiw-w>a.soc-btn
{
height: 23px;
width: 23px;
}
.footer>.footer-wrapper>.f-inner-wrapper>.fiw-info>div>div>.fiw-w>a.soc-btn>img
{
height: inherit;
object-fit: contain;
object-position: center;
width: inherit;
}
.footer>.footer-wrapper>.f-inner-wrapper>.fiw-info>div>div>.fiw-w>a.soc-btn:after
{
display: none;
}
.footer>.footer-wrapper>.f-inner-wrapper>.fiw-info>div>div>.fiw-w>p
{
color: #fff;
}
.footer>.footer-wrapper>.f-inner-wrapper>.fiw-links
{
align-items: flex-start;
display: flex;
flex-direction: row;
justify-content: space-between;
width: 347px;
}
.footer>.footer-wrapper>.f-inner-wrapper>.fiw-links>.fiwl-left
{
align-items: flex-start;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.footer>.footer-wrapper>.f-inner-wrapper>.fiw-links>.fiwl-left>a
{
color: #fff;
margin-bottom: 15px;
position: relative;
text-decoration: none;
}
.footer>.footer-wrapper>.f-inner-wrapper>.fiw-links>.fiwl-left>a:after
{
background-color: #fff;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
transform: scaleX(0);
transition: transform .2s;
width: 100%;
}
.footer>.footer-wrapper>.f-inner-wrapper>.fiw-links>.fiwl-left>a:hover:after
{
transform: scaleX(1);
}
.footer>.footer-wrapper>.f-inner-wrapper>.fiw-logo
{
align-items: center;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.footer>.footer-wrapper>.f-inner-wrapper>.fiw-logo>.textwidget>a>img
{
height: 89px;
object-fit: contain;
object-position: center;
width: 260px;
}
.footer>.footer-wrapper>.f-inner-wrapper>.fiw-logo>.textwidget>p
{
color: #fff;
font-size: 14px;
width: 289px;
}
.footer>.copyright
{
padding: 10px 0;
}
.title
{
position: relative;
}
.title>.t-shadow
{
color: #F3F3F3;
font-size: 60px;
font-weight: 800;
text-transform: uppercase;
}
.title>h2
{
left: 50%;
position: absolute;
top: 50%;
transform: translate3d(-50%,-50%,0);
}
.title>h2:before
{
background-color: #2b2b2b;
bottom: -30px;
content: "";
height: 1px;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 208px;
}
.title>h2:after
{
background-color: #0DCF41;
bottom: -31px;
content: "";
height: 2px;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 74px;
}
.wrapper
{
width: 100%;
}
.inner-wrapper
{
align-items: center;
display: flex;
flex-direction: column;
justify-content: flex-start;
max-width: 1366px;
width: 100%;
}
.first-screen
{
align-items: center;
display: flex;
flex-direction: column;
height: 100vh;
justify-content: center;
width: 100%;
}
.first-screen>.background
{
background-image: url(//zhailauresort.kz/wp-content/themes/otdsx/img/background.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.first-screen>.background:after
{
background-color: rgba(0,0,0,.5);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.first-screen>.inner-wrapper
{
align-items: flex-start;
}
.first-screen>.inner-wrapper>.prev-text
{
display: flex;
flex-direction: column;
width: 446px;
z-index: 2;
}
.first-screen>.inner-wrapper>.prev-text>h3
{
color: #fff;
font-size: 34px;
font-weight: 600;
margin-bottom: 37px;
position: relative;
}
.first-screen>.inner-wrapper>.prev-text>h3:after
{
background-color: #fff;
bottom: -10px;
content: "";
height: 2px;
left: 5px;
position: absolute;
width: 20px;
}
.first-screen>.inner-wrapper>.prev-text>.textwidget>p
{
color: #fff;
margin-bottom: 68px;
}
.first-screen>.inner-wrapper>.prev-text>.textwidget>.buy-btn
{
background-color: #0DCF41;
border-radius: 30px;
color: #fff;
cursor: pointer;
font-weight: 600;
height: 48px;
line-height: 48px;
text-align: center;
transition: background-color .2s;
width: 185px;
}
.first-screen>.inner-wrapper>.prev-text>.textwidget>.buy-btn:hover
{
background-color: #12BE40;
}
.advantages
{
align-items: center;
display: flex;
flex-direction: column;
margin-top: 80px;
width: 100%;
}
.advantages>.inner-wrapper>.ad-wrapper
{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
}
.advantages>.inner-wrapper>.ad-wrapper>.adw-info
{
margin-top: 60px;
width: 356px;
}
.advantages>.inner-wrapper>.ad-wrapper>.adw-info>.title-info
{
font-size: 24px;
font-weight: 600;
margin-bottom: 30px;
position: relative;
}
.advantages>.inner-wrapper>.ad-wrapper>.adw-info>.textwidget>span
{
color: #F3F3F3;
font-size: 44px;
font-weight: 800;
left: -29px;
position: absolute;
top: -24px;
z-index: -1;
}
.advantages>.inner-wrapper>.ad-wrapper>.adw-info>.title-info:after
{
background-color: #2b2b2b;
bottom: -10px;
content: "";
height: 1px;
left: 5px;
position: absolute;
width: 20px;
}
.about
{
align-items: center;
display: flex;
flex-direction: column;
margin-top: 80px;
width: 100%;
}
.about>.inner-wrapper>.a-wrapper
{
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
}
.about>.inner-wrapper>.a-wrapper>.card
{
align-items: center;
display: flex;
flex-direction: column;
justify-content: flex-start;
margin: 60px 10px 0;
width: 414px;
}
.about>.inner-wrapper>.a-wrapper>.card>img
{
height: 284px;
object-fit: cover;
object-position: center;
width: 100%;
}
.about>.inner-wrapper>.a-wrapper>.card>.desk
{
background-color: #fff;
box-shadow: 0 0 50px rgba(0,0,0,.14);
position: relative;
top: -20px;
width: 384px;
}
.about>.inner-wrapper>.a-wrapper>.card>.desk>p
{
font-size: 14px;
padding: 15px 53px 15px 27px;
}
.add
{
align-items: center;
background-color: #FBFBFB;
box-shadow: 0 0 25px rgba(0,0,0,.06);
display: flex;
flex-direction: column;
margin-top: 80px;
padding: 20px 0 60px;
width: 100%;
}
.add>.inner-wrapper>.a-wrapper
{
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
}
.add>.inner-wrapper>.a-wrapper>.info
{
margin-top: 60px;
padding-left: 30px;
position: relative;
width: 361px;
}
.add>.inner-wrapper>.a-wrapper>.info:before
{
background-color: #2b2b2b;
content: "";
height: 19px;
left: 0;
position: absolute;
top: 50%;
transform: rotate(45deg) translate3d(-50%,-50%,0);
width: 19px;
}
.add>.inner-wrapper>.a-wrapper>.info.green:before
{
background-color: #0DCF41;
}
.gallery
{
align-items: center;
display: flex;
flex-direction: column;
margin-top: 80px;
width: 100%;
}
.gallery>.inner-wrapper>.g-wrapper
{
align-items: center;
display: flex;
flex-direction: column;
justify-content: flex-start;
margin-top: 60px;
width: 100%;
}
.gallery>.inner-wrapper>.g-wrapper>.slider
{
align-items: center;
display: flex;
flex-direction: column;
height: 781px;
justify-content: flex-start;
width: 1088px;
}
.gallery>.inner-wrapper>.g-wrapper>.slider>.slides
{
height: 681px;
overflow: hidden;
position: relative;
width: 100%;
}
.gallery>.inner-wrapper>.g-wrapper>.slider>.slides>.slide
{
height: inherit;
left: 0;
object-fit: cover;
object-position: center;
opacity: 0;
position: absolute;
top: 0;
transition: opacity .5s;
width: inherit;
}
.gallery>.inner-wrapper>.g-wrapper>.slider>.slides>.slide.active
{
opacity: 1;
}
.gallery>.inner-wrapper>.g-wrapper>.slider>.slides-ui
{
align-items: center;
display: flex;
flex-direction: row;
justify-content: center;
margin: 30px 0;
}
.gallery>.inner-wrapper>.g-wrapper>.slider>.slides-ui>.ui-btn
{
align-items: center;
background-color: #F3F3F3;
cursor: pointer;
display: flex;
flex-direction: row;
height: 25px;
justify-content: center;
margin: 0 8px;
transform: rotate(45deg);
transition: transform .2s;
width: 25px;
}
.gallery>.inner-wrapper>.g-wrapper>.slider>.slides-ui>.ui-btn:before
{
border: 2px solid #2b2b2b;
box-sizing: border-box;
content: "";
height: 16px;
position: absolute;
transition: border-width .4s;
width: 16px;
}
.gallery>.inner-wrapper>.g-wrapper>.slider>.slides-ui>.ui-btn.active:before
{
border-width: 8px;
}
.gallery>.inner-wrapper>.g-wrapper>.slider>.slides-ui>.ui-btn:hover
{
transform: rotate(135deg);
}
.gallery>.inner-wrapper>.g-wrapper>.to-gallery-link
{
align-items: center;
color: #2b2b2b;
display: flex;
flex-direction: row;
justify-content: flex-start;
text-decoration: none;
}
.gallery>.inner-wrapper>.g-wrapper>.to-gallery-link:after
{
content: url(//zhailauresort.kz/img/arrow.svg);
line-height: 6px;
margin-left: 5px;
transition: transform .2s;
}
.gallery>.inner-wrapper>.g-wrapper>.to-gallery-link:hover:after
{
transform: translateX(3px);
}
.contacts
{
align-items: center;
display: flex;
flex-direction: column;
margin-top: 80px;
width: 100%;
}
.contacts.main-contacts
{
margin-top: 120px;
}
.contacts>.inner-wrapper>.c-wrapper
{
align-items: flex-start;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 60px;
width: 1088px;
}
.contacts>.inner-wrapper>.c-wrapper>.info
{
align-items: flex-start;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.contacts>.inner-wrapper>.c-wrapper>.info>.i-wr
{
align-items: flex-start;
display: flex;
flex-direction: column;
justify-content: flex-start;
margin-bottom: 35px;
}
.contacts>.inner-wrapper>.c-wrapper>.info>.i-wr>a
{
color: #2b2b2b;
margin-bottom: 3px;
position: relative;
text-decoration: none;
}
.contacts>.inner-wrapper>.c-wrapper>.info>.i-wr>a:after
{
background-color: #2b2b2b;
bottom: -1px;
content: "";
height: 1px;
left: 0;
position: absolute;
transform: scale3d(0,1,1);
transition: transform .2s;
width: 100%;
}
.contacts>.inner-wrapper>.c-wrapper>.info>.i-wr>a:hover:after
{
transform: scale3d(1,1,1);
}
.contacts>.inner-wrapper>.c-wrapper>.form
{
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
width: 536px;
}
.contacts>.inner-wrapper>.c-wrapper>.form>h4
{
display: none;
}
.form>.input-wrapper,.form>.input-wrapper-text
{
position: relative;
width: 50%;
}
.form>.input-wrapper-text>input,.form>.input-wrapper-text>textarea,.form>.input-wrapper>input,.form>.input-wrapper>textarea
{
border: none;
border-bottom: 1px solid #707070;
font-family: Montserrat,sans-serif;
font-size: 16px;
height: 26px;
margin-right: 15px;
padding: 0 0 0 5px;
position: relative;
width: 95%;
}
.form>.input-wrapper-text>input+label,.form>.input-wrapper-text>textarea+label,.form>.input-wrapper>input+label,.form>.input-wrapper>textarea+label
{
color: #2b2b2b;
left: 10px;
pointer-events: none;
position: absolute;
top: 0;
transition: all .2s;
}
.contacts>.inner-wrapper>.c-wrapper>.form>.input-wrapper-text>input:focus+label,.contacts>.inner-wrapper>.c-wrapper>.form>.input-wrapper-text>input:valid+label,.contacts>.inner-wrapper>.c-wrapper>.form>.input-wrapper-text>textarea:focus+label,.contacts>.inner-wrapper>.c-wrapper>.form>.input-wrapper-text>textarea:valid+label,.contacts>.inner-wrapper>.c-wrapper>.form>.input-wrapper>input:focus+label,.contacts>.inner-wrapper>.c-wrapper>.form>.input-wrapper>input:valid+label,.contacts>.inner-wrapper>.c-wrapper>.form>.input-wrapper>textarea:focus+label,.contacts>.inner-wrapper>.c-wrapper>.form>.input-wrapper>textarea:valid+label
{
color: #929292;
font-size: 12px;
left: 0;
top: -18px;
}
.contacts>.inner-wrapper>.c-wrapper>.form>.input-wrapper-text>textarea,.contacts>.inner-wrapper>.c-wrapper>.form>.input-wrapper>textarea
{
height: 165px;
resize: none;
width: 98%;
}
.contacts>.inner-wrapper>.c-wrapper>.form>.input-wrapper-text
{
margin-top: 30px;
width: 100%;
}
.contacts>.inner-wrapper>.c-wrapper>.form>.send-btn
{
background-color: #0DCF41;
border: 0px;
border-radius: 30px;
color: #fff;
cursor: pointer;
font-weight: 600;
height: 48px;
line-height: 48px;
margin-top: 57px;
text-align: center;
transition: background-color .2s;
width: 185px;
}
.contacts>.inner-wrapper>.c-wrapper>.form>.send-btn:hover
{
background-color: #12BE40;
}
.rooms
{
align-items: center;
display: flex;
flex-direction: column;
margin-top: 120px;
width: 100%;
}
.rooms>.inner-wrapper>.r-wrapper
{
align-items: center;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
}
.rooms>.inner-wrapper>.r-wrapper>.room
{
align-items: center;
display: flex;
flex-direction: row;
justify-content: flex-start;
margin-top: 60px;
position: relative;
width: 100%;
}
.rooms>.inner-wrapper>.r-wrapper>.room>img
{
box-shadow: 0 0 45px rgba(0,0,0,.43);
height: 375px;
object-fit: cover;
object-position: center;
width: 375px;
}
.rooms>.inner-wrapper>.r-wrapper>.room>.r-info
{
align-items: center;
background-color: #fff;
box-shadow: 0 0 40px rgba(0,0,0,.1);
display: flex;
flex-direction: row;
height: 340px;
justify-content: center;
max-width: 1009px;
position: absolute;
right: 0;
width: 100%;
}
.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper
{
align-items: flex-start;
display: flex;
flex-direction: column;
height: 303px;
justify-content: space-between;
width: 918px;
}
.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.iw-inner
{
width: 876px;
}
.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.iw-inner>ul
{
list-style: none;
margin-top: 15px;
}
.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.iw-inner>ul>li
{
font-size: 14px;
padding-left: 10px;
position: relative;
}
.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.iw-inner>ul>li>span
{
font-weight: 600;
}
.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.iw-inner>ul>li:before
{
background-color: #2b2b2b;
content: "";
height: 5px;
left: 0;
position: absolute;
top: 55%;
transform: rotate(45deg) translate3d(-50%,-50%,0);
width: 5px;
}
.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.panel
{
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.panel>.price
{
font-size: 24px;
}
.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.panel>.price>span
{
font-size: 30px;
font-weight: 800;
}
.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.panel>.buy-btn
{
background-color: #0DCF41;
border-radius: 30px;
color: #fff;
cursor: pointer;
font-weight: 600;
height: 48px;
line-height: 48px;
text-align: center;
transition: background-color .2s;
width: 185px;
}
.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.panel>.buy-btn:hover
{
background-color: #12BE40;
}
.gallery-main
{
align-items: center;
display: flex;
flex-direction: column;
margin-top: 120px;
width: 100%;
}
.gallery-main>.inner-wrapper>.g-wrapper
{
align-items: center;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 60px;
user-select: none;
width: 100%;
}
.gallery-main>.inner-wrapper>.g-wrapper>.slider
{
align-items: center;
display: flex;
flex-direction: row;
height: 581px;
justify-content: center;
width: 1158px;
}
.gallery-main>.inner-wrapper>.g-wrapper>.slider>.s-next,.gallery-main>.inner-wrapper>.g-wrapper>.slider>.s-prev
{
align-items: center;
background-color: #F3F3F3;
cursor: pointer;
display: flex;
flex-direction: row;
height: 60px;
justify-content: center;
margin: 0 8px;
transform: rotate(45deg);
transition: transform .2s;
width: 60px;
}
.gallery-main>.inner-wrapper>.g-wrapper>.slider>.s-next:before,.gallery-main>.inner-wrapper>.g-wrapper>.slider>.s-prev:before
{
border: 2px solid #2b2b2b;
border-right: none;
border-top: none;
box-sizing: border-box;
content: "";
height: 43px;
position: absolute;
transition: border-width .2s;
width: 43px;
}
.gallery-main>.inner-wrapper>.g-wrapper>.slider>.s-next:after,.gallery-main>.inner-wrapper>.g-wrapper>.slider>.s-prev:after
{
background-color: #fff;
content: "";
height: 114px;
position: absolute;
right: -10px;
top: -38px;
transform: rotate(-45deg);
width: 42px;
}
.gallery-main>.inner-wrapper>.g-wrapper>.slider>.s-next.active:before,.gallery-main>.inner-wrapper>.g-wrapper>.slider>.s-prev.active:before
{
border-width: 8px;
}
.gallery-main>.inner-wrapper>.g-wrapper>.slider>.s-next:hover:before,.gallery-main>.inner-wrapper>.g-wrapper>.slider>.s-prev:hover:before
{
border-width: 4px;
}
.gallery-main>.inner-wrapper>.g-wrapper>.slider>.s-next.s-next,.gallery-main>.inner-wrapper>.g-wrapper>.slider>.s-prev.s-next
{
transform: rotate(45deg) scale3d(-1,-1,1);
}
.gallery-main>.inner-wrapper>.g-wrapper>.slider>.slides
{
height: inherit;
position: relative;
width: 1088px;
z-index: 2;
}
.gallery-main>.inner-wrapper>.g-wrapper>.slider>.slides>.slide
{
height: inherit;
object-fit: contain;
object-position: center;
opacity: 0;
position: absolute;
transition: opacity .2s;
width: 100%;
}
.gallery-main>.inner-wrapper>.g-wrapper>.slider>.slides>.slide.active
{
opacity: 1;
}
.gallery-main>.inner-wrapper>.g-wrapper>.slider>.mobile-ui
{
display: none;
width: 40%;
}
.gallery-main>.inner-wrapper>.g-wrapper>.slider>.mobile-ui>.s-next,.gallery-main>.inner-wrapper>.g-wrapper>.slider>.mobile-ui>.s-prev
{
align-items: center;
background-color: #F3F3F3;
cursor: pointer;
display: flex;
flex-direction: row;
height: 60px;
justify-content: center;
margin: 0 8px;
transform: rotate(45deg);
transition: transform .2s;
width: 60px;
}
.gallery-main>.inner-wrapper>.g-wrapper>.slider>.mobile-ui>.s-next:before,.gallery-main>.inner-wrapper>.g-wrapper>.slider>.mobile-ui>.s-prev:before
{
border: 2px solid #2b2b2b;
border-right: none;
border-top: none;
box-sizing: border-box;
content: "";
height: 43px;
position: absolute;
transition: border-width .2s;
width: 43px;
}
.gallery-main>.inner-wrapper>.g-wrapper>.slider>.mobile-ui>.s-next:after,.gallery-main>.inner-wrapper>.g-wrapper>.slider>.mobile-ui>.s-prev:after
{
background-color: #fff;
content: "";
height: 114px;
position: absolute;
right: -10px;
top: -38px;
transform: rotate(-45deg);
width: 42px;
}
.gallery-main>.inner-wrapper>.g-wrapper>.slider>.mobile-ui>.s-next.active:before,.gallery-main>.inner-wrapper>.g-wrapper>.slider>.mobile-ui>.s-prev.active:before
{
border-width: 8px;
}
.gallery-main>.inner-wrapper>.g-wrapper>.slider>.mobile-ui>.s-next:hover:before,.gallery-main>.inner-wrapper>.g-wrapper>.slider>.mobile-ui>.s-prev:hover:before
{
border-width: 4px;
}
.gallery-main>.inner-wrapper>.g-wrapper>.slider>.mobile-ui>.s-next.s-next,.gallery-main>.inner-wrapper>.g-wrapper>.slider>.mobile-ui>.s-prev.s-next
{
transform: rotate(45deg) scale3d(-1,-1,1);
}
.gallery-main>.inner-wrapper>.g-wrapper>.full-gallery
{
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
margin-top: 80px;
width: 100%;
}
.gallery-main>.inner-wrapper>.g-wrapper>.full-gallery>img
{
box-shadow: 0 0 20px rgba(0,0,0,.16);
cursor: pointer;
height: 400px;
margin: 20px;
object-fit: cover;
width: 400px;
}
.gallery-main>.inner-wrapper>.g-wrapper>.buy-btn
{
background-color: #0DCF41;
border-radius: 50px;
color: #fff;
cursor: pointer;
font-size: 31px;
font-weight: 600;
height: 90px;
line-height: 90px;
margin-top: 60px;
text-align: center;
transition: background-color .2s;
width: 400px;
}
.gallery-main>.inner-wrapper>.g-wrapper>.buy-btn:hover
{
background-color: #12BE40;
}
.price-main
{
align-items: center;
display: flex;
flex-direction: column;
margin-top: 120px;
width: 100%;
}
.price-main:nth-child(2)
{
margin-top: 60px;
}
.price-main>.inner-wrapper>.p-wrapper
{
align-items: center;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 60px;
max-width: 824px;
width: 100%;
}
.price-main>.inner-wrapper>.p-wrapper>p
{
font-size: 18px;
margin-bottom: 20px;
width: 100%;
}
.price-main>.inner-wrapper>.p-wrapper>p.p-title
{
font-size: 20px;
font-weight: 600;
}
.price-main>.inner-wrapper>.p-wrapper>p.sign
{
text-align: right;
}
.price-main>.inner-wrapper>.p-wrapper>p.sign>span
{
font-weight: 600;
}
.price-main>.inner-wrapper>.p-wrapper>ul
{
list-style: none;
}
.price-main>.inner-wrapper>.p-wrapper>ul>li
{
margin-bottom: 25px;
padding-left: 10px;
position: relative;
}
.price-main>.inner-wrapper>.p-wrapper>ul>li>p
{
font-size: 20px;
}
.price-main>.inner-wrapper>.p-wrapper>ul>li>p>span
{
font-weight: 600;
}
.price-main>.inner-wrapper>.p-wrapper>ul>li:after
{
background-color: #2b2b2b;
content: "";
height: 5px;
left: 0;
position: absolute;
top: 9px;
transform: rotate(45deg);
width: 5px;
}
.c-maps
{
align-items: center;
display: flex;
flex-direction: column;
margin-bottom: 40px;
margin-top: 60px;
width: 100%;
}
.c-maps>.inner-wrapper>.cm-wrapper
{
align-items: flex-start;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 60px;
width: 1088px;
}
.c-maps>.inner-wrapper>.cm-wrapper>img
{
height: 394px;
object-fit: cover;
width: 460px;
}
.c-maps>.inner-wrapper>.cm-wrapper>.map
{
height: 394px;
width: 536px;
}
.pop-up
{
align-items: center;
background-color: rgba(0,0,0,.7);
bottom: 0;
display: flex;
flex-direction: row;
justify-content: center;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
transition: opacity .2s,visibility .2s;
visibility: hidden;
z-index: 1001;
}
.pop-up>.pp-wrapper
{
align-items: center;
background-color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px 35px;
position: relative;
width: 350px;
}
.pop-up>.pp-wrapper>h3
{
font-size: 26px;
}
.pop-up>.pp-wrapper>h3:after
{
left: 50%;
transform: translateX(-50%);
}
.pop-up>.pp-wrapper>.form
{
align-items: center;
display: flex;
flex-direction: column;
justify-content: flex-start;
margin-top: 30px;
width: 100%;
}
.pop-up>.pp-wrapper>.form>.input-wrapper
{
margin-bottom: 25px;
position: relative;
width: 100%;
}
.pop-up>.pp-wrapper>.form>.input-wrapper>input
{
border: none;
border-bottom: 1px solid #707070;
font-family: Montserrat,sans-serif;
font-size: 16px;
height: 26px;
padding-left: 10px;
width: 100%;
}
.pop-up>.pp-wrapper>.form>.input-wrapper>input+label
{
color: #2b2b2b;
left: 10px;
pointer-events: none;
position: absolute;
top: 0;
transition: all .2s;
}
.pop-up>.pp-wrapper>.form>.input-wrapper>input:focus+label,.pop-up>.pp-wrapper>.form>.input-wrapper>input:valid+label
{
color: #929292;
font-size: 12px;
left: 0;
top: -18px;
}
.screen-reader-response,.wpcf7-validation-errors{
display: none!important;
}
.screen-reader-response ul{
display: none!important;
}
.pop-up>.pp-wrapper>.form>.fp-send-btn
{
border: 0px solid black;
background-color: #0DCF41;
border-radius: 30px;
color: #fff;
cursor: pointer;
font-weight: 600;
height: 48px;
line-height: 48px;
margin-bottom: 5px;
text-align: center;
transition: background-color .2s;
width: 185px;
}
.pop-up>.pp-wrapper>.form>.fp-send-btn:hover
{
background-color: #12BE40;
}
.pop-up>.pp-wrapper>.close-btn
{
align-items: center;
cursor: pointer;
display: flex;
flex-direction: row;
height: 25px;
justify-content: center;
position: absolute;
right: 5px;
top: 5px;
width: 25px;
}
.pop-up>.pp-wrapper>.close-btn>i
{
background-color: #BF1818;
height: 2px;
position: absolute;
transform: rotate(45deg);
width: 25px;
}
.pop-up>.pp-wrapper>.close-btn>i:last-child
{
transform: rotate(-45deg);
}
.pop-up.open
{
opacity: 1;
visibility: visible;
}@media screen and (max-width:1400px){.header>.wrapper{max-width:1200px}.header>.wrapper>.header-wrapper{width:1010px}.header.not-fix>.wrapper>.header-wrapper{width:884px}.footer>.footer-wrapper>.f-inner-wrapper,.inner-wrapper{max-width:1200px}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info{max-width:845px}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper{width:764px}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.iw-inner{width:100%}}@media screen and (max-width:1250px){.header>.wrapper{max-width:1000px}.header>.wrapper>.header-wrapper{width:220px;flex-direction:row-reverse}.header>.wrapper>.header-wrapper>.menu{display:none}.header>.wrapper>.header-wrapper>.menu-btn{display:flex}.header.not-fix>.wrapper>.header-wrapper{width:220px}.inner-wrapper{max-width:1000px}.contacts>.inner-wrapper>.c-wrapper,.gallery>.inner-wrapper>.g-wrapper>.slider{width:100%}.footer>.footer-wrapper>.f-inner-wrapper{max-width:1000px}.rooms>.inner-wrapper>.r-wrapper>.room{flex-direction:column}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info{max-width:845px;position:relative;top:-20px}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper{width:764px}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.iw-inner{width:100%}.gallery-main>.inner-wrapper>.g-wrapper>.slider{width:900px}.c-maps>.inner-wrapper>.cm-wrapper{flex-direction:column;align-items:center;width:100vw}.c-maps>.inner-wrapper>.cm-wrapper>img{margin-bottom:60px}.c-maps>.inner-wrapper>.cm-wrapper>.map{width:100%}}@media screen and (max-width:1050px){h4{text-align:center}h4:after{left:50%;transform:translateX(-50%)}.header>.wrapper{max-width:608px}.header>.wrapper>.header-wrapper{width:220px;flex-direction:row-reverse}.header>.wrapper>.header-wrapper>.menu{display:none}.header>.wrapper>.header-wrapper>.menu-btn{display:flex}.inner-wrapper{max-width:608px}.gallery>.inner-wrapper>.g-wrapper>.slider>.slides{width:100vw}.footer>.footer-wrapper>.f-inner-wrapper{max-width:608px;flex-direction:column;align-items:center}.footer>.footer-wrapper>.f-inner-wrapper>.fiw-info,.footer>.footer-wrapper>.f-inner-wrapper>.fiw-links{margin-bottom:50px}.contacts>.inner-wrapper>.c-wrapper{flex-direction:column;align-items:center}.contacts>.inner-wrapper>.c-wrapper>.info{align-items:center;margin-bottom:50px}.contacts>.inner-wrapper>.c-wrapper>.info>.i-wr{align-items:center}.contacts>.inner-wrapper>.c-wrapper>.form>.send-btn{margin:57px auto 0}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info{max-width:100%;position:relative;top:-20px}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper{width:90%}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.iw-inner{width:100%}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.iw-inner>h3{text-align:center;margin-bottom:25px}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.iw-inner>h3:after{left:50%;bottom:-9px;transform:translateX(-50%)}.gallery-main>.inner-wrapper>.g-wrapper>.slider{width:608px}}@media screen and (max-width:650px){h3{text-align:center}h3:after{left:50%;transform:translateX(-50%)}h5{text-align:center}h5:after{left:50%;transform:translateX(-50%)}.header>.wrapper{max-width:340px}.header>.wrapper>.logo{width:108px;height:37px}.header>.wrapper>.header-wrapper{width:190px;flex-direction:row-reverse}.header>.wrapper>.header-wrapper>.header-tel>.tel{font-size:14px}.header.not-fix>.wrapper>.logo{width:108px;height:37px}.header.not-fix>.wrapper>.header-wrapper{width:190px}.title>.t-shadow{font-size:32px;text-align:center}.title>h2{text-align:center;font-size:24px;width:100%}.inner-wrapper{max-width:340px}.first-screen>.inner-wrapper{align-items:center}.first-screen>.inner-wrapper>.prev-text{width:95%}.first-screen>.inner-wrapper>.prev-text>h3{text-align:center}.first-screen>.inner-wrapper>.prev-text>h3:after{left:50%;transform:translateX(-50%)}.first-screen>.inner-wrapper>.prev-text>.buy-btn{margin:0 auto}.contacts>.inner-wrapper>.c-wrapper>.form{width:340px;flex-direction:column;align-items:center}.contacts>.inner-wrapper>.c-wrapper>.form>h4{display:block;margin-bottom:30px}.contacts>.inner-wrapper>.c-wrapper>.form>.input-wrapper{width:100%;margin-bottom:30px}.contacts>.inner-wrapper>.c-wrapper>.form>.send-btn{margin:30px auto 0}.footer>.footer-wrapper>.f-inner-wrapper{max-width:340px;flex-direction:column;align-items:center}.footer>.footer-wrapper>.f-inner-wrapper>.fiw-info{margin-bottom:50px;align-items:center}.footer>.footer-wrapper>.f-inner-wrapper>.fiw-links{margin-bottom:50px;flex-direction:column;align-items:center}.footer>.footer-wrapper>.f-inner-wrapper>.fiw-links>.fiwl-left:first-child{margin-bottom:40px}.about>.inner-wrapper>.a-wrapper>.card{width:340px}.about>.inner-wrapper>.a-wrapper>.card>.desk{width:300px}.about>.inner-wrapper>.a-wrapper>.card>.desk>p{padding:15px 27px}.advantages{margin-top:10px}.advantages>.inner-wrapper>.ad-wrapper{margin-top:30px}.advantages>.inner-wrapper>.ad-wrapper>.adw-info{width:267px}.rooms>.inner-wrapper>.r-wrapper>.room>img{width:340px;height:340px}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info{max-width:95%;height:auto;position:relative;top:-20px}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper{width:90%;height:auto;margin:15px 0}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.iw-inner{width:100%}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.iw-inner>h3{text-align:center;margin-bottom:25px;font-size:28px}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.iw-inner>h3:after{left:50%;bottom:-9px;transform:translateX(-50%)}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.iw-inner>p{font-size:14px}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.panel{flex-direction:column;align-items:center;margin-top:30px}.rooms>.inner-wrapper>.r-wrapper>.room>.r-info>.info-wrapper>.panel>.buy-btn{margin:15px 0 5px}.gallery-main>.inner-wrapper>.g-wrapper>.slider{width:100vw;height:514px;flex-direction:column}.gallery-main>.inner-wrapper>.g-wrapper>.slider>.slides{width:100%;height:414px;overflow:hidden}.gallery-main>.inner-wrapper>.g-wrapper>.slider>.s-next,.gallery-main>.inner-wrapper>.g-wrapper>.slider>.s-prev{display:none}.gallery-main>.inner-wrapper>.g-wrapper>.slider>.mobile-ui{display:flex;justify-content:space-between;align-items:center}.gallery-main>.inner-wrapper>.g-wrapper>.full-gallery>img{width:100%;height:auto}.gallery-main>.inner-wrapper>.g-wrapper>.buy-btn{width:332px;height:80px;line-height:80px;font-size:26px}.price-main>.inner-wrapper>.p-wrapper>p,.price-main>.inner-wrapper>.p-wrapper>p.p-title,.price-main>.inner-wrapper>.p-wrapper>ul>li>p{font-size:16px}.c-maps>.inner-wrapper>.cm-wrapper>img{width:340px}}