.tn-box {
	width: 360px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 10px;
	padding: 25px 15px;
	text-align: left;
	border-radius: 5px;
	box-shadow:
		0 1px 1px rgba(0, 0, 0, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.6);
	opacity: 0;
	cursor: default;
	display: none;
	z-index: 100;
	background: #dd9aff;
	border: 1px solid #b367db;
}

.tn-box p {
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	padding: 0 10px 0 60px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
}

.tn-box p:before {
	text-align: center;
	border: 3px solid rgba(255, 255, 255, 1);
	margin-top: -17px;
	top: 50%;
	left: 20px;
	width: 30px;
	content: 'i';
	font-size: 30px;
	color: rgba(255, 255, 255, 1);
	position: absolute;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.tn-progress {
	width: 0;
	height: 4px;
	background: rgba(255, 255, 255, 0.3);
	position: absolute;
	bottom: 5px;
	left: 2%;
	border-radius: 3px;
	box-shadow:
		inset 0 1px 1px rgba(0, 0, 0, 0.05),
		0 -1px 0 rgba(255, 255, 255, 0.6);
}

.tn-box.tost {
	display: block;
	animation: fadeOutTost 3s linear forwards;
}

.tn-box.tost .tn-progress {
	animation: runProgress 2.5s linear forwards 0.5s;
}

@keyframes fadeOutTost {
	0% {
		opacity: 0;
	}

	10% {
		opacity: 1;
	}

	90% {
		opacity: 1;
		transform: translateY(0px);
	}

	99% {
		opacity: 0;
		transform: translateY(-30px);
	}

	100% {
		opacity: 0;
	}
}

@keyframes runProgress {
	0% {
		width: 0%;
		background: rgba(255, 255, 255, 0.3);
	}

	100% {
		width: 96%;
		background: rgba(255, 255, 255, 1);
	}
}

#int-equip,
#tv-equip,
#phone-equip {
	zoom: 1.3;
	margin: 0 0 0 6px;
}

.check-tarif {
	box-shadow: 0 0 10px #00B050;
	background-color: #D8E4BC;
	border-radius: 8px;
	padding: 10px 0;
	color: #000;
	display: flex;
	margin-bottom: 14px;
	flex-wrap: wrap;
}

.internet-wrapper {
	box-shadow: 0 0 10px #8064A2;
	background-color: #E4DFEC;
	border-radius: 8px;
	margin-bottom: 14px;
}

.tv-wrapper {
	box-shadow: 0 0 10px #0070C0;
	background-color: #ecf3fb;
	border-radius: 8px;
	margin-bottom: 14px;
}

.mobile-wrapper {
	box-shadow: 0 0 10px #E26B0A;
	background-color: #FABF8F;
	border-radius: 8px;
	padding: 10px;
	color: #000;
	margin-bottom: 14px;
}

.videocontrol-wrapper {
	background-color: lightgreen;
	box-shadow: 0 0 10px #777;
	border-radius: 8px;
	padding: 10px 16px;
	margin-bottom: 14px;
	color: #000;
}

.phone-wrapper {
	box-shadow: 0 0 10px #C0504D;
	background-color: #E6B8B7;
	border-radius: 8px;
	padding: 10px;
	color: #000;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 14px;
}

.zluzh-info-wrapper {
	box-shadow: 0 0 10px gray;
	background-color: #BFBFBF;
	border-radius: 8px;
	padding: 10px;
	color: #000;
	display: flex;
	flex-wrap: wrap;
}

.dop-info.attr {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px dashed;
	margin: 5px 0;
}

.info-wrapper {
	display: flex;
	flex-wrap: wrap;
	padding: 5px;
	overflow: hidden;
	box-sizing: border-box;
	color: black;
}

.int-type,
.tv-type {
	font-size: 120%;
	font-weight: 600;
}

.internet-wrapper .info-wrapper,
.tv-wrapper .info-wrapper {
	padding: 10px;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
}

.dop-info {
	flex-basis: 100%;
	font-size: 14px;
}

.down-speed strong,
.tv-count strong {
	font-size: 150%;
	color: #000;
}

.videocontrol-wrapper div {
	font-size: 140%;
	font-weight: 600;
}

.videocontrol-wrapper a {
	color: #0070c0;
}

.info-wrapper p {
	margin: 0;
}

.info-wrapper input[type=radio] {
	margin: 0 5px 0 0;
}

.e-type {
	flex: 0 0 100%;
	text-align: center;
	padding: 6px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 110%;
	position: relative;
	font-weight: 600;
}

