/* ---------------------------------------------------------------------------
 * Moved out of assets/css/rtl/main.css (theme 4.9.7).
 * These rules only ever match inside this widget, so they now load with it
 * instead of on every page. They are kept ABOVE this file's own rules to
 * preserve the order they had when main.css was loaded first.
 * Edit them here - they are no longer in main.css.
 * --------------------------------------------------------------------------- */


.price-day::after {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #2b5d5e url(../../../assets/images/bg-price-day.png)center -45px no-repeat;
	-webkit-background-size: 100% 110%;
	-moz-background-size: 100% 110%;
	-o-background-size: 100% 110%;
	background-size: 100% 110%;
	opacity: .1;
	z-index: -2
}


.price-day::before {
	content: "";
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -1px);
	-moz-transform: translate(-50%, -1px);
	-ms-transform: translate(-50%, -1px);
	-o-transform: translate(-50%, -1px);
	transform: translate(-50%, -1px);
	width: 306px;
	height: 50px;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	z-index: -1
}


.price-day-title {
	font-size: 16px;
	color: #2b5d5e;
	line-height: 24px;
	margin-bottom: 102px
}


.price-day-item:hover {
	-webkit-transform: translateY(-12px);
	-moz-transform: translateY(-12px);
	-ms-transform: translateY(-12px);
	-o-transform: translateY(-12px);
	transform: translateY(-12px)
}


.price-day-item::before {
	content: "";
	top: 17px;
	right: 17px;
	width: -webkit-calc(100% - 34px);
	width: -moz-calc(100% - 34px);
	width: calc(100% - 34px);
	height: 87px;
	opacity: .25;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(top, #fff, rgba(255, 255, 255, 0));
	background-image: -moz-linear-gradient(top, #fff, rgba(255, 255, 255, 0));
	background-image: -o-linear-gradient(top, #fff, rgba(255, 255, 255, 0));
	background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	z-index: -1
}


.price-day-item::after {
	content: "";
	top: 38px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
	width: 75px;
	height: 75px;
	-webkit-filter: blur(19px);
	filter: blur(19px);
	z-index: -1
}


.price-day::before {
	background: url(../../../assets/images/shape-01.svg)0 0 no-repeat
}