@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700&subset=cyrillic');

.clr{clear:both;padding:0;margin:0;background:none}
body{color:#000;font-size:14px;font-family: 'Yanone Kaffeesatz', sans-serif;}
p, li{font-size:130%;color:#000;}
	p{margin:24px 0;}
h1{color:#000;font-size:300%;font-family: 'Yanone Kaffeesatz', sans-serif;text-align:center;font-weight:bold;margin:50px 0;}
h2{color:#000;font-size:250%;text-align:center;margin:25px 0;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight:bold;}
h3{color:#000;font-size:200%;text-align:center;margin:25px 0;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight:bold;}
h4{color:#000;font-size:150%;text-align:center;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight:bold;margin:15px 0;}

.greyline{background-color:#f5f5f5;}
.whiteline{background-color:#fff;padding:30px 15px;}

a{color:#c50606;text-decoration:underline;}
	a:hover{text-decoration:none;}
.FancyBox img{margin:5px auto;}
.title{color:#000;font-weight:bold;font-size:250%;text-align:center;margin-bottom:70px;}

div{border:1px solid #000;}
div{border:none;}

/* main style */
#jError,#jNotify,#jSuccess{font-size:160%;}


	
	.topline{background-color:#343466;color:#fff;font-family: 'Yanone Kaffeesatz', sans-serif;font-size:110%;}
		.topline div{text-align:center;}
		.topline .fa{margin-right:10px;color:#cb2156;}
		.topblock-phone{line-height:100%;font-weight:100;padding:10px 0;font-size:100%;}
		.topblock-phone b{font-size:140%;font-weight:bold;font-family: 'Yanone Kaffeesatz', sans-serif;}
		.topblock-follow, .topblock-address, .topblock-uptocall{padding:18px 0;}

	.logoline{padding:25px;}
		.topphoneblock{line-height:120%;padding-top:15px;}
			.topphone{color:#0ec2d1;font-size:250%;font-weight:bold;}
				.topphone a{
					color:#0ec2d1;
					text-decoration: none;
					margin: 0 10px;
				}

	.logolink {
		text-align: left;
		display: flex;
		flex-direction: column;
		text-decoration: none;
		font-size: 16px;
		color: #000;
		line-height: 150%;
	}
	.logolink span{
		color:#0ec2d1;
		font-size: 40px;
	}

	.topmenu{
		display: flex;
		gap: 25px;
		justify-content: flex-end;
		text-align: right;
	}
		.topmenu a{

			color:#000;
			font-size:24px;
			text-decoration:none;font-family: 'Yanone Kaffeesatz', cursive; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
			.topmenu a:hover, .topmenu .current{color:#0ec2d1;text-decoration:underline;}
			
	.mobile .topmenulink{text-align:center;padding:10px 0;background-color:#7bd5e8;}
		.mobile .topmenulink a{font-family: 'Yanone Kaffeesatz', sans-serif;color:#fff;text-decoration:none;text-transform:uppercase;font-size:170%;}
	.mobile  .topmenu{text-align:center;background-color:#3dadc4;padding:20px 0;}
		.mobile  .topmenu a{display:block;font-family: 'Yanone Kaffeesatz', sans-serif;color:#fff;text-decoration:none;text-transform:uppercase;font-size:140%;line-height:200%;}
		.mobile  .topmenu a:first-child{font-size:100%;}
			/*.mobile-test.topmenu a:last-child{color:#cd0c0c;}*/
			.mobile  .topmenu a:hover{background-color:#7bd5e8;}
			
	.bronbutton{padding:15px 40px 10px;color:#000;background-color:#efdc08;font-size:80%;font-weight:bold;text-transform:uppercase;text-decoration:none;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px;-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
		.bronbutton:hover{color:#000;background-color:#edc404;}
		
	.button{padding:15px 40px;color:#000;background-color:#efdc08;text-decoration:none;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px;-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
		.button:hover{color:#000;background-color:#edc404;}
	.infobutton{
		font-size:300%;
		font-weight:bold;
		font-family: 'Yanone Kaffeesatz', sans-serif;
	}
		
	.disclaimer{color:#7bd5e8;font-size:220%;font-weight:bold;text-align:center;padding:80px 0;}
	
	.desktopstrongs{background-color:#0ec2d1;padding:70px 0 100px 0;}
		.desktopstrongs .title{color:#fff;font-family: 'Yanone Kaffeesatz', cursive;font-size:200%;font-weight:normal;}
		.strong-title{color:#fff;font-size:150%;line-height:130%;}
		.desktopstrongs p{margin:0;font-size:130%;color:#fff;}
	.mobilestrongs .strong-title{color:#000;}
	.mobilestrongs p{font-size:130%;margin:0 0 30px 0;}
	
	.korpusinfo{padding:30px 0;text-align:center;}
		.korpusinfo h2{font-family: 'Yanone Kaffeesatz', cursive;font-size:200%;color:#000;}
		.korpusinfo .korpuslinkblock{width:200px;margin:0 auto;}
		.korpusinfo .korpuslinkblock .korpuslink{font-size:150%;text-decoration:none;color:#000;display:inline-block;margin:5px 0;width:100%;padding:7px 0 2px 0;border:1px solid #0ec2d1;text-transform:uppercase;font-family: 'Yanone Kaffeesatz', sans-serif;border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -khtml-border-radius:20px;-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
			.korpusinfo .korpuslinkblock .korpuslink:hover{background-color:#0ec2d1;color:#fff;}
	
	.rooms, .photos, .contact {padding:50px}
	.openlink3d{font-size:130%;cursor:pointer;}
		.openlink3d:hover{color:#f00;}
	
	.search-block{padding:15px 0 30px 0;background-color:#f5f5f5;}
	
	.roompic{margin:0 5px;}
	
	.photos img{margin-bottom:15px;}
		
	.rooms .row div{font-size:110%;line-height:150%;}
	.rooms strong{color:#7bd5e8;}
	.rooms strong, .rooms b{font-size:140%;}
	
	.morebutton{font-size:150%;color:#7bd5e8;}
		.morebutton:hover{color:#fcb409;}
		.morebutton .fa{color:#000;margin-left:10px;}
		
	.map-container{height:500px;padding:0;}
	
	.contact{background-color:#07919c;color:#fff;padding:20px 0 20px 0;}
	.contact-bron-link{font-size:140%;text-decoration:none;font-family: 'Yanone Kaffeesatz', cursive;display:inline-block;margin:0 auto;width:200px;background-color:#01585f;padding:8px 0 17px 0;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px;-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
		.contact-bron-link:hover{background-color:#036e77;text-shadow:1px 1px 0 #222;}
	.contact-phone b{font-size:200%;}
	.contact big{font-size:180%;font-weight:normal;}
		.contact a{color:#fff;}
	.contact .footmenu a{font-size:130%;margin-right:15px;}
	
	.footer{background-color:#01585f;padding:10px 0;}
	.footer a{color:#fff;}
	.copy{padding:5px 0 5px 80px;background:url('/images/trikota.png') left top no-repeat;line-height:120%;text-align:left;float:right;font-size:85%;color:#fff;}
		.copy a{text-decoration:underline;color:#fff;}
			.copy a:hover{color:#000;text-decoration:none;}
/* main style */


/* price page style */
	.price{margin:0 auto;}
	.price thead td{font-weight:bold;border-bottom:1px solid #ccc;}
		.price td{font-size:140%;text-align:center;padding:5px 15px;border-left:1px solid #ccc;border-right:1px solid #ccc;}
/* price page style */

/* bron page style */
#contactform {text-align:center;line-height:12px;}
	#contactform label{color:#3f3f3f;display:block;margin:20px 0 10px 0;font-size:160%;}
	#contactform input, #contactform  select, #contactform  textarea{color:#3f3f3f;width:300px;padding:5px 10px;font-size:130%;margin:0 auto;}
	#contactform  select{width:300px;}
	#contactform option{font:12px Arial;}
	#contactform  .sendbutton{cursor:pointer;margin-top:20px;
	padding:20px 40px 15px 40px;text-transform:uppercase;color:#fff;background-color:#e81313;font-size:200%;border:2px solid #e81313;font-weight:bold;text-decoration:none;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px;-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
		#contactform  .sendbutton:hover{color:#fff;background-color:#fcb409;border:2px solid #fcb409;}
/* bron page style */

.form .sendbutton{background-color:#48b4de;margin-top:3px;padding:7px 100px 4px 100px;font-size:130%;text-transform:uppercase;color:#fff;transition:all .5s;border:0px;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px;}
	.form .sendbutton:hover{background-color:#f89119;}
	.form input{color:#000;font-size:130%;}
	.index-bron-block label{color:#fff;}
	
	/* uptocall button */
	.uptocall_button{display:inline-block;color:#000;font:bold 13px 'Yanone Kaffeesatz', sans-serif;text-transform:uppercase;text-decoration:none;background-color:#e9c32c;padding:12px 20px 10px 20px;-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
		.uptocall_button:hover{background-color:#ffce0d;color:#000;text-decoration:none;}
		
	.roomtableline{border-bottom:1px solid #c5c5c5;padding:10px 0 0 0;}
		.roomtitle{font-size:100%;}
		.roomtitle a{color:#48b4de;font-size:140%;}
		.roomprice{font-size:110%;}
		.roomprice b{font-size:150%;}
		
	@media screen and (min-width: 992px) { 
		.mobile{display:none;}
		.desktop{display:block;}
		.logoline .col-xs-12{text-align:right;}
	}
	
	@media screen and (max-width: 1200px) {		
		
	}
	
	@media screen and (max-width: 992px) { 
		.mobile{display:block;}
		.desktop{display:none;}
		h1{text-align:center;}
		.logoline .col-xs-12{text-align:center;}
		.contact .col-xs-12{text-align:center;}
	}
	@media screen and (max-width: 550px) { 
		.tutu_element_wrapper{display:block;float:none !important;width:100% !important;}
		.map-container{height:300px;padding:0;}
		h1{font-size:250%;}
		h2{font-size:200%;}
		h3{font-size:180%;}
		h4{font-size:140%;}
		.title{margin-bottom:30px;}
		.logoline .col-xs-12{text-align:center;}
		.contact .col-xs-12{text-align:center;}
		.logoblock{text-align:center;}
		.logolink{line-height:250%;}
		.topmenublock{padding:0;}
		.topphone{line-height: 110%;}
		.topphone a{ display: block;}
		.openlink3d{font-size:180%;cursor:pointer;}
	}
	@media screen and (max-width: 400px) { 
		.bronbutton, .uptocallbutton{margin:5px auto;display:inline-block;text-align:center;font-size:100%;}
		.topphoneblock a{font-size:120%;}
	}

/* 06.2024 */

/* global ======================================== */
.btn__primary,
.btn__secondary {
	display: inline-block;
	padding: 16px 20px;
	width: 100%;
	max-width: 225px;
	color: #fff;
	border: 1px solid transparent;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	border-radius: 4px;
	text-decoration: none;
	transition: all .3s;
}
.btn__primary {
	background-color: #0EC2D1;
}
.btn__secondary {
	border: 1px solid #0EC2D1;
	background-color: transparent;
	color: #0EC2D1;
}
.btn__primary:hover {
	background-color: #00AFBD;
	color: #fff;
}
.btn__secondary:hover {
	background-color: #00AFBD;
	border: 1px solid #00AFBD;
	color: #fff;
}

/* global slider ======================================== */
.rooms .owl-theme .owl-controls .owl-nav [class*=owl-] {
	background: transparent;
	padding: 0;
	margin: 0;
	font-size: 0;
	color: transparent;
	border-radius: unset;
}
.rooms .owl-theme .owl-dots .owl-dot span {
	width: 5px;
	height: 5px;
	background-color: #C4C4C4;
	margin: 0 5px;
}
.rooms .owl-theme .owl-dots .owl-dot.active span, 
.rooms .owl-theme .owl-dots .owl-dot:hover span {
	background-color: #0EC2D1;
}
.rooms .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 20px;
	margin: -10px 0 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.rooms .owl-theme .owl-controls {
	margin: 0;
	margin-bottom: 7px;
}
.rooms__item--full {

}



/* header ======================================== */
.mobile .topmenu {
	padding: 0;
	/* height: 0; */
	justify-content: center;
}

.mobile .topmenulink {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 33px 15px 24px;
}

.mobile .topmenulink .logolink {
	font-size: 16px;
	line-height: 16px;
	color: #fff;
}
.mobile .topmenulink .logolink span {
	font-size: 40px;
	line-height: 40px;
	color: #fff;
}

.mobile .topmenu a {
	font-size: 20px;
}
.mobile .topmenu a:first-child {
	font-size: 20px;
}

.topmenu__wrapper {
	height: 0;
	/* transition: all .3s; */
}

.topmenu.collapse.in .topmenu__wrapper {
	height: auto;
	/* margin: 20px 0; */
}

@media (max-width: 992px) {
	.logoline {
		display: none;
	}
	.mobile .topmenu {
		/* display: none; */
	}
	.collapse.topmenu {
		/* height: 0; */
	}
}

/* about ======================================== */
.about__wrapper {
	display: flex;
	gap: 20px;
}
.about__content {
	width: 100%;
	max-width: calc((100% - 20px) / 12 * 5);
}
.about__content-wrapper {
	margin: 0 0 auto calc((100vw - 1170px) / 2);
}
.about__content-title {
	margin: 0 0 10px;
	font-size: 90px;
	line-height: 1;
	color: #000;
	font-weight: 400;
	text-align: left;
}
.about__content-sub-title {
	margin: 0 0 30px;
	width: 100%;
	max-width: 377px;
	font-size: 20px;
	line-height: 1.4;
	color: #000;
	text-align: left;
}
.about__content-text {
	margin: 0 0 25px;
	font-size: 18px;
	line-height: 25px;
	font-weight: 300;
	p {
		padding: 0;
		margin: 0;
		font-size: inherit;
		line-height: inherit;
		font-weight: inherit;
		color: inherit;
	}
}
.about__content-btn {}
.about__main-img-box {
	width: 100%;
	max-width: calc((100% - 20px) / 12 * 7);
}
.about__main-img {
	width: 100%;
}

@media (max-width: 1199px) {
	.about__content-wrapper {
		margin: 0 0 auto calc((100vw - 970px) / 2);
	}
}
@media (max-width: 991px) {
	.about__content-wrapper {
		margin: 0 0 auto calc((100vw - 750px) / 2);
	}
	.about__content-title {
		font-size: 60px;
	}
}
@media (max-width: 768px) {
	.about__wrapper {
		flex-direction: column-reverse;
	}
	.about__content-wrapper {
		margin: 0;
	}
	.about__content {
		padding: 0 15px;
		max-width: 100%;
	}
	.about__main-img-box {
		max-width: 100%;
	}
	.about__content-title {
		font-size: 70px;
	}
	.about__content-sub-title {
		margin: 0 0 20px;
		font-size: 18px;
	}
	.about__content-text {
		font-size: 16px;
	}
}



/* rooms/price ======================================== */
.rooms__items {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.rooms__item {
	display: flex;
	flex-direction: column;
	max-width: calc((100% / 3) - 13.4px);
	width: 100%;
	border: 1px solid #EBEBEB;
	height: 100%;
}
.rooms__item-content-wrapper {
	padding: 0 20px 20px;
}
.rooms__item-img-box {
	display: flex;
	align-items: center;
	justify-content: center;
}
.rooms__item-img {
	width: 100%;
	height: auto;
}
.rooms__item-content {
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.rooms__item-content-title {
	margin: 0;
	width: 100%;
	max-width: 257px;
	padding: 0;
	font-size: 26px;
	line-height: 1;
	font-weight: 400;
	color: #000;
	text-align: left;
}
.rooms__item-content-location {
	padding: 0 0 10px;
	margin: 0 0 10px;
	border-bottom: 1px solid #0EC2D1;
	color: #0EC2D1;
	font-size: 20px;
	line-height: 1;
	font-weight: 400;
}
.rooms__item-info {
	margin: 0 0 27px;
}
.rooms__item-info-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}
.rooms__item-info-list-item {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.rooms__item-info-list-item-title {
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 20px;
	font-weight: 300;
	color: #828282;
	text-align: left;
}
.rooms__item-info-list-item-text {
	display: flex;
	font-size: 18px;
	line-height: 1;
	font-weight: 400;
	color: #000;
	p {
		margin: 0;
		padding: 0;
		font-size: inherit;
		line-height: inherit;
		font-weight: inherit;
		color: inherit;
	}
}
.rooms__item-btn-group {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}
.rooms__item-btn {
	flex: 156px;
}
.rooms .btn__primary,
.rooms .btn__secondary {
	padding: 9px;
	max-width: 158px;
}

.rooms__item.rooms__item--full {
	max-width: 100%;
	display: flex;
	flex-direction: row;
	gap: 20px;
}
.rooms__item--full .rooms__item-slider {
	width: 100%;
	max-width: calc((100% - 20px) / 12 * 5);
	height: max-content;
}
.rooms__item--full .rooms__item-content-wrapper {
	width: 100%;
	max-width: calc((100% - 20px) / 12 * 7);
	padding-left: 0;
}
.rooms__item--full .rooms__item-equipment-logo-list {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.rooms__item--full .rooms__item-img-box {
	/* min-height: 600px; */
}
.rooms__item--full .rooms__item-img {
	width: auto;
	height: 100%;
	min-height: 100%;
	/* max-height: 600px; */
}
.rooms__item--full .rooms__item-img-link {
	/* display: inline-block; */
	display: flex;
	justify-content: center;
	align-items: center;
}
.rooms__item--full .rooms__item-btn-group {
	justify-content: flex-start;
}
.rooms__item--full .rooms__item-content {
	flex-direction: row;
	justify-content: space-between;
	padding: 30px 25px 12px 0px;
	margin: 0 0 15px;
	border-bottom: 1px solid #0EC2D1;
}
.rooms__item--full .rooms__item-content-location {
	padding: 0;
	margin: 0;
	border-bottom: unset;
	color: #000;
    font-size: 16px;
    line-height: 22px;
}
.rooms__item--full .rooms__item-content-info-list-item {
	display: flex;
	gap: 6px;
	font-size: 16px;
}
.rooms__item--full .rooms__item-content-title {
	max-width: unset;
	flex: 1 1 0;
}
.rooms__item--full .rooms__item-description-text {
	padding: 20px 0 0;
	margin: 0 0 15px;
	font-size: 18px;
	line-height: 25px;
	font-weight: 300;
	color: #000;
	p {
		margin: 0;
		padding: 0;
		font-size: inherit;
		line-height: inherit;
		font-weight: inherit;
		color: inherit;
	}
}
.rooms__item--full .rooms__item-equipment {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 30px 0 0;
}
.rooms__item--full .rooms__item-equipment-box-title {
	margin: 0 0 7px;
	color: #0EC2D1;
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
	text-align: left;
}
.rooms__item--full .rooms__item-equipment-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 5px 30px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	color: #000;
}
.rooms__item--full .rooms__item-equipment-list-item {
	position: relative;
	padding: 0 0 0 15px;
}
.rooms__item--full .rooms__item-equipment-list-item::after {
	content: '';
	
	width: 5px;
	height: 5px;
	background-color: #000;
	border-radius: 50%;
	position: absolute;
	top: 9px;
	left: 0;
}
.rooms__item-slider-arrow-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	background-color: rgba(255, 255, 255, .6);
	border-radius: 50%;
}
.rooms__item-slider-arrow--left {
	transform: rotate(180deg);
}
@media (max-width: 768px) {
	.rooms__items {
		gap: 10px;
	}
	.rooms__item {
		max-width: calc((100% / 2) - 5px);
	}
	.rooms__item-content-title {
		font-size: 20px;
	}
	.rooms__item-content-location {
		font-size: 18px;
	}
	.rooms__item-info-list-item-title {
		font-size: 18px;
	}
	.rooms__item-info-list-item-text {
		font-size: 16px;
	}
	.rooms__item.rooms__item--full {
		gap: 10px;
	}
	.rooms__item--full .rooms__item-content {
		flex-direction: column;
	}
}
@media (max-width: 700px) {
	.rooms__item.rooms__item--full {
		flex-direction: column;
	}
	.rooms__item--full .rooms__item-slider {
		max-width: 100%;
	}
	.rooms__item--full .rooms__item-content-wrapper {
		max-width: 100%;
	}
	.rooms__item--full .rooms__item-content {
		padding: 0;
		flex-direction: row;
	}
}
@media (max-width: 550px) {
    .rooms__item {
        max-width: 100%;
    }
	.rooms__item--full .rooms__item-content {
		flex-direction: column;
	}
	.rooms__item--full .rooms__item-equipment-list {
		grid-template-columns: repeat(1, 1fr);
	}
}