.e-type label {
	padding: 0 6px;
	position: absolute;
	display: flex;
	justify-self: flex-end;
	margin-left: auto;
	border: 1px solid #888888;
	border-radius: 4px;
	right: 10px;
}

.e-cont {
	display: flex;
	flex: 0 0 100%;
}

.e-cont>div {
	flex-grow: 1;
	background-color: #b5b0b0;
	padding: 6px 6px 0;
	cursor: pointer;
	margin-right: 5px;
	border-radius: 6px 6px 0 0;
	overflow: hidden;
	white-space: nowrap;
}

.e-cont>div::before {
	content: attr(data-type);
	display: block;
	font-size: 80%;
	color: #888888;
}

.e-cont>div:last-child {
	margin-right: 0;
}

.e-cont>div.active {
	background-color: #fff;
}

.e-podr {
	flex: 0 0 100%;
	display: none;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 0 0 6px 6px;
}

.e-podr.active {
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
}

.e-type_body,
.e-podr>p {
	flex: 0 0 100%;
}

.e-podr_desc {
	color: #888888;
}

.e-podr_uslov {
	display: flex;
	flex: 0 0 100%;
}

.e-podr_name {
	font-size: 120%;
	font-weight: 600;
}

.e-podr_uslov>div {
	flex: 1 1 auto;
	border: 1px solid #888888;
	border-radius: 10px;
	margin: 5px;
	padding: 6px;
}

p.with-comm {
	display: inline-block;
	background-color: #e3e3e3;
	padding: 6px;
	border-radius: 50%;
	line-height: 0.6;
	position: relative;
	margin-left: 10px;
}

p.with-comm:hover:after {
	content: attr(data-comm);
	position: absolute;
	left: -80px;
	bottom: 100%;
	padding: 4px;
	background-color: #fff;
	box-shadow: 0 0 5px #888888;
	border-radius: 6px;
	width: max-content;
	max-width: 200px;
	line-height: 1;
}

.s-info-open span {
	display: inline-block;
	margin-left: 6px;
	transform: scale(1.5) rotate(90deg);
	transition: transform .4s ease;
	cursor: pointer;
}

.s-info-open.active span {
	transform: scale(1.5) rotate(270deg);
}

.mobile-wrapper>div:first-child {
	color: black;
	font-size: 140%;
	font-weight: 600;
}

.mobile-details {
	display: flex;
	align-items: stretch;
	margin-bottom: 10px;
}

.mobile-details>div {
	background-color: #fff;
	border-radius: 6px;
	color: #000;
	box-sizing: border-box;
	padding: 6px;
	margin: 0 5px;
}

.mobile-details>div:first-child {
	margin-left: 0;
}

.mobile-details>div:last-child {
	margin-right: 0;
}

.mobile-int,
.mobile-min {
	flex: 1 1 40%;
}

.mobile-sms {
	flex: 1 1 20%;
}

.mobile-int span,
.mobile-min span,
.mobile-sms span {
	font-size: 120%;
	font-weight: 600;
}

.mobile-sim {
	display: flex;
	margin: 6px 0 16px;
	flex-wrap: wrap;
	gap: 20px 0;
}

.simka {
	padding: 6px 24px;
	background-color: #fff;
	box-shadow: 1px 1px 5px #282828;
	text-align: center;
	margin: 0 5px;
	position: relative;
	clip-path: polygon(20% 0, 105% 0, 105% 150%, 0 150%, 0 25%);
	cursor: pointer;
	transition: background-color .3s ease;
}

.simka.tvbox {
	box-shadow: none;
	clip-path: none;
	background: url(/style/css/images/tvbox1.png) center / 100% 100% no-repeat;
	border-radius: 7px;
}

.simka:hover {
	background-color: #dd9aff;
}

.simka.active {
	background-color: #924de5;
}

.simka::after {
	content: attr(data-price);
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
}

.flex-speed {
	display: flex;
	text-align: center;
	background-color: #fff;
	border-radius: 6px;
	margin-bottom: 8px;
}

.flex-speed>div {
	flex-grow: 1;
	flex-basis: 50%;
	margin: 5px;
	padding: 4px 8px;
	border-radius: 6px;
	box-shadow: inset 0 0 2px #924de5;
	transition: background-color .3s ease;
}

.flex-speed>div:hover {
	background-color: #c0b2d1;
}

.flex-speed.flex-tv>div:hover {
	background-color: #d3e4f3;
}

.flex-speed>div span {
	font-size: 150%;
}

