/* jssor slider loading skin spin css */
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
	from {
		transform: rotate(0deg);
	}
	
	to {
		transform: rotate(360deg);
	}
}

.jssora093 {display:block;position:absolute;cursor:pointer;}
.jssora093 .c {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
.jssora093 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
.jssora093:hover {opacity:.8;}
.jssora093.jssora093dn {opacity:.6;}
.jssora093.jssora093ds {opacity:.3;pointer-events:none;}

.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}

.jssorb051 .i {position:absolute;cursor:pointer;width:16px;height:16px;}
.jssorb051 .i .b {fill:#fff;fill-opacity:0.5;stroke:#000;stroke-width:400;stroke-miterlimit:10;stroke-opacity:0.5;}
.jssorb051 .i:hover .b {fill-opacity:.7;}
.jssorb051 .iav .b {fill-opacity: 1;}
.jssorb051 .i.idn {opacity:.3;}

.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}
/*END BASE*/

#jssor_1 {
	position:relative;
	margin:0 auto;
	top:0px;
	left:0px;
	width:1130px;
	height:360px;
	overflow:hidden;
	visibility:hidden;
	/*background-color:#24262e;*/
}

.jssorl-009-spin {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
	/*background-color:rgba(0,0,0,0.7);*/
}

.jssor-loader {
	margin-top:-19px;
	position:relative;
	top:50%;
	width:38px;
	height:38px;
}

.jssor-slides {
	cursor:default;
	position:relative;
	top:0px;
	left:0px;
	width:565px;
	height:360px;
	overflow:hidden;
}

.jssor-slides .bg-img {
	border-radius: 10px 10px;
}

.jssort101 {
	position:absolute;
	right:0px;
	top:0px;
	width:565px;
	height:360px;
	/*background-color:#000;*/
}

.jssort101 .p {
	width:260px;
	height:174px;
}

.jssora093 {
	width:50px;
	height:50px;
	top:0px;
}

.jarrowleft {
	left:30px;
}

.jarrowright {
	left:485px;
}

#slider2_container {
	position: relative;
	top: 0px;
	left: 0px;
	width: 1082px;
	height: 228px;
	overflow: hidden;
}

#slider_offer_container {
	position: relative;
	top: 0px;
	left: 0px;
	width: 1296px;
	height: 344px;
	overflow: hidden;
}

#slider_offer_container_popular {
	position: relative;
	top: 0px;
	left: 0px;
	width: 1296px;
	height: 228px;
	overflow: hidden;
}

[id*="slider_offer_hotels_"] {
	position: relative;
	top: 0px;
	left: 0px;
	width: 570px;
	height: 456px;
	overflow: hidden;
}

.jssorl-009-spin {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.7);
}

.jssorl-009-spin > img {
	margin-top: -19px;
	position: relative;
	top: 50%;
	width: 38px;
	height: 38px;
}

.slides-2 {
	cursor: move;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1082px;
	height: 228px;
	overflow: hidden;
}

.slides-offer {
	cursor: move;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1296px;
	height: 344px;
	overflow: hidden;
}

.slides-offer-popular {
	cursor: move;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1296px;
	height: 228px;
	overflow: hidden;
}

.slides-hotels {
	cursor: move;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 570px;
	height: 424px;
	overflow: hidden;
}

.slides-offer > div > div > img {
	border-radius: 10px;
}

.slides-hotels > div > div > img {
	border-radius: 10px;
}

.slides-hotels img {
	border-radius: 10px;
}

.slides-offer-popular > a > div > img {
	border-radius: 10px;
}

.slides-2 > a > img {
	border-radius: 10px;
}

.slides-2 > a > div {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 360px;
	height: 100%;
	padding-left: 10px;
	line-height: 50px;
	color: #FFF;
	overflow: hidden;
	border-radius: 10px 10px;
	background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5));
	width: 100%; /* Занимает всю ширину родителя */
    display: flex; /* Также используем flexbox для внутреннего контейнера */
    flex-direction: column;
    justify-content: flex-end; /* Выравнивание текста по нижнему краю */
}

.slides-hotels > div > p {
	position: absolute;
	bottom: 0;
	left: 0;
	/* height: 100%; */
	line-height: 1rem;
	color: #FFF;
	overflow: hidden;
	border-radius: 10px 10px;
	background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5));
	width: 85%; /* Занимает всю ширину родителя */
    display: flex; /* Также используем flexbox для внутреннего контейнера */
    flex-direction: row;
    /* justify-content: flex-end; Выравнивание текста по нижнему краю */
	/* align-items: flex-end; */
	margin-bottom: 0;
	padding: 10px 25px 10px 10px;
}

.slides-hotels > a > div > p {
	position: absolute;
	bottom: 0;
	left: 0;
	/* height: 100%; */
	line-height: 2rem;
	color: #FFF;
	overflow: hidden;
	border-radius: 10px 10px;
	background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5));
	width: 100%; /* Занимает всю ширину родителя */
    display: flex; /* Также используем flexbox для внутреннего контейнера */
    flex-direction: row;
    /* justify-content: flex-end; Выравнивание текста по нижнему краю */
	/* align-items: flex-end; */
	margin-bottom: 0;
	padding: 10px 25px;
	font-size: 1.5rem;
	min-height: 7.25rem;
}

.slides-offer-popular > a > div > p {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	padding-left: 20px;
	line-height: 50px;
	color: #FFF;
	overflow: hidden;
	border-radius: 10px 10px;
	background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5));
	width: 100%; /* Занимает всю ширину родителя */
    display: flex; /* Также используем flexbox для внутреннего контейнера */
    flex-direction: column;
    justify-content: flex-end; /* Выравнивание текста по нижнему краю */
}

.jssorb051 {
	position: absolute;
	top: 30px;
	right: 12px;
}

.jssorb051 .i > svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.jssora051.arrowleft {
	width: 55px;
	height: 55px;
	top: 0px;
	left: 25px;
}

.jssora051.arrowright {
	width: 55px;
	height: 55px;
	top: 0px;
	right: 25px;
}

@media screen and (max-device-width: 500px) {
	[id*="slider_offer_hotels_"] {
		position: relative;
		top: 0px;
		left: 0px;
		width: 340px;
		height: 242px;
		overflow: hidden;
	}
	
	.slides-hotels {
		cursor: move;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 340px;
		height: 242px;
		overflow: hidden;
	}

	.slides-hotels > div > p {
		border-radius: unset;
	}

	.slides-hotels > div > div > img {
		border-radius: unset;
	}

	.slides-hotels > a > div > p {
		/* border-radius: unset; */
	}

	.slides-hotels > a > div > div > img {
		border-radius: unset;
	}
}

/* Для планшетов в портретном режиме */
@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
    [id*="slider_offer_hotels_"] {
		position: relative;
		top: 0px;
		left: 0px;
		width: 720px;
		height: 405px;
		overflow: hidden;
	}
	
	.slides-hotels {
		cursor: move;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 720px;
		height: 405px;
		overflow: hidden;
	}
}

/* Для телефонов в горизонтальном режиме */
@media (max-width: 991px) and (orientation: landscape) {
    [id*="slider_offer_hotels_"] {
		position: relative;
		top: 0px;
		left: 0px;
		width: 720px;
		height: 405px;
		overflow: hidden;
	}
	
	.slides-hotels {
		cursor: move;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 720px;
		height: 405px;
		overflow: hidden;
	}
}