@font-face {
	font-family: 'Monotype Corsiva';
	src: url('/templates/main/tpl/fonts/MonotypeCorsiva.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

/* Сброс */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,main,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;}ol,ul{list-style:none}:hover,:focus,:active{outline:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.clearfix {*zoom: 1;}.clearfix:after {clear: both;}.clearfix:before, .clearfix:after {content: " "; display: table;}strong{font-weight: bold;}em {font-style: italic;}svg{width: 57%; height: 100%;}p{line-height: 24px;}
a{text-decoration: none; cursor: pointer; transition: .2s linear;}*:before,*:after{transition: .2s linear;}
td {border: 1px solid #333; padding: 3px 5px;}
.login_layout td{border: 0;}
.h300{ height: 300px; }

* {
    font-family: 'Roboto Condensed', sans-serif !important;
}
/* Общие стили */
body{
	color: #3f3e3d;
	min-width: 320px;
}




h3{
    font-family: 'Play', sans-serif !important;
}
.room-items a{
    color: #333;
    text-decoration: underline;
}
.wrp{
	width: 100%;
	margin: 0 auto;
	max-width: 1140px;
}
main{
	padding-bottom: 30px;
}
.content{
	position: relative;
}
canvas{
	width: 100%;
	height: 100%
}
.head-white,
.head-orange{
	font: bold 36px 'Lora';
}
.head-white{
	color: #333;
}
.head-orange{
	color: #333;
}
.youtube{
       width: 100%;
    height: 450px;
}
.btn-style{
	color: #333;
	border: 2px solid #333;
	padding: 5px 0;
	text-align: center;
	display: block;
	box-sizing: border-box;
	transition: .2s linear;
	cursor: pointer;
}
.btn-style:hover{
    background: #000000;
    color: #fdde99;
}
.black-bg{
	position: relative;
}
.black-bg:before{
	content: "";
	width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    position: absolute;
	background: rgba(0,0,0,.6);
	transition: .3s linear;
}
.black-bg.show:before{
	opacity: 1;
	visibility: visible;
}
main h1 {
    font: bold 40px "Lora";
    text-align: center;
    margin-bottom: 20px;
}
#breadcrumbs > ul:after{
	content: none;
}

/* Шапка */
header{

}
header.home{
    height: 800px;
    position: relative;
    background: url(../img/hdr.png) no-repeat center top;
    background-size: cover;
}
/* Контакты в шапке */
.top-panel .contacts{
	color: #404040;
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
	padding: 7px 0px;
}
.top-panel .contacts.home{
	color: #fff;
}
.top-panel .contacts.home .phone a{
	color: #fff;
}
	.top-panel .contacts svg{
		fill: #fdde99;
		height: 20px;
		width: 20px;
	}
	.top-panel .social{
		display: flex;
		align-items: center;
	}
		.top-panel .social a{
			width: 18px;
			height: 18px;
			display: block;
			margin: 0 5px;
		}
		.top-panel .social a:last-child{
			width: 25px;
			height: 25px;
		}
			.top-panel .social svg{
				fill: #fdde99;
				width: 100%;
				height: 100%;
			}
.top-panel .addres{
	display: flex;
	height: 20px;
	margin-left: 40px;
	align-items: center;
}
	.top-panel .addres svg{
		height: 16px;
	}
		.top-panel .addres span{
			display: block;
			height: 20px;
		}
.top-panel .phone{
	display: flex;
	margin-left: 40px;
	align-items: baseline;
}
	.top-panel .phone svg{
		height: 16px;
	}
	.top-panel .phone li{
		margin-left: 20px;
		display: flex;
	}
	.top-panel .phone li:nth-of-type(1) {
	    margin-left: 5px;
	}
		.top-panel .phone a{
			color: #404040;
			display: block;
			height: 20px;
		}

/* Меню в шапке */
header nav{
    height: 65px;
    display: flex;
    align-items: center;
    background: #fdde99;
    /* box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.78); */
}
	header nav > .wrp{
		position: relative;
		z-index: 99;
	}
header nav .mobmenu{
	width: 26px;
	height: 29px;
	display: none;
}
	header nav .mobmenu svg{
    fill: #4c4b49;
	}
.header-logo{
    left: 0;
    top: -75px;
    width: 155px;
    position: absolute;
    text-align: center;
    padding: 15px 15px 10px;
    box-sizing: border-box;
}
header.home .header-logo{
    top: -70px;
}
	.header-logo img{
		width: 100%;
	}
	.header-logo h4{
		color: #b9baba;
		font-size: 13px;
		font-weight: 500;
	}
.menu{
	font-weight: 500;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
	.menu li{
		padding: 10px 10px 5px;
		box-sizing: border-box;
		margin-left: 15px;
	}
		.menu a{
			color: #000;
			display: block;
			text-transform: uppercase;
			border-bottom: 2px solid transparent;
		}
		.menu .actv > a,
		.menu a:hover{
            color: #fff9ec;
            text-shadow: 0 0 10px #000;
		}
			.menu span{
				line-height: 16px;
				display: block;
			}
.menu li.home{
	padding-top: 0;
	margin-left: 0;
}
	.menu li.home a{
		display: flex;
		padding-bottom: 2px;
		align-items: center;
		box-sizing: border-box;
	}
		.menu li.home svg{
			fill: #fff;
			width: 25px;
			height: 25px;
			transition: .2s linear;
		}
		.menu li.home.actv a svg,
		.menu li.home a:hover svg{
			fill: #000;
		}
		.menu li.home span{
			display: none;
		}
.menu li.items{
	position: relative;
	transition: .2s linear;
	padding-right: 20px;
}
.menu li.items:after{
	content: "";
	top: 15px;
	width: 7px;
	right: 7px;
	height: 5px;
	position: absolute;
	transition: .2s linear;
	box-sizing: border-box;
	border-top: 5px solid #fff;
	border-left: 3.5px solid transparent;
	border-right: 3.5px solid transparent;
}
	.menu li.items:hover{
		background: #fdde99;
		position: relative;
	}
	.menu li.items:hover > a{
		color: #3f3f3e;
		border-color: #3f3f3e;
	}
	.menu li.items.actv:after{
		border-top: 5px solid #fdde99;
	}
	.menu li.items:hover:after{
		border-top: 5px solid #3f3f3e;
	}
.sub-menu{
	left: 0;
	top: 120%;
	width: 180px;
	position: absolute;
	background: #fdde99;
	box-sizing: border-box;
	padding: 10px;
	transition: .1s linear;
	opacity: 0;
	visibility: hidden;
}
.menu li.items:hover .sub-menu{
	top: 100%;
	opacity: 1;
	visibility: visible;
}
.menu li:last-child .sub-menu{
	left: initial;
	right: 0;
}
	.sub-menu li{
	    padding: 0;
	    margin-left: 0;
	    margin-bottom: 10px;
	}
	.sub-menu a{
		color: #3f3f3e;
		display: table;
	}
	.sub-menu li:last-child{
		margin-bottom: 0;
	}
	.sub-menu a:hover{
		color: #3f3f3e;
		border-color: #3f3f3e;
	}

/* Мобильное меню */
.mobile-menu-wrp{
	top: 0;
	left: -250px;
    background: #521011;
	position: absolute;
	z-index: 101;
    width: 250px;
    height: 100%;
    box-sizing: border-box;
    transition: .3s linear;
}
.mobile-menu-wrp.show{
	left: 0;
}
	.mobile-menu-wrp h3{
	    font-family: 'Lora';
	    font-weight: bold;
	    text-align: center;
	    background: #5c1e1f;
	    padding: 10px;
	    text-transform: uppercase;
	    color: #fdde99;
	}
.mobile-menu{
	font-weight: 500;
}
	.mobile-menu li{
		transition: .2s linear;
    	border-bottom: 1px solid #602425;
	}
		.mobile-menu a{
	        padding: 10px;
		    color: #fdde99;
		    display: block;
		    position: relative;
		    text-transform: uppercase;
		}
		.mobile-menu li.items > a:after{
		    content: "";
		    position: absolute;
		    width: 15px;
		    height: 15px;
		    display: block;
		    z-index: 100;
		    right: 10px;
		    top: 0;
		    bottom: 0;
		    margin: auto;
		    background: url(../img/arrow-down.svg) no-repeat;
		    background-size: contain;
		}
		.mobile-menu li.items > a:hover:after,
		.mobile-menu li.items.show > a:after,
                .mobile-menu li.actv.items > a:after{
			background: url(../img/arrow-down-hover.svg) no-repeat;
			background-size: contain;
		}

.sub-mobile-menu{
	display: none;
	background: #521011;
}
	.sub-mobile-menu li{
		padding-left: 15px;
	}
		.sub-mobile-menu a{
			text-transform: capitalize;
		}
.sub-mobile-menu li:first-child a{
	color: #fff;
}
.mobile-menu li:last-child,
.sub-mobile-menu li:last-child{
	margin-bottom: 0;
}
.mobile-menu li.show,
.mobile-menu > li.actv,
.mobile-menu > li:hover{
	background: #fdde99;
}
.mobile-menu li.show > a,
.mobile-menu > li.actv > a,
.mobile-menu > li:hover > a{
	color: #fff;
}
.sub-mobile-menu li:hover{
    background: #fdde99;
}
.sub-mobile-menu li:hover a{
	color: #fff;
}
.mobile-menu-close{
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
}
	.mobile-menu-close svg{
    	fill: #fdde99;
	}

/* Приветствие */
header .welcome{
	display: none;
}
header .welcome.home{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 690px;
	height: 300px;
	color: #ffffff;
	text-align: center;
	font-weight: 600;
	display: block;
}
	header .welcome h3{
        font-size: 74px;
        line-height: 1;
        margin-bottom: 20px;
        position: relative;
        font-family: Monotype Corsiva !important;
        text-transform: none;
        color: #ffffff;
	}
	header .welcome h3:before{
		content: '';
		width: 235px;
		bottom: 100%;
		height: 55px;
		position: absolute;
		background-size: 190px;
		
	}
	header .welcome h2{
		font-size: 56px;
		    line-height: 0.9;
	}
	header .welcome .armor{
		background: #fdde99;
		text-transform: uppercase;
		padding: 21px 15px 16px;
		width: 240px;
		box-sizing: border-box;
		color: #3f3f3e;
		cursor: pointer;
		border-radius: 3px;
		line-height: 1;
		margin: 25px auto 0;
		transition: .2s linear;
	}
	header .welcome .armor:hover{
		background: rgba(210,189,127,.6);
	}

/* О нас */
.about{
	padding: 60px 0;
    background: #fdde99;
}
	.about > .wrp{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;;
	}
.about-anons {
	width: 48%;
}
	.about-anons .title{
		line-height: 39px;
	}
	.about-anons .slogan{
		color: #444;
		font-size: 23px;
		font-style: italic;
		margin: 15px 0 10px;
	}
	.about-anons .text{
		color: #333;
		font-size: 15px;
		max-height: 210px;
		overflow: hidden;
		margin-bottom: 25px;
	}
		.about-anons p{
			margin-bottom: 15px;
		}
		.about-anons p:last-child{
			margin-bottom: 0;
		}
	.about-anons .more{
		margin-left: auto;
		width: 150px;
	}
.about .image-right{
	width: 48%;
	padding: 4px;
	overflow: hidden;
	height: 432px;
	background: #fdde99;
}
	.about .image-right img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
/* Почему мы? */
.about-a{
    padding: 30px 0 60px;
}
.prefoot{
    background: #ff0e99;
}
.about-advantage {
    color: #fff;
    width: 100%;
    margin: 0 auto;
    max-width: 1140px;
}
	.about-advantage .title{
		text-align: center;
		margin-bottom: 15px;
	}
		.about-advantage .title:after{
			content: "";    
		    width: 137px;
		    height: 27px;
		    display: block;
		    
			margin: 5px auto;
		}
	.about-advantage .items{
		display: flex;
		justify-content: space-between;
	}
.about-advantage .item{
	width: 273px;
	height: 261px;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
}
	.about-advantage .item:before{
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		transition: .2s linear;
		background: rgba(0, 0, 0, .4);
	}
.about-advantage .item:hover:before{
	background: rgba(210, 189, 127, .9);
}
	.about-advantage .desc{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		text-align: center;
		align-content: center;
		z-index: 2;
		margin-top: 10px;
		transition: .2s linear;
	}
	.about-advantage .item:hover .desc{
		margin-top: -10px;
	}
	.about-advantage .image{
		width: 100%;
		height: 80px;
		display: flex;
		margin-bottom: 5px;
		align-items: flex-end;
		justify-content: center;
	}
		.about-advantage img{
			width: 100%;
			height: 100%;
			object-fit: contain;
		}
	.about-advantage h4{
		text-transform: uppercase;
	}
	.about-advantage .text{
		line-height: 1;
		font-style: italic;
		font-size: 14px;
		opacity: 0;
		visibility: hidden;
		transition: .2s linear;
		position: relative;
		top: 40px;
	}
	.about-advantage .item:hover .text{
		top: 5px;
		opacity: 1;
		visibility: visible;
	}

/* Номера */
.rooms{
	padding: 25px 0;
	position: relative;
    background: #fdde99;
}
	.rooms:after{
	    /*content: "";*/
	    /*left: 0;*/
	    /*right: 0;*/
	    /*z-index: 5;*/
	    /*margin: auto;*/
	    /*width: 509px;*/
	    /*height: 73px;*/
	    /*bottom: -43px;*/
	    /*position: absolute;*/
	    /*background: url(../img/room-bottom-img.png);*/
	}
.rooms .info-items{
	display: flex;
	justify-content: space-between;
}
	.rooms .info-items h3{
	}
.rooms .info-item{
	width: 48.5%;
}
.rooms .info-item .desc{
	border: 2px solid #dbc27d;
	position: relative;
	width: 100%;
	height: 330px;
	box-sizing: border-box;
}	
	.rooms .info-item .desc:before {
	    content: "";
	    z-index: 0;
	    width: 100%;
	    height: 100%;
	    display: block;
	    position: absolute;
	    background: rgba(0,0,0,0);
	}
	.rooms .info-item .desc:after{
	    content: "";
	    left: 28px;
	    opacity: 0;
	    bottom: 5px;
	    width: 94px;
	    height: 61px;
	    visibility: hidden;
	    position: absolute;
	    background: url(../img/rom-desc-img.png) no-repeat;
	}
	.rooms .info-item img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.rooms .info-item .text,
	.rooms .info-item .more{
		opacity: 0;
		visibility: hidden;
		transition: .2s linear;
	}
	.rooms .info-item .text{
		position: absolute;
		width: 90%;
		color: #fff;
		top: 5px;
		left: 28px;
	}
	.rooms .info-item .more{
		position: absolute;
		width: 150px;
		right: 35px;
		bottom: 5px;
	}
		.rooms .info-item .desc:hover:before{
			background: rgba(0,0,0,.6);
		}
		.rooms .info-item .desc:hover:after{
			opacity: 1;
			bottom: 45px;
			visibility: visible;
		}
		.rooms .info-item .desc:hover .text,
		.rooms .info-item .desc:hover .more{
			opacity: 1;
			visibility: visible;
		}
		.rooms .info-item .desc:hover .text{
			top: 28px;
		}
		.rooms .info-item .desc:hover .more{
			bottom: 45px;
		}
.room-items{
    max-width: 1150px;
    margin: 30px auto 0;
    position: relative;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(3, 375px);
    grid-gap: 10px;
    justify-content: center;
}
	.room-items:before,
	.room-items:after{
		content: "";
		top: 0;
		width: 157px;
		height: 158px;
		position: absolute;
	}
	.room-items h3{
		text-align: center;
		grid-column: 1 / -1;
		width: 100%;
	}
	.room-items h4{
		text-align: center;
		font-size: 18px;
		font-style: italic;
		color: #fff;
		margin-bottom: 15px;
		width: 100%;
	}
.room-items > div{
    max-width: 375px;
    border: 4px solid #fdde99;
    background: #fff;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    margin: 20px auto;
    height: 283px;
    display: grid;
    grid-row-gap: 10px;
}
.room-items > div > div{
    max-width: 375px;
    width: 100%;
    height: 275px;
}
.room-items >div:nth-of-type(3n){
	margin-right: 0;
}
.room-items .image{
	width: 100%;
	height: 210px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}
	.room-items img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
.room-items .desc{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 90%;
	height: 90%;
	margin: auto;
	padding: 30px;
	position: absolute;
	box-sizing: border-box;
	transition: .3s linear;
	background: rgba(0,0,0,.7);
	opacity: 0;
	visibility: hidden;
}
.room-items .item:hover .desc{
	opacity: 1;
	visibility: visible;
}
	.room-items .count-room{
		color: #c6c6bf;
	}
	.room-items .armor{
		width: 160px;
		margin: 30px auto 0;
	}
	.room-items .more{
		color: #c6c6bf;
		font-style: italic;
		line-height: 1;
		display: inline-block;
		border-bottom: 1px solid;
		font-size: 14px;
	}
	.room-items .more:hover{
		border-color: transparent;
	}
.room-items .type{
	color: #242424;
	font-size: 22px;
	cursor: auto;
}
.room-items .count-people{
	color: #777777;
	font-size: 14px;
	line-height: 1;
	margin: 10px 0 7px;
}
.room-items .price{
	color: #fdde99;
	font-size: 24px;
	margin-bottom: 10px;
	line-height: 1;
	font-weight: 500;
}
.value[data="1"]{
    max-width: 1150px;
    width: 100%;
    height: 500px;
}
/* Фотогалерея - главная */
.albums {
	padding: 0px 0 30px;
}
	.albums h3{
		text-align: center;
		margin-bottom: 20px;
	}
.albums ul{
	display: flex;
	justify-content: center;
	margin: 15px 0 30px;
}
	.albums ul li{
		margin: 0 10px;
	}
		.albums ul a{
			color: #fff;
			display: block;
			line-height: 1;
			text-transform: uppercase;
			border-bottom: 1px solid transparent;
		}
		.albums ul a:hover{
			color: #fdde99;
			border-color: #fdde99;
		}
.albums .images{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	.albums .image{
		width: 32%;
		height: 275px;
		display: block;
		overflow: hidden;
		margin-bottom: 2%;
		position: relative;
	}
		.albums .image:after{
			content: "";
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			visibility: hidden;	
			position: absolute;
			transition: .2s linear;
			background: rgba(0, 0, 0, .6) url(../img/loop-zoom.svg) no-repeat center;
			background-size: 50px;	
		}
		.albums .image:hover:after{
			opacity: 1;
			visibility: visible;	
		}
		.albums img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
.albums .all-more{
	width: 170px;
	margin: 5px auto 0;
}

/* Инста, новости */
/* Инста */
.insta-news{
	display: flex;
	padding: 50px 0 30px;
}
.insta-news h3,
.reviews h3{
	font: bold 30px/1 "Lora";
}
.insta {
	width: 320px;
	height: 358px;
	min-width: 320px;
	background: #f6f6f6;
	border: 1px solid #d1d1d1;
	padding: 15px;
	box-sizing: border-box;
	margin-right: 40px;
}
	.insta .info{
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		justify-content: space-between;
	}
		.insta .info a{
			line-height: 1;
			color: #a2a2a2;
			font-size: 12px;
			border-bottom: 1px solid transparent;
		}
		.insta .info a:hover{
			border-color: #a2a2a2;
		}
		.insta .info span{
			color: #a2a2a2;
			font-size: 12px;
			line-height: 1;
			margin: 5px 0;
		}
.insta .items{
	width: 100%;
	height: 274px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-between;
}
	.insta .item{
		display: block;
		width: 49%;
		height: 134px;
		position: relative;
	}
	.insta .item:after{
		top: 0;
		left: 0;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		transition: .2s linear;
		background: rgba(0, 0, 0, .6) url(../img/loop-zoom.svg) no-repeat center;
		background-size: 25px;
	}
	.insta .item:hover:after{
		opacity: 1;
		visibility: visible;
	}
		.insta .item img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

/* Новости */
.news {
    width: 100%;
    max-width: 1150px;
    text-align: center;
    padding-top: 15px;
}
	.news h3{
		margin-bottom: 23px;
	}
.news .items{;
    display: grid;
    grid-template-columns: repeat(3,375px);
    justify-content: center;
    grid-gap: 10px;
}
.news .item{
}
.news .item:nth-child(4n){
	margin-right: 0;
}
	.news .image{
        width: 100%;
        height: 275px;
		overflow: hidden;
		display: block;
		box-shadow: 0 4px 6px 1px rgba(0,0,0,.3);
	}
		.news img{
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: .1s linear;
		}
	.news .date{
        line-height: 1;
        margin: 10px 0;
        opacity: .7;
	}
	.news .desc{
	    font-size: 14px;
	    line-height: 18px;
	    max-height: 55px;
	    overflow: hidden;
	    display: inline-block;
	    color: #484848;
	    font-weight: 600;
	    transition: .2s linear;
	}
	.news .item:hover .image{
		box-shadow: 0 4px 6px 1px rgba(0,0,0,.8);
	}
	.news .item:hover img{
		transform: scale(1.1);
	}
	.news .item:hover .desc{
		opacity: .5;
	}

.all-news,
.reviews .all-reviews,
.add-reviews{
	line-height: 1;
	border-bottom: 2px solid  #000;
	color: #000;
	display: table;
	margin-top: 10px;
	font-weight: 500;
}
.all-news{
	margin-top: 20px;
}
.all-news:hover,
.reviews .all-reviews:hover,
.add-reviews:hover{
	opacity: .6;
	color: #000;
	border-color: transparent;
}

/* Отзывы */
.reviews{
    max-width: 780px !important;
    overflow: hidden;
}
	.reviews .top{
		display: flex;
		margin-bottom: 20px;
		align-items: flex-end;
		justify-content: center;
	}
	.reviews h3{
		margin-right: 15px;
	}
.reviews .items{
	display: flex;
	justify-content: space-between;
}
.reviews .item{
	width: 100%;
}
	.reviews .text{
		padding: 15px;
		color: #181818;
		font-size: 14px;
		border-radius: 5px;
		background: #f6f6f6;
		position: relative;
		line-height: 18px;
		height: 120px;
		box-sizing: border-box;
		box-shadow: 0 1px 2px 2px rgba(0, 0, 0, .1);
		box-shadow: 0px 2px 6px -3px #000;
	}
		.reviews .text:after{
		    content: "";
		    width: 25px;
		    height: 19px;
		    bottom: -17px;
		    left: 40px;
		    position: absolute;
		    background: url(../img/revkli.png) no-repeat;
		}
		.reviews .text p{
			line-height: 18px;
			max-height: 90px;
			overflow: hidden;
		}
		.reviews .text a{
			color: #c4a96b;
			line-height: 1;
			display: inline-block;
			border-bottom: 1px solid transparent;
		}
		.reviews .text a:hover{
			border-color: #c4a96b;
		}
	.reviews .user{
		line-height: 1;
		display: inline-block;
		color: #7e7e7e;
		font-style: italic;
   		margin: 20px 15px 0;
	}
.reviews .add-reviews{
    text-align: center;
    position: relative;
    right: initial;
    top: initial;
    background: transparent;
    line-height: 1; 
    border-bottom: 2px solid #000;
    color: #000;
    display: table;
    margin: 10px auto 0;
    font-weight: 500;
    padding: 0;
}

/* Фотоальбом */
.albums_item{
	overflow: visible;
}
a.upload-photo{
	top: -62px
}


/* Футер */
footer{
    background-color: #fdde99;
    /*box-shadow: 0 0 10px 0 #000;*/
	padding: 30px 0;
	    margin-top: 15px;
}
	footer .wrp{
		position: relative;
	}
		footer svg{
			fill: #000;
		}
.footer-logo{
	width: 280px;
	height: 100%;
	position: absolute;
	text-align: center;
	box-sizing: border-box;
	padding: 0 20px 0 0;
}
	.footer-logo img{
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	.footer-logo h4{
		color: #b9baba;
		font-size: 15px;
		font-weight: 500;
	}
footer .contacts,
footer .copy{
	width: 100%;
	max-width: 780px;
	margin-left: auto;
}
footer .contacts{
	color: #000;
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
	footer .contacts h4{
		font: 20px/1 "Lora";
        color: #333;
		margin-bottom: 10px;
	}
	footer .contacts li{
		line-height: 1.5;
	}
footer .addres li{
	font-size: 14px;
}
	footer .addres a{
		color: #000;
		font-style: italic;
		border-bottom: 1px dashed;
	}
	footer .addres a:hover{
		opacity: .6;
		border-bottom: transparent;
	}
footer .phone li{
	font-size: 14px;
}
	footer .phone a{
		color: #000;
	}
footer .social{
	text-align: right;
}
	footer .social li{
		display: inline-block;
		height: 32px;
		overflow: hidden;
		margin-left: 10px;
	}
		footer .social a{
			width: 32px;
			height: 32px;
			display: block;			
		}
		footer .social .vk{
			top: -7px;
			width: 43px;
			height: 43px;
			position: relative;
		}
.copy {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
	.copy .tecama,
	.copy .sitemap a,
	.copy .liveinternet{
		transition: .2s linear;
	}
	.copy .tecama:hover,
	.copy .sitemap a:hover,
	.copy .liveinternet:hover,
	footer .social a:hover,
	footer .phone a:hover{
		opacity: .6;
	}
	.tecama{
		height: 17px;
	}
	.tecama:hover{
		opacity: 1;
	}

/* Копирайт */
.copytext{
	color: #d0d0d0;
	line-height: 1;
	font-size: 12px;
}
	.copytext span{
		line-height: 1;
		display: inline-block;
		border-bottom: 1px solid transparent;
		color: #000;
	}
	.copytext a{
		color: #000;
		display: inline-block;
		border-bottom: 1px solid transparent;
	}
	.copytext a:hover{
		border-color: #d0d0d0;
	}
.copy ul{
	display: flex;
}
.copy .sitemap a{
	display: block;
	width: 31px;
	height: 31px;
}
.copy .liveinternet{
	height: 31px;
	overflow: hidden;
	margin-left: 20px;
}
	.copy .liveinternet img{

	}

/* Новости - список */
.news-list .items{
    display: flex;
    flex-wrap: wrap;
}
	.news-list .item{
	    width: 267px;
	    width: 23.422%;
	    padding: 10px;
	    display: flex;
	    flex-wrap: wrap;
	    background: #fff;
	    margin: 0 auto 24px 0;
	    flex-direction: column;
	    box-sizing: border-box;
	    transition: .2s linear;
	    align-items: flex-start;
	    align-content: flex-start;
	    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .3);
	}
	.news-list .item:nth-child(4n){
   		margin-right: 0;
	}
	.news-list .item:hover{
		box-shadow: 0 0 3px 1px rgba(0, 0, 0, .8);
	}
		.news-list .image{
		    width: 100%;
		    height: 190px;
		    overflow: hidden;
		}
			.news-list .image img{
			    width: 100%;
			    height: 100%;
			    object-fit: cover;
			}
		.news-list .title{
			color: #242424;
			line-height: 1;
			display: block;
			font-weight: 500;
			margin: 15px 0 10px;
		}
		.news-list .title:hover{
    		color: #fdde99;
		}
		.news-list .desc{
			line-height: 1.3;
			color: #242424;
			font-size: 14px;
			max-height: 72px;
			overflow: hidden;
			margin-bottom: 5px;
			font-weight: 300;
		}
		.news-list .info{
		    width: 100%;
		    display: flex;
		    color: #adadad;
		    font-size: 12px;
		    margin-top: auto;
		    justify-content: space-between;
		}

/* Новости - статья */
.news-item .text{
    color: #3f3e3d;
}
	.news-item .title{
		font: bold 28px/1 'Lora';
	}
	.news-item .date{
		color: #959595;
		line-height: 1;
		margin-top: 15px;
	}
	.news-item p{
		margin-bottom: 20px;
	}
	.news-item p:last-child{
		margin-bottom: 0;
	}
.news-item .image{
    width: 48.5%;
    float: right;
    margin: 0 0 15px 30px;
}
	.news-item .image img{
		width: 100%;
	}
.news-item .share{
		margin-top: 20px;
}
	.news-item .share h4{
		font-size: 18px;
		font-weight: 600;
	}

/* Отзывы */
.reviews-list {
	position: relative;
}
	.add-reviews{
		right: 0;
		top: 80px;
		color: #fdde99;
		padding: 8px 15px 4px;
		border-radius: 4px;
		position: absolute;
		background: #232323;
		display: inline-block;
		border-bottom: 0;
	}
	.add-reviews:hover{
	}
.reviews-list .items{
    /*display: flex;
    flex-wrap: wrap;*/
    column-count: 2;
    column-gap: 1.5em;
}
	.reviews-list .item{
	    width: 49%;
	    padding: 20px;
	    margin: 0 2% 2% 0;
	    border-radius: 4px;
	    background: #f2f2f2;
	    box-sizing: border-box;
	    border: 1px solid #dedede;

	    width: 100%;
	    margin: 0 0 1.5em 0;
	    display: inline-block;
	}
	.reviews-list .item:nth-child(2n){
		margin-right: 0;
	}
		.reviews-list .info{
		    display: flex;
		    align-items: baseline;
		}
			.reviews-list .user{
			    color: #404040;
			    font-size: 18px;
			    font-weight: 500;
			    margin-right: 10px;
			}
			.reviews-list .user:hover{
				color: #fdde99;
			}
			.reviews-list .date{
    			color: #b9b9b9;
			}
		.reviews-list .text{
		    color: #3f3f3e;
		    font-weight: 300;
		    line-height: 22px;
		}

/* Отзывы - запись */
.reviews-item { 
    padding: 20px;
    border-radius: 4px;
    background: #f2f2f2;
    box-sizing: border-box;
    border: 1px solid #dedede;
}
	.reviews-item .user{
	    color: #404040;
	    font-size: 18px;
	    font-weight: 500;
	    line-height: 1;
	}
	.reviews-item .date{
	    color: #b9b9b9;
	    font-size: 12px;
	    margin-bottom: 10px;
	}
	.reviews-item .text{
		color: #3f3f3e;
		font-weight: 300;
		line-height: 22px;
	}

/* Контакты - запись */
.contacts-item {
    line-height: 1;
    color: #3f3e3d;
  	display: flex;
    justify-content: space-between;
}
	.contacts-item h3{
	    color: #404040;
	    font-size: 22px;
	    font-weight: 600;
	    line-height: 1;
	    margin-bottom: 10px;
	}
.contacts-item .info{
    width: 25%;
	min-width: 250px;
    margin-right: 5%;
}
	.contacts-item .info ul{
    	margin-bottom: 40px;
	}
		.contacts-item .info li{
    		line-height: 1.4;
		}
.contacts-item .phone{
    color: #9e9b98;
}
	.contacts-item .phone a{
		color: #3f3e3d;
	}
.contacts-item ul.social{
	margin-bottom: 0;
}
	.contacts-item .social li{
	    height: 32px;
	    overflow: hidden;
	    display: inline-block;
	}
		.contacts-item .social a{
			width: 32px;
		    height: 32px;
		    display: block;
		}
			.contacts-item .social svg{
    			fill: #fdde99;
			}
		.contacts-item .social li:last-child a{
			height: 55px;
		    width: 55px;
		    position: relative;
		    top: -12px;
		}
.contacts-item .map-wrp{
    width: 70%;
}
	.contacts-item .map{
	    width: 100%;
	    height: 450px;
	    background: #ffffff;
	    padding: 5px;
	    box-sizing: border-box;
	    border-radius: 5px;
	    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
	}

/* Ресторан */
.restaurant-item .info{
    max-width: 405px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-family: 'Lora';
    font-weight: bold;
    justify-content: center;
}
	.restaurant-item .info svg{
	    width: 18px;
	    height: 18px;
	    margin-right: 2px;
	}
	.restaurant-item .info .graph{
	    margin-right: 10px;
	    display: flex;
	}
	.restaurant-menu{
	    display: flex;
	    color: #fdde99;
	}
	.restaurant-menu svg{
		fill: #fdde99;
	}
	.restaurant-menu span{
		transition: .2s linear;
		border-bottom: 1px solid #fdde99;
	}
	.restaurant-menu:hover{
		color: #fdde99;
	}
	.restaurant-menu:hover span{
		opacity: .6;
		color: #fdde99;
		border-color: transparent;
	}
	.restaurant-item .info .phone{
		margin: 10px 0 15px;
		font-size: 20px;
	}
		.restaurant-item .info .phone a{
			color: #3f3e3d;
		}
.pages-item .text,
.restaurant-item .text{
	margin-bottom: 15px;
}
.pages-item .image,
.restaurant-item .image{
	height: 500px; 
	min-height: 300px;
	overflow: hidden;
}
.pages-item .image,
.restaurant-item .image,
.pages-item .image .owl-carousel .owl-stage-outer,
.restaurant-item .image .owl-carousel .owl-stage-outer{
	height: auto;
	min-height: auto;
}
	.pages-item .image img,
	.restaurant-item .image img{
		width: 100%;
		min-height: 100%;
	}

/* Отель, номера - список */
.hotel-list{
	padding: 0 0 45px;
	position: relative;
}
	.hotel-list:after{
	    content: "";
	    left: 0;
	    right: 0;
	    z-index: 5;
	    margin: auto;
	    width: 509px;
	    height: 73px;
	    bottom: 0;
	    position: absolute;
	    background: url(../img/room-bottom-img.png);
	}
.hotel-list .items{
    max-width: 1100px;
    margin: 5px auto;
    position: relative;
    padding: 60px 76px 10px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
	.hotel-list .items:before,
	.hotel-list .items:after{
		content: "";
		top: 0;
		width: 157px;
		height: 158px;
		position: absolute;
	}
	.hotel-list .items:before{
		left: 0;
		background: url(../img/room-left-img.png);
	}
	.hotel-list .items:after{
		right: 0;
		background: url(../img/room-right-img.png);
	}
	.hotel-list .items h3{
		text-align: center;
		width: 100%;
	}
	.hotel-list .slogan{
		text-align: center;
		margin-bottom: 15px;
		width: 100%;
		padding: 0 100px;
		margin-top: -65px;
	}
.hotel-list .item{
	width: 296px;
	border: 4px solid #fdde99;
	background: #fff;
	box-sizing: border-box;
	text-align: center;
    margin: 0 30px 30px 0;
}
.hotel-list .item:nth-of-type(3n){
	margin-right: 0;
}
.hotel-list .image{
	width: 100%;
	height: 210px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}
	.hotel-list img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
.hotel-list .desc{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 90%;
	height: 90%;
	margin: auto;
	padding: 30px;
	position: absolute;
	box-sizing: border-box;
	transition: .3s linear;
	background: rgba(0,0,0,.7);
	opacity: 0;
	visibility: hidden;
}
.hotel-list .item:hover .desc{
	opacity: 1;
	visibility: visible;
}
	.hotel-list .count-room{
		color: #c6c6bf;
	}
	.hotel-list .armor{
		width: 160px;
		margin: 30px auto 0;
	}
	.hotel-list .more{
		color: #c6c6bf;
		font-style: italic;
		line-height: 1;
		display: inline-block;
		border-bottom: 1px solid;
		font-size: 14px;
	}
	.hotel-list .more:hover{
		border-color: transparent;
	}
.hotel-list .type{
	color: #242424;
	font-size: 22px;
	cursor: auto;
}
.hotel-list .count-people{
	color: #777777;
	font-size: 14px;
	line-height: 1;
	margin: 10px 0 7px;
}
.hotel-list .price{
	color: #333;
	font-size: 24px;
	margin-bottom: 10px;
	line-height: 1;
	font-weight: 500;
}

/* Отель, номер - статья */
.hotel-item {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
	.hotel-item .images {
		width: 50%;
	}
		.hotel-item .image{
			height: 440px;
			background: #ffffff;
			border: 1px solid #fdde99;
			box-sizing: border-box;
			margin-bottom: 10px;
			display: block;
		}
			.hotel-item .image img{
				width: 100%;
				height: 100%;
				object-fit: contain;
				transition: .2s linear;
			}
			.hotel-item .image.hide img{
				opacity: 0;
			}
		.hotel-item .images ul{
			display: flex;
			flex-wrap: wrap;
		}
			.hotel-item .images li{
				width: 24%;
				height: 100px;
				display: block;
				cursor: pointer;
				margin-bottom: 8px;
				margin-right: 1.33%;
				box-sizing: border-box;
				border: 1px solid #fdde99;
				transition: .2s linear;
			}
			.hotel-item .images li:nth-of-type(4n){
				margin-right: 0;
			}
				.hotel-item .images ul img{
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
.hotel-item .anons{
	max-width: 48%;
}
	.hotel-item .type{
		font: bold 30px 'Lora';
		margin-bottom: 30px;
	}
	.hotel-item .desc{
		margin-bottom: 20px;
	}
		.hotel-item .desc h4{
			font-size: 20px;
			font-weight: 600;
		}
		.hotel-item .desc p{
			line-height: 20px;
		}
	.hotel-item .info{
		margin-bottom: 20px;
	}
	.hotel-item .info span:first-child{
		margin-right: 30px;
	}
		.hotel-item .info strong{
			font-size: 20px;
			font-weight: 600;
			margin-right: 5px;
		}
	.hotel-item .price{
		display: flex;
		align-items: center;
	}
		.hotel-item .price span{
			display: flex;
			background: #fdde99;
			border-radius: 10px;
			align-items: flex-end;
			padding: 11px 20px 11px 15px;
		}
			.hotel-item .price strong{
				font-size: 38px;;;
				display: block;
				margin-right: 5px;
				height: 28px;
				line-height: 0.9;;
			}
	.hotel-item .armor{
		line-height: 1;
		color: #fdde99;
		background: #3f3f3e;
		font-size: 24px;
		font-weight: bold;
		padding: 13px 20px;
		border-radius: 10px;
		position: relative;
		left: -15px;
		cursor: pointer;
		transition: .2s linear;
	}
	.hotel-item .armor:hover{
		background: #222;
	}

/* Форма бронирования */
.armor-form {
	position: fixed;
	top: 60px;
	z-index: 1000;
	background: #fdd099;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 560px;
	padding: 30px 45px 35px;
	box-sizing: border-box;
	transition: .3s linear;
	transform: rotateX(90deg);
	height: 510px;
}
#armor-form{
    display: grid;
    grid-row-gap: 5px;
}
.armor-form.show{
	transform: rotateX(0deg);
}
	.armor-form h2{
		text-align: center;
		font: bold 24px/39px 'Lora';
	}
	.armor-form svg{
		width: 13px;
		height: 13px;
		position: absolute;
		right: 45px;
		top: 39px;
		padding: 7px;
		border-radius: 3px;
		background: #fff;
		fill: #333;
		transition: .2s linear;
		cursor: pointer;
	}
	.armor-form svg:hover{
		opacity: .6;
	}
	.armor-form h4{
		line-height: 1;
		color: #353535;
		font-weight: 500;
	    margin-bottom: 4px;
    margin-top: 5px;
	}
	.armor-form input{
		    width: 328px;
		box-sizing: border-box;
		font: 14px 'Fira Sans';
		padding: 5px 10px;
		border: 1px solid #e6e6e6;
		border-radius: 4px;
		background: #fff;
		transition: .2s linear;
	}
	.armor-form button{
		background: #fff;
		padding: 13px 14px 11px;
		box-sizing: border-box;
		color: #333;
		cursor: pointer;
		border-radius: 3px;
		transition: .2s linear;
		border: 0;
		font: 500 16px/1 'Fira Sans';
		margin-left: auto;
		display: table;
	}
	.armor-form button:hover{
	    background: #333;
	    color: #fff;
	}
.armor-form .date,
.armor-form .count{
	display: flex;
	justify-content: space-between;
}
.armor-form .a-date,
.armor-form .e-date,
.armor-form .type,
.armor-form .name,
.armor-form .username,
.armor-form .phone,
.armor-form .mail{
    width: 70%;
}
.armor-form .type,
.armor-form .count,
.armor-form .name,
.armor-form .username,
.armor-form .date{    
    margin: auto;
        width: 70%;
}
	.armor-form .type select{
		padding: 3px 10px;
		border: 1px solid #e6e6e6;
		border-radius: 4px;
		height: auto;
		
		box-shadow: none;
		cursor: pointer;
		transition: .2s linear;
	}
	.armor-form input:hover,
	.armor-form input:focus,
	.armor-form select:hover,
	.armor-form select:focus{
		border-color: #fdde99;
	}
.armor-form .room,
.armor-form .parent,
.armor-form .children{
	width: 30%;
}
.armor-form .user-info{
    display: grid;
    text-align: center;
    justify-items: center;
}

/* Показать на карте */
.we-on-map{
    position: fixed;
    z-index: 1000;
    transition: .3s linear;
    width: 90%;
    height: 90%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    transition: .2s linear;
}
.we-on-map.show{
	opacity: 1;
	visibility: visible;
}
.we-on-map .close{
    position: absolute;
    right: -30px;
    top: 10px;
    background: #fdde99;
    border-radius: 3px;
    display: block;
    height: 25px;
    width: 25px;
}
.we-on-map .close:hover{
	opacity: .6;
}
.we-on-map .close svg{
    fill: #fff;
    width: 15px;
    height: 15px;
    padding: 5px;
}

/* Меню ресторана */
.restaurant-menu-item{
	display: flex;
	flex-wrap: wrap;
}
.restaurant-menu-item a{
    width: 32%;
    height: 200px;
    display: block;
    margin: 0 2% 2% 0;
}
.restaurant-menu-item a:nth-child(3n){
    margin-right: 0;
}
.restaurant-menu-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}