html,body
{
scroll-behavior:smooth;
}
body
{
margin:0;
padding:0;
border:none;
font-size:100%;
color:var(--body-text);
font-family:var(--sans-serif);
}
.unlock-offer
{
background-color:var(--offer-bg);
position:relative;
}
.unlock-offer:focus, .unlock-offer:hover, .unlock-offer:active
{
background-color:#cdc196
}
.unlock-offer #close
{
position:absolute;
right:0;
top:0;
background-color:var(--offer-close-bg);
color:var(--offer-close-text);
width:45px;
height:100%;
font-size:1.5rem;
font-weight:600;
display:flex;
justify-content:center;
align-items:center;
cursor:pointer;
}
a.offer-href
{
color:var(--offer-text);
text-decoration:none;
text-transform:uppercase;
padding: 0.5rem 0;
margin:0 auto;
display: block;
text-align: center;
}
.offer-href>.material-icons
{
transform:rotate(90deg);
vertical-align:middle
}
.sticky-header
{
position:sticky;
top:0;
left:0;
width:100%;
z-index:100;
}
.top-primary-menu
{
background-color:var(--menu-bg);
}
.logo
{
margin-right:2rem;
}
.logo img
{
max-width:100%;
}
.primary-link
{
display: flex;
align-items: center;
}
.navbar
{
padding:0;
display:flex;
align-items:center;
position:relative;
}
.navbar-nav .nav-link, li.nav-links a
{
text-transform: uppercase;
margin: 0 0.45rem;
position:relative;
}
.navbar-nav .nav-link a, li.nav-links a
{
color:var(--nav-link-a);
text-decoration:none;
}
.navbar-nav .nav-link:after
{
content:'';
position:absolute;
bottom:0;
left:0;
width:0;
padding:0.009rem;
background-color:var(--nav-link-hover) !important;
transition:all linear 0.3s;
transform: scaleY(0);
}
.navbar-nav .nav-link:hover::after, .navbar-nav .nav-link:focus::after, .navbar-nav .nav-link.actives:after
{
width:100%;
transform: scale(1);
}
button:focus
{
outline:none;
}
.navbar>ul
{
margin-bottom:0;
}
.navbar>ul li.nav-links
{
display: table;
margin: 0 0 0 auto;
font-weight: 500;
text-align:center;
}
.navbar>ul li.nav-links>a
{
background-color:var(--last-nav-link);
padding: 0.75rem 1.5rem;
display:block;
}
.navbar>ul li.nav-links>a:hover, .navbar>ul li.nav-links>a:focus, .navbar>ul li.nav-links>a:active
{
background-color:var(--last-nav-focus);
}
.navbar> ul li.nav-links:after
{
visibility:hidden;
}
.navbar> ul li.nav-links>a:nth-of-type(1)
{
position:relative;
}
.navbar> ul li.nav-links>a:nth-of-type(1)::before
{
content: '';
position: absolute;
width: 90%;
height: 85%;
border: 1px solid #fff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.navbar>ul li.nav-links a + span
{
display:block;
margin-top:0.2rem;
}
.navbar>ul li.nav-links a + span a
{
display:flex;
justify-content:center;
align-items:center;
}
.navbar> li.nav-links a + span a span
{
vertical-align:middle;
}
.book-home
{
background: var(--book-direct);
padding: 40px 0;
}
.book-direct
{
display: table;
text-align: center;
width: 100%;
}
.first-title
{
font-size: 25px;
font-family: var(--Crimson);
display: inline-block;
text-transform:uppercase;
margin-bottom:2rem;
}
.first-title a
{
color: var(--book-direct-text);
text-decoration:none;
}
.book-direct-icon
{
display:flex;
justify-content:center;
align-items:center;
list-style:none;
flex-flow:wrap row;
}
li.carouselitems
{
color:var(--icon-text);
flex:0 0 20%;
text-transform:uppercase;
font-size:12px;
display:flex;
align-items:center;
margin:1rem 0;
flex-flow:row wrap;
}
li.carouselitems img
{
-webkit-filter: grayscale(1) invert(1);
filter: grayscale(1) invert(1);
max-width:50px;
margin-right:0.5rem;
}
.book-direct ul li .book-icon
{
}
.first-section
{
padding: 60px 0 0 0;
}
.first-section-content h2
{
}
.read-more-content
{
font-size: 16px;
padding-left: 14px;
padding-top: 10px;
}
.welcome-section
{
padding: 102px 0 84px;
/*background-image: url(../images/canvas.jpg);*/
background-attachment: fixed;
background-position: 100% 0;
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: background-position .2s ease-in;
-moz-transition: background-position .2s ease-in;
-o-transition: background-position .2s ease-in;
transition: background-position .2s ease-in;
-webkit-background-size: cover;
}
.welcome-section h2
{
font-size: 50px;
text-align: center;
font-family: var(--Crimson);
margin-bottom: 0;
text-transform: uppercase;
}
.second-section
{
position: relative;
background: #000;
}
.second-section .room-image
{
position: relative;
line-height: 0;
height: 645px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: background-position 2s ease-in;
-moz-transition: background-position 2s ease-in;
-o-transition: background-position 2s ease-in;
transition: background-position 2s ease-in;
-webkit-background-size: cover;
background-image: url(../images/room-double.jpg);
background-size: cover;
}
.second-section .room-image:after
{
content: '';
width: 100%;
background: rgba(20,27,61,.4);
height: 100%;
position: absolute;
top: 0;
}
.room-content {
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
-ms-transform: translate(0,-85px);
-webkit-transform: translate(0,-85px);
transform: translate(0,-85px);
}
.room-content h4
{
color: #fff;
letter-spacing: 1.5px;
padding-bottom: 1px;
margin-bottom: 0;
}
.room-content h3
{
color:var(--white);
}
.room-content .button
{
letter-spacing: 1px;
padding: 20px 80.5px;
outline-offset: -6px;
background-color:var(--room-btn);
color:var(--room-btn-color);
text-decoration:none;
display: table;
margin: 0 auto;
position:relative;
}
.room-content .button:after
{
content:"";
position:absolute;
border:1px solid #fff;
width:95%;
height:85%;
left:50%;
top:50%;
transform:translate(-50%, -50%);
}
.room-content .button:hover
{
background-color:var(--btn-hover);
}
.container-fluid-width
{
width: 100%;
overflow: hidden;
margin:1rem 0;
}
.neighborhood-block
{
}
.neighbor-block-1
{
}
.neighbor-img-block
{
position:relative;
overflow:hidden;
}
.neighbor-img-block img
{
transition:all linear 0.7s;
width:100%;
max-width:100%;
}
.neighbor-block-1:hover .neighbor-img-block img
{
transform:scale(1.1);
}
.offer-heading
{
padding:1rem;
position:absolute;
bottom:50px;
left:0;
width:100%;
transition:all linear 0.3s;
z-index:11;
}
.offer-heading:before
{
position:absolute;
content:'';
background-color:var(--offer-block-1);
width:100%;
height:100%;
left:0;
top:0;
isolation:isolate;
z-index:-11;
}
.offer-heading h2
{
color:var(--white);
}
.neighbor-block-1:hover .offer-heading
{
bottom:80%;
}
.offer-content
{
padding:1rem;
position:absolute;
bottom:0px;
left:0;
width:100%;
transition:all linear 1s;
opacity:0;
z-index:12;
}
.offer-content:before
{
position:absolute;
content:'';
background-color:var(--offer-block-1);
width:100%;
height:100%;
left:0;
top:0;
z-index:-12;
}
.offer-content :is(h4,p)
{
color:var(--white);
}
.neighbor-block-1:hover .offer-content
{
opacity:1;
}
.inner-img-items img
{
width:100%;
max-width:100%;
}
.gallery-section-home
{
padding:2rem 0;
background:var(--gallery-section);
}
.group-wrap h2
{
color:var(--white);
text-align:center;
padding:2.2rem 0;
}
.light-img
{
position:relative;
z-index:9;
}
.light-padding
{
padding:0;
outline: 2px solid #fff;
}
.light-img a:after
{
content:'';
position:absolute;
top:0;
left:0;
background:var(--light-bg);
width:100%;
height:100%;
transform:scale(0);
opacity:0.5;
transition:all linear 0.2s;
cursor:pointer;
}
.light-img a:hover::after
{
transform:scale(1);
}
.inner-banner
{
/*margin-top:95px;*/
position:relative;
z-index:99;
}
.inner-items
{
position:relative;
z-index:99;
}
.inner-items:before
{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.3);
}
.inner-items h2
{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%);
color:var(--white);
text-transform:uppercase;
width: 100%;
text-align: center;
}
.inner-content
{
}
.inner-content h2
{
text-align:center;
margin-bottom: 3.5rem;
font-size: 3rem;
position:relative;
z-index:9;
}
.inner-content h2:before
{
content:attr(data-content);
padding:0 1rem;
background:var(--white);
}
.inner-content h2:after
{
content:'';
position:absolute;
width:100%;
background:linear-gradient(90deg, #512a44, transparent, #512a44);
padding:0.1rem;
left:0;
top:50%;
transform:translateY(-50%);
z-index:-1
}
.contacts p
{
display:flex;
font-weight: 700;
}
.contacts p,.contacts p>a
{
color:var(--context);
}
footer
{
padding: 41px 0 20px;
background: var(--footer);
color:#fff;
position:relative;
margin-top:2rem;
}
footer:before
{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:25px;
background:var(--footer-before);
}
.footer-content
{
}
.footer-content h3
{
margin:0;
}
.footer-content p
{
line-height: 1rem;
font-weight: 300;
}
.footer-content p>a
{
color:var(--white);
text-decoration:none;
}
.footer-content>img
{
max-width:100%;
display:block;
margin:1rem auto;
}
a.foot-btn
{
letter-spacing: 1px;
padding: 20px 45px;
outline-offset: -6px;
background-color:var(--room-btn);
color:var(--room-btn-color);
text-decoration:none;
display: table;
margin: 0 auto;
position:relative;
}
a.foot-btn:hover
{
color: #c1c1c1;
}
.foot-btn:after
{
content:"";
position:absolute;
border:1px solid #fff;
width:95%;
height:85%;
left:50%;
top:50%;
transform:translate(-50%, -50%);
}
.tweenty4-outer
{
position:fixed;
bottom:20px;
right:-100%;
background:var(--popup-circle-bg);
width:200px;
height:70px;
border-radius:5px;
z-index:1000;
transition:all linear;
animation-name:pop_roall;
animation-duration:3s;
animation-fill-mode:forwards;
animation-delay:2s;
perspective:800px;
display: flex;
align-items: center;
justify-content: center;
box-sizing:border-box;
}
.tweenty4
{
position:absolute;
width:100%;
background-color:#348915;
transform-style: preserve-3d;
animation-name:circle-rotate;
animation-duration:3s;
animation-iteration-count:infinite;
animation-delay:4s;
}
.tweenty4 h2
{
color: #fff;
font-size: 2rem;
text-transform: uppercase;
font-size:1.3rem;
text-align:center;
}
.tweenty4 h2 >a
{
text-decoration:none;
color:var(--white);
}
.tweenty4-outer:after
{
padding:0.7rem 1rem;
left:50%;
top:-15px;
content:'';
position:absolute;
background:var(--popup-circle-bg);;
transform:translateX(-50%);
border-top-left-radius:3px;
border-top-right-radius:3px;
}
.tweenty4-outer>a
{
position:absolute;
top:-14px;
color:var(--white);
z-index:99;
text-transform:capitalize;
text-decoration:none;
}
#hide
{
}
@keyframes pop_roall
{
0%{right:-100%;}
50%{right:200px}
100%{right:0}
}
@keyframes circle-rotate
{
0%{transform:rotateY(0deg);}
100%{transform:rotateY(360deg);}
}
.tweenty4-outer:hover .tweenty4
{
animation-play-state: paused;
transform:rotateY(360deg);
}
.room-img
{
}
.room-img:hover a:after
{
background:transparent;
visibility:hidden;
transform:scale(0);
}
.description
{
padding: 1rem;
}
.description>h3
{
text-transform: uppercase;
font-size: 1.2rem;
font-weight: 600;
}
.description>h4
{
line-height: 45px;
}
.description ul>li
{
flex: 0 0 calc(50% - 10px);
display: flex;
align-items: center;
padding: 0.5rem 0;
}
.description ul>li>span
{
}
.owl-btn
{
display: flex;
justify-content: center;
align-items: center;
margin-top: 1rem;
}
.owl-btn a
{
text-decoration: none;
text-transform: uppercase;
padding: 0.5rem 1rem;
margin: 0 1rem;
color:var(--room-btn-color);
}
.owl-btn a:first-child
{
background:var(--room-btn);
}
.owl-btn a:last-child
{
background-color:var(--room-block-btn);
}