body{
padding:0;
margin:0;
background-color:#fffcf5;
color:#555;
font-family:Garamond,Bookman,Georgia,serif;
font-size:16px;
line-height:25px;
background-attachment:fixed;
}
strong{
font-weight:700;
}
i{
margin-right:.3rem;
}
a{
color:#555;
}
.screen{
min-height:100vh;
margin:0 auto;
margin-bottom:2rem;
padding:0;
}
.topline{
padding:0;
margin:0 0 .25rem 0;
}
.topline a{
color:#555;
text-decoration:none;
}
.topline-logo, .topline-contacts{
}
.topline-contacts{

}
.topline-logo h1{
padding:0;
margin:0;
font-size:1rem;
}
.topline-logo h2{
padding:0;
margin:0;
font-size:1.5rem;
}
.topline-logo img{
display:none;
}
.topline-phone{
padding:0;
font-size:1.5rem;
text-align:right;
}
.topline-address p{
font-size:1rem;
padding:0;
margin:0;
text-align:right;
}
.navbar{
font-size:1.25rem;
padding:0;
margin:0;
}
.menu-logo{
margin-top:.25rem;
text-align:center;
}
.menu-logo img{
display:inline;
}
.navbar-nav .nav-link{
}
.nav-item:hover{
}
.nav-item{
padding:0 .5rem;
}
.nav-link{
}
.top-slider{
margin:0 auto;
}
.top-carousel-inner{
width:100%;
max-height:88vh;
position:relative;
overflow:hidden;
margin:0 auto;
}
.top-carousel-item img,.top-carousel-item-active img{
width:100%;
object-fit:cover;

}
.carousel-indicators li{
transition:all 1s ease-in-out 0s;
height:.25rem;
border:1px solid #734373;
background-color:#fff;
}
.carousel-indicators .active{
background-color:#824b82;
}
@keyframes fadeIn {
from {opacity: 0;}
}
.slide-caption{
position:absolute;
top:20rem;
height:auto;
width:100%;
text-align:center;
animation:fadeIn 2.5s;
}
.slide-caption a{
text-decoration:none;
}
.slide-text-bg-light{
z-index:100;
}
.slide-text-bg1{
z-index:100;
}
.slide-text-bg-light h2{
text-transform:uppercase;
font-size:3rem;
color:#fff;
text-shadow:rgba(0, 0, 0, 0.5) 1px 1px 1px;
font-weight:600;
padding:1rem;
display:inline;
}
.slide-text-bg2{
text-transform:uppercase;
position:relative;
color:#fff;
text-shadow:rgba(0, 0, 0, 0.5) 1px 1px 1px;
font-weight:600;
padding:1rem;
}
.slide-text-bg2 ul{
display:inline !important;
list-style:none;
}
.slide-text-bg2 h3{
font-size:1.4rem;
font-weight:400;
}
.slide-btn-more{
background-color:rgba(115, 67, 115, 0.8);
border-radius:.375rem;
cursor:pointer;
display:inline-block;
font-weight:600;
color: #fff;
transition:all 0.5s ease-in-out 0s;
font-size:.8rem;
line-height:1.5rem;
padding:1rem;
margin-top:1.1rem;
text-align:center;
text-transform:uppercase;
vertical-align:middle;
}
.slide-btn-more:hover,.slide-btn-more:focus{
background-color:rgba(252,254,255,0.9);
color:#032d54;
}
.slide-btn-area-sm a{
text-decoration:none;
}
.slider-dir-nav{
list-style-type:none;
margin:0;
padding:0;
}
.slider-dir-nav a{
background-color:rgba(115,67,115,0.8);
color:#fff;
border-radius:.375rem;
text-decoration:none;
padding:1rem 0;
width:3rem;
height:3rem;
line-height:1.5rem;
position:absolute;
top:50%;
z-index:10;
overflow:hidden;
cursor:pointer;
text-align:center;
transition:all .5s ease;
}
.slider-dir-nav .slider-prev{
left:1rem;
color:#fff;
opacity:0.5;
}
.slider-dir-nav .slider-next{
right:1rem;
color: #fff;
opacity:0.5;
}
.slider-dir-nav :hover .slider-prev{
opacity:1;
left:1.4rem;
}
.slider-dir-nav :hover .slider-next{
opacity:1;
right:1.4rem;
}
.booking{
margin-top:1rem;
}
.main-area{
margin:0;
}
.map{
width:100%;
height:500px;
}
#map{
width:100%;
height:100%;
} 
.promo{
margin:0;
font-size:1.25rem;
padding:.5rem 0;
}
.promo a{
border-bottom:1px dashed #555;
}
.promo a:hover{
text-decoration:none;
border-bottom:1px dashed #007bff;
}
.screen h4{
border-width:1px;
border-top-style:solid;
border-bottom-style:solid;
border-image: radial-gradient(rgb(84,50,84), rgb(252,254,255)) 1;
margin:1rem 0 2rem 0;
padding:1rem 0;
color:#543254;
font-size:1.5rem;
text-align:center;
text-transform:uppercase;
}
.rev{
margin:0 auto;
}
.rev a{
text-decoration:none;
}
.services{
background:url("/i/saint-petersburg.jpg") no-repeat center fixed;
background-size:cover;
height:auto;
min-height:33rem;
overflow:hidden;
margin:0;
padding:1rem 0 2rem;
font-size:1.25rem;
}
.services h4{
font-weight:500;
border-width:1px;
border-top-style:solid;
border-bottom-style:solid;
border-image: radial-gradient(rgb(84,50,84), rgb(226,207,226)) 1;
margin:1rem 0 2rem 0;
padding:1rem 0;
color:#543254;
font-size:1.5rem;
text-align:center;
text-transform:uppercase;
}
.services figure{
width:100%;
}
.services figure img{
display:block;
margin:0 auto;
width:4rem;
}
.services figure figcaption{
padding:.25rem 0;
display:block;
text-align:center;
font-weight:600;
}
.up-to-top{
bottom:.75rem;
padding:.5rem;
opacity:0.5;
height:2.5rem;
position:fixed;
right:.75rem;
text-align:center;
width:4rem;
overflow:hidden;
background-color:rgba(115, 67, 115, 0.8);
color:#fff;
border-radius:.375rem;
text-decoration:none;
display:none;
z-index:1000;
cursor:pointer;
transition: all .5s ease;
}
.up-to-top:hover{
opacity:1;
bottom:1rem;
}
.up-to-top i{
font-size:1.5rem;
color:#fff;
}
footer{
position:relative;
bottom:0;
width:100%;
text-align:center;
background-color:#4a2b4a;
padding:1rem 0 1rem 0;
font-size:1rem;
}
.x_menu{
text-align:center;
vertical-align:top;
}
.x_menu_list{
display:table;
margin:0 auto;
padding-top:.5rem;
}
.x_menu_col{
list-style-type:none;
float:left;
}
.x_menu_item{
text-align:left;
padding:.125rem;
}
.x_menu_title{
color:#fff;
font-size:1.1rem;
font-weight:700;
text-align:left;
padding:.125rem;
padding-bottom:.25em;
}
.x_menu_item{
font-size:1rem;
}
.x_menu_item a:link,.x_menu_item a:visited,.x_menu_title a:link,.x_menu_title a:visited{
color:#f0f8fe;
border:none;
}
.x_menu_item a:hover,.x_menu_title a:hover{
border-bottom:1px solid #f0f8fe;
}
.copy{
color:#fffcf5;
width:100%;
height:2rem;
font-size:.8rem;
margin-bottom:.25rem;
}
.copy a:link,.copy a:visited,.copy a:link,.copy a:visited{
color:#fffcf5;
border:none;
}
.error{
padding-top:6rem;
text-align:center;
color:#ed1b24;
}
.error h1{
text-transform:uppercase;
}
input[type=text]{
width:100%;
margin:.25rem;
}
textarea{
width:100%;
height:12rem;
margin:.25rem;
}
.error{
margin:3rem;
}
select{
display:block;
}
input[type='file']{
display:block;
margin:.5rem 0;
}
.cover img{
max-width:20rem;
}
.inline-text{
display:inline;
width:15rem !important;
margin-right:1rem !important;
}
ol.breadcrumbs{
list-style:none;
padding:0;
margin:0;
}
.breadcrumbs li{
display:inline;
}
.breadcrumbs li:after{
content: "\2192";
}
ol.breadcrumbs span{
font-size:.875rem
}
.sn{
position:fixed;
width:2rem;
bottom:3rem;
right:.5rem;
z-index:888;
margin:.5rem;
}
.sh_vk,.sh_fb,.sh_tw,.sh_pn{
width:2rem;
height:2rem;
margin:.125rem;
overflow:hidden;
}
.sh_zn{
width:2rem;
height:2rem;
margin:.125rem;
overflow:hidden;
}
.sh_zn a>img{
display:block;
}
.pager{
font-size:1.5rem;
}
.pager-item{
padding:.5rem;
line-height:.875rem;
}
.pager-item a{
border:none;
}
.pager-c{
font-size:2rem;
font-weight:500;
}
.pager-i{
font-size:1rem;
}
.article{
font-size:1.25rem;
padding: 1rem 0;
}
.list .article{
font-size:1.25rem;
padding: 1rem 0;
border-width:1px;
border-bottom-style:solid;
border-image: radial-gradient(rgb(84,50,84), rgb(252,254,255)) 1;
margin-bottom:1rem;
}
.list p{
font-size:1.25rem;
}
.article a{
color:#150d08;
text-decoration:none;
border-bottom:1px dashed #150d08;
}
.article h2{
font-size:2.25rem;
margin-bottom:.75rem;
}
.article h3{
font-size:1.25rem;
}
.article p{
}
.list{
padding: 1rem 0;
}
.list a{
color:#150d08;
text-decoration:none;
}
.lust h3{
font-size:1.25rem;
}

