@charset "utf-8";

* {position:relative;}

.desktop {display:block;}

.mobile, 
.menu_trigger, 
.hotel_menu, 
.menu_contacts, 
.footer_butts, 
.additional_links, 
.box_logo_mob,
.menu li.show_lt1150 {display:none;}

.hide_desktop {display:none;}
.show_desktop {display:block;}
.mt-0 {margin-top:0 !important;} 
.mt-10 {margin-top:10px !important;} 
.mt-15 {margin-top:15px !important;} 
.mt-20 {margin-top:20px !important;} 
.mt-30 {margin-top:30px !important;} 
.mt-50 {margin-top:50px !important;} 
.mt-75 {margin-top:75px !important;} 
.mt-100 {margin-top:100px !important;}
.mt-150 {margin-top:150px !important;}
.mb-0 {margin-bottom:0 !important;} 
.mb-10 {margin-bottom:10px !important;} 
.mb-15 {margin-bottom:15px !important;}
.mb-20 {margin-bottom:20px !important;} 
.mb-30 {margin-bottom:30px !important;} 
.mb-50 {margin-bottom:50px !important;} 
.mb-75 {margin-bottom:75px !important;} 
.mb-100 {margin-bottom:100px !important;}
.mb-150 {margin-bottom:150px !important;}
.pt-0 {padding-top:0 !important;} 
.pt-10 {padding-top:10px !important;} 
.pt-15 {padding-top:15px !important;} 
.pt-20 {padding-top:20px !important;} 
.pt-30 {padding-top:30px !important;} 
.pt-50 {padding-top:50px !important;} 
.pt-75 {padding-top:75px !important;} 
.pt-90 {padding-top:90px !important;} 
.pt-100 {padding-top:100px !important;}
.pt-150 {padding-top:150px !important;}
.pb-0 {padding-bottom:0 !important;} 
.pb-10 {padding-bottom:10px !important;} 
.pb-15 {padding-bottom:15px !important;} 
.pb-20 {padding-bottom:20px !important;} 
.pb-30 {padding-bottom:30px !important;}
.pb-50 {padding-bottom:50px !important;}  
.pb-75 {padding-bottom:75px !important;} 
.pb-100 {padding-bottom:100px !important;}
.pb-150 {padding-bottom:150px !important;}

@media (max-width: 768px) {
	.hide_mob {display:none;}
	.show_mob {display:block;}
    .mt-0-mob {margin-top:0;} 
	.mt-10-mob {margin-top:10px !important;} 
	.mt-15-mob {margin-top:15px !important;} 
	.mt-20-mob {margin-top:20px !important;} 
	.mt-30-mob {margin-top:30px !important;} 
	.mt-50-mob {margin-top:50px !important;} 
	.mt-75-mob {margin-top:75px !important;} 
	.mt-100-mob {margin-top:100px !important;}
	.mt-150-mob {margin-top:150px !important;}
	.mb-0-mob {margin-bottom:0 !important;} 
	.mb-10-mob {margin-bottom:10px !important;} 
	.mb-15-mob {margin-bottom:15px !important;}
	.mb-20-mob {margin-bottom:20px !important;} 
	.mb-30-mob {margin-bottom:30px !important;} 
	.mb-50-mob {margin-bottom:50px !important;} 
	.mb-75-mob {margin-bottom:75px !important;} 
	.mb-100-mob {margin-bottom:100px !important;}
	.mb-150-mob {margin-bottom:150px !important;}
	.pt-0-mob {padding-top:0 !important;} 
	.pt-10-mob {padding-top:10px !important;} 
	.pt-15-mob {padding-top:15px !important;} 
	.pt-20-mob {padding-top:20px !important;} 
	.pt-30-mob {padding-top:30px !important;} 
	.pt-50-mob {padding-top:50px !important;} 
	.pt-75-mob {padding-top:75px !important;} 
	.pt-90-mob {padding-top:90px !important;} 
	.pt-100-mob {padding-top:100px !important;}
	.pt-150-mob {padding-top:150px !important;}
	.pb-0-mob {padding-bottom:0 !important;} 
	.pb-10-mob {padding-bottom:10px !important;} 
	.pb-15-mob {padding-bottom:15px !important;} 
	.pb-20-mob {padding-bottom:20px !important;} 
	.pb-30-mob {padding-bottom:30px !important;}
	.pb-50-mob {padding-bottom:50px !important;}  
	.pb-75-mob {padding-bottom:75px !important;} 
	.pb-100-mob {padding-bottom:100px !important;}
	.pb-150-mob {padding-bottom:150px !important;}
}

