* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Noto Sans', sans-serif;
color:#303030;
}
@font-face {
font-family: 'Corbel-Bold';
src: url('fonts/corbel-bold.woff2') format('woff2')
}
.fbold{font-family: 'Corbel-Bold';}
img, a, button, li, svg{-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
a, button{transition: 0.3s;}
html{background:#d1c7bd}
body{background: #f4f4f4;/* margin:50px; *//* border-radius:50px; *//* box-shadow: 0 0 20px 0px #0000001f; */}
.radius img{border-radius: 20px 0 20px 0}
.fancybox-wrap{padding: 50px 0!important;}
#fancybox-outer{border-radius: 20px!important}
#fancybox-content{border-radius: 20px!important}
.fancy-ico span{background: #ffce42!important;}
.colorwhite{color:#fff}
.colorone{color: #d1c7bd}
.colortwo{color: #a76b73}
.colorthree{color: #674539}
.colorfour{color: #3e4440}
.bgrone{background: #d1c7bd}
.bgtwo{background: #a76b73}
.bgthree{background: #373737;}
.bgfour{background: #3e4440}
.colorwhite p, .colorwhite .head{color:#fff}
.radius_img img{border-radius: 200px 0 200px 0;}
.radius_img_min img{border-radius: 20px 0 20px 0;}
.radius_video_min video{border-radius: 20px 0 20px 0;}
#fancybox-wrap{max-width: 90%;height: auto;}
header{}
header .top{padding: 12px 0;display: grid;grid-template-columns: 170px auto auto 220px; /* 30% | auto | 30% */gap: 10px; /* àðÑÂÑÂтþÑÂýøõ üõöôу ñûþúðüø */align-items: center;}
header .top .logo{}
header .top .logo img{max-height: 100px;}
header .top .descript{}
header .top .descript ul{display: flex;gap: 5px;flex-wrap: wrap;background: #e5e5e5;border-radius: 20px 0 20px 0;padding: 10px 25px 10px 25px;display: inline-block;max-width: 440px;}
header .top .descript li{list-style:none;text-align: left;display: flex;width: 100%;}
header .top .descript li:before {
content: "\25CF";
display: -webkit-inline-box;
color: #ffce42;
font-size: 20px;
position: relative;
top: -4px;
padding: 0;
margin: 0 10px 0 0;
/* opacity: 0; */
display: none;
}
header .top .adress{text-align:right}
header .top .phone{text-align:right;display: grid;gap: 5px;}
header .top .phone a{text-decoration:none;font-size: 25px;}
header .top .phone span, header .top .phone span a{font-size:14px}
header .menu{}
header .menu ul{display: flex;width: 100%;justify-content: space-evenly;background: #373737;border-radius: 20px 0 20px 0;flex-wrap: nowrap;}
#menu-item-140{position:relative;left:1px}
header .menu li{list-style: none;width: inherit;text-align: center;}
header .menu li:first-child{border-radius: 20px 0 0 0;}
header .menu li:first-child:hover{border-radius:20px 0 0 0}
header .menu li:last-child{border-radius: 0px 0px 20px 0px;background: #ffce42;padding-right: 2px;min-width: 160px;}
header .menu li:last-child a{color:#373737}
header .menu li:last-child:hover a{color:#fff}
header .menu li a{
color: #fff;
text-decoration: none;
display: block;
width: 100%;
padding-top: 25px;
padding-bottom: 25px;
}
header .menu li:hover, header .menu li.current-menu-item{background: #595959;}
header .menu li:hover a, header .menu li.current-menu-item a{/* color:#373737; */}
header .menu ul.sub-menu{
display: none;
position: absolute;
opacity: 0;
margin: 0;
height: initial;
z-index: 9;
text-align: left;
border-radius: 0 0 20px 0px;
}
header .menu .menu-item-has-children:hover ul.sub-menu, #header .blocks-one .menu .menu-item-has-children:hover div.sub-menu {
display: block;
opacity: 1;
margin: 0;
}
header .menu ul.sub-menu{width:initial}
header .menu ul.sub-menu li{width:initial;padding:0;text-align: left;}
header .menu ul.sub-menu li a{padding: 10px 20px;display: flex;align-items: center;}
header .menu ul.sub-menu li{border-radius:0px}
#menu-item-135 ul.sub-menu li i{display:flex;align-items: center;color: #fff;font-style: normal;opacity: 0.6;}
#menu-item-135 ul.sub-menu li i::before{width: 20px;height: 21px;fill: #fff;content: url('data:image/svg+xml;utf8,');display: inline-block;margin-left: 0px;vertical-align: middle;margin: 0 0 0 5px;position: relative;left: 2px;}
header .menu ul.sub-menu li:first-child{border-radius:0px}
header .menu ul.sub-menu li:last-child{border-radius: 0 0 19px 0px;background: initial;}
header .menu ul.sub-menu li:last-child:hover{background: #996b6f;}
header .top .social{display:flex;justify-content: flex-end;align-items: center;}
header .top .social a{width: 24px;margin: 0 0px 0 20px;}
header .top .social a:hover{}
header .top .social img{width: 30px}
header .top .social svg{fill:#ffce42;height: 24px;vertical-align: middle;}
header .top .social a:hover svg{fill:#4a2a2d}
#content, .maxwidth, #breadcrumbs{max-width: 1360px;margin: 0 auto;width: 90%;}
#content.no_maxwidth, .no_maxwidth{width: initial;}
#content{padding: 70px 0;}
#content .head{font-size: 40px;line-height: 60px;padding: 0 0 40px 0;}
#content .head_width{width:100%;width: calc(100% - 20px);}
#content .head span{display: block;}
#content .head span.gray{display: inline-block;color: #c9bfb7;}
#content .description-footer{margin:70px 0 0 0}
#breadcrumbs{padding: 30px 0 0 0}
#breadcrumbs p{font-size:15px;line-height:25px}
#breadcrumbs a{color: #ffce42;text-decoration: none;border-bottom: 1px solid #ffce42;padding: 0 0 2px 0;}
#breadcrumbs a:hover{border-bottom: 1px solid #a76b7300;padding:0 0 12px 0}
#breadcrumbs .last , #breadcrumbs .separator{color: #767676}
.text{font-size: 16px;line-height: 24px;}
#slider .images{height: 280px;width: 100%;object-fit: cover;object-position: top;max-height: 280px;border-radius: 20px 0 0 0;}
#slider .text-block{padding: 20px 20px 30px 20px;text-align: left;display: flex;flex-wrap: wrap;gap: 10px;}
#slider .text-block .header{width:100%;font-weight: 500;font-size:20px}
#slider .text-block .header a{text-decoration:none}
#slider .text-block .price{font-size: 16px;color: #3e3d4d;}
#slider .text-block .price span{font-size:22px;text-transform: uppercase;}
#slider .text-block .price span::after{display:inline-block;width:1px;height: 60px;background:#000;content:"";vertical-align:middle;margin: 0 10px 0 7px;rotate:20deg}
#slider .text-block .text{width:100%}
#slider .text-block .link{width:100%}
#slider .text-block .link a{
color: #ffce42;
text-decoration: none;
border-bottom: 1px solid #ffce42;
padding: 0 0 2px 0;
}
#slider .text-block .link a:hover{border-bottom: 1px solid #a76b7300;padding:0 0 10px 0}
#slider .slide {
background-color: #f9f9f9;
padding: 0;
text-align: center;
border-radius: 20px 0 20px 0;
}
#slider button {
background-color: #ffffff00;
color: #a76b73;
border: none;
padding: 10px;
cursor: pointer;
font-size: 20px;
border-radius: 5px;
transition: background 0.3s;
opacity:1;
text-align: center;
}
#slider button svg, #slidermain button svg{fill: #ffce42;width: 20px;}
#slider button svg.white{fill: #e8dfd8;}
#slider button:hover, #slidermain button:hover{opacity:0.6}
ul.benefits{gap:1.5%;display: flex;flex-wrap: wrap;column-gap: 1.5%;row-gap: 40px;}
ul.benefits li{width:32%;padding: 0px;text-align: left;display: flex;align-items: center;}
ul.benefits img{width: 70px;margin: 0 20px 0 0;}
ul.benefits span{max-width: 330px;margin: 0;}
.hotel{}
.hotel .block{display: flex;gap: 16%;width: initial;}
.hotel .blocks{width: 42%;}
.hotel .left{}
.hotel .right{background: url(/images/bg_right.png);background-repeat: no-repeat;background-size: 170px;background-position: bottom right;}
.hotel .left p{padding: 10px 0;/* max-width: 90%; */margin: 0;}
.hotel .right img{FONT-WEIGHT: 200;width: 90%;border-radius: 20px 0 20px 0;height: 90%;margin: 0 0 75px 0;object-fit: cover;object-position: center;}
.hotel .right img.img-hotel{min-height: 500px;object-fit: cover;object-position: center;}
.content-hotel .block{padding-bottom: 0px;}
#content .rooms .button_booking_left{text-align: left;margin: 20px 0px 0px;}
#content .rooms .button_booking a{display: inline-block;color: #fff;background-color: #ffce42;text-decoration:none;border-radius: 20px 0 20px 0;padding: calc(.667em + 2px) calc(1.333em + 2px);font-size: 18px;font-weight: 400;border: 2px solid #ffce42;}
#content .rooms .button_booking a:hover{color: #ffce42;background:#ffce4200}
#content .rooms .max_width_full{width: 100%!important;max-width: 1100px;margin: 0;gap: 2%;}
#content.max_width_full{max-width: 1100px}
.margin_top_three{margin-top:20px}
#content .conveniences{display: flex;flex-wrap: wrap;row-gap: 20px!important;}
#content .conveniences ul{}
#content .conveniences li{display: flex}
#content .conveniences .bold{font-weight: 500;}
#content .conveniences .list_none:before{display: none}
#content .conveniences_l, #content .conveniences_r{width:49%}
#content .conveniences_l .button_booking{text-align:left;margin:20px 0 0 0}
#content .conveniences_l .button_booking_mob_margin_bottom{margin-bottom:20px}
#content .conveniences_r{}
#content .conveniences_r p{text-align:left}
#content.button_center .rooms{text-align: center;display: initial;}
#footer{padding: 80px 1% 50px 1%;background: #ffffff;}
.footer{max-width: 1360px;text-align: center;display: flex;margin: 0 auto;}
.footer .block{width:25%}
#footer .menu{/* width: 57%; */text-align: left;}
#footer .two{min-width: 380px;}
.footer div{display: inline-block;vertical-align: top;}
#footer .menu ul{padding: 0 0 10px 0;}
#footer .menu li{display: block;padding: 6px 0;font-size: 15px;line-height: 23px;width: 100%;margin-left: 0px;}
#footer .first{font-weight:600;width:100%;padding: 6px 0;}
#footer .menu a{font-size: 15px;color: #373737;text-decoration:none;border-bottom: 1px solid #ffce42;padding: 0 0 2px 0;}
#footer .menu a:hover{border-bottom: 1px solid #a76b7300;padding:0 0 12px 0}
#footer .soc img{width:30px}
#footer .soc a{border-bottom:none;padding: 0px;}
#footer .soc a:hover{border-bottom:none;padding: 0px;}
#footer .soc .messanger{display:block;margin:20px 0 0 0}
#footer .soc .messanger img{margin:0 20px 0 0}
#footer .soc .messanger img:hover{opacity:0.5}
#footer p{font-size:13px;padding: 7px 0;}
#footer a.img{height:13px;border:none;padding: 0 0 0 15px;opacity:1}
#footer a.img img{height:20px;vertical-align: middle;}
#footer a.img:hover{border:none;padding:0 0 0 15px;opacity:0.5}
#footer .contakt{text-align:right;/* width: 40%; */min-width: 250px;}
#footer .contakt .adres{font-size:14px;color: #283346;padding: 2px 0;}
#footer .contakt .phone{font-size: 21px;color:#283346;padding: 0 0 10px 0;}
#footer .contakt .phone a{text-decoration:none;color:#283346;padding: 0px!important;border-bottom: 0px!important;}
#footer .contakt .messanger{font-size:19px;padding: 0 0 10px 0;}
#footer .contakt .messanger a{border-bottom:none}
#footer .contakt .messanger a:hover{border-bottom:none}
#footer .contakt .messanger img{height: 35px;vertical-align:middle;margin: 0 10px;opacity:1;}
#footer .contakt .messanger img:hover{opacity:0.7}
#footer .contakt span{display:block}
#footer .contakt b{font-weight:500;color:#848484}
#footer .contakt a{color: #283346;text-decoration: none;border-bottom: 1px solid #ffc300;padding: 0 0 2px 0;}
#footer .contakt a:hover{text-decoration:none;border-bottom: 1px solid #ffc30000;padding: 0 0 12px 0;}
#menu-nomera{}
#menu-nomera li i{display:inline-block;align-items: center;color: #a76b73;font-style: normal;opacity: 0.6;}
#menu-nomera li i::before{width: 20px;height: 21px;fill: #fff;content: url('data:image/svg+xml;utf8,');display: inline-block;margin-left: 0px;vertical-align: middle;margin: 0 0 0 0px;position: relative;left: 2px;}
#comments-list{}
#comments-list ul{}
#comments-list li{list-style: none;padding: 20px 0;display: grid;gap: 5px;}
#comments-list .even{background: #674539;padding: 40px;color:#fff;border-radius: 20px;}
#comments-list .comment-body{display:grid;gap:10px}
#comments-list p{font-size:16px;line-height:25px}
#comments-list .says, #comments-list .fn{font-style:initial;text-transform: math-auto;}
#comments-list .even p{color:#fff;}
#comments-list .even .comment-meta{color:#fff}
#comments-list .comment-meta{font-size:12px}
#comments-list .even .fn, #comments-list .even .says{color:#fff;}
#comments-list .even .comment-meta a{color:#fff;padding:0px;border-bottom:0px}
#comments-list a{font-size: 15px;color: #a76b73;text-decoration: none;border-bottom: 1px solid #a76b73;padding: 0 0 2px 0;}
#load-more-comments{cursor:pointer;margin:20px 0;display: inline-block;color: #fff;background-color: #ffce42;text-decoration:none;border-radius: 20px 0 20px 0;padding: calc(.667em + 2px) calc(1.333em + 2px);font-size: 18px;font-weight: 400;border: 2px solid #ffce42;}
#load-more-comments:hover{color: #ffce42;background:#ffce4200}
#respond{}
#respond h3{color:#fff}
#respond form{/* display:flex; */flex-wrap: wrap;max-width:500px}
#respond .comment-notes{font-size: 14px;width:100%}
#respond .text_form{width:100%;color:#fff;font-size: 14px;}
#respond sup{color:#fff}
#respond p, #respond span, #respond label{color:#fff}
#respond .comment-form-comment label, #respond .comment-form-author label{display:block;margin: 0 0 5px 0;font-size: 14px;}
#respond input, #respond textarea{border-radius: 10px 0 10px 0;border:0px;padding:10px;border: 1px solid #fff;width: calc(100% - 1px)!important;}
#respond input:hover, #respond textarea:hover, #respond input:focus-visible, #respond textarea:focus-visible{}
textarea:hover {
border-color: #999;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
/* Стиль при фокусе (когда textarea выбрана) */
textarea:focus {
border-color: #4a90e2;
box-shadow: 0 0 5px rgba(74, 144, 226, 0.5);
}
/* Стиль при активном состоянии (когда происходит клик) */
textarea:active {
border-color: #3a7bc8;
}
#respond form .submit{cursor:pointer;margin:20px 0;display: inline-block;color: #fff;background-color: #ffce42;text-decoration:none;border-radius: 20px 0 20px 0;padding: calc(.667em + 2px) calc(1.333em + 2px);font-size: 18px;font-weight: 400;border: 2px solid #ffce42;width: initial!important;}
#respond form .submit:hover{color: #fff;background:#ffce4200}
#otziv{}
#otziv .block{display: flex;gap: 16%;}
#otziv .blocks{width: 42%;}
#otziv .left{width: 50%;}
#otziv .left iframe{border-radius: 20px 0 20px 0!important;background:#fff}
#otziv .right{}
#otziv .right p{padding:10px 0}
#content p{font-size:16px;padding: 5px 0 5px 0;line-height: 25px;}
#content ul{}
#content ol{padding:0 0 0 20px}
#content ul{padding: 10px 0 0 0;}
#content .right ol li, #content .right ul li{padding:5px;font-size:16px;line-height: 25px;text-align: left;}
#content ul li{list-style:none}
#content .right ul li:before{
content: "\25CF";
display: -webkit-inline-box;
color: #ffce42;
font-size: 20px;
position: relative;
top: 0px;
padding: 0;
margin: 0 10px 0 0;
}
#content b, #content strong{font-weight:500}
#content .icon_room{
margin: 0px;
}
#content .icon_room li{display:flex;column-gap:10px;align-items: center;}
#content .icon_room li::before{display:none!important}
#content .icon_room img{width:20px}
#content .rooms{display: flex;gap: 5%;}
#content .rooms .roomslr{width: 49%}
#content .rooms .left{}
#content .rooms .left img{width:100%;border-radius:20px;object-fit: cover;/* border: 3px #674539 solid; *//* padding: 8px; *//* height: 100%; */border-radius: 200px 0 200px 0;}
#content .rooms .right{}
#content .rooms .right .t-list{
display: flex;
gap: 1%;
flex-direction: row;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
max-height: 600px;
padding: 0 0 30px 0;
justify-content: flex-start;
}
#content .rooms .right .t-group{
list-style: none;
width: 19.2%;
height: initial;
}
#content .rooms .right .t-list-four .t-group{width: 24.25%}
#content .rooms .right .t-group::before{display:none}
#content .rooms .right .t-title{
display: flex;
align-items: center;
font-size: 16px;
font-weight: 500;
gap: 5px;
}
#content .rooms .right .t-lists{}
#content .rooms .right .t-lists li{display: flex;font-size: 14px;align-items: baseline;gap: 5px;justify-content: flex-start;}
#content .rooms .right .t-lists li::before{margin: 0 13px 0 0;}
#content .rooms .width_full{width:100%}
#content .rooms .right .date{font-size: 14px;color: gray;padding: 0 0 10px 0;}
#content .rooms .right .head{padding: 0 0 10px 0;}
#content .rooms .right .head_padding_four{padding:0 0 40px 0}
#news_action.head_padding_four{margin-top: 40px}
#news_action{display: flex;gap: 2%;flex-wrap: wrap;row-gap: 30px;justify-content: flex-start;margin: 0;padding: 0px!important;}
#news_action.width_two_padding{margin-top:40px}
#news_action li{width: 32%;list-style:none;background:#fff;border-radius: 21px 0 20px 0px;}
#news_action li img{height: 280px;width: 100%;object-fit: cover;object-position: center;max-height: 280px;border-radius: 20px 0px 0 0;}
#news_action li .images:hover{opacity:0.6}
#news_action .cat_padding{padding: 20px 20px 30px 20px;text-align: left;display: flex;gap: 10px;flex-wrap: wrap;}
#news_action a{text-decoration:none}
#news_action h3{width: 100%;font-weight: 500;font-size: 20px;}
#news_action .size{font-weight:600;display: flex;align-items: center;gap: 10px;}
#news_action .size span, #news_action .size sup{color:#674539;}
#news_action .info{display: flex;gap: 30px;align-items: center;}
#news_action .size img{width: 16px;height: 16px;border-radius: 0px;}
#news_action .text p, #news_action .date{font-size: 14px;color: gray;}
#news_action .text, #news_action .price{width:100%}
#news_action .price{font-size: 16px;color: #3e3d4d;}
#news_action .price span{font-size:22px;text-transform: uppercase;}
#news_action .price span::after{display:inline-block;width:1px;height: 60px;background:#000;content:"";vertical-align:middle;margin: 0 10px 0 7px;rotate:20deg}
#news_action .button a{color: #a76b73;text-decoration: none;border-bottom: 1px solid #a76b73;padding: 0 0 2px 0;}
#news_action .button a:hover{border-bottom: 1px solid #a76b7300;padding:0 0 10px 0}
#news_action a.head_svg{display:flex;align-items: center;}
#content.headerroom{text-align: center;padding: 80px 0 0px 0;}
#content.headerroom h1{}
#content h2.wp-block-heading{padding: 25px 0 0;font-weight: 900;font-size: 27px;}
#content .margin-top-none{margin-top:0px}
#content .padding-top-none{padding:0px}
#content .wpcf7{border-radius: 20px 0 20px 0;margin: 60px 0 0 0;background: #674539;}
#content .wpcf7-form{background: #674539;background: url(/images/patterns.png);background-size: 120px;border-radius: 20px 0 20px 0;padding: 40px 20px}
#content .wpcf7-form h2{margin:0 0 20px 0;color:#fff}
#content .wpcf7-form input{border-radius: 10px 0 10px 0;border: 0px;padding: 10px;border: 1px solid #fff;width: calc(100% - 1px) !important;margin: 5px 0 0 0}
#content .wpcf7-form span{}
#content .wpcf7-form label{display: block;margin: 0 0 5px 0;font-size: 14px;color:#fff}
#content .wpcf7-form p.text-policy{font-size: 14px;color:#fff}
#content .wpcf7-form .wpcf7-submit{cursor:pointer;margin: 0;display: inline-block;color: #fff;background-color: #ffce42;text-decoration:none;border-radius: 20px 0 20px 0;padding: calc(.667em + 2px) calc(1.333em + 2px);font-size: 18px;font-weight: 400;border: 2px solid #ffce42;width: initial!important;}
#content .wpcf7-form .wpcf7-submit:hover{color: #fff;background:#ffce4200}
#mobmenu.active {
left: 0!important;
transition: .2s
}
#mobmenu {
position: relative;
left: -100%;
background: #999;
height: 0;
transition: .2s;
z-index: 2147483642;
overflow-y: scroll
}
#mobmenu .menu-mobile-menu-container {
min-height: 500px;
position: relative
}
.burger-close {
padding: 5px 0 5px 20px;
background: #f8f8f9;
color: #a76b73;
font-size: 30px;
display: flex;
align-items: center;
}
#mobmenu.zero {
left: -110%;
}
#mobmenu .block {
width: 100%;
height: 100%;
background: #fff;
position: fixed;
overflow-y: scroll;
display: grid;
grid-template-rows: 7% 83% 10%;
align-items: stretch
}
#mobmenu ul {
padding: 0;
overflow-y: scroll;
margin: 0;
height: 100%
}
#mobmenu li {
list-style: none
}
#mobmenu li a {
color: #a76b73;
font-size: 14px;
font-weight: 500;
line-height: 21.4px;
text-decoration: none;
display: block;
padding: 12px 20px;
display: flex;
align-items: center;
justify-content: space-between
}
#mobmenu li a:hover {
background: #a76b73;
color: #fff
}
#mobmenu .menu-item-has-children a:hover:after {
opacity: 0
}
#mobmenu .sub-menu {
height: 0;
position: initial
}
#mobmenu li.active .sub-menu {
height: initial
}
#mobmenu li.active .sub-menu li a {
padding: 10px 0 10px 30px;
width: initial;
}
#mobmenu .phone-block {
display: flex;
bottom: 0;
padding: 15px 20px 20px 15px;
text-align: left;
align-items: flex-end;
width: 100%;
background: #fff;
justify-content: space-between;
}
#mobmenu .phone-block .social {
margin: 0 20px 0 0;
position: relative
}
#mobmenu .phone-block .social a {
margin: 0 20px 0 0;
}
#mobmenu .social {
margin: 10px 0 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex
}
#mobmenu .social a {
display: inline-block;
vertical-align: top;
margin-right: 5px;
margin-bottom: 5px;
cursor: pointer
}
#mobmenu .social a svg {
width: 22px;
height: initial;
fill: #a76b73;
}
#mobmenu .phone-text {
font-size: 10px;
font-weight: 400;
line-height: 10px;
text-align: right
}
#mobmenu .telephone a {
color: #a76b73;
font-size: 22px;
font-weight: 500;
line-height: 20.7px;
text-align: right;
text-decoration: none
}
#mobmenu div.sub-menu {
height: 0;
position: initial
}
#mobmenu div.sub-menu ul {
position: initial;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow: auto;
overflow-x: hidden;
pointer-events: auto
}
#mobmenu .menu-item-has-children a:after {
background-position: center;
width: 13px;
height: 10px;
content: "";
background: url(/images/arrow_down.svg) no-repeat;
background-size: 13px;
display: inline-block;
margin: 0 0 0 10px;
transition: .4s;
position: relative;
top: 2px
}
#menu-item-533 ul.sub-menu li a{display:flex;justify-content: flex-start;align-items: center;}
#menu-item-533 ul.sub-menu li i {
display: flex;
align-items: center;
color: #a76b73;
font-style: normal;
opacity: 0.6;
}
#menu-item-533 ul.sub-menu i::before {
width: 20px;
height: 21px;
fill: #a76b73;
display: inline-block;
margin-left: 0px;
vertical-align: middle;
margin: 0 0 0 5px;
position: relative;
left: 2px;
content: url('data:image/svg+xml;utf8,');
}
#cookie-notice{display: block; position: fixed; bottom: 0px;left: 0px; right: 0px; background: rgb(103 69 57); color: rgb(255, 255, 255); padding: 15px; text-align: center; z-index: 9999;}
#cookie-notice button{margin-left: 10px;background: #ffce42;color: white;border: none;padding: 10px 20px;cursor: pointer;border-radius:20px 0 20px 0}
#cookie-notice p{color:#fff;font-size: 14px;}
.book_fixed{position: fixed;bottom: 15px;right: 15px;background-color: #ffce42;padding: 10px 15px 10px 15px;border-radius: 20px 0 20px 0;width: fit-content;font-weight: 400;border: 2px solid #ffce42;transition:0.2s}
.book_fixed:hover{background:#fff;transition:0.2s}
.book_fixed:hover span{color:#ffce42}
.book_fixed:hover path{fill:#ffce42}
.book_fixed a{
text-decoration: none;
}
.book_fixed span{display: inline-block;color: #fff;font-size: 15px;transition:0.2s}
.book_fixed svg{display: inline-block;vertical-align: middle;fill: #fff;width: 20px;margin: 0 5px 0 0;}
.book_fixed svg path{fill: #fff;transition:0.2s}
#mobmenu .menu-item-has-children .sub-menu a:after {
display: none
}
@media (max-width: 1500px) {
#content.no_maxwidth, .no_maxwidth{width: 90%;width: calc(90% + 20px);}
}
@media (min-width: 768px) {
.navbar-burger{display:none}
}
@media (max-width: 768px) {
.desctop_menu{display: none}
.navbar-burger{display: initial;width: 47%;text-align: right;margin-right: 0px;order: 2;}
.navbar-burger label{font-size: 37px;margin-right: 0px;position: relative;left: 3px;top: -5px;color: #a76b73;}
header{background: #fff;border-radius: 0 0 20px 0px;}
header .top{display: flex;grid-template-columns: 100%;justify-content: space-between;gap: 10px;flex-wrap: wrap;align-items: flex-start;}
header .top .block{width: 100%;text-align: center;}
header .top .social{width: 100%;display: flex;justify-content: center;}
header .top .descript ul{display:flex;justify-content: flex-start;flex-wrap: wrap;margin: 10px 0;padding: 10px 20px 10px 20px;}
header .top .descript li{font-size: 14px;display:flex;align-items: flex-start;/* position: relative; *//* top: -5px; */width: 100%;}
header .top .descript li:before{top:-4px;position:relative}
header .top .descript li span{max-width:300px;}
header .top .logo img{max-width: 120px;}
header .top .logo{text-align:left;order:1;width: 49%;}
header .top .descript{order:3;}
header .top .social{text-align:left;display: flex;justify-content: flex-start;order:5}
header .top .phone{text-align:left;order:4;font-size: 22px;}
header .top .social a{margin:0 20px 0 0}
header .top .phone a{line-height: 21px;font-size: 25px;}
#breadcrumbs{padding: 10px 0 0 0;}
#breadcrumbs p{font-size: 13px;line-height: 31px;}
#slider .slider{gap: 2.5%}
#slider .slide {font-size: 16px;}
#slider.slider-container{width: 80%}
ul.benefits{row-gap:50px}
#content {padding: 50px 0;}
#content ul.benefits li{width:100%;}
#content .head{font-size: 30px;line-height: 41px;padding: 0 0 20px 0;}
.headslider{width: 100%;margin: 0 auto;}
#content .head span {
display: initial;}
#slider .text-block .header{font-size:18px}
.text{font-size: 14px;line-height: 21px;}
.hotel .blocks{width:100%}
.hotel .block{display:flex;flex-wrap: wrap;}
.hotel .left{order:2}
.hotel .right{order:1;background:none}
.hotel .right img{width:100%}
.bg_pattern{background: url(/images/patterns.png);background-size: 120px;}
#footer{padding: 40px 0 0 0;width: 90%;}
#footer{/* padding: 40px 5% 0 5%; */width: 100%;}
#footer .footer{display:flex;flex-wrap: wrap;width: 90%;}
#footer .footer .block{width:100%;margin: 0 0 30px 0;}
#footer .menu ul{}
#menu-nomera li i{}
#menu-nomera li a{}
#footer .menu p{padding:4px 0}
#footer .menu p.social{display:block;padding: 0 0 20px 0;}
#footer .menu p.social img{height: 25px;}
#footer .mobile-footer{display:block;text-align: center;width: 100%;padding: 30px 0 0 0;}
#footer .contakt{width: 100%;text-align:center;}
#footer .menu li.margin{padding:5px 0 15px 0;}
#footer .one{order:2}
#footer .two{order:3}
#footer .three{order:1}
#footer .four{order:4}
#otziv .block{display:flex;flex-wrap: wrap;}
#otziv .blocks{width:100%}
#otziv .left{order:2}
#otziv .right{order:1;padding:0 0 20px 0}
#otziv .right p{display:none}
ul.benefits{row-gap: 35px;}
ul.benefits img {width: 50px;margin: 0 25px 0 0;}
#content .rooms .roomslr {width: 100%;}
#content .rooms .conveniences{row-gap: 0px!important;}
#content .rooms{display:flex;flex-wrap: wrap;gap: 0;row-gap: 30px;}
#news_action.width_two{display: flex;gap: 2%;flex-wrap: wrap;row-gap: 20px;}
#news_action.width_two li{width: 48%}
#news_action.width_two li h3{font-size: 16px;}
#news_action li{width: 49%;}
#contentslider{background:none}
#contentslider .conveniences{display:flex}
#content .conveniences_l, #content .conveniences_r{width:100%}
#content .conveniences_r{padding:0px}
#content .conveniences_r .button_booking{margin:20px 0 0 0;text-align:left}
#content .rooms .right .t-list{display:flex;flex-wrap: wrap;max-height: initial;}
#content .rooms .right .t-group{width:100%}
#content.headerroom{text-align:left}
#content.headerroom{padding: 0 0 30px 0;}
#content.headerroom_first{padding: 50px 0 30px 0;}
#content.headerroom_last{padding:0 0 10px 0}
#content.headerroom_last_two{padding: 30px 0 70px 0;}
#content.button_center .rooms{text-align:left}
#content p{font-size:14px;padding: 5px 0 5px 0;line-height: 22px;}
#content .rooms .right .t-group{padding:0px 0 20px 0}
#content .rooms .right .t-list-four .t-group{width:100%}
#content .rooms .right .t-group:last-child{padding:0px}
#content .rooms .right .t-lists{padding:0px}
}
@media (max-width: 550px) {
#news_action li, #news_action.width_two li{width: 100%;}
#news_action .info{gap:10px}
#news_action .size span{font-size: 14px;}
#news_action .price{font-size:14px}
#news_action .button a{font-size:14px}
#content .rooms .left img{border-radius:150px 0 150px 0}
}
#cookie-consent-banner {
position: fixed;
border-radius: 20px 0 0 0;
bottom: 0;
left: 0;
width: 100%;
background: #373737;
color: #fff;
padding: 15px;
text-align: center;
z-index: 9999;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
row-gap: 10px;
}
#cookie-consent-banner p {
margin: 0 10px 5px;
flex: 1 1 auto;
color: #fff;
font-size: 14px;
text-align: left;
}
#cookie-consent-ok {
background: #ffce42;
color: #373737;
border: none;
padding: 8px 26px;
cursor: pointer;
border-radius: 20px 0 20px 0;
border: 2px solid #ffce42;
flex: 0 0 auto;
}
#cookie-consent-ok:hover {
background: #ffce4200;
color:#fff
}
@media (max-width: 480px) {
#cookie-consent-banner {flex-direction: column;display: flex;align-items: flex-start;border-radius: 20px 0 0 0;box-shadow: 0 -4px 10px #0000001f;}
#cookie-consent-banner p { margin-bottom: 10px; }
#footer .two{min-width: initial;}
#cookie-consent-banner p{font-size: 12px;margin: 0px;}
#cookie-consent-ok{font-size: 12px;padding: 5px 15px;}
}
@media (max-width: 380px) {
#footer .menu li, #footer .menu li a{font-size: 14px;line-height: 22px}
}