@charset "utf-8";
/* CSS Document */
html, body, .all {
	margin:0!important;
	padding:0;
	width:100%;
	height:100%;
	line-height:1.4;
}
body {
	font-family:'Roboto', sans-serif; 
	font-size:15px;
	font-weight:normal;
	color:#000;
	background:#fff;
}

h1, h2, h3, h4, h5 { 
	position:relative;
	margin:0; 
	padding:0; 
}
h1, h2 { 
	font-family:'CharterC', serif; 
	color:#b7985f; 
	letter-spacing:3px; 
	text-transform:uppercase;
	text-align:center;
}
h1 { font-size:32px; line-height:40px; }
h2 { font-size:32px; line-height:40px; }
h1 span, h2 span { display:block; }
h3 {
	margin-bottom:20px;
	font-size:20px; 
	line-height:28px; 
	font-weight:500; 
	letter-spacing:1px;
	text-transform:uppercase;
	color:#000;
}

a img{ border:none; }
a { color:#000; text-decoration:none; transition:all .3s; }
a:hover, a:focus, a:active { color:#000; text-decoration:none; }
a:focus, a:active, input:focus, input:active, button:focus, button:active { outline:none!important; }
a.decorated { border-bottom:1px solid; }

p { margin-bottom:20px; }

.row { margin-right:0; margin-left:0; }

.col-12, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding:0; }

.all { position:relative; }
.wrap { 
	position:relative;
	width:100%;
	min-height:100%;
	height:auto!important;
	height:100%; 
}
.container {
	position:relative;
	margin:0 auto;
	padding:0;
	max-width:1200px;
	width:94%;
}

/* fonts & texts */
.semi { font-weight:500; }
.bold { font-weight:bold; }
.normal { font-weight:normal; }
.italic { font-style:italic; }
.upper { text-transform:uppercase; }
.centered { text-align:center; }

/* margins & paddings */
.mb40 { margin-bottom:40px; }
.mb80 { margin-bottom:80px; }

/* buttons */
.btn { 
	padding:9px 20px 8px 20px; 	
	font-family:'CharterC', serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#b7985f; 
	border-radius:0;  
	background:transparent;
	border:1px solid #b7985f;
	transition:all .4s;
}
.btn:hover { color:#fff; background:#b7985f; }

.btn-white { color:#fff; border-color:#fff; }
.btn-white:hover { border-color:#b7985f; }


/* navbar ----------------------------------------------------------------------------------------- */
.header { height:110px; }
.navbar { padding:10px 0 0 0; color:#000; background:#fff; }
.navbar-row { 
	align-items:center; 
	justify-content:space-between; 
	padding:0; 
	width:100%; 
}

.logo { margin-right:-90px; text-align:center; }
.logo-name, .logo-txt { display:block; }
.logo-name { 
	margin-bottom:5px;
	font-family:'Ceremonious Two', serif;
	font-size:64px;
	line-height:64px;
	letter-spacing:3px;
	color:#b7985f;
}
.logo-txt { 
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#535353;
}

/* navbar-collapse */
.navbar-collapse {
	position:absolute;
	top:70px;
	left:0;
	background:#5a656b;
}
.navbar-nav { padding:10px 0; }
.navbar-nav .nav-item { padding:0; border-bottom:1px solid rgba(255,255,255,0.2); }
.navbar-nav .nav-item:last-child { border-bottom:0; }
.navbar-nav .nav-link { 
	padding:12px 20px!important;  
	font-size:12px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#fff; 
}
.navbar-nav .active .nav-link, 
.navbar-nav .nav-link:hover, 
.navbar-nav .active .nav-link:hover { color:#000; background:#ece1bf; }

/* navbar-toggler */
.navbar-toggler { 
	display:flex;
	padding:0; 
	border:0; 
	border-radius:0;		
}
.navbar-toggler-icon { 
	display:block; 
	margin-right:15px; 
	width:28px; 
	height:22px; 
	background:none; 
}
.navbar-toggler-icon i { 
	display:block; 
	margin-bottom:7px; 
	height:2px; 
	background:#b7985f; 
}
.navbar-toggler-icon i:last-child { margin-bottom:0; }
.navbar-toggler-txt { padding-top:3px; font-size:14px; color:#b7985f; }

.navbar .tel { text-align:right; color:#b7985f; }
.navbar .tel p { margin-bottom:0; }
.navbar .tel .phone { 
	margin-bottom:5px; 
	font-size:16px; 
	font-weight:bold; 
	white-space:nowrap; 
}
.navbar .tel .address { 
	margin-top:5px; 
	font-size:13px; 
	line-height:18px; 
}
.navbar .tel a { 
	color:#b7985f!important; 
	border-bottom:1px solid transparent; 
}
.navbar .tel a:hover { border-bottom-color:#b7985f; }
.navbar .soc { 
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center;
	justify-content:flex-end;
	font-size:13px; 
}
.navbar .soc i { 
	margin-right:7px;
	width:16px; 
	height:16px;
	font-style:normal; 
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
}
.navbar .soc .whatsapp { background-image:url('../img/icon-whatsapp.svg'); }
.navbar .soc .viber { background-image:url('../img/icon-viber.svg'); }
.navbar .soc .telegram { background-image:url('../img/icon-telegram.svg'); }

.header.fix { 
	position:fixed;
	z-index:999; 
	top:0; 
	left:0; 
	right:0; 
	height:65px;
	background:#fff; 
	box-shadow:0 5px 15px rgba(0,0,0,0.1);
}
.header.fix .logo-name { 
	margin-bottom:0; 
	font-size:50px; 
	line-height:40px; 
}
.header.fix .logo-txt { display:none; }
.header.fix .navbar-collapse { top:55px; }
.header.fix .soc { display:none; }


/* CONTENT ------------------------------------------------------------------------------------- */
.content { position:relative; padding-bottom:100px; }


/* box --------------------------------------------------------------------- */
.box { position:relative; padding:0 0 80px 0; }
.box .title { 
	margin:0 auto 40px auto; 
	font-family:'CharterC', serif; 
	text-transform:uppercase; 
	letter-spacing:3px;
}
.box .title.bordered { position:relative; }
.box .title.bordered:after {
	content:'';
	display:block;
	margin:20px auto 0 auto;
	width:100px;
	height:2px;
	background:#ece1bf;
}
.title.white h1, .title.white h2, .title.white h3 { color:#fff; }
.title.grey h1, .title.grey h2, .title.grey h3 { color:#5a656b; }
.box .subtext { 
	margin-bottom:30px; 
	font-size:15px; 
	line-height:24px; 
	color:#535353; 
}
.box .subtext.white { color:#fff; }

.box .txt p { line-height:1.7; }

.box .txt .list-hh { 
	margin-bottom:10px; 
	font-size:16px; 
	font-weight:500;
	color:#000; 
}
.box .txt ul { margin:0 0 20px 0; padding:0; }
.box .txt ul li { position:relative; list-style:none; padding:0 0 3px 15px; }
.box .txt ul li:before {
	content:'';
	position:absolute;
	top:8px;
	left:0;
	width:5px;
	height:5px;
	background:#b7985f;
	border-radius:100%;
}


/* screen ------------------------------------------------------------------- */
.screen {
	z-index:10; 
	margin-bottom:100px; 
	padding-top:20px;
	height:650px; 
}
.screen .carousel { padding:0; width:100%; }
.screen .carousel:before {
	content:'';
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(242, 240, 236, 0.1)/* #f2f0ec */;
}
.screen .carousel-item {
	height:650px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.carousel-indicators { z-index:11; margin:0; left:30px; right:auto; bottom:30px; }
.carousel-indicators li { 
	margin:0 7px;
	width:12px;
	height:12px;
	border-radius:100%;
	border:2px solid #ece1bf; 
	background:none;
	cursor:pointer;
}
.carousel-indicators li.active { background:#ece1bf; }
.carousel-indicators li::before, .carousel-indicators li::after { display:none; }

.book { 
	padding:30px 40px; 
	background:url('../img/curle-dark.jpg') no-repeat center center #5a656b; 
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.book .title { 
	margin-bottom:20px;
	font-size:20px; 
	line-height:28px; 
	color:#fff; 
}
.book .title.bordered:after { margin:15px 0 0 0; }
.book .btn { color:#535353;	background:#ece1bf; border-color:#ece1bf; }
.book .btn:hover { color:#fff; background:#b7985f; border-color:#b7985f; }
.form-book .guests { width:100%; }


/* SLICK SLIDERS -------------------------------------------------------------------------------- */
.sls { padding-bottom:65px; }
.sls .item { padding:0 10px; }
.sls .slick-arrow {
	position:absolute;
	top:auto;
	bottom:0;
	display:block;
	margin:0;
	padding:0;
	width:45px;
	height:45px;
	border-radius:100%;
	border:1px solid #b7985f;
	background:url('../img/right-arrow-gold.svg') no-repeat center center;
	background-size:20px auto;
	cursor:pointer;
}
.sls .slick-prev { left:calc(50% - 55px); transform:rotate(180deg); }
.sls .slick-next { right:calc(50% - 55px); }
.sls .slick-arrow:hover { 
	background-image:url('../img/right-arrow-white.svg'); 
	background-color:#b7985f; 
}
.sls .slick-disabled { filter:grayscale(); opacity:.5; }


/* EFFECTS ------------------------------------------------------------------ */
.zoom:before {
	content:'';
	display:none;
	position:absolute;
	top:calc(50% - 50px);
	left:calc(50% - 50px);
	width:100px;
	height:100px;
	border-radius:100%;
	background:url('../img/zoom.svg') no-repeat center center rgba(0, 0, 0, 0.3);
	background-size:40px auto;
}

@-webkit-keyframes showbg {
  0% { -webkit-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1) }
  100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
}

@keyframes showbg {
  0% { -webkit-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1) }
  100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
}

.zoom:hover:before { 
	display:block; 
	-webkit-animation:showbg .5s ease-in-out;
	animation:showbg .5s ease-in-out;
}


/* NUMBERS -------------------------------------------------------------------------------------- */
.numbers .container { overflow:hidden; }
.numbers .items { margin:0 -10px; overflow-x:hidden; }
.numbers .item { padding:0 10px; text-align:center; }
.numbers .item .img {
	display:block;
	position:relative;
	margin-bottom:15px;
	height:200px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.numbers .item .hh, .numbers .item .hh2 { 
	font-size:14px; 
	text-transform:uppercase; 
	letter-spacing:1px; 
}
.numbers .item .hh { margin-bottom:5px; font-weight:bold; }
.numbers .item .hh2 { margin-bottom:15px; }
.numbers .item .hh a { border-bottom:1px solid transparent; }
.numbers .item .hh a:hover { color:#b7985f; border-bottom-color:#b7985f; }
.numbers .item .price { margin-bottom:20px; font-weight:600; color:#b7985f; }
.numbers .item .btn { font-size:12px; color:#b7985f; }
.numbers .item .btn:hover { color:#fff; }


/* SERVICES ------------------------------------------------------------------------------------- */
.service {
	padding-top:80px;
	background:url('../img/curle-light.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.service .item { text-align:center; }
.service .item .icon { position:relative; z-index:8; height:150px; }
.service .item .icon:before {
	content:'';
	position:absolute;
	z-index:9;
	top:25px;
	left:calc(50% - 43px);
	width:86px;
	height:86px;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	transform:rotate(45deg);
}
.service .item .icon:after {
	content:'';
	position:absolute;
	z-index:10;
	top:9px;
	left:calc(50% - 60px);
	width:120px;
	height:120px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:48px auto;
}
.service .item-food .icon:after { background-image:url('../img/services/icon-food.svg'); }
.service .item-parking .icon:after { background-image:url('../img/services/icon-parking.svg'); }
.service .item-park .icon:after { background-image:url('../img/services/icon-park.svg'); }
.service .item-therapy .icon:after { background-image:url('../img/services/icon-therapy.svg'); }
.service .item-child .icon:after { background-image:url('../img/services/icon-child.svg'); }
.service .item-wifi .icon:after { background-image:url('../img/services/icon-wifi.svg'); }
.service .item-reception .icon:after { background-image:url('../img/services/icon-reception.svg'); }
.service .item-ecscursion .icon:after { background-image:url('../img/services/icon-ecscursion.svg'); }
.service .item-nosmoking .icon:after { background-image:url('../img/services/icon-nosmoking.svg'); }
.service .item-waterpool .icon:after { background-image:url('../img/services/icon-waterpool.svg'); }
.service .item-animals .icon:after { background-image:url('../img/services/icon-animals.svg'); }
.service .item-billiard .icon:after { background-image:url('../img/services/icon-billiard.svg'); }
.service .item .txt { font-size:16px; font-weight:300; line-height:26px; }

.service-slider .slick-arrow {
	top:52px;
	bottom:auto;
	width:20px;
	height:35px;
	border-radius:0;
	border:0;
	background-size:auto 35px;
}
.service-slider .slick-prev { left:-20px; right:auto; }
.service-slider .slick-next { right:-20px; left:auto; }
.service-slider .slick-arrow:hover { 
	background-image:url('../img/right-arrow-grey.svg'); 
	background-color:transparent; 
}


/* PRICE ---------------------------------------------------------------------------------------- */
.ptable { margin-bottom:40px; width:100%; font-size:14px; }
.ptable thead { background:#f2f0ec; }
.ptable .pcat { background:#f8f8f8; }
.ptable th, .ptable td { 
	vertical-align:middle;
	width:25%; 
	text-align:center;
	border:1px solid #dadada; 
	border-collapse:collapse; 
	box-sizing:border-box;
}
.ptable th, .ptable .pcat { 
	padding:15px; 
	font-size:12px; 
	font-weight:500;
	letter-spacing:1px;
	text-transform:uppercase; 
}
.ptable td { padding:5px 15px; }
.ptable .first { text-align:left; }


/* HOTEL ---------------------------------------------------------------------------------------- */
.hotel-slider .item .img {
	position:relative;
	display:block;
	height:400px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}


/* RULES ---------------------------------------------------------------------------------------- */
.rules .title h2 { color:#5a656b; }
.rules .subtext { padding-right:20px; padding-left:0; }
.rules .subtext .bold { color:#000; }
.rules .time span { 
	display:block;
	padding-left:22px;
	background-repeat:no-repeat;
	background-position:0 4px;
	background-size:16px auto; 
	-webkit-background-size:16px auto; 
	-moz-background-size:16px auto; 
}
.rules .time span:first-child { background-image:url('../img/clock-green.svg'); }
.rules .time span:last-child { background-image:url('../img/clock-grey.svg'); }
.rules .image {
	border-left:20px solid #fff;
	padding-right:0;
	background:url('../img/image-rules.jpg') no-repeat right center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}


/* KISLOVODSK ----------------------------------------------------------------------------------- */
.kislovodsk {
	padding-top:80px;
	background:url('../img/bg-kislovodsk.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.kislovodsk .container { overflow:hidden; }
.kislovodsk .items { margin-left:-10px; margin-right:-10px; }
.kislovodsk .item { 
	padding:0 10px; 
	text-align:center; 
	color:rgba(255,255,255,0.9); 
}
.kislovodsk .item .item-box { 
	padding:30px 20px; 
	height:100%;
	background:#283b46; 
}
.kislovodsk .item .hh {
	margin-bottom:15px;
	font-family:'CharterC', serif;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#ecd9b0; 
}
.kislovodsk .item .txt { font-size:13px; line-height:20px; }
.kislovodsk .item .icon {
	margin:0 auto 20px auto;
	width:48px;
	height:48px;
	background-size:auto 48px;
	background-repeat:no-repeat;
	background-position:center center;
}
.kislovodsk .item1 .icon { background-image:url('../img/ksl-icon1.svg'); }
.kislovodsk .item2 .icon { background-image:url('../img/ksl-icon2.svg'); }
.kislovodsk .item3 .icon { background-image:url('../img/ksl-icon3.svg'); }
.kislovodsk .item4 .icon { background-image:url('../img/ksl-icon4.svg'); }


/* COMMENTS ------------------------------------------------------------------------------------- */
.reviews {
	padding-top:80px;
	background:url('../img/curle-light.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.reviews .container { overflow:hidden; }
.reviews .items { margin-left:-20px; margin-right:-20px; }
.reviews .item { padding:0 20px; }
.reviews .item-box { padding:40px; height:100%; background:#fff; }
.reviews .item .hh { 
	margin-bottom:20px;
	padding-left:50px; 
	background:url('../img/icon-user.svg') no-repeat 0 2px; 
	background-size:36px auto;
}
.reviews .item .date { 
	margin-bottom:3px;
	font-family:'CharterC', serif; 
	font-size:14px; 
	line-height:14px; 
	color:#b7985f; 
}
.reviews .item .name { 
	font-size:16px; 
	line-height:26px; 
	font-weight:500; 
	color:#535353; 
}
.reviews .item .txt { font-size:14px; line-height:24px; color:#535353; }


/* CONTACTS ------------------------------------------------------------------------------------- */
.contacts .title h2 { color:#000; }
.contacts .info { font-size:16px; }
.contacts .info p { margin-bottom:10px; }
.contacts .tel { font-size:110%; }
.contacts .email a { border-bottom:1px solid #999; }
.contacts a:hover { color:#b7985f; border-bottom-color:#b7985f; }
.contacts .soc { margin-top:30px; }
.contacts .soc .icons { 
	display:flex; 
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	margin-bottom:10px;
}
.contacts .soc b { display:block; margin-bottom:5px; }
.contacts .soc .soc-name { display:block; font-size:13px; }
.contacts .soc i { 
	margin-right:7px;
	width:20px; 
	height:20px;
	font-style:normal; 
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
}
.contacts .soc .whatsapp { background-image:url('../img/icon-whatsapp.svg'); }
.contacts .soc .viber { background-image:url('../img/icon-viber.svg'); }
.contacts .soc .telegram { background-image:url('../img/icon-telegram.svg'); }


/* MAP ------------------------------------------------------------------------------------------ */
.map { width:100%; height:500px; }


/* FOOTER --------------------------------------------------------------------------------------- */
.footer { 
	position:relative;
	z-index:2;
	margin:-80px 0 0 0;
	height:80px;
	font-size:14px;
	color:#fff;
	background:#5a656b;
}
.footer .ft-row { align-items:center; justify-content:center; height:80px; }


/* INNER PAGES --------------------------------------------------------------------------------- */
.inner .content { padding-top:20px; }

.inner .page-title { margin-bottom:60px; }
.inner .page-title .container {
	padding:25px 0;
	text-align:center;
	background:url('../img/curle-light.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.inner .page-title h1 { color:#535353; }

.inner .page-title-text { 
	margin-bottom:60px; 
	font-size:18px;
	line-height:28px;
	font-weight:300;
	text-align:center; 
}

.inner-book-btn { 
	display:block;
	margin:0 auto 30px auto; 
	padding:9px 0 8px 0; 
	width:250px; 
}


/* inner rooms */
.rooms .image { padding-right:60px; }
.rooms .image .img { 
	position:relative;
	display:block; 
	height:550px; 
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.rooms-slider { padding-bottom:0; }
.rooms-slider .slick-arrow { 
	bottom:20px; 
	border-color:#fff; 
	border-width:2px;
	opacity:1; 
	background-image:url('../img/right-arrow-white.svg');
}
.rooms-slider .slick-arrow:hover { border-color:#b7985f; }
.rooms .item { margin-bottom:40px; }
.rooms .item .hh, .rooms .item .hh2 { 
	font-size:16px; 
	text-transform:uppercase; 
	letter-spacing:1px; 
}
.rooms .item .hh { margin-bottom:5px; font-weight:bold; }
.rooms .item .hh2 { margin-bottom:15px; }
.rooms .item .hh a { border-bottom:1px solid transparent; }
.rooms .item .hh a:hover { color:#b7985f; border-bottom-color:#b7985f; }
.rooms .item .price { 
	margin-bottom:20px; 
	font-size:18px; 
	font-weight:500; 
	color:#b7985f; 
}
.rooms .item .btns { 
	display:flex; 
	justify-content:space-between; 
	margin-bottom:40px; 
}
.rooms .item .btn { font-size:13px; }
.rooms .fe { 
	display:flex; 
	align-items:center; 
	justify-content:flex-start; 
	margin-bottom:15px;
	height:100%;
	font-size:14px;
	color:#535353;
}
.rooms .fe:before {
	content:'';
	display:block;
	width:45px;
	height:45px;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	background-color:#f2f0ec;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 24px;
	-webkit-background-size:auto 24px;
	-moz-background-size:auto 24px;
}
.rooms .fe.bed:before { background-image:url('../img/rooms/icon-bed.svg'); }
.rooms .fe.tv:before { background-image:url('../img/rooms/icon-tv.svg'); }
.rooms .fe.wc:before { background-image:url('../img/rooms/icon-wc.svg'); }
.rooms .fe.wifi:before { background-image:url('../img/rooms/icon-wifi.svg'); }
.rooms .fe.snow:before { background-image:url('../img/rooms/icon-snow.svg'); }
.rooms .fe.food:before { background-image:url('../img/rooms/icon-food.svg'); }
.rooms .fe.pot:before { background-image:url('../img/rooms/icon-pot.svg'); }
.rooms .fe.bal:before { background-image:url('../img/rooms/icon-balcony.svg'); }
.rooms .fe .tx { padding-left:10px; width:calc(100% - 45px); }
.rooms .ps { margin-top:20px; font-size:13px; color:#7a7a7a; }
.rooms .ps p { margin-bottom:10px; }


/* inner services */
.inner .service { padding-top:0; background:#fff; }
.inner .service .container { overflow:hidden; }
.inner .service .items { margin:0 -20px; }
.inner .service .col { padding:0 20px; }
.inner .service .item { 
	display:flex; 
	align-items:center; 
	justify-content:flex-start; 
	margin-bottom:20px;
	text-align:left; 
}
.inner .service .icon { width:130px; height:130px; }
.inner .service .desc { padding-left:20px; width:calc(100% - 130px); }
.inner .service .hh { margin-bottom:10px; font-size:18px; line-height:26px; }
.inner .service .txt { font-size:14px; line-height:24px; }
.service .item .icon:before { border:1px solid #ece1bf; box-shadow:none; }


/* inner hotel */
.hotel-info .txt { font-size:16px; color:#555; }
.hotel-info .images { padding-left:40px; }
.hotel-info .images img { margin-bottom:20px; width:100%; height:auto; }
.hotel-info .images img:last-child { margin-bottom:0; }

.video-file { 
	position:relative;
	z-index:8;
	display:block; 
	width:100%; 
	height:550px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;	
}
.video-file:before {
	content:'';
	position:absolute;
	z-index:9;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#5a656b;
	opacity:0.5;
}
.video-file .play {
	position:absolute;
	z-index:10;
	top:calc(50% - 50px);
	left:calc(50% - 50px);
	width:100px;
	height:100px;
	border-radius:100%;
	border:2px solid #fff;
	transition:all .3s;
}
.video-file .play i {
	position:absolute;
	top:calc(50% - 15px);
	left:calc(50% - 6px);
	border-left:20px solid #fff;
	border-top:16px solid transparent;
	border-bottom:16px solid transparent;
}
.video-file .play:hover { background:#fff; }
.video-file .play:hover i { border-left-color:#b7985f; }


/* inner therapy */
.therapy { color:#535353; }
.therapy .sanator, .therapy .massage {
	position:relative;
	padding:40px;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.therapy .sanator {
	margin-bottom:50px;
	background-image:url('../img/bg-therapy.jpg');
	background-position:right top;
}
.therapy .massage {
	background-image:url('../img/bg-massage.jpg');
	background-position:left top;
}



/* inner reviews */
.reviews-list .comment-header {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	margin-bottom:30px;
}
.reviews-list .comment-header h3 { margin-bottom:0; }
.reviews-list .comment-inner { margin-bottom:60px; }
.reviews-list .comment { 
	margin-bottom:40px; 
	padding:30px; 
	line-height:1.6;
	border:1px solid #dadada; 
	border-left-color:#b7985f; 
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.reviews-list .author { 
	margin-bottom:10px;
	padding-left:40px;
	min-height:30px;
	background:url('../img/icon-user.svg') no-repeat 0 0; 
	background-size:30px auto;
}
.reviews-list .author p { margin-bottom:0; }
.reviews-list .author .fn { font-weight:bold; font-style:normal; }
.reviews-list .author .date { margin-bottom:20px; font-size:13px; color:#555; }
.reviews-list .text p { margin-bottom:10px; }

.reviews-list .comment-form { 
	position:relative; 
	padding-top:60px; 
	border-top:1px solid #ccc; 
}
.reviews-list .notes { margin-bottom:40px; font-size:14px; color:#555; }
.reviews-list .notes p { margin-bottom:5px; }
.reviews-list form { width:75%; }
.reviews-list .field-box input, .reviews-list .field-box textarea {
	border:1px solid #999;
}
.reviews-list .field-box textarea { height:auto; }
.reviews-list .field-name { padding-left:0; padding-right:15px; }
.reviews-list .field-email { padding-right:0; padding-left:15px; }
.reviews-list .btn-box .btn { width:auto; }
.reviews-list .pers { margin:0; }

/* inner gallery */
.gallery .container { overflow:hidden; }
.gallery .items { margin:0 -10px; }
.gallery .item { position:relative; padding:10px; }
.gallery .item .img {
	display:block;
	height:200px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.gallery-slider .item { 
	height:350px; 
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}


/* attractions */
.attractions .row { margin-bottom:40px; }
.attractions .txt { line-height:24px; color:#333; }
.attractions .txt.left { padding-right:40px; }
.attractions .txt.right { padding-left:40px; }
.attractions .img {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}

.interest .items { margin:0 -15px; }
.interest .item { 
	margin-bottom:20px; 
	padding:0 15px; 
	font-weight:500; 
	text-align:center; 
}
.interest .img {
	display:block;
	margin-bottom:15px;
	height:220px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}


/* attention + link */
.rules-link { margin-top:60px; text-align:center; }
.rules-link a {
	font-size:16px;
	font-weight:bold;
	color:#b7985f;
	border-bottom:1px solid;
}
.rules-link a:hover { color:#222; }
.attention { 
	margin-top:60px;
	padding:20px;
	text-align:center; 
	color:#555;
	border:1px solid #eee;
}
.attention h5 { margin-bottom:15px; font-size:18px; }
.attention p { margin-bottom:0; }


/* FORMS --------------------------------------------------------------------------------------- */
form .field-box { position:relative; margin-bottom:20px; }
form .field-box input, form .field-box textarea {
	width:100%;  
	font-size:14px;
	border-radius:0; 
	border:0; 
	border:1px solid #eee;
	background:#fff;
}
.modal .field-box input, .modal .field-box textarea { border-color:#ccc; }
form .field-box input { padding:0 10px; height:35px; }
.form-book .field-box input { background:#f0f1f2; border-color:#f0f1f2; }
.form-book label { display:block; margin-bottom:7px; color:#fff; }
form .field-box textarea { padding:10px; height:60px; resize:none; }
form .btn-box { margin:10px 0 20px 0; }
form .btn { width:100%; }

form .field-wrap { position:relative; }
form .field-date .field { padding-right:4px; }
.formorder .field-date:nth-child(1) { padding-right:10px; }
.formorder .field-date:nth-child(2) { padding-left:10px; }
form .date-icon {
	position:absolute;
	z-index:9;
	top:calc(50% - 8px);
	right:10px;
	width:16px;
	height:16px;
	background:url('../img/icon-calendar.svg') no-repeat center center;
	background-size:16px auto;
}

/* date input */
input[type='date']::-webkit-inner-spin-button { display:none; }
input[type='date']::-webkit-calendar-picker-indicator {
	position:absolute;
	top:calc(50% - 10px);
	right:5px;
	z-index:10;
	opacity:0;
	width:16px;
	height:16px;
	cursor:pointer;
}
input[type='date']::-webkit-clear-button {
	position:absolute;
	top:10px;
	right:35px;
	z-index:10;
	width:10px;
	height:16px;
	cursor:pointer;
}

form .field-people { padding-left:0; padding-right:10px; }
form .field-child { padding-right:0; padding-left:10px; }

form .pers { 
	position:relative; 
	margin:0 auto; 
	padding-left:25px;
	width:340px; 
	font-size:12px; 
	line-height:18px;
	color:#333;
}
form .pers label { 
	display:block; 
	margin-bottom:0; 
	text-align:left; 
}
form .pers label a { 
	color:#333; 
	border-bottom:1px solid rgba(0,0,0,0.6); 
	text-decoration:none; 
}
form .pers label a:hover, 
form .pers label a:active, 
form .pers label a:focus { 
	color:#000; 
	border-bottom-color:#000; 
	text-decoration:none; 
}

form .error { 
	position:absolute; 
	padding-top:3px; 
	font-size:13px; 
	color:#ffd667;
}

/* select */
form select { display:none; }
.jq-selectbox { width:100%; }
.jq-selectbox__select { 
	display:flex; 
	align-items:center;
	padding:0 10px;
	height:35px; 
	font-size:14px;
	border:1px solid #ccc; 
	background:#fff;
	cursor:pointer;	
}
.form-book .jq-selectbox__select { 
	background:#f0f1f2; 
	border-color:#f0f1f2; 
}
.jq-selectbox__select-text { 
	padding-right:10px; 
	width:100%!important; 
}
.jq-selectbox__trigger { 
	position:absolute; 
	top:12px; 
	right:5px; 
	width:12px; 
	height:6px;
	transition:all .3s;	
}
.jq-selectbox.opened .jq-selectbox__trigger { 
	top:17px; 
	right:16px; 
	transform:rotate(180deg); 
}
.jq-selectbox__trigger-arrow {
	width:6px;
	height:12px;
	background:url('../img/right-arrow-grey.svg') no-repeat center bottom;
	background-size:auto 100%;
	transform:rotate(90deg);
}
.jq-selectbox__dropdown { 
	width:100%; 
	font-size:14px; 
	background:#fff; 
	border:1px solid #f0f0f0; 
}
.form-book .jq-selectbox__dropdown { border-color:#fff; }
.jq-selectbox__dropdown ul { margin:0; padding:0; color:#535353; }
.jq-selectbox__dropdown ul li { 
	padding:5px 15px; 
	border-bottom:1px solid #f0f0f0; 
	cursor:pointer;
	transition:all .3s;
}
.jq-selectbox__dropdown ul li:hover { color:#000; background:#f9f9f9; }
.jq-selectbox__dropdown ul li.selected { color:#000; }

.rooms .jq-selectbox__select { width:200px; height:40px; }
.rooms .jq-selectbox__trigger { top:15px; }
.rooms .jq-selectbox.opened .jq-selectbox__trigger { top:20px; }
.rooms .jq-selectbox__dropdown { width:200px; }

/* checkboxes */
.jq-checkbox { 
	position:absolute!important;
	top:0;
	left:0;
	width:16px; 
	height:16px; 
	border-radius:0;
	border:0;
	background:#ccc;
	cursor:pointer;
}
.jq-checkbox.checked { 
	background:url('../img/check.svg') no-repeat center center #ccc; 
	background-size:11px auto;
	-webkit-background-size:11px auto;
	-moz-background-size:11px auto;
}

/* placeholders */
::-webkit-input-placeholder { color:#939fa4; }
::-moz-placeholder { color:#939fa4; }/* Firefox 19+ */
:-moz-placeholder { color:#939fa4; }/* Firefox 18- */
:-ms-input-placeholder { color:#939fa4; }

input[placeholder] { text-overflow:ellipsis; }
input::-moz-placeholder { text-overflow:ellipsis; } 
input:-moz-placeholder { text-overflow:ellipsis; } 
input:-ms-input-placeholder { text-overflow:ellipsis; }  

:focus::-webkit-input-placeholder { color:transparent; }
:focus::-moz-placeholder { color:transparent; } 
:focus:-moz-placeholder { color:transparent; } 
:focus:-ms-input-placeholder { color:transparent; }


/* MODAL ---------------------------------------------------------------------------------------- */
.modal .modal-content { 
	border-radius:0; 
	background:#fff; 
	border:1px solid #eee; 
	box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.modal .modal-body { padding:40px; }
.modal .modal-title { margin-bottom:20px; text-align:left; }
.modal .modal-title { 
	margin-bottom:15px;
	font-family:'CharterC', serif; 
	letter-spacing:2px; 
	color:#b7985f;
	text-align:center;
}
.modal .modal-close { 
	position:absolute;
	z-index:10;
	top:20px;
	right:20px;
	padding:0;
	width:30px;
	height:30px;
	cursor:pointer;  
	border:0; 
	background:url('../img/cancel.svg') no-repeat center center;
	background-size:12px auto;
	-webkit-background-size:12px auto;
	-moz-background-size:12px auto;
}
.modal .btn-box { text-align:center; }

.m-order { z-index:9998; }
.m-pers { z-index:9999; }

.m-order .info { margin-bottom:30px; text-align:center; }
.m-order .info p { margin-bottom:7px; }
.m-order .info .p1 { font-weight:300; }
.m-order .info .p2 { font-weight:bold; }
.m-order .field-name { padding-right:10px; }
.m-order .field-tel { padding-left:10px; }
.m-order .small { 
	margin-top:20px; 
	margin-bottom:0;
	text-align:center;
	color:#555; 
}
.m-order .formorder .field-date:nth-child(1) { padding-left:0; }
.m-order .formorder .field-date:nth-child(2) { padding-right:0; }
.m-order .error { position:relative; color:#333; }

.m-pers .modal-close:before { color:#ccc; }
.m-pers .modal-body { font-size:14px; }
.m-pers .modal-body ul li { padding-bottom:7px; }

.m-thanks .thanks-text { text-align:center; }


/* THANKS --------------------------------------------------------------------------------------- */


/* MEDIA --------------------------------------------------------------------------------------- */
@media (max-width: 1400px) {
	.rooms .jq-selectbox__select, .rooms .jq-selectbox__dropdown { width:180px; }
}
@media (max-width: 1200px) {
	.numbers .item .hh, .numbers .item .hh2 { font-size:13px; }
	
	.service-slider .slick-list { margin:0 auto; width:90%; }
	.service-slider .slick-prev { left:0!important; }
	.service-slider .slick-next { right:0!important; }
	.service .item .txt { font-size:15px; line-height:22px; }
	
	.kislovodsk .item { margin-bottom:20px; }
	
	.hotel-info .txt { font-size:15px; }
	
	.video-file { height:500px; }
	
	.inner .service .item { min-height:140px; }
	.inner .service .icon { width:110px; height:110px; }
	.inner .service .item .icon:before { left:calc(50% - 37px); width:75px; height:75px; }
	.inner .service .item .icon:after {
		top:12px;
		left:calc(50% - 50px);
		width:100px;
		height:100px;
		background-size:40px auto; 
	}
	.inner .service .hh { font-size:16px; line-height:22px; }
	
	.rooms .image { padding-right:30px; }
	.rooms .image .img { height:500px; }
	.rooms .item .price { margin-bottom:15px; }
	.rooms .fe { font-size:13px; }
	.rooms .fe:before { 
		width:35px; 
		height:35px; 
		background-size:auto 20px;
		-webkit-background-size:auto 20px;
		-moz-background-size:auto 20px;
	}
	.rooms .item .btns { 
		flex-direction:column; 
		justify-content:flex-start; 
		margin-bottom:20px; 
	}
	.rooms .jq-selectbox { width:auto; }
	.rooms .jq-selectbox__select, .rooms .jq-selectbox__dropdown { width:100%; }
	.rooms .item .btn { margin-top:15px; padding:9px 15px; }
	.rooms .ps { margin-top:10px; }
}

@media (max-width: 992px) {
	.logo-name { font-size:56px; line-height:56px; }
	.logo-txt { font-size:12px; }
	
	.box .txt p { line-height:1.6; }
	
	.numbers .items { margin:0 -15px; }
	.numbers .item { margin-bottom:40px; padding:0 15px; }
	.numbers .item .img { height:250px; }
	
	.reviews .item { margin-bottom:40px; }
	.reviews .item:last-child { margin-bottom:0; }
	
	.hotel-slider .item .img { height:350px; }
	
	.hotel-info .images { display:flex; justify-content:space-between; padding-left:0; }		
	.hotel-info .images img { margin:0; width:49%; height:auto; }
	
	.rules .time { text-align:center; }
	.rules .time span { display:inline-block; margin-right:20px; }
	.rules .time span:last-child { margin-right:0; }
	.rules .image { height:350px; border-left:0; }
	
	.rules-link { margin-top:20px; }
	
	.video-file { height:450px; }
	
	.inner .service .icon { margin-bottom:20px; }
	.inner .service .item { 
		flex-direction:column; 
		margin-bottom:40px; 
		min-height:270px;
		text-align:center; 
	}
	.inner .service .desc { padding-left:0; width:100%; }
	
	.therapy .sanator:before, .therapy .massage:before {
		content:'';
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	.therapy .sanator:before {
		background: -moz-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(238,238,238,0.7) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(238,238,238,1) 0%,rgba(238,238,238,0.7) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(238,238,238,1) 0%,rgba(238,238,238,0.7) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}
	.therapy .massage:before {
		background: -moz-linear-gradient(right, rgba(238,238,238,1) 0%, rgba(238,238,238,0.7) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(right, rgba(238,238,238,1) 0%,rgba(238,238,238,0.7) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to left, rgba(238,238,238,1) 0%,rgba(238,238,238,0.7) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 */
	}
	
	.rooms .image .img { height:420px; }
	.rooms .item .hh, .rooms .item .hh2 { font-size:14px; }
	.rooms .item .hh { margin-bottom:0; }
	.rooms .item .hh2 { margin-bottom:10px; }
	.rooms .item .price { font-size:16px; }
	.rooms .item .btns { flex-direction:row; }
	.rooms .jq-selectbox { margin-right:20px; }
	.rooms .jq-selectbox__select, .rooms .jq-selectbox__dropdown { width:180px; font-size:13px; }
	.rooms .item .btn { margin-top:0; padding:10px 15px 8px 15px; font-size:12px; }
	.rooms .ps-bottom { font-size:14px; line-height:1.6; }
}

@media (max-width: 767px) {
	h1 { font-size:28px; line-height:36px; }
	
	.header { height:70px; }
	.logo { margin-right:-20px; }
	.logo-name { margin-bottom:0; }
	.logo-txt { display:none; }
	.navbar .tel .phone { margin-bottom:0; }
	
	.mb80 { margin-bottom:60px; }
	
	.box { padding-bottom:60px; }
	
	.screen { margin-bottom:60px; padding-bottom:0; height:auto; }
	.screen .carousel { margin-bottom:10px; }
	.screen .carousel-item { height:500px; }
	.carousel-indicators { left:0; right:0; text-align:center; }
	
	.book .title { text-align:center; }
	.book .title.bordered:after { margin:20px auto 0 auto; }
	.form-book .field-box { padding-right:20px; }
	.form-book .field-numbers, .form-book .field-child { padding-right:0; }
	.form-book .field-people, .form-book .field-child { padding-left:0; }
	.form-book .guests { width:66.5%; }
	.form-book .btn-box { margin-top:31px; padding-left:20px; width:36.5%; }
	.form-book .btn-box .btn { padding:9px 10px 8px 10px; }
	
	.service { padding-top:60px; }
	
	.kislovodsk { padding-top:60px; }
	
	.inner .page-title-text br { display:none; }
	
	.hotel-slider .item .img { height:300px; }
	
	.video-file { height:400px; }
	
	.inner .service .icon { margin-bottom:0; }
	.inner .service .item { 
		flex-direction:row; 
		margin-bottom:20px; 
		min-height:auto;
		text-align:left; 
	}
	.inner .service .desc { padding-left:20px; width:calc(100% - 130px); }
	
	.rooms .image { margin-bottom:20px; padding-right:0; }
	.rooms .item .hh, .rooms .item .hh2, .rooms .item .price, .rooms .ps { text-align:center; }
	.rooms .item .btns { margin-bottom:30px; align-items:center; justify-content:center; }
	.rooms .jq-selectbox { margin-right:20px; width:180px; }
	.rooms .fe { 
		display:block; 
		margin-bottom:30px;
		text-align:center; 
	}
	.rooms .fe:before { margin:0 auto 10px auto; }
	.rooms .fe .tx { padding:0 10px; width:100%; }
	
	.attractions .txt { order:1; margin-bottom:30px; }
	.attractions .txt.left { padding-right:0; }
	.attractions .txt.right { padding-left:0; }
	.attractions .img { order:2; height:300px; }
	
	.map { height:400px; }
	
	.zoom:before {
		top:calc(50% - 30px);
		left:calc(50% - 30px);
		width:60px;
		height:60px;
		background-size:24px auto;
	}
	
	#commentform { width:100%; }
}

@media (max-width: 640px) {	
	.header { height:60px; }
	.navbar-toggler-txt { display:none; }
	.logo { margin-right:0; margin-left:-140px; }
	.logo-name { font-size:50px; line-height:50px; }
	.navbar-collapse { top:50px; width:50%; }
	
	.screen .carousel-item { height:450px; }
	
	.form-book .field-box { padding:0 10px!important; max-width:50%; flex:0 0 50%; }
	.form-book .guests { width:100%; }
	.form-book .btn-box { margin-top:10px; padding:0; width:100%; text-align:center; }
	.form-book .btn-box .btn { padding:9px 10px 8px 10px; width:auto; }
	
	.numbers .item .img { height:200px; }
	
	.hotel-slider .item .img { height:250px; }
	
	.inner .page-title-text { margin-bottom:40px; font-size:16px; line-height:24px; }
}

@media (max-width: 576px) {	
	h1 { font-size:26px; line-height:34px; }
	h1.attr-title { font-size:24px; line-height:30px; }
	h2 { font-size:28px; line-height:36px; }
	h3 { font-size:18px; line-height:26px; }
	
	.logo { position:absolute; top:0; left:50px; margin-left:0; }
	.logo-name { font-size:48px; line-height:48px; }
	.navbar-collapse { width:70%; } 
	
	.box .subtext { font-size:14px; line-height:22px; }
	
	.screen { margin-bottom:40px; padding-bottom:0; }
	.screen .carousel-item { height:400px; }
	
	.book { padding:30px 20px; }
	
	.numbers .item .img { height:250px; }
	
	.hotel-slider .item .img { height:300px; }
	
	.rules .image { height:300px; }
	
	.rules-link { margin-top:0; }
	.rules-link a { font-size:15px; }
	.attention { margin-top:40px; font-size:14px; }
	.attention h5 { font-size:17px; }
	
	.kislovodsk { padding-top:40px; }
	.kislovodsk .item:last-child { margin-bottom:0; }
	
	.reviews .item .hh { padding-left:40px; background-size:30px auto; }
	.reviews .item .name { font-size:15px; line-height:24px; }
	.reviews .item .txt { font-size:13px; }
	
	.sls { padding-bottom:55px; }
	.sls .slick-arrow { width:35px; height:35px; background-size:15px auto; }
	.sls .slick-prev { left:calc(50% - 40px); }
	.sls .slick-next { right:calc(50% - 40px); }
	.service-slider .slick-arrow { background-size:20px auto; }
	
	.rooms .sls { padding-bottom:0; }
	.rooms .image .img { height:350px; }
	.rooms .ps-bottom { font-size:13px; }
	
	.map { height:300px; }
	
	.inner .page-title { margin-bottom:40px; }
	.inner .page-title .container { padding:15px; }
	
	.ptable { display:none; }
	.ptable th, .ptable td { width:33.3%; }
	.ptable th, .ptable .pcat { 
		padding:5px; 
		font-size:11px; 
		letter-spacing:normal; 
		text-transform:none;
	}
	.ptable .pcat { padding:10px; font-size:12px; border-top:2px solid #b7985f; }
	.ptable td { padding:5px 10px; }
	.ptable-mob .ptable { display:table; font-size:13px; }
	
	.hotel-info .txt { font-size:14px; }
	.hotel-info .images { flex-direction:column; }
	.hotel-info .images img { margin-bottom:10px; width:100%; }
	
	.video-file { height:350px; }
	.video-file .play {
		top:calc(50% - 45px);
		left:calc(50% - 45px);
		width:90px;
		height:90px; 
	}
	.video-file .play i {
		top:calc(50% - 11px);
		left:calc(50% - 5px);
		border-left:15px solid #fff;
		border-top:12px solid transparent;
		border-bottom:12px solid transparent;
	}
	
	.gallery .items { display:none; }
	
	.therapy .sanator, .therapy .massage { background:#f9f9f9; }
	.therapy .sanator:before, .therapy .massage:before { display:none; }
	.therapy .sanator { margin-bottom:30px; }
	
	.attractions .img { height:250px; }
	.interest .img { height:200px; }
	
	.reviews-list .comment { font-size:14px; }
	.reviews-list .comment-inner { margin-bottom:40px; }
	.reviews-list .comment-form { padding-top:30px; }
	.reviews-list form { width:100%; }
	.reviews-list .btn-box { text-align:center; }
	.reviews-list .pers { margin:0 auto; }
	
	.m-order .info { font-size:14px; }
	.m-order .field-name { padding-right:0; }
	.m-order .field-tel { padding-left:0; }
}

@media (max-width: 468px) {
	h1.attr-title { font-size:17px; line-height:24px; }
	
	.box .txt .list-hh { font-size:15px; }
	
	.navbar-toggler-icon { margin-right:0; width:25px; }
	.logo { left:40px; }
	.logo-name { font-size:40px; line-height:40px; letter-spacing:2px; }
	.navbar .tel .address { font-size:12px; }
	.navbar-collapse { width:100%; }
	.navbar-nav { padding:5px 0; }
	.navbar-nav .nav-link { padding:9px 15px!important; font-size:11px; }
	
	.header.fix { height:50px; }
	.header.fix .navbar { padding-top:5px; }
	
	.header.fix .logo-name { font-size:44px; }
	
	.screen .carousel-item { height:350px; }
	
	.book .title { margin-bottom:30px; font-size:18px; line-height:24px; }
	
	.form-book label, form .field-box input, form .field-box textarea { font-size:13px; }
	.jq-selectbox__select, .jq-selectbox__dropdown ul li { font-size:13px; }
	
	.rules .image { height:250px; }
	
	.video-file { height:300px; }
	
	.inner-book-btn { margin-bottom:20px; }
	
	.inner .service .item { align-items:flex-start; margin-bottom:30px; }
	.inner .service .icon { width:90px; height:90px; }
	.inner .service .item .icon:before { left:calc(50% - 30px); width:60px; height:60px; }
	.inner .service .item .icon:after {
		left:calc(50% - 43px);
		width:86px;
		height:86px;
		background-size:32px auto; 
	}
	.inner .service .desc { padding-top:10px; }
	.inner .service .hh { font-size:15px; line-height:20px; }
	.inner .service .item .txt { font-size:14px; line-height:20px; }
	
	.gallery-slider .item { height:300px; }
	
	.rooms .image .img { height:300px; }
	.rooms .item .btns { flex-direction:column; margin-bottom:20px; }
	.rooms .jq-selectbox { margin-right:0; width:200px; }
	.rooms .jq-selectbox__select, .rooms .jq-selectbox__dropdown { width:100%; }
	.rooms .item .btn { margin-top:15px; padding:9px 15px; width:200px; }
	
	.therapy .sanator, .therapy .massage { padding:30px; }
	.therapy .sanator .txt, .therapy .massage .txt { font-size:14px; }
	
	.attractions .txt { font-size:14px; line-height:20px; }
	
	.interest .items { margin:0 -10px; }
	.interest .item { padding:0 10px; }
	.interest .img { margin-bottom:10px; height:160px; }
	
	.reviews-list .comment { margin-bottom:30px; padding:20px; font-size:13px; }
	.reviews-list .author { flex:0 0 100%; padding-right:0; }
	.reviews-list .notes { font-size:13px; }
	.reviews-list .field-name, .reviews-list .field-email { padding:0; flex:0 0 100%; max-width:100%; }
	
	.fancybox-caption { font-size:13px!important; }
	
	.footer { font-size:13px; }
	.footer .txt { text-align:center; }
	
	form .pers { width:200px; }
	
	.m-thanks .thanks-text { font-size:14px; }
}

@media (max-width: 360px) {
	h1 { font-size:20px; line-height:28px; }
	h1.attr-title { font-size:14px; line-height:20px; }
	h2 { font-size:24px; line-height:32px; }
	h3 { font-size:16px; line-height:24px; }
	
	.btn { font-size:13px; }
	
	.mb80 { margin-bottom:40px; }
	
	.box { padding-bottom:40px; }
	.box .txt .list-hh { font-size:14px; }
	
	.carousel-indicators { bottom:20px; }
	
	.rules-link a { font-size:14px; }
	.attention { margin-top:30px; font-size:13px; }
	.attention h5 { font-size:16px; }
	
	.inner .content { padding-top:10px; }
	.inner .page-title { margin-bottom:20px; }
	.inner .page-title .container { padding:10px 15px; }
	
	.inner .page-title-text {
		margin-bottom:30px;
		font-size:14px;
		line-height:22px; 
	}
	.inner .service .item .txt { font-size:13px; }
	
	.header { height:85px; }
	.navbar { padding-top:5px; }
	.navbar-toggler { position:absolute; top:10px; left:0; }
	.navbar-row { flex-direction:column; }
	.logo { position:static; }
	.navbar .tel { text-align:center; }
	.navbar .tel .phone { font-size:14px; }
	
	.header.fix .navbar .tel { display:none; }
	
	.screen { padding-bottom:0; }
	.screen .carousel-item { height:280px; }
	
	.book .title { font-size:16px; line-height:22px; }
	.form-book .field-box { padding:0!important; max-width:100%; flex:0 0 100%; }
	.form-book .field-people, .form-book .field-child { max-width:50%; flex:0 0 50%; }
	.form-book .field-people { padding:0 10px 0 0!important; }
	.form-book .field-child { padding:0 0 0 10px!important; }
	.form-book .btn-box { margin-bottom:0; }
	.form-book .btn-box .btn { width:100%; }
	 
	.service .sls { padding-bottom:30px; }
	.service .item .icon { height:120px; }
	.service .item .icon:before { 
		left:calc(50% - 33px);
		width:66px; 
		height:66px; 
	}
	.service .item .icon:after {
		left:calc(50% - 50px);
		width:100px; 
		height:100px; 
		background-size:40px auto;
	}
	.service .item .txt br { display:none; }
	
	.numbers .item .img { height:200px; }
	.numbers .item .hh2 { font-size:12px; }
	.numbers .item .btn { width:80%; }
	
	.rules .time { text-align:left; }
	.rules .time span { display:block; }
	.rules .image { height:200px; }
	
	.interest .items { margin:0 -5px; }
	.interest .item { padding:0 5px; font-size:13px; }
	.interest .img { height:150px; }
	
	.reviews .item-box { padding:30px 20px; }
	
	.contacts .info { font-size:15px; }
	
	.video-file { height:270px; }
	.video-file .play {
		top:calc(50% - 40px);
		left:calc(50% - 40px);
		width:80px;
		height:80px; 
	}
	.video-file .play i {
		top:calc(50% - 10px);
		left:calc(50% - 4px);
		border-left:12px solid #fff;
		border-top:10px solid transparent;
		border-bottom:10px solid transparent;
	}
	
	.inner-book-btn { padding:8px 10px 7px 10px; width:94%; }
	
	.inner .service .icon { margin:0 auto 20px auto; }
	.inner .service .item { 
		flex-direction:column; 
		margin-bottom:40px;
		min-height:auto;		
		text-align:center; 
	}
	.inner .service .desc { padding-left:0; width:100%; }
	
	.rooms .image .img { height:250px; }
	.rooms .sls .slick-arrow { opacity:0.7; }
	.rooms .sls .slick-arrow:hover { opacity:1; }
	.rooms .fe { 
		display:flex; 
		flex:0 0 50%; 
		margin-bottom:15px; 
		max-width:50%; 
		font-size:12px;
		text-align:left; 
	}
	.rooms .fe:before { 
		margin:0; 
		width:30px; 
		height:30px; 
		background-size:auto 18px;
		-webkit-background-size:auto 18px;
		-moz-background-size:auto 18px;
	}
	.rooms .fe .tx { padding:0 0 0 5px; width:calc(100% - 30px); }
	.rooms .ps-bottom { font-size:12px; }
	
	.therapy .sanator, .therapy .massage { padding:20px; }
	.therapy .sanator .txt, .therapy .massage .txt { font-size:13px; }
	
	.attractions .img { height:200px; }
	
	.reviews-list .comment-header { flex-direction:column; }
	.reviews-list .comment-header h3 { margin-bottom:15px; }
	.reviews-list .comment { font-size:13px; }
	.reviews-list .btn-box .btn { width:100%; }
	
	.modal .modal-body { padding:30px 20px; }
	.modal .modal-close { top:5px; right:5px; }
	.m-order .info { font-size:13px; }
	.m-order .field-box { margin-bottom:15px; }
	.m-order .field-box label { font-size:13px; }
	.m-order .formorder .field-date { flex:0 0 100%; max-width:100%; padding:0!important; }
	.m-order .formorder .guests { width:100%; }
	.m-order .btn { padding:9px 15px 8px 15px; font-size:12px; }
	.m-pers .modal-body { font-size:13px; }
	.modal ul, .modal ol { padding:0 0 0 17px; }
}

@media (max-width: 300px) {
	h1 { font-size:18px; line-height:24px; }
	h1.attr-title { font-size:13px; line-height:20px; }
	.rooms .jq-selectbox, .rooms .item .btn { width:100%; }
	.interest .item p { margin-bottom:0; }
	.interest .img { height:120px; }
}