:root {
	--wrapWidth: 80vw;  
	--contentThird: calc(var(--wrapWidth) / 3);
	--contentTwoThirds: calc(var(--contentThird) * 2);
	--widthOuter: calc(100vw - var(--wrapWidth)); 
	--widthOuterHalf: calc(var(--widthOuter) / 2);
	--widthOuterHalf10perc: calc(100vw / 10);
	--dark: #3A3939;
	--hbv-prim: #1E3866;
	--hbv-sec: #1E3866;
	--slavia-prim: #b48d48;
	--slavia-sec: #b48d48;
	--horizont-prim: #782620;
	--horizont-sec: #837A5D;
	--matrioska-prim: #6B2B2B;
	--matrioska-sec: #6B2B2B;
	--borik-prim: #092B02;
	--borik-sec: #6B1A6F;
}

@media (min-width: 1920px) {
	:root {
		--widthOuterHalf: 192px;
	}    
}

img { aspect-ratio: attr(width) / attr(height); vertical-align: middle;}

.accessibility_only {display:none;}

div, a, span, input, textarea, ul, li, img {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

input:focus, textarea:focus, select:focus {outline:none;}

p {margin: 0 0 30px 0; line-height: 30px;}

.outset_content p {line-height:25px;}

p:last-child {margin: 0;}

a {-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-decoration:none; color:#3A3939;}

a:hover {text-decoration:none; color: var(--hbv-prim); }

.slavia a:hover {color: var(--slavia-prim); }
.horizont a:hover {color: var(--horizont-prim); }
.matrioska a:hover {color: var(--matrioska-prim); }
.borik a:hover { color: var(--borik-prim); }
.borik_bb a:hover { color: var(--borik-sec); }

body {margin:0; font-size:17px; color:#858585; font-family: 'Jost', sans-serif; overflow-x: hidden; background-position: top center; background-color:#fff;}

body.slavia {background-image: url(../img/pattern.svg); }
body.horizont {background-image: url(../img/pattern2.svg); }
body.hbv {background-image: url(../img/HBV_pattern.svg); }
body.matrioska {background-image: url(../img/matrioska_pattern.svg); }
body.borik,
body.borik_bb {background-image: url(../img/borik_pattern.svg); }
body.no_bg {background-image: none; }

h1, h2, h3, h4, h5, h6 {font-family: 'Bodoni Moda', serif; font-weight:bold; display:block; color:#3a3a3a; text-transform: uppercase;}

h1 {font-size:55px; line-height:62px; margin: 0 0 15px 0;}

.intro h1 {word-spacing: normal; font-weight: normal; font-size: 36px; line-height: 42px; font-family: Times New Roman; text-transform: none;}

.full h2 {margin-bottom:0; font-size:32px; line-height:35px; margin: 0 0 20px 0;}

.full h2.centered {margin-bottom:20px;}

.full.solo_title h2 {margin:0;}

.blog h3,
.newsletter h3 {font-family: 'Jost', sans-serif; font-size: 25px; line-height: 140%; font-weight:normal;}

.box h3 {font-family: 'Jost', sans-serif; font-weight:400; font-size:26px; line-height:32px;}

.footer h4 {font-family: 'Jost', sans-serif; font-weight: 600; font-size: 16px; line-height: 23px; margin-bottom: 10px; margin-top:0; text-transform: none;}

a.buttlike {display:inline-block; padding: 0 15px; line-height:40px; height:40px; color:var(--hbv-prim); border: 1px solid var(--hbv-prim); font-size:12px; font-weight:600; text-align:center; letter-spacing: 0.08em; text-transform: uppercase; background:transparent;}

.slavia a.buttlike {color:var(--slavia-prim); border: 1px solid var(--slavia-prim); }
.horizont a.buttlike {color:var(--horizont-prim); border: 1px solid var(--horizont-prim); }
.hbv a.buttlike {color:var(--hbv-prim); border: 1px solid var(--hbv-prim); }
.matrioska a.buttlike {color:var(--matrioska-prim); border: 1px solid var(--matrioska-prim); }
.borik a.buttlike {color:var(--borik-prim); border: 1px solid var(--borik-prim); }
.borik_bb a.buttlike {color:var(--borik-sec); border: 1px solid var(--borik-sec); }

a.buttlike:hover {color:#fff; border: 1px solid var(--hbv-prim); background:var(--hbv-prim);}

.slavia a.buttlike:hover {color:#fff; border: 1px solid var(--slavia-prim); background:var(--slavia-prim);}
.horizont a.buttlike:hover {border: 1px solid var(--horizont-prim); background:var(--horizont-prim);}
.hbv a.buttlike:hover {border: 1px solid var(--hbv-prim); background:var(--hbv-prim);}
.matrioska a.buttlike:hover {border: 1px solid var(--matrioska-prim); background:var(--matrioska-prim);}
.borik a.buttlike:hover {border: 1px solid var(--borik-prim); background:var(--borik-prim);}
.borik_bb a.buttlike:hover {border: 1px solid var(--borik-sec); background:var(--borik-sec);}

a.buttlike.white {color:#fff; border: 1px solid #fff; }

a.buttlike.white:hover {color:#b48d48; border: 1px solid #fff; background:white;}

.horizont a.buttlike.white:hover {color:#857B5D;}
.hbv a.buttlike.white:hover {color:#B48D49;}

.newsletter a.buttlike {color:#fff; border: 1px solid var(--hbv-prim); background:var(--hbv-prim); margin: 0 auto;}
.newsletter2 a.buttlike {color:#fff; border: 1px solid var(--hbv-prim); background:var(--hbv-prim); margin: 0 auto;}

.newsletter a.buttlike:hover {color:var(--hbv-prim); border: 1px solid var(--hbv-prim); background:transparent; }
.newsletter2 a.buttlike:hover {color:var(--hbv-prim); border: 1px solid var(--hbv-prim); background:transparent; }

.slavia .newsletter a.buttlike,
.slavia .newsletter2 a.buttlike{color:#fff; background:var(--slavia-prim); border: 1px solid var(--slavia-prim); }
.slavia .newsletter a.buttlike:hover,
.slavia .newsletter2 a.buttlike:hover{color:var(--slavia-prim); border: 1px solid var(--slavia-prim); background:transparent; }

.horizont .newsletter a.buttlike,
.horizont .newsletter2 a.buttlike {color:#fff; background:var(--horizont-prim); border: 1px solid var(--horizont-prim); }
.horizont .newsletter a.buttlike:hover,
.horizont .newsletter2 a.buttlike:hover {color:var(--horizont-prim); border: 1px solid var(--horizont-prim); background:transparent; }

.matrioska .newsletter a.buttlike,
.matrioska .newsletter2 a.buttlike {color:#fff; background:var(--matrioska-prim); border: 1px solid var(--matrioska-prim); }
.matrioska .newsletter a.buttlike:hover,
.matrioska .newsletter2 a.buttlike:hover {color:var(--matrioska-prim); border: 1px solid var(--matrioska-prim); background:transparent; }

.borik .newsletter a.buttlike,
.borik .newsletter2 a.buttl {color:#fff; background:var(--borik-prim); border: 1px solid var(--borik-prim); }
.borik .newsletter a.buttlike:hover,
.borik .newsletter2 a.buttlike:hover {color:var(--borik-prim); border: 1px solid var(--borik-prim); background:transparent; }

.borik_bb .newsletter a.buttlike,
.borik_bb .newsletter2 a.buttl {color:#fff; background:var(--borik-sec); border: 1px solid var(--borik-sec); }
.borik_bb .newsletter a.buttlike:hover,
.borik_bb .newsletter2 a.buttlike:hover {color:var(--borik-sec); border: 1px solid var(--borik-sec); background:transparent; }

.wrap {width:80%; margin: 0 auto;}

.scroll-down .menu_inner2, 
.scroll-up .menu_inner2, 
.scroll-up .menu_inner1 {
	background:#fff;
}

.covid + .menu_holder {
    top: 30px;
}

.menu_holder {width:100%; position:fixed; z-index:1000; top:0; left:0; display:block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.scroll-up .menu_holder {top:0;}

.scroll-down .menu_holder {
	top:-60px;
}

.menu_inner1 {border-bottom: 1px solid rgba(255, 255, 255, 0.5); height:60px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.menu_inner1:hover {background: rgba(0,0,0,0.5); border-bottom: 1px solid transparent;}

.scroll-up .menu_inner1, 
.scroll-up .menu_inner1:hover,
.scroll-down .menu_inner1, 
.scroll-down .menu_inner1:hover,
.no_header .menu_inner1 {background: #fff; border-bottom: 1px solid #ccc;}

.menu {width:100%; text-align:center;}

.menu ul {list-style:none; padding:0; margin:0; }

.menu li {display:inline-block; line-height:60px; padding: 0 20px;}

.menu li a {display:block; text-transform:uppercase; color:#fff; font-weight:600; letter-spacing: 0.05em; font-size:14px;}

.scroll-up .menu li a,
.no_header .menu li a {color:#3A3939;}

.menu li:hover a, 
.menu li.active a {color:var(--hbv-prim);}

.horizont .menu li:hover a, 
.horizont .menu li.active a {color:var(--horizont-prim);}

.slavia .menu li:hover a, 
.slavia .menu li.active a {color:var(--slavia-prim);}

.matrioska .menu li:hover a, 
.matrioska .menu li.active a {color:var(--matrioska-prim);}

.borik .menu li:hover a, 
.borik .menu li.active a {color:var(--borik-prim);}

.borik_bb .menu li:hover a, 
.borik_bb .menu li.active a {color:var(--borik-sec);}

.menu li ul {display:none;}

.menu li:hover ul {display:block; position:absolute; z-index:1001; left:0; top:60px; background:white; padding: 15px 20px; box-shadow: 0 3px 5px rgba(0,0,0,0.2); min-width:200px;}

.menu li ul li {line-height: 26px; display:block; padding:5px 0;} 

.menu li ul li a {text-align:left; text-transform: none; color:#3A3939 !important; display:block;} 

.menu li ul li:hover a,
.menu li ul li.active a {color:var(--hbv-prim) !important;} 

.horizont .menu li ul li:hover a,
.horizont .menu li ul li.active a {color:var(--horizont-prim) !important;} 

.slavia .menu li ul li:hover a,
.slavia .menu li ul li.active a {color:var(--slavia-prim) !important;} 

.matrioska .menu li ul li:hover a,
.matrioska .menu li ul li.active a {color:var(--matrioska-prim) !important;} 

.borik .menu li ul li:hover a,
.borik .menu li ul li.active a {color:var(--borik-prim) !important;}

.borik_bb .menu li ul li:hover a,
.borik_bb .menu li ul li.active a {color:var(--borik-sec) !important;}

.menu li.hasSub > a {padding-right:16px; }

.menu li.hasSub > a:after {content:url(../img/dd.svg); width: 11px; height:8px; position:absolute; top:-2px; right:0; }

.scroll-up .menu li.hasSub > a:after,
.article .menu li.hasSub > a:after {content:url(../img/dd2.svg); ; }

.logo_holder {
	position: absolute;
	top: 13px;
	left: 20px;
	z-index: 9999;
}

.logo.logow,
.no_header .logo.logod {display:block; }
.logo.logod,
.no_header .logo.logow {display:none; }
.scroll-down .logo.logow, 
.scroll-up .logo.logow,
.no_header .logo.logow {display:none;}
.scroll-down .logo.logod, 
.scroll-up .logo.logod,
.no_header .logo.logod {display:block; }

.top_right {position:absolute; top:0; right:0; }

.top_right ul {list-style:none; padding:0; margin:0; }

.top_right li {display:inline-block; line-height:60px; padding: 0 20px;}

.top_right li a {display:block; text-transform:uppercase; color:#fff; font-weight:600; letter-spacing: 0.05em; font-size:14px;}

.top_right li:hover a, 
.top_right li.active a,
.scroll-down .top_right  li:hover a,
.scroll-up .top_right  li:hover a {color:var(--hbv-prim);}

.slavia .top_right li:hover a, 
.slavia .top_right li.active a,
.slavia.scroll-down .top_right  li:hover a,
.slavia.scroll-up .top_right  li:hover a {color:var(--slavia-prim);}

.horizont .top_right li:hover a, 
.horizont .top_right li.active a,
.horizont.scroll-down .top_right  li:hover a,
.horizont.scroll-up .top_right  li:hover a {color:var(--horizont-prim);}

.matrioska .top_right li:hover a, 
.matrioska .top_right li.active a,
.matrioska.scroll-down .top_right  li:hover a,
.matrioska.scroll-up .top_right  li:hover a {color:var(--matrioska-prim);}

.borik .top_right li:hover a, 
.borik .top_right li.active a,
.borik.scroll-down .top_right  li:hover a,
.borik.scroll-up .top_right  li:hover a {color:var(--borik-prim);}

.borik_bb .top_right li:hover a, 
.borik_bb .top_right li.active a,
.borik_bb.scroll-down .top_right  li:hover a,
.borik_bb.scroll-up .top_right  li:hover a {color:var(--borik-sec);}

.scroll-up .top_right li a,
.scroll-down .top_right li a,
.no_header .top_right li a {color:#3A3939;}

.top_right li ul {display:none;}

.top_right li ul li {line-height: 26px; display:block; padding:5px 0;}

.top_right li ul li a {color:#3A3939 !important;}

.top_right li ul li:hover a {color:var(--hbv-prim) !important;}
.slavia .top_right li ul li:hover a {color:var(--slavia-prim) !important;}
.horizont .top_right li ul li:hover a {color:var(--horizont-prim) !important;}
.matrioska .top_right li ul li:hover a {color:var(--matrioska-prim) !important;}
.borik .top_right li ul li:hover a {color:var(--borik-prim) !important;}
.borik_bb .top_right li ul li:hover a {color:var(--borik-sec) !important;}

.top_right li:hover ul {display:block; position:absolute; z-index:1001; left:0; top:60px; background:white; padding: 15px 20px; box-shadow: 0 3px 5px rgba(0,0,0,0.2);}

.top_right li.hasSub > a {padding-right:16px; }

.top_right li.hasSub > a:after {content:url(../img/dd.svg); width: 11px; height:8px; position:absolute; top:-2px; right:0; }

.scroll-down .top_right li.hasSub > a:after,
.scroll-up .top_right li.hasSub > a:after,
.no_header .top_right li.hasSub > a:after {content:url(../img/dd2.svg); }

.menu_inner2 .menu2_logo,
.menu_inner2 .menu2_logo_dark {position:absolute; left:50%;}

.slavia .menu_inner2 .menu2_logo,
.slavia .menu_inner2 .menu2_logo_dark {top:15px; margin: 0 0 0 -59px; width:118px; height:118px;}

.horizont .menu_inner2 .menu2_logo,
.horizont .menu_inner2 .menu2_logo_dark {top:23px; margin: 0 0 0 -70px; width:141px; height:70px;}

.menu2_logo,
.no_header .menu2_logo_dark {display:inline-block;}
.menu2_logo_dark,
.no_header .menu2_logo {display:none;}
.scroll-down .menu2_logo, 
.scroll-up .menu2_logo {display:none;}

.slavia.scroll-down .menu2_logo_dark, 
.slavia.scroll-up .menu2_logo_dark {display:inline-block; background-color:white; border-radius:40px; width:75px; height:75px; margin: 0 0 0 -37px; top:40px;}

.slavia.scroll-down .menu2_logo_dark img, 
.slavia.scroll-up .menu2_logo_dark img {width:100%; height:auto;}

.slavia.no_header .menu2_logo_dark img {background:#fff; border-radius: 150px;}

.horizont.scroll-down .menu2_logo_dark, 
.horizont.scroll-up .menu2_logo_dark {display:inline-block; top:15px; }

.menu2 {width:100%; padding: 20px 0; }

.m2left {float:left; width:50%; padding: 0 100px 0 0; text-align:right; display:block;}

.m2right {float:right; width:50%; padding: 0 0 0 100px; text-align:left; display:block;}

.m2right:after, .cleaner {content:""; clear:both;}

.m2left li,
.m2right li {display:inline-block; }

.menu2 ul {list-style:none; margin:0; }

.menu2 ul a {line-height:110px; padding: 0 15px; color:#fff; font-size:17px;}

.scroll-down .menu2 ul a, 
.scroll-up .menu2 ul a, 
.no_header .menu2 ul a {
	color:#393939;
	line-height:80px;
}

.menu2 li:hover a, 
.menu2 li.active a,
.scroll-down .menu2 ul li:hover a, 
.scroll-up .menu2 ul li:hover a {color:var(--hbv-prim);}

.slavia .menu2 li:hover a, 
.slavia .menu2 li.active a,
.slavia .scroll-down .menu2 ul li:hover a, 
.slavia .scroll-up .menu2 ul li:hover a {color:var(--slavia-prim);}

.horizont .menu2 li:hover a, 
.horizont .menu2 li.active a,
.horizont .scroll-down .menu2 ul li:hover a, 
.horizont .scroll-up .menu2 ul li:hover a {color:var(--horizont-prim);}

.matrioska .menu2 li:hover a, 
.matrioska .menu2 li.active a,
.matrioska .scroll-down .menu2 ul li:hover a, 
.matrioska .scroll-up .menu2 ul li:hover a {color:var(--matrioska-prim);}

.borik .menu2 li:hover a, 
.borik .menu2 li.active a,
.borik .scroll-down .menu2 ul li:hover a, 
.borik .scroll-up .menu2 ul li:hover a {color:var(--borik-prim);}

.borik_bb .menu2 li:hover a, 
.borik_bb .menu2 li.active a,
.borik_bb .scroll-down .menu2 ul li:hover a, 
.borik_bb .scroll-up .menu2 ul li:hover a {color:var(--borik-sec);}

.scroll-down .menu2, 
.scroll-up .menu2,
.no_header .menu2{
	padding:10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.scroll-down .menu2.menu_inner2 img, 
.scroll-up .menu2.menu_inner2 img {position:absolute; top:0; left:50%; margin: 0 0 0 0px; }

.booknow {display:inline-block; width:auto; height:45px; line-height:45px; border-radius:40px; text-transform: uppercase; position:absolute; top:50px; right:20px; z-index:50; text-align: center; /*display:flex; align-items: center; justify-content: center;*/ padding:0 20px; margin:0; font-size:13px; font-weight:600; letter-spacing: 0.05em; color:#fff;}

.booknow:hover {color:#393939;}


.slavia .booknow {background:var(--slavia-prim); }
.slavia .booknow:hover {color:var(--dark);}

.horizont .booknow {background:var(--horizont-prim); }
.horizont .booknow:hover {color:var(--horizont-sec);}

.matrioska .booknow {background:var(--matrioska-prim); }
.matrioska .booknow:hover {color:var(--matrioska-prim); background:white; border: 1px solid var(--matrioska-prim);}

.borik .booknow {background:var(--borik-prim); }
.borik .booknow:hover {color:var(--borik-prim); background:white; border: 1px solid var(--borik-prim);}

.borik_bb .booknow {background:var(--borik-sec); }
.borik_bb .booknow:hover {color:var(--borik-sec); background:white; border: 1px solid var(--borik-sec);}

.no_header .booknow {top:10px;}

.scroll-down .booknow, 
.scroll-up .booknow {
	top:28px;
}

.booknow span {display:block; width:100%;}

.full {width:100%; padding: 80px 0; max-width:1920px; margin: 0 auto;}

.intro {padding-top:150px; padding-bottom:150px;}

.intro_line {border-top: 1px solid #e4e4e4; padding-top:80px; padding-bottom:80px;}

.white {background: white;}

.gray {background:#f8f8f8;}

.gray2 {background:#F6F1EE;}

.w33 {width:33.3%;}

.w33 h1 {padding-right:15px;}

.w66 {width:66.6%;}

.round_img {position:absolute; top:0; right:var(--widthOuterHalf); margin: -160px 0 0 0; z-index:200; width:280px; height:280px;}

.flex {display:flex; flex-wrap:wrap;}

.intro_alt .flex {align-items: center;}

.flexbox {
  align-items: center;
  justify-content: center;
}

.flexright {
  justify-content: flex-end;
}

.outset_content {padding:0; margin-bottom:180px;}

.outset_content .box_logo {
	width: 130px;
    height: 130px;
    position: absolute;
    top: 0;
    right: var(--widthOuterHalf);
    margin: -65px 0 0 0;
    z-index: 5;
}

.outset_content .flexbox {
  	align-items: center;
	height:auto;
}

.outset_txt {width: 40%; /*padding: 0 10vw 0 100px;*/ display:flex; padding: 0 var(--widthOuterHalf) 0 100px;}

.inner_vert_center {align-items: center; display:block; min-width: 100%;}

.outset_gall {	 
	width: 60%;
	margin: -30px 0 -50px 0;
	z-index:50;
}

.intro_alt .outset_gall {	 
	width: 60%;
	margin: 0;
	padding-right: var(--widthOuterHalf);
}

.outset_gall img {width:100%; height:auto;}

.outset_content.inverse .outset_gall {	
	order: 2
}

.outset_content.inverse .outset_txt {	
	order: 1;
	padding: 0 100px 0 var(--widthOuterHalf);
}

.outset_content.inverse .outset_gall .owl-dots {
    float: left;
}

.boxes {overflow:hidden; width:100%; padding: 0 0 100px 0;}

.boxes.no-padd,
.boxes.no-padd .box {padding: 0;}

.box {display:block; width: calc(50% - 10px); float:right; padding: 80px 0 0 0; overflow:hidden;}

.imgslider3items .box {width:100%; padding:0;}

.responsive_img img,
img.responsive_img {width:100%; height:auto;}

.box:first-child {float:left;}

.box:after {content:""; position:absolute; left:0; bottom:-100px; width:100%; height: 250px; pointer-events: none; background-image: linear-gradient(to top, rgba(0,0,0,0.8) , rgba(0,0,0,0)); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.box:hover:after {bottom:0px;}

.box .box_logo {width:130px; height:130px; position:absolute; top:0; left:50%; margin: 0 0 0 -65px; z-index:5;}

.box .box_txt {position:absolute; left:0; bottom: 0; padding: 30px; z-index:10; color:#fff; }

.box h3 {color:#fff; text-transform: none; margin-bottom:10px; font-size: 34px; line-height: 129%;}

div.box h3 {margin: 0 0 0 0;}

div.box:hover h3 {padding: 0 0 10px 0;}

.box p {height:0; overflow:hidden; margin:0; -webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; opacity:0; line-height: 25px;}

.box:hover p {height:auto; margin: 0 0 20px 0; opacity:1; }

.box span,
.box2 span {line-height:20px; height:20px; display:inline-block; text-transform:uppercase; padding: 0 30px 0 0; font-size: 12px; letter-spacing: 0.08em; font-weight: 600;}

div.box span {display:none;}

.box span span,
.box2 span span {height:20px; width:20px; background-color:#fff; border-radius: 10px; margin: 0 0 0 15px; display:inline-block; position:absolute; top:0; right:0; padding:0; background-image: url(../img/explore.svg); background-repeat: no-repeat; background-position: center center;}

.box2 span span {background-color:transparent; border:1px solid #000; }

.social {height:40px; overflow:hidden; width:100%; text-align:center; margin-top:40px;}

.social a {display:inline-block; height:40px; width:40px; border-radius:20px; border:1px solid #858585; margin:0 8px; background-repeat: no-repeat; background-position: center center;}

.social a.f {background-image: url(../img/Facebook.svg);}
.social a.ig {background-image: url(../img/Instagram.svg); background-position: 10px center;}
.social a.li {background-image: url(../img/linkedin.svg);}

.social a.f:hover {background-image: url(../img/Facebook2.svg);}
.social a.ig:hover {background-image: url(../img/Instagram2.svg);}
.social a.li:hover {background-image: url(../img/linkedin2.svg);}

.social a:hover,
.newsletter2 .social a:hover {background-color: var(--hbv-prim); border:1px solid var(--hbv-prim); }
.slavia .social a:hover {background-color: var(--slavia-prim); border:1px solid var(--slavia-prim); }
.horizont .social a:hover {background-color: var(--horizont-prim); border:1px solid var(--horizont-prim); }
.matrioska .social a:hover {background-color: var(--matrioska-prim); border:1px solid var(--matrioska-prim); }
.borik .social a:hover {background-color: var(--borik-prim); border:1px solid var(--borik-prim); }
.borik_bb .social a:hover {background-color: var(--borik-sec); border:1px solid var(--borik-sec); }

.overflow {overflow:hidden;}

.w50 {float:left; width:50%;}

.ig {width:100%; overflow:hidden;}

.ig a {float:left; width: calc(16.6% - 4px); margin: 2px; display:inline-block;}

.ig a:hover img {opacity:0.8;}

.box2 {overflow:hidden;}

.box2_txt {background:#fff; padding: 20px 30px;}

.box2_txt.gray {
    background: #f8f8f8;
}

.box2_txt p {font-weight: normal; font-size: 17px; line-height: 24px; color:#3A3939;}

.box2_txt h3 {text-transform: none; margin: 0 0 10px 0;}

.box2:hover img {transform:scale(1.1); opacity:0.8;}

.box2:hover p {color:#3A3939;}

.footer {font-size:16px;}

.full.footer {padding: 80px; }

.footer .w40:first-child {padding-left: 160px; line-height:24px; color:#858585;}

.footer .w40:first-child a,
.footer .w40:first-child h4 {color:#858585;}

.footer .w40:first-child a:hover {color:#858585; text-decoration:underline;}

.footer .w40:first-child img {position:absolute; top:0; left:0;}

.footer ul {list-style:none; padding:0; margin:0;}

.footer ul li {padding:0 0 10px 0; margin:0; line-height:24px;}

.footer ul li a:hover {color:#3A3939; text-decoration:underline;}

.banners {border-top: 1px solid #e4e4e4; text-align:center; padding: 30px 0;}

.copyright {border-top: 1px solid #e4e4e4; padding: 30px 0; font-size:13px; color:#858585;}

.copyright a {color:#858585;}

.copyright a:hover {color:#3A3939;}

.text_right {text-align:right;}

.banners .wrap {display:flex; align-content: center; justify-content: space-between;}

.banners a {display:flex; align-content: center; height:55px; align-items: center;}

.w40 {width:40%; float:left;}

.w60 {width:60%; float:left;}

.w20 {width:20%; float:left;}

span.star {width: 25px; height:20px; display:inline-block; background-image: url(../img/star.svg); background-repeat: no-repeat; background-position: center center;}

.hbv span.star {background-image: url(../img/star.svg); }

.slavia span.star {background-image: url(../img/star.svg); }

.horizont span.star {background-image: url(../img/star2.svg); }

.centered {text-align:center;}

.newsletter {width: 50%; margin: 0 auto;}

.newsletter h3 {text-transform: none;}

.newsletter a:hover {color:#B69052;}

.slavia .newsletter a:hover {color:#B69052;}

.horizont .newsletter a:hover {color:#782620;}

.newsletter input {height:50px; border: 1px solid rgba(133, 133, 133, 0.5); padding: 0 120px 0 20px; width:100%; font-size:17px; font-family: 'Jost', sans-serif;}

.newsletter input[type=submit] {height:50px; border: 1px solid #B69052; background: #B69052; color:#fff; padding: 0 30px; width:auto; position:absolute; top:0; right:0; font-weight: 600;
font-size: 14px; font-weight: 600; letter-spacing: 0.05em;}

.slavia .newsletter input[type=submit] {border: 1px solid #B69052; background: #B69052; }

.horizont .newsletter input[type=submit] {border: 1px solid #782620; background: #782620; }

.newsletter input[type=submit]:hover {border: 1px solid #3F3F3F; background: #3F3F3F; color:#fff; cursor:pointer; }

.covid {width:100%; text-align:center; background:#f8f8f8; padding: 5px 40px; height:30px; overflow:hidden;}

.covid.hide {display:none;}

.covid a {text-transform:uppercase; line-height: 20px; font-weight:bold; display:block; font-size:15px;}

.close_covid {position:absolute; right:0px; top:0; display:inline-block; width:30px; height:30px; background-image: url(../img/menu-close.svg); background-repeat: no-repeat; background-position: center center;}

.col2txt p {column-count: 2; column-gap: 50px;}

.small_title h1,
.small_title h2 {font-family: Times New Roman, "serif"; font-weight: normal; font-size: 36px; line-height: 42px; text-transform: none; word-spacing: normal;}

.narrow {max-width:570px; font-size: 19px; line-height: 32px;}

.outset_content h5 {font-family: Jost; font-style: normal; font-weight: normal; font-size: 12px; line-height: 109%; margin: 0 0 16px 0;}

.outset_content h2 + .stars {margin: -15px 0 20px 0;}

.full.ourhotels  h2 {
    font-size: 28px;
    line-height: 38px;
    margin: 0 0 20px 0;
}

.outset_content.ourhotels .box_logo {
    width: 160px;
    height: 160px;
    margin: -80px 0 0 0;
	left:calc(80px);
	right:auto;
}

.outset_content.dining .box_logo {
    width: 150px;
    height: 150px;
    margin: -75px 0 0 0;
	right:var(--widthOuterHalf);
	left:auto;
}

.outset_content.inverse.ourhotels .box_logo {
	right:auto;
	left:calc(var(--widthOuterHalf) - 20px);
}

.outset_content.inverse.dining .box_logo {
	right:auto;
	left:var(--widthOuterHalf);
}

.newsletter2 {width:100%; overflow:hidden;}

.newsletter2 .w60 {width:60%; float:left;}

.newsletter2 .w40 {width:40%; float:left;}

.newsletter2 h3 {display:inline-block; padding-right:30px; line-height:40px; margin: 20px 0;}

.newsletter2 .social {
    height: 40px;
    overflow: hidden;
    width: auto;
    float:right;
    margin-top: 20px;
}

.header {width:100%; height:450px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(https://picsum.photos/id/1053/1600/500);}

.header:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.35); pointer-events: none; z-index:2;}

.header h1 {position:absolute; top:50%; left: 0; width:100%; padding: 0 30px; margin:0; transform: translateY(-50%); color:#fff; text-align:center; z-index:5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.no_header .blog_layout {padding-top:270px !important;}

.no_header .menu2 {background:#fff; }

.no_header.no_menu_inner2 .blog_layout {padding-top:100px !important;}

.no_header h1 {text-align:center; padding: 30px 0 50px 0; width:100%;}

.scroll-offset {
    margin-top: -175px;
    position: absolute;
}

.g-recaptcha {
	z-index: 999;
}
body.deffer-bg .hide-bg-load {
	background-image: none !important;
}