.flex-speed>div.active {
	background-color: #8064A2;
}

.flex-speed.flex-tv>div.active {
	background-color: #337ab7;
}

.flex-speed.flex-mobile {
	font-size: 12px;
	line-height: 1;
}

.flex-speed.flex-mobile>div:hover {
	background-color: #dd9aff;
}

.flex-speed.flex-mobile>div.active {
	background-color: #924de5;
}

div.desc-tarif {
	margin-bottom: 10px;
	border-left: 4px solid;
	padding: 5px 0 5px 5px;
	background: linear-gradient(to right, #fff 70%, #f2f2f2);
}

.voznagrad-tarif {
	background-color: #fff;
	border-radius: 6px;
	display: flex;
	align-items: center;
	padding: 6px;
}

.rub-price {
	color: #000;
	font-size: 200%;
	font-weight: 600;
}

.check-right .dop-info {
	align-items: baseline;
	text-align: left;
}

.apnext-tarif {
	text-align: right;
}

.dop-options {
	padding-top: 5px;
}

.dop-options>div {
	display: flex;
	align-items: center;
}

.dop-options span {
	color: #13b513;
	font-size: 160%;
	font-weight: 600;
	padding-right: 5px;
	line-height: 1.1;
}

span.tarifs-tech {
	margin-left: 10px;
	padding: 4px 8px;
	border-radius: 4px;
	background-color: #d9d1d1;
	text-transform: uppercase;
	cursor: pointer;
}

span.tarifs-tech {
	box-shadow: inset 0 0 20px #8dd71b;
}

span.tarifs-tech.notinthv {
	box-shadow: inset 0 0 10px red;
}

span.tarifs-tech.active {
	box-shadow: inset 0 0 20px #8dd71b, 0 0 10px #000;
	border: 3px solid #ffffff;
}

span.tarifs-tech.active.notinthv {
	box-shadow: inset 0 0 10px red, 0 0 10px #000;
	border: 3px solid #ffffff;
}

.multi-filter {
	display: flex;
	align-items: center;
	padding: 2px 6px;
	margin: 0 20px 0 10px;
	border-radius: 10px;
	box-shadow: 0 0 4px green;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.multi-filter:hover {
	background-color: #cbedcb;
}

/*ФИЛЬТР*/
.speed-range {
	transform: scale(-1, 1);
}

.zero-tarifs {
	text-align: center;
	padding-top: 20px;
	font-size: 150%;
	color: #fff;
}

.range-slider>input {
	width: 80%;
}

.custom-checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.custom-checkbox+label {
	display: inline-flex;
	align-items: center;
	user-select: none;
}

.custom-checkbox+label::before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #adb5bd;
	border-radius: 0.25em;
	margin-right: 0.5em;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
}

.custom-checkbox:checked+label::before {
	border-color: #0493FB;
	background-color: #0493FB;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
	border-color: #0493FB;
}

/* стили для активного состояния чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active+label::before {
	background-color: #0493FB;
	border-color: #0493FB;
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus+label::before {
	box-shadow: 0 0 0 0.2rem rgba(143, 200, 61, 0.25);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
	border-color: #0493FB;
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled+label::before {
	background-color: #C1C1C1;
}

/* для элемента input c type="radio" */
.custom-radio {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

/* для элемента label связанного с .custom-radio */
.custom-radio+label {
	display: inline-flex;
	align-items: center;
	user-select: none;
}

/* создание в label псевдоэлемента  before со следующими стилями */
.custom-radio+label::before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #D6DF22;
	border-radius: 50%;
	margin-right: 0.5em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
}

/* стили при наведении курсора на радио */
.custom-radio:not(:disabled):not(:checked)+label:hover::before {
	border-color: #8FC83D;
}

/* стили для активной радиокнопки (при нажатии на неё) */
.custom-radio:not(:disabled):active+label::before {
	background-color: #8FC83D;
	border-color: #8FC83D;
}

/* стили для радиокнопки, находящейся в фокусе */
.custom-radio:focus+label::before {
	box-shadow: 0 0 0 0.2rem rgba(143, 200, 61, 0.25);
}

/* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
.custom-radio:focus:not(:checked)+label::before {
	border-color: #8FC83D;
}

/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio:checked+label::before {
	border-color: #8FC83D;
	background-color: #8FC83D;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

/* стили для радиокнопки, находящейся в состоянии disabled */
.custom-radio:disabled+label::before {
	background-color: #D6DF22;
}

.all-provider,
.filter-price,
.all-option {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #888888;
}

.tarifscard {
	flex: 0 0 320px;
	background-color: #fff;
	margin: 0 5px 10px;
	border-radius: 10px;
	position: relative;
	transition: box-shadow .4s ease;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	color: #282828;
}

.tarifscard:hover {
	box-shadow: 0 0 20px #f2900e;
}

.tarifscard .tar-podr {
	height: 30px;
	width: 100px;
	background: url(/style/img/ico/tar_card_info.png) center no-repeat, #fff;
	border-radius: 0 10px 0 10px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	transition: box-shadow .4s ease;
}

.tarifscard .tar-podr:hover {
	box-shadow: inset 0 0 10px #f2900e;
}

.tarifscard .equip-attr>div.flex-speed {
	transition: all .3s ease;
	cursor: pointer;
}

.tarifscard .equip-attr>div.flex-speed:not(.active):hover {
	background: #E1EFFA;
}

.tarifscard .equip-attr>div.flex-speed.active {
	background: #91bee1;
}

.tarifscard .equip-attr {
	display: flex;
	margin-top: 6px;
}

.tarifscard .equip-attr>div {
	border: 1px solid #E0E0E0;
	border-radius: 10px;
	font-size: 14px;
	padding: 6px 8px;
	margin-left: 10px;
	flex-grow: 1;
}

.tarifscard .equip-attr>div:first-child {
	margin-left: 0;
}

.tarifscard .mob-item {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.short-desc {
	background-color: #E9E6F7;
	border-radius: 4px;
	line-height: 1.1;
	font-size: 14px;
	margin: 6px 0;
	max-height: 51px;
	border: 10px solid #E9E6F7;
	overflow: hidden;
}

.select-sort {
	display: block;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	flex: 0 0 300px;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23F18E02%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: 1em auto, 100%;
}

.select-css::-ms-expand {
	display: none;
}

.select-css:hover {
	border-color: #888;
}

.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}

.select-css option {
	font-weight: normal;
}

*[dir="rtl"] .select-css,
:root:lang(ar) .select-css,
:root:lang(iw) .select-css {
	background-position: left .7em top 50%, 0 0;
	padding: .6em .8em .5em 1.4em;
}

#prov_logos .swiper-button-next {
	background: url(/style/img/glow-right.png) center / 100% 100% no-repeat;
	right: -30px;
}

