@charset "utf-8";



/**

 * Owl Carousel v2.1.6

 * Copyright 2013-2016 David Deutsch

 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)

 */

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{/*display:none;*/width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}



/* Arrows */



.owl-nav {position:absolute; top:50%; margin: -25px 0 0 0; width:100%; left:0; z-index:100;}

.owl-prev,

.owl-next{

	cursor: pointer;

    background: transparent;

    border: none;

    position: absolute;

    top: 50%;

    display: block;

    width: 50px;

    height: 50px;

    padding: 0;

    -webkit-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;	

	text-indent: -9999px;

	margin: 0 0 0 0;	

	background-repeat: no-repeat;

	background-position: center center;

	background-color: rgba(0,0,0,0.5);

	border-radius:25px; 

	border: 1px solid transparent;

    opacity: 0.6;

	filter: alpha(opacity=60);

}

.owl-prev:hover,

.owl-prev:focus,

.owl-next:hover,

.owl-next:focus{

    opacity: 1;

	filter: alpha(opacity=100);

	outline:none;

	border: 1px solid white;

}



.owl-prev:before,

.owl-next:before{

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.owl-prev:after,

.owl-next:after{

	position:absolute;

	z-index:155;

	top:19px;

	left:15px;

	width:20px;

	height:11px;

	opacity: 1;

	display:block;

	text-indent: 0;

    content:"";

}



.owl-prev:after{

    background-image:url(../img/arrl.svg);

}



.owl-next:after{

    background-image:url(../img/arrr.svg);

}



.owl-prev{

    left: 20px;	

}



.owl-next{

    right: 20px;

}



.owl-dots {height:20px; text-align:right; padding:10px 85px 0 0; width:auto; float:right}



.inverse .owl-dots {text-align:left; }



.owl-carousel .owl-dot {width:10px; height:10px; border: 1px solid #b48d48; border-radius:5px; display:inline-block; margin: 0 5px; float:left}



.hbv .owl-carousel .owl-dot {border: 1px solid #1E3866; }



.slavia .owl-carousel .owl-dot {border: 1px solid #b48d48; }



.horizont .owl-carousel .owl-dot {border: 1px solid #857B5D; }



.owl-carousel .owl-dot.active {background: #b48d48;}



.slavia .owl-carousel .owl-dot.active {background: #b48d48;}



.horizont .owl-carousel .owl-dot.active {background: #857B5D;}



.hbv .owl-carousel .owl-dot.active {background: #1E3866;}



.img_counter {position:absolute; top:6px; right:0; color:#b48d48; text-align:right; height:16px; width:84px; line-height:16px; overflow:hidden; font-family: Times New Roman, serif; font-size: 16px;}



.slavia .img_counter {color:#b48d48; }



.horizont .img_counter {color:#857B5D; }



.hbv .img_counter {color:#1E3866; }



.slavia  .imgslider3items .img_counter,

.horizont  .imgslider3items .img_counter,

.hbv  .imgslider3items .img_counter {color:#3A3939; }



.imgslider3items .img_counter {top:1px; }



.img_counter:before {content:""; position:absolute; top:8px; left:0; background:#b48d48; height:1px; width:60px;}



.slavia .img_counter:before {background:#b48d48; }



.horizont .img_counter:before {background:#857B5D;}



.hbv .img_counter:before {background:#1E3866;}



.owl-carousel .owl-item img {

    height:auto;

}

/***************************************************** magnific popup */



/* Magnific Popup CSS */

.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #E5E5E5;

  opacity: 1; }



.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden; }



.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 80px;

  box-sizing: border-box; }



.mfp-container:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle; }



.mfp-align-top .mfp-container:before {

  display: none; }



.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045; }



.mfp-inline-holder .mfp-content,

.mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto; }



.mfp-ajax-cur {

  cursor: progress; }



.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: -moz-zoom-out;

  cursor: -webkit-zoom-out;

  cursor: zoom-out; }



.mfp-zoom {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in; }



.mfp-auto-cursor .mfp-content {

  cursor: auto; }



.mfp-close,

.mfp-arrow,

.mfp-preloader,

.mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none; }



.mfp-loading.mfp-figure {

  display: none; }



.mfp-hide {

  display: none !important; }



.mfp-preloader {

  color: #CCC;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 1044; }

  .mfp-preloader a {

    color: #CCC; }

    .mfp-preloader a:hover {

      color: #FFF; }



.mfp-s-ready .mfp-preloader {

  display: none; }



.mfp-s-error .mfp-content {

  display: none; }



button.mfp-close,

button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background-color: transparent;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  padding: 0;

  z-index: 1046;

  box-shadow: none;

  touch-action: manipulation; }



button::-moz-focus-inner {

  padding: 0;

  border: 0; }



.mfp-close {

  width: 44px;

  height: 44px;

  line-height: 44px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: none;

  text-align: center;

  opacity: 0.65;

  padding: 0 0 18px 10px;

  color: #FFF;

  font-style: normal;

  font-size: 28px;

  font-family: Arial, Baskerville, monospace; }

  .mfp-close:hover,

  .mfp-close:focus {

    opacity: 1; }

  .mfp-close:active {

    top: 1px; }



.mfp-close-btn-in .mfp-close {

  color: #333; }



.mfp-image-holder .mfp-close,

.mfp-iframe-holder .mfp-close {

  color: #000;

  right: -6px;

  text-align: right;

  padding-right: 6px;

  width: 100%; }



.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #798a91;

  font-size: 12px;

  line-height: 18px;

  white-space: nowrap; }



.mfp-arrow {

  position: absolute;

  opacity: 0.65;

  margin: 0;

  top: 50%;

  margin-top: -55px;

  margin-top: -42px;

  padding: 0;

  width: 90px;

  width: 45px;

  height: 110px;

  height: 84px;

  -webkit-tap-highlight-color: transparent; 

	background-image: url(../img/magnific_arr.png);

	background-repeat: no-repeat;}



  .mfp-arrow:active {

    margin-top: -54px;

    margin-top: -42px; }



  .mfp-arrow:hover,

  .mfp-arrow:focus {

    opacity: 1; }



  .mfp-arrow:before,

  .mfp-arrow:after {

    /*content: '';

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    left: 0;

    top: 0;

    margin-top: 35px;

    margin-left: 35px;

    border: medium inset transparent;*/ }

/*

  .mfp-arrow:after {

    border-top-width: 13px;

    border-bottom-width: 13px;

    top: 8px; }

  .mfp-arrow:before {

    border-top-width: 21px;

    border-bottom-width: 21px;

    opacity: 0.7; }

*/

.mfp-arrow-left {

  left: 20px; 

}



  .mfp-arrow-left:after {

    /*border-right: 17px solid #FFF;

    margin-left: 31px; */	

}



  .mfp-arrow-left:before {

    /*margin-left: 25px;

    border-right: 27px solid #3F3F3F;*/ }



.mfp-arrow-right {

  right: 20px;

	transform: rotate(180deg);

}



  .mfp-arrow-right:after {

    /*border-left: 17px solid #FFF;

    margin-left: 39px;*/ }



  .mfp-arrow-right:before {

    /*border-left: 27px solid #3F3F3F;*/ }



.mfp-iframe-holder {

  padding-top: 40px;

  padding-bottom: 40px; }

  .mfp-iframe-holder .mfp-content {

    line-height: 0;

    width: 100%;

    max-width: 900px; }

  .mfp-iframe-holder .mfp-close {

    top: -40px; }



.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%; }

  .mfp-iframe-scaler iframe {

    position: absolute;

    display: block;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    background: #000; }



/* Main image in popup */

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  box-sizing: border-box;

  padding: 40px 0 40px;

  margin: 0 auto; }



/* The shadow behind the image */

.mfp-figure {

  line-height: 0; }

  .mfp-figure:after {

    content: '';

    position: absolute;

    left: 0;

    top: 40px;

    bottom: 40px;

    display: block;

    right: 0;

    width: auto;

    height: auto;

    z-index: -1;

    /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);*/

    background: #444; }

  .mfp-figure small {

    color: #BDBDBD;

    display: block;

    font-size: 12px;

    line-height: 14px; }

  .mfp-figure figure {

    margin: 0; }



.mfp-bottom-bar {

  margin-top: -26px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto; }



.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #798a91;

  word-wrap: break-word;

  padding-right: 36px; }



.mfp-image-holder .mfp-content {

  max-width: 100%; }



.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer; }



@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  /**

       * Remove all paddings around the image on small screen

       */

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {

    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {

    top: 0;

    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {

    display: inline;

    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    box-sizing: border-box; }

    .mfp-img-mobile .mfp-bottom-bar:empty {

      padding: 0; }

  .mfp-img-mobile .mfp-counter {

    right: 5px;

    top: 3px; }

  .mfp-img-mobile .mfp-close {

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

    background: rgba(0, 0, 0, 0.6);

    position: fixed;

    text-align: center;

    padding: 0; } }



@media all and (max-width: 900px) {

  .mfp-arrow {

    -webkit-transform: scale(0.75);

    transform: scale(0.75); }

  .mfp-arrow-left {

    /*-webkit-transform-origin: 0;

    transform-origin: 0;*/ }

  .mfp-arrow-right {

    /*-webkit-transform-origin: -100%;

    transform-origin: -100%;*/

	transform: scale(0.75) rotate(180deg); }

  .mfp-container {

    padding-left: 6px;

    padding-right: 6px; } }





/***************************************************** NV weather */



.weather_block {padding: 60px 0 45px 0;}



.full.weather_block {padding: 60px 0 45px 0;}



.mod-weather {

	width: 100%;

	font-size:14px;

	color:#b3adad;

	overflow:hidden;

}



.dark.mod-weather .mod-weather-now .mod-weather-temp {

	color:#b3adad;

}



.mod-weather-forecast .weather-icon i.snow1::before, 

.mod-weather-forecast .weather-icon i.sleet1::before {

    top:0 !important;

	bottom:auto !important;

	margin-top:0;

}



.weather-icon i.no-data::before {

    margin: 20px 0 0 ;

}



.mod-weather-forecast.block div >* {

    /*vertical-align: top !important;*/

}



.mod-weather-forecast {

    padding: 0 0 0 0;

}



.mod-weather-now .weather-icon i::after {

    margin-top: 20px;

}





.mod-weather-now .weather-icon > i::before, .mod-weather-now .weather-icon > i::after {

    top:20px;

}



.mod-weather-now {

    margin-bottom: 20px;

	float:left;

}



.mod-weather-forecast.block div >*, 

.mod-weather-now .weather-icon {

    /*width: 45% !important;*/

}



.mod-weather-forecast .weather-icon {

    font-size: 4em !important;

}



.mod-weather-forecast.block div >* {

    vertical-align: top !important;

}



.mod-weather-forecast {

    padding: 0 0 0px 0 !important;

    margin-bottom: 10px !important;

	float:right;

}



.dark.mod-weather .mod-weather-source {color:#b3adad !important; display:block; width:100%; float:left;}



.mod-weather-now {width:380px; overflow:hidden; height:60px; display:block; margin:0 !important; padding:0; float:left;}



.dark.mod-weather .mod-weather-now .weather-icon {float:left; width: 70px !important; height:60px; font-size:4em; color:#3F3F3F !important;}



.dark.mod-weather .mod-weather-now .mod-weather-temp {float:left; width: 110px; height:60px; line-height:60px; margin-right:30px; font-size:25px; font-weight:600; color:#3F3F3F; background-image: url(../img/weather_sep.png);

	background-repeat: no-repeat;

	background-position: right center;}



.dark.mod-weather .mod-weather-now .mod-weather-humidity, 

.dark.mod-weather .mod-weather-now .mod-weather-pressure, 

.dark.mod-weather .mod-weather-now .mod-weather-wind {float:left; width: 150px; height:20px; color:#3F3F3F !important; }



.mod-weather-now .weather-icon i::after {

    margin-top: 0;

}



.mod-weather-forecast.block {

    padding: 0 0 0px 0 !important;

    margin-bottom: 0 !important;

	color:#3F3F3F;

	overflow:hidden;

	width:420px;

	display:inline-block;

}



.mod-weather-forecast > div {

	overflow:hidden;

	width:140px;

	height:60px;

	float:left;

	background-image: url(../img/weather_sep.png);

	background-repeat: no-repeat;

	background-position: left center;

}



.mod-weather-forecast > div:first-child {

	background-image: none;

}



.mod-weather-forecast.block div >* {

    width: auto;

}



.mod-weather-forecast.block .weather-icon {

    width: 60px;

	float:left;

	margin: 0 0 0 20px;

}



.mod-weather-forecast.block .mod-weather-day, 

.mod-weather-forecast.block .mod-weather-temp {

    width: 40px;

	float:left;

	margin: 0 0 0 5px;

	float:left;

	display:block;

}



.mod-weather-forecast.block .mod-weather-day {

    padding-top:12px;

}

 

.mod-weather-forecast.block .mod-weather-temp {

    font-weight:bold;

}



.dark.mod-weather .mod-weather-source {

    text-align:right;

	padding-right:20px;

}



.weather-icon > i::before, 

.weather-icon > i::after, 

.mod-weather-now .weather-icon > i::before, 

.mod-weather-now .weather-icon > i::after {

    top:0;

}



.weather-icon i.no-data::before {

    margin: 0;

}



.weather-icon i {

    float: left;

}



.mod-weather-label {

    font-weight: bold;

}

/************************************************************************************** styles */



/* 

slavia 		b48d48 

horozont 	857B5D

borik: 	1E3866

font-family: 'Bodoni Moda', serif;

font-family: 'Jost', sans-serif;

*/



* {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;

	}    

}



/* CLS: alse set atrributes for images in html */

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;}



.hero {width:100%; z-index:100; height:100vh;}



.hero_owl {position: relative; height: 100%;}





.hero_owl_item {background-repeat: no-repeat; background-position: center center; background-size: cover; width:100%;}



.hero_owl_item:after {content: ""; position:absolute; top: 0; left: 0; width: 100%; height: 100%;background: rgba(0,0,0,0.3); pointer-events: none; z-index: 1; }



.hero_owl div:not(.owl-nav),

.hero_owl div:not(.hero_desc) {height: 100%; }



.hero_desc {

    position: absolute;

    z-index: 100;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 80%;

    color: #fff;

	height:auto !important;

}



.hero_owl .owl-nav {

    position: absolute;

    top: 50%;

    margin: -30px 0 0 0;

    width: 100%;

    left: 0;

	z-index:9999;

	height:60px !important;

}



.hero_owl .owl-stage {/*transform: none !important;*/}



.hero_owl .owl-prev {

    left: 30px; top:0; width:60px; height:60px; border-radius:30px; margin-left:20px; background: rgba(0,0,0,0.5); border:none;

}

.hero_owl .owl-next {

    right: 30px; top:0; width:60px; height:60px; border-radius:30px; margin-right:20px; background: rgba(0,0,0,0.5); border:none;

}



.hero .owl-nav {opacity:0;}



.hero:hover .owl-nav {opacity:1;}



.hero_owl .owl-prev:hover {background: rgba(0,0,0,0.8); border:none;}

.hero_owl .owl-next:hover {background: rgba(0,0,0,0.8); border:none;}



.hero_owl .owl-prev:after, 

.hero_owl .owl-next:after {

    top: 24px;

    left: 19px;

    width: 20px;

    height: 11px;

}



.hero_desc {position:absolute; z-index:100; top:50%; left:var(--widthOuterHalf); transform: translateY(-50%); /*width: 50%; background: rgba(0,0,0,0.5); padding: 30px;*/}



.hero_desc.left {text-align:left; }



.hero_desc.right {text-align:right; }



.hero_desc.centered {text-align:center; }



.hero_desc span {display:block; color:#fff; text-transform: uppercase; font-weight: bold; font-size: 55px; line-height: 62px; font-family: 'Bodoni Moda', serif;}



.hero_desc span.small {font-size:14px; font-family: 'Jost', sans-serif; font-weight:400; line-height: 32px; }



.hero_desc span.small a {color:#fff;}



.hero_desc .buttlike {margin-top:30px;}



.hero.video {height:auto;}



.hero video {width:100%; height: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 {/*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, .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;}



/*.full.newsletter_holder,

.full.testimonials, 

.full.gray {padding: 80px 0;}



.full.pt-90.solo_title {padding-top: 0 !important;}

.full.gray.pt-90.solo_title {padding-top: 90px !important;}



.full.outset_content.gray {padding: 0;}*/



.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 10vw;*/

	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; }



.owl_item a {display:block; width:100%; height:100%; }



.owl_item.video a:after {content: url(../img/video.svg); display:block; width:75px; height:75px; position:absolute; top:50%; left:50%; margin: -37px 0 0 -37px; -webkit-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;}



.owl_item.video a:hover:after {opacity: 0.7;}



.fullslider {padding: 0 20px;}



.imgslider3items .owl-nav {

    top: 0;

    margin: -75px -30px 0 0;

    width: 160px;

	left:auto;

    right: var(--widthOuterHalf);

}



.imgslider3items .owl-prev {

	left:0;

}



.imgslider3items .owl-next {

	right:0;

}



.imgslider3items .owl-dot {

    display:none;

}



.imgslider3items .owl-dots .img_counter {

	width: 50px; text-align:center; 

}



.imgslider3items .owl-dots .img_counter:before {

    display:none;

}



.imgslider3items .owl-dots {

    text-align: center;

    padding: 0;

    width: 50px;

	position:absolute; 

	top:0; 

	right:var(--widthOuterHalf);

	margin: -60px 25px 0 0;

}



.imgslider3items .owl-prev,

.imgslider3items .owl-next {

	background-color:transparent;

	opacity:1;

	border:1px solid #3A3939;

}



.imgslider3items .owl-prev:after,

.imgslider3items .owl-next:after {

    background-repeat:no-repeat;

	background-size: 20px 11px;

}



.imgslider3items .owl-prev:after {

    background-image: url(../img/arrl-d.svg);

}



.imgslider3items .owl-next:after {

    background-image: url(../img/arrr-d.svg);

}



.imgslider3items .owl-prev:hover:after {

    background-image: url(../img/arrl.svg);

}



.imgslider3items .owl-next:hover:after {

    background-image: url(../img/arrr.svg);

}



.imgslider3items .owl-prev:hover, 

.imgslider3items .owl-prev:focus, 

.imgslider3items .owl-next:hover, 

.imgslider3items .owl-next:focus {

    /*opacity: .6;

    filter: alpha(opacity=60);*/

	background-color:#3A3939;

}



.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%;}



.testimonials a.review {    

	display: inline-block;

    width: 94px;

    height: 94px;

    border-radius: 47px;

    text-transform: uppercase;

    position: absolute;

    bottom: -40px;

    left: 50%;

    z-index: 50;

    text-align: center;

    display: flex;

    align-items: center;

    padding: 0;

    margin: 0;

    justify-content: center;

    font-size: 13px;

    line-height: 17px;

    font-weight: 600;

    letter-spacing: 0.05em;

	background:white;

	margin: 0 0 0 -47px;

}



.slavia .testimonials a.review {  

	border:1px solid var(--slavia-prim);

    color: var(--slavia-prim);  

}



.slavia .testimonials a.review:hover {  

	background: var(--slavia-prim);

    color: #fff;  

}



.horizont .testimonials a.review {  

	border:1px solid var(--horizont-prim);

    color: var(--horizont-prim);  

}



.horizont .testimonials a.review:hover {  

	background: var(--horizont-prim);

    color: #fff;  

}



.borik .testimonials a.review {  

	border:1px solid var(--borik-prim);

    color: var(--borik-prim);  

}



.borik .testimonials a.review:hover {  

	background: var(--borik-prim);

    color: #fff;  

}



.borik_bb .testimonials a.review {  

	border:1px solid var(--borik-sec);

    color: var(--borik-sec);  

}



.borik_bb .testimonials a.review:hover {  

	background: var(--borik-sec);

    color: #fff;  

}



.matrioska .testimonials a.review {  

	border:1px solid var(--matrioska-prim);

    color: var(--matrioska-prim);  

}



.matrioska .testimonials a.review:hover {  

	background: var(--matrioska-prim);

    color: #fff;  

}



.testimonials .w50:first-child {padding: 0 70px 0 0;}



.testimonialslider {padding: 0 70px 70px 70px; text-align:center; width:70%; margin: 0 auto; line-height: 28px; color: #3A3939;}



.testimonialslider .owl-prev {

    left: 0;

}



.testimonialslider .owl-next {

    right: 0;

}



.testimonialslider p {font-style: italic;}



.testimonialslider .owl_item span {display:block; margin-top:30px; color:#858585;}



.testimonialslider .owl_item span strong {font-weight:600; color: #3A3939;;}



.testimonialslider .owl-dots {

    text-align: center;

    padding: 0;

    width: 100%;

	position:absolute;

	bottom:0; 

	left:0;

}



.testimonialslider.owl-carousel .owl-dot {

    float: none;

}



.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 {/*border-top: 1px solid #e4e4e4;*/ 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;}



.holder {}



.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; }



input[type="checkbox"] {

    display:none;

}



input[type="checkbox"] + label span {

    display:inline-block;

    width:19px;

    height:19px;

    margin:-2px 8px 0 10px;

    vertical-align:middle;

    background:url(../img/check_radio_sheet.png) left top no-repeat;

    cursor:pointer;

	-webkit-transition: none;

	transition: none;

	border: 1px solid rgba(133, 133, 133, 0.5);

}

input[type="checkbox"]:checked + label span {

    background:url(../img/check_radio_sheet.png) -20px top no-repeat;

}



input[type="checkbox"] + label {

    display:inline-block;

    width:100%;

	text-align:center;

}



.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);

}



.mosaic {width:100%; padding: 10px; }



.mosaic_holder {width:100%; overflow:hidden;}



.mos_col {width:33.3%; padding:10px; float:left; }



.mos_col a {display:block; margin: 0 0 20px 0; width:100%; height: 310px; background-repeat: no-repeat; background-size: cover; background-position: center center;}



.mos_col a.big {height: 640px;}



@media (min-width: 1300px) {

    .mos_col a {height: 350px; }

	.mos_col a.big {height: 720px;}

}



.mos_col a:after {content:""; position:absolute; top:0; right:0; width:100%; height:100%; background:black; pointer-events: none; opacity:0; -webkit-transition: all 0.3s ease-out;

transition: all 0.3s ease-out; z-inde:1;}



.mos_col a:hover:after {opacity:0.2;}



.mos_col h3 {position:absolute; color:#fff; padding: 20px 30px; left:0; bottom:0; font-weight: bold; font-size: 28px; line-height: 129%; margin:0; text-transform: none; z-index:5;}



.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;

}



.form {width:100%; overflow:hidden;}



.contacts {display:block; padding: 0 0 0 62px; margin: 0 0 15px 0; color: #3A3939;}



.full .form h2 {margin-bottom: 50px;}



.contacts span {display:flex; align-content: center; justify-content: center; padding:0; border:1px solid var(--hbv-prim); text-align:center; width:42px; height:42px; border-radius:21px; position:absolute; top:3px; left:0;}



.slavia .contacts span {border:1px solid var(--slavia-prim); }

.horizont .contacts span {border:1px solid var(--horizont-prim); }

.matrioska .contacts span {border:1px solid var(--matrioska-prim); }

.borik .contacts span {border:1px solid var(--borik-prim); }

.borik_bb .contacts span {border:1px solid var(--borik-sec); }



div.contacts span,

.slavia div.contacts span, 

.horizont div.contacts span,

.matrioska div.contacts span,

.borik div.contacts span,

.borik_bb div.contacts span {border:1px solid #E4E4E4; }



.contacts span img {max-width:19px; width:100%; height:auto; }



.contacts strong {display:block; }



.form .inp {overflow:hidden;}



.form .w50 {float:left; width:50%; padding: 0 0 20px 20px;}



.form .w100 {float:left; width:100%; padding: 0 0 20px 20px;}



.form .w100.send {padding: 0 130px 20px 20px;}



.form .w100.send p {margin:0; font-weight: normal; font-size: 12px; line-height: 16px; color: #858585; padding: 5px 0;}



.form input[type=text],

.form input[type=email],

.form select,

.form textarea{width:100%; border:1px solid #E4E4E4; background:#F8F8F8; height:45px; line-height:45px; padding: 0 20px; font-family: 'Jost', sans-serif;}



.form select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../img/select.svg); background-repeat: no-repeat; background-position: right center;}



.form textarea{height:150px;}



.response {text-align:right;}



.form input[type=submit] {display:inline-block; position:absolute; top:0; right:0; height:45px; padding: 0 40px 0 16px; font-family: 'Jost', sans-serif; text-transform: uppercase; letter-spacing: 0.05em; font-style: normal; font-weight: 600; font-size: 12px; background-color:transparent; background-repeat: no-repeat; background-position: center right;}



.form input[type=submit]:hover {cursor:pointer; color:#fff !important; background-image: url(../img/arr-send_white.svg) !important; }



.slavia .form input[type=submit] {color:var(--slavia-prim); border: 1.5px solid var(--slavia-prim); background-image: url(../img/arr-send.svg); }

.slavia .form input[type=submit]:hover {background-color:var(--slavia-prim); }



.horizont .form input[type=submit] {color:var(--horizont-prim); border: 1.5px solid var(--horizont-prim); background-image: url(../img/arr-send_horizont.svg); }

.horizont .form input[type=submit]:hover {background-color:var(--horizont-prim); }



.matrioska .form input[type=submit] {color:var(--matrioska-prim); border: 1.5px solid var(--matrioska-prim); background-image: url(../img/arr-send_matrioska.svg); }

.matrioska .form input[type=submit]:hover {background-color:var(--matrioska-prim); }



.borik .form input[type=submit] {color:var(--borik-prim); border: 1.5px solid var(--borik-prim); background-image: url(../img/arr-send_borik.svg); }

.borik .form input[type=submit]:hover {background-color:var(--borik-prim); }



.borik_bb .form input[type=submit] {color:var(--borik-sec); border: 1.5px solid var(--borik-sec); background-image: url(../img/arr-send_borik_bb.svg); }

.borik_bb .form input[type=submit]:hover {background-color:var(--borik-sec); }



.owl-nav { pointer-events:none } 

.owl-nav .owl-prev, .owl-nav .owl-next { pointer-events: all; } 



.owl-carousel .owl_item:first-child,

.owl-carousel .hero_owl_item:first-child {

    display: block;

}

.owl-carousel .owl_item,

.owl-carousel .hero_owl_item  {

    display: none;

}

.owl-carousel .owl_item img {

width: 100%;

height: auto;

}



.amenities {overflow:hidden; width:100%;}



.amenity {float:left; padding: 15px 0 15px 53px; position:relative; line-height:28px; overflow:hidden; width:calc(50% - 25px); min-height: 58px;}



.amenity:nth-child(even) {margin-left: 50px;}



.amenity span {position:absolute; top:0; left:0; height:58px; width:53px; display:inline-block;}



.amenity span img {position:absolute; top:50%; left:0; transform: translateY(-50%);}



.room_img {position:relative; }



.room_box_add {position:absolute; bottom:0; left:15px; background:#fff; padding:11px 15px; font-size:13px; line-height:20px; }



.room_box_add_data {height:20px; overflow:hidden; float:left;}



.room_box_add_data span {height:20px; display:inline-block; float:left; margin:0 15px; padding: 0 0 0 15px; border-left: 1px solid #e4e4e4;}



.room_box_add_data:first-child span {margin-left:0; padding: 0 ; border-left: none; }



.room_box_add_data img {height:13px; width:auto; float:left;}



.owl-carousel .owl_item .room_box_add_data img {

    height:13px; width:auto; float:left; margin:4px 0 0 0;

}



.rooms .box2:hover img {

    transform: none;

    opacity: 1;

}



.rooms .box2 .room_img a:hover > img {

    transform: scale(1.1);

    opacity: 0.8;

}



.rooms .box2_txt .txt {

	height: 96px;

	min-height: 96px;

	overflow:hidden;

	margin: 0 0 0 0;

}



.rooms .box2_txt .txt:after {

	content:""; position:absolute; bottom:0; left:0; width:100%; height:60px; background-image: linear-gradient(to top, rgba(255,255,255,1) , rgba(255,255,255,0));

}



.rooms .box2_txt.open .txt:after {

	display:none;

}



.rooms .box2_txt.open .txt,

.rooms .box2_txt.open .txt p {

	height: auto;

}



.rooms .box2_txt .txt p {

    color: #858585;

	margin:0;

}



.box2_txt .overflow .price {float:left; /*width:50%;*/ font-size: 12px; line-height: 109%; color:#858585;}



.box2_txt .overflow .price span {font-size:26px; line-height:32px; display:block; font-weight:400; height:auto; letter-spacing: 0;}



.box2_txt span.expand {margin: 0 0 15px;}



.box2_txt span.expand:hover {cursor:pointer; color:#3a3a3a;}



.box2_txt span.expand:after {content:" +";}



.box2_txt.open span.expand:after {content:" -";}



.slavia .box2_txt .overflow .price span {color:var(--slavia-prim);}

.borik .box2_txt .overflow .price span {color:var(--borik-prim);}

.horizont .box2_txt .overflow .price span {color:var(--horizont-prim);}



.rooms a.buttlike {float:right; width:auto;}



.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;}



.blog_layout {overflow:hidden;}



.blog_layout .box2 {float:left; width: calc(33.3% - 20px); margin: 10px; background: #f8f8f8;}



.blog_layout .box2 img {width: 100%; height:auto;}



.blog_layout .box2 p {color: #858585;}



.blog_layout .wrap {width: calc(80% + 20px); display: flex;

    align-items: stretch;

    flex-wrap: wrap;

    justify-content: left;

    gap: 0px;

}



.cat {font-weight: 600; font-size: 12px; line-height: 109%; letter-spacing: 0.08em; text-transform: uppercase; color: #858585; padding-bottom:10px;}



.pager {width:100%; text-align:center; padding: 30px 0;}

.pager a {display:inline-block; width:50px; height:50px; text-align:center; line-height:50px; color:#3a3a3a; background-color: transparent; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.pager span {display:inline-block; width:50px; height:50px; text-align:center; line-height:50px; color:#0f0f7a;}

.pager a.active, .pager a:hover {background:#f8f8f8; color:#3a3a3a;}



.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%;}



span.date {position:absolute; display:block; width:100%; text-align:center; font-size: 16px; line-height: 23px; letter-spacing: 0.15em; color: #858585; left: 0; bottom: 30px;}



.article {max-width:670px; margin: 0 auto;}



.article h2 {font-family: Times New Roman; font-style: normal; font-weight: normal; font-size: 34px; line-height: 42px; color: #3A3939; text-transform: none; margin:0;}



.article h3 {font-family: Times New Roman; font-style: normal; font-weight: normal; font-size: 28px; line-height: 38px; color: #3A3939; text-transform: none; margin:0;}



.article ul {margin:0;}



.downloads {width:100%; padding: 30px 0;}

.downloads a {display:inline-block; overflow:hidden;  }

.downloads a:hover {}













/**/



.scroll-offset {

    margin-top: -175px;

    position: absolute;

}



.g-recaptcha {

	z-index: 999;

}

body.deffer-bg .hide-bg-load {

	background-image: none !important;

}


body.popup {height: 100vh; overflow: hidden;}
.overlay {position: fixed; width: 100vw; height: 100vh; z-index:99999; background:rgba(0, 0, 0, 0.6); opacity:0; pointer-events:none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.popup .overlay {opacity:1; pointer-events:all;}
.popup_el {background-color: #1E3866; background-image: linear-gradient(37deg, #1E3866 0%, #556f9c 100%); padding: 30px 50px 50px 50px; border-radius: 8px; width: 90%; max-width: 600px; max-height: 90vh; overflow-y: auto; color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.popup_el h2 {color: white;}
.popup_el a {color: white; font-weight: bold;}
.popup_el a.buttlike {color: white; border-color: white;}
.popup_el a.buttlike:hover {color: white; border-color: white; background: white; color: #1E3866;}
.popup_close {
  top: 15px; right: 15px; opacity: 0.6;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
.popup_close:hover {opacity: 1; cursor: pointer;    }

.popup input {width: 100%; height: 45px; border: 1px solid white; line-height: 45px; padding: 0 15px; margin: 0 0 15px 0; }
.popup input[type=submit] {width: auto; background: transparent; color: white; }
.popup input[type=submit]:hover {background: white; color: #1E3866; cursor: pointer; }
.response {text-align: left;}
.popup .help-block {display: block; text-align: left; margin: -10px 0 15px;}


.form .botun_wrap {
  position: absolute;
  top: 0;
  right: 0;
}

.form .botun_wrap input[type=submit] {
  display: inline-block;
  position: static;
}

.hbv .form .botun_wrap input[type=submit] {
  display: inline-block;
  position: static;
  color: var(--horizont-prim);
  border: 1.5px solid var(--horizont-prim);
  background-image: url(../img/arr-send_horizont.svg);
}

.hbv .form input[type=submit]:hover {
  background-color: var(--horizont-prim);
}

@media (max-width: 767px){
.form .botun_wrap {
    position: static;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}}

/********************************************  logo change  */
.logo_holder {top: 6px;}
.logo_holder img {height: 58px; width: auto;}
.menu li, .top_right li {line-height: 70px;}
.menu_inner1 {height: 70px;}
.scroll-down .menu_holder {top: -70px;}



/**************************************************** changes 2025 */

.hideoverflow {height: 100%; overflow: hidden;}

.round_img {
  z-index: 999;
  width: 200px;
  height: 200px;
  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}


.res_wrap {max-width: 1920px; margin: 0 auto; }

.res_holder,
.scroll-up .res_holder {position: sticky; top: 70px; background: rgba(255, 255, 255, 0.3); z-index: 999; width: 100%; margin-top: -100px; }

.scroll-down .res_holder {top: 0; }

.hasSubmenu .res_holder,
.hasSubmenu .scroll-up .res_holder {position: sticky; top: 130px; background: rgba(255, 255, 255, 0.3); z-index: 999; width: 100%; margin-top: -100px; }

.hasSubmenu.scroll-down .res_holder {top: 60px; }

.scroll-down .booknow, .scroll-up .booknow {
  top: 7px;
}

.resFixed .res_holder {background: rgba(255, 255, 255, 0.9);  }







.res_wrap img {z-index: 999; width: 200px; height: auto; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.reservation {
  padding: 30px 0; width: calc(100% - 230px); 
  display: flex; gap: 20px; justify-content: space-between;
}

.reservation ::placeholder {color: black; }

.reservation > div {flex-basis: 25%;}

.reservation input,
.reservation select,
.reservation button {width: 100%; color: black; font-family: 'Jost', sans-serif; height: 40px; border: none;}

.reservation input {padding: 0 10px; border: 1px solid #ddd;}
.reservation select {padding: 0 0 0 10px; border: 1px solid #ddd;}
.reservation button {cursor: pointer; color: white;}

.hbv .reservation button {background: #1E3866;}
.horizont .reservation button {background: var(--horizont-prim);}
.slavia .reservation button {background: var(--slavia-prim);}





.resFixed .reservation {width: 100%;}
.resFixed .round_img {
  margin: 0;
  width: 0;
  height: 0;
}








/* jquery datepicker overrides */

.ui-widget.ui-widget-content {
  border: none;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
}

.ui-widget-header {
  border: none;
  background: transparent;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
  border: none;
  background: transparent;
  color: #454545;
  border-radius: 2px;
}

.ui-state-active,  
.ui-widget-content .ui-state-active,  
.ui-widget-header .ui-state-active,  
a.ui-button:active,  
.ui-button:active,  
.ui-button.ui-state-active:hover {
  border: none;
  background: #007fff;
  color: #fff;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: none;
  background: #fffa90;
  color: #777620;
}

.ui-datepicker {
  /*width: 17em;*/
  padding: 0.5em 0.5em;
  z-index: 9999 !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center;
}

.ui-datepicker td {
  border: 0;
  padding: 0;
  width: 14.111%;
}

.ui-datepicker .ui-datepicker-prev,
.ui- datepicker .ui-datepicker-next {
  top: 2px;
  border-radius: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 2px;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: none;
  background: #ededed;
}

.ui-icon-circle-triangle-w {
  background-position: -97px -1px;
}

.ui-icon-circle-triangle-e {
  background-position: -32px -1px;
}

.intro .w66 ul {width: 100%; display: flex; flex-wrap: wrap; margin: 0;  padding: 0; list-style-position: outside;}
.intro .w66 ul li {width: calc(50% - 19px); padding: 0 20px 10px 0; margin: 0 0 0 19px;}

.outset_content .room_box_add {
  position: static;
  background: transparent;
  padding: 0 0;
  font-size: 13px;
  line-height: 20px;
  margin-top: -10px; 
}
.outset_content .overflow {
  width: 100%; padding: 15px 0 0 0;
}
.outset_content .overflow .price {
  padding: 0 0 10px 0;
}
.outset_content .room_box_add_data {
  display: flex; align-items: center;
}
.outset_content .room_box_add_data img {
  margin: 3px 0 -3px 0;
}
.outset_content .room_box_add_data span {
  margin: 0 9px;
  padding: 0 0 0 10px;
}
.outset_content .room_box_add_data:first-child span {
  margin-left: 0; margin-right: 0;
  padding: 0;
  border-left: none;
}



.scroll-up .m2right, 
.scroll-up .m2left,
.scroll-down .m2right, 
.scroll-down .m2left {
  padding: 0;
}

.scroll-down .menu2 ul a, .scroll-up .menu2 ul a, .no_header .menu2 ul a {
  color: #393939;
  line-height: 40px;
}

.menu2_logo img {width: 118px; height: auto; }

.footer_wrap img {max-width: 110px; height: auto;}