.alignleft{
display:inline;
float:left;
margin-right:1.5rem;
}
.alignright{
display:inline;
float:right;
margin-left:1.5rem;
}
.aligncenter{
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
}
.clr{
clear:both;
}
.card-rt{
padding:.5rem;
min-height:50rem;
}
.card-rt img{
height:25rem;
object-fit:cover;
}
.card-rt .buttons{
position:absolute;
bottom:1rem;
}
.card-rt .buttons a{
margin:.125rem;
}
.card-rt h6{
font-size:1.25rem;
}
.btn-booking{
background-color:#734373;
}
.btn-booking:hover{
background-color:rgba(115,67,115,.8);
}
.room-cat{
margin:2rem 0;
}
.room-cat ul{
list-style-type:none;
padding:.4rem;
}
.room-cat li:before{
margin-right:.875rem;
content:'\2714';
}
.room-cat h6{
font-size:1.25rem;
text-align:center;
}
.room-cat .buttons{
font-size:1.25rem;
text-align:center;
}
.room-cat .photo-gallery{
margin:1.5rem 0;
}
/*lightbox*/
.photos{
margin:0;
padding:0;
}
.photo-gallery{
color:#313437;
}
.photo-gallery .photos{
padding-bottom:1rem;
}
.photo-gallery .item {
padding-bottom:1rem;
}
.item img{
width:100%;
height:20rem;
max-height:20rem;
object-fit:cover;
}
.alignleftthumb{
max-width:5rem;
display:inline;
float:left;
margin-right:.5rem;
}
figure{
display:table;
}
figure img{
max-width:20rem;
}
figcaption{
}
.lang{
font-size:1.25rem;
}
.review{
padding:1rem 0;
font-size:1.25rem;
border-bottom-style:solid;
border-image: radial-gradient(rgb(84,50,84), rgb(252,254,255)) 1;
}
.review .date{
padding:0;
font-size:1rem;
}
.tech h3{
font-size:2.25rem;
margin-top:1rem;
}
.tech p{
padding:0;
margin:0;
}
.tech ul{
list-style:none;
margin-left:128px;
}
.tech li:before{
margin-right:.875rem;
content:'\2714';
}
.w128 img{
width:128px;
}
.w128 a{
border:none;
}
.list h3{
font-size:1.1rem;
margin:1rem 0;
}
.list h4{
padding:0;
margin:0;
text-align:left;
}
.list .btn-link{
text-decoration:none;
color:#555;
}
.author{
font-size:10px;
max-width:20rem;
}
#faq h3{
font-size:1.35rem;
text-transform:uppercase;
}
.faq-card-header {
padding:1rem;
}
.faq-card-header h4{
border:none;
}
.faq-header{
font-size:1.35rem;
}
.faq-card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-clip: border-box;
border:1px solid rgba(0,0,0,.125);
border-radius:.25rem;
}
.faq-card-body{
font-size:1.25rem;
padding:1.25rem;
}
.faq-card-body a{
border-bottom:1px dashed #555;
}
.more{
border-bottom:1px dashed #555;
}
.hr{
border-bottom-style:solid;
border-image: radial-gradient(rgb(84,50,84), rgb(252,254,255)) 1;
}
.main_text a{
border-bottom:1px dashed #555;
}
.reviews-inner{
height:40rem;
}
.mi-card{
display:inline-block;
width:33%;
margin:0;
padding:0;
}
.rev-card{
font-size:1.1rem;
min-height:40rem;
max-height:40rem;
overflow:hidden;
}
.rev-mark{
text-align:center;
margin:0;
}
.rev-mark img{
margin-bottom:1rem;
width:8rem;
}
.rev-card a{
text-decoration:none;
}
.discount{
z-index:8888;
position:fixed;
width:262px;
padding:15px 27px 15px 27px;
margin:12px;
bottom:13rem;
left:1rem;
font-size:1rem;
text-transform:uppercase;
background-color:rgba(115, 67, 115, 0.8);
border-radius:.375rem;
cursor:pointer;
display:inline-block;
font-weight:600;
color: #fff;
transition:all 0.5s ease-in-out 0s;
text-align:center;
text-transform:uppercase;
vertical-align:middle;
}
.discount:hover,.discount-btn-more:focus{
background-color:rgba(252,254,255,0.9);
color:#032d54;
}
#discount-modalLabel{
text-transform:uppercase;
}
#discount-modal-body{
font-size:1.25rem;
text-align:center;
}
.discount-title{
margin-left:11rem;
text-align:center;
font-size:1.5rem !important;
font-weight:600;
}
.qr{
margin-top:1rem;
text-align:center;
}

    #tl-booking-form {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        z-index: 0;
    }

    .booking.-text {
        margin: 25px auto;
        padding: 14px 10px;
        background: rgba(255,91,74,.09);
        border: 1px solid rgba(255,91,74,.8);
        text-align: center;
        font-family: "Suisse Int'l", sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 20px;
        color: #333;

    }

    .booking__link {
        color: #ff5b4a !important;
        font-weight: 400;
        border-bottom: 1px dashed;
    }