#prov_logos .swiper-button-prev {
	background: url(/style/img/glow-left.png) center / 100% 100% no-repeat;
	left: -30px;
}

#in_tars .swiper-button-next,
.tarifsline.swiper-container .swiper-button-next {
	background: url(/style/img/glow-right.png) center / 100% 100% no-repeat;
	right: -40px;
	width: 40px;
	height: 100px;
	top: 40%;
}

#in_tars .swiper-button-prev,
.tarifsline.swiper-container .swiper-button-prev {
	background: url(/style/img/glow-left.png) center / 100% 100% no-repeat;
	left: -40px;
	width: 40px;
	height: 100px;
	top: 40%;
}

#in_tars .tarifscard,
.tarifsline.swiper-container .tarifscard {
	margin: 0;
}

.swiper-button-next::after,
.swiper-button-prev::after {
	opacity: 0;
}

#in_tars.swiper-container,
.tarifsline.swiper-container {
	margin: 25px 50px 0;
	position: relative;
}

@media(max-width:420px) {

	#in_tars.swiper-container,
	.tarifsline.swiper-container {
		margin: 25px 20px 0;
	}

	#in_tars .swiper-button-next,
	.tarifsline.swiper-container .swiper-button-next {
		right: -20px;
		width: 30px;
	}

	#in_tars .swiper-button-prev,
	.tarifsline.swiper-container .swiper-button-prev {
		left: -24px;
		width: 30px;
	}
}

#aproviders-new {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-around;
}

#aproviders-new div.ver-center {
	background-color: #fff;
}

.all-tarifs {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 10px;
	padding-top: 20px;
	background-color: rgba(0, 0, 0, .05);
}

.e-podr_name>span {
	text-decoration: underline dotted;
	font-style: italic;
	transition: color 0.3s ease;
	cursor: pointer;
}

.e-podr_name>span:hover {
	color: #1e24d2;
}

.tv-serv {
	padding-bottom: 4px;
	border-bottom: 1px dashed #888888;
	margin-bottom: 4px;
}

/* БИД форма */
form.PW-form {
	font-size: 16px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

form.PW-form.lock {
	opacity: .7;
	pointer-events: none;
}

form.PW-form label {
	padding-top: 0;
}

form.PW-form input,
form.PW-form button {
	border: none;
	box-sizing: border-box;
	outline: none;
	padding: 4px 4px 4px 10px;
	border-radius: 6px;
	font-family: sans-serif;
	font-weight: 500;
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
	transition: all .4s ease;
	font-size: 18px;
}

form.PW-form input[type="checkbox"] {
	scale: 1.5;
	accent-color: #F1A502;
}

form.PW-form input.error {
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04), 0 0 5px red;

}

form.PW-form input {
	width: 100%;
	max-width: 100%;
}

form.PW-form input.short {
	max-width: 100px;
}

form.PW-form .form-row {
	display: flex;
	align-items: center;
	gap: 20px 10px;
	margin: 0 0 10px;
}

form.PW-form select {
	display: inline-block;
	font-size: 18px;
	font-family: sans-serif;
	font-weight: 500;
	padding: 4px 30px 4px 10px;
	cursor: pointer;
	min-width: 300px;
	box-sizing: border-box;
	border: none;
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
	border-radius: 6px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image:
		url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23F1A502%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
	background-repeat: no-repeat, repeat;
	background-position: right 0.7em top 50%, 0 0;
	background-size: 1em auto, 100%;
	transition: all .4s ease;
}

form.PW-form button {
	margin: 10px 0;
	background-color: #f1c86f;
	padding: 8px 20px;
	cursor: pointer;
	color: #111;
}

form.PW-form button:hover {
	background-color: #F1A502;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.04)
}

.loader {
	display: flex;
	justify-content: center;
	pointer-events: none;
	opacity: 0;
	transition: all .5s ease;
}

.loader.show {
	opacity: 1;
}

::-webkit-progress-bar {
	background: rgb(172, 172, 166);
	border-radius: 8px;
}

::-webkit-progress-value {
	background: #F1A502;
}

::-moz-progress-bar {
	background: #F1A502;
}

progress {
	display: block;
	color: #F1A502;
	background: rgb(172, 172, 166);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 400px;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	border-radius: 8px;
	border: 2px solid #f1c86f;
	position: relative;
}

progress::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: linear-gradient(-45deg,
			rgba(255, 255, 255, .1) 25%,
			transparent 25%,
			transparent 50%,
			rgba(255, 255, 255, .1) 50%,
			rgba(255, 255, 255, .1) 75%,
			transparent 75%,
			transparent);
	z-index: 1;
	background-size: 50px 50px;
	animation: move 2s linear infinite;
	overflow: hidden;
}

@keyframes move {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 50px 50px;
	}
}

#resrt {
	text-decoration: underline dotted;
	cursor: pointer;
	transition: color .4s ease;
	padding-bottom: 2px;
}

#resrt:hover {
	color: #F1A502;
}

.restrictions {
	display: none;
}

.restrictions.show {
	display: block;
}

.po-btn {
	background-color: #e1b99a;
	padding: 6px 14px;
	border-radius: 8px;
	cursor: pointer;
	transition: all .4s ease;
}

.po-btn.active {
	background-color: #FFBD89;
	color: #111;
}

.po-btn:hover {
	box-shadow: 0 0 4px #fff;
}

.py-slots {
	border: 2px solid #fff;
	padding: 4px;
	border-radius: 8px;
	font-size: 80%;
}

.bid-body.slots {
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDAgMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGNpcmNsZSBmaWxsPSIjRjFBNTAyIiBzdHJva2U9Im5vbmUiIGN4PSI2IiBjeT0iMTAiIHI9IjYiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGR1cj0iMXMiIHZhbHVlcz0iMDsxOzAiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iMC4xIj48L2FuaW1hdGU+PC9jaXJjbGU+PGNpcmNsZSBmaWxsPSIjRjFBNTAyIiBzdHJva2U9Im5vbmUiIGN4PSIyNiIgY3k9IjEwIiByPSI2Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBkdXI9IjFzIiB2YWx1ZXM9IjA7MTswIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjAuMiI+PC9hbmltYXRlPjwvY2lyY2xlPjxjaXJjbGUgZmlsbD0iI0YxQTUwMiIgc3Ryb2tlPSJub25lIiBjeD0iNDYiIGN5PSIxMCIgcj0iNiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZHVyPSIxcyIgdmFsdWVzPSIwOzE7MCIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwLjMiPjwvYW5pbWF0ZT48L2NpcmNsZT48L3N2Zz4=") bottom / 50% no-repeat;
}