/* HTML: <div class="loader"></div> */
.preloader__item::before,
.preloader__item::after {
	content: "";
	grid-area: 1/1;
	border-radius: 50%;
	background: inherit;
	opacity: 0.915;
	transform: rotate(30deg);
}
.preloader__item::after {
	opacity: 0.83;
	transform: rotate(60deg);
}
@keyframes l23 {
	100% {transform: rotate(1turn)}
}



.preloader {
	/*фиксированное позиционирование*/
	position: absolute;
	/* координаты положения */
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	height: 163%;
	/* фоновый цвет элемента */
	background: #fff;
	/* размещаем блок над всеми элементами на странице (это значение должно быть больше, чем у любого другого позиционированного элемента на странице) */
	z-index: 1001;
}

.preloader__row {
	position: relative;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	margin-top: -35px;
	margin-left: -35px;
	text-align: center;
}

.preloader__item {
	width: 50px;
	aspect-ratio: 1;
	display: grid;
	border-radius: 50%;
	background:
			linear-gradient(0deg ,rgb(0 0 0/50%) 30%,#0000 0 70%,rgb(0 0 0/100%) 0) 50%/8% 100%,
			linear-gradient(90deg,rgb(0 0 0/25%) 30%,#0000 0 70%,rgb(0 0 0/75% ) 0) 50%/100% 8%;
	background-repeat: no-repeat;
	animation: l23 1s infinite steps(12);
}

.preloader__item:last-child {
	top: auto;
	bottom: 0;
	animation-delay: -1s;
}

@keyframes preloader-rotate {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes preloader-bounce {

	0%,
	100% {
		transform: scale(0);
	}

	50% {
		transform: scale(1);
	}
}

.loaded_hiding .preloader {
	transition: 0.3s opacity;
	opacity: 0;
}

.loaded .preloader {
	display: none;
}

#fb_comment{
	margin: 0 30px;
	border: 1px solid #ccc;
	width: calc(100% - 100px);
	border-radius: 5px;
	padding: 10px 20px;

}
.feedback_smile_btn{
	display: block;
	cursor: pointer;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	background: #261f43;
	font-weight: 700;
	font-size: 24px;
	padding: 16px 0;
	text-transform: uppercase;
	width: 40%;
	margin: 0 auto;
	margin-top: 10px;
}
.feedback_smile{
	display: flex;
	justify-content: space-around;
}
.feedback_smile [type=radio] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

/* IMAGE STYLES */
.feedback_smile [type=radio] + img {
	cursor: pointer;
}

/* CHECKED STYLES */
.feedback_smile [type=radio]:checked + img {
	outline: 2px solid #f00;
	border-radius: 50px;
}
.datepicker--cell-day.-current-.red-day {
}

.datepicker--cell-day.red-day {
	color: rgba(255, 0, 50, 0.2) !important;
}

.choose-flex > divtable {
	margin: auto;
}

th {
	height: 50px;
	color: #fff;
	background-color: #E8342A;
	padding: 1px 5px;
}

td {
	color: black;
	padding: 3px 6px;
	text-align: center;
}

td:first-child {
	color: black;
	padding: 3px 6px;
	text-align: left;
}


tr:hover {
	background-color: #f5f5f5
}

.row-red td {
	color: red;
	padding: 5px 12px;
}

.zapis-form {
	min-width: 1190px;
}

#s_hranenia {
	display: none;
}

#s_hranenia + label {
	display: inline-block;
	color: #000;
	width: 255px;
	line-height: 22px;
}

#s_hranenia + label::before {
	content: "";
	display: inline-block;
	height: 20px;
	width: 20px;
	background: #fff;
	border: 1px solid #000;
	border-radius: 10px;
	margin-right: 10px;
	vertical-align: bottom;
}

#s_hranenia:checked + label::before {
	background: #eb2731;
}

.map_radio {
	margin-left: 0 !important;
	margin: 10px 0;
}

.map_radio li {
	list-style: none !important;
}

.map_radio li input[type="radio"] {
	width: 15px;
	margin-right: 10px;
	margin-bottom: 0;
}

.map_radio li input[type="radio"] + label {
	width: 50%;
	padding-top: 6px;
}

.zapis {
	/*text-align: center;*/
	/*border-top: 1px solid #eee;*/
}

.zapis input[type="submit"] {
	background: #fff;
	color: #000;
	width: 200px;
	display: inline-block;
}

.zapis input[type="submit"]:disabled,
.zapis input[type="submit"]:disabled:hover {
	background: #fff;
	color: #aaa;
	border: 1px solid #aaa;
	cursor: auto;
}

.zapis input[type="submit"]:hover {
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131', endColorstr='#110200');
	background: -moz-linear-gradient(top, #313131 0%, #110200 125%);
	background: -webkit-linear-gradient(top, #313131 0%, #110200 125%);
	background: -o-linear-gradient(top, #313131 0%, #110200 125%);
	background: -ms-linear-gradient(top, #313131 0%, #110200 125%);
	background: linear-gradient(top, #313131 0%, #110200 125%);
}

.zapis .tpl_default_rights {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	text-align: left;
	padding: 0 !important;
}

.rights {
	display: none;
}

.tpl_default_rights span {
	display: inline-block;
	color: #000;
	margin-left: 32px;
}

.tpl_default_rights span a {
	color: #FC4832;
}

.rights + label {
	content: "";
	display: inline-block !important;
	height: 16px !important;
	width: 16px !important;
	background: #fff;
	border: 1px solid #000;
	margin-right: 10px;
	margin-bottom: -18px;
	vertical-align: bottom !important;
}

.rights:checked + label {
	background: #FC4832;
}

.date_time .left {
	width: 60%;
}

.date_time .left .date_now {
	display: inline-block;
	width: 222px;
	vertical-align: top;
}

.date_time .left .number h2 {
	color: #44345e;
	font-size: 50px;
	line-height: 50px;
	margin: 50px auto 0;
	text-align: center;
}

.date_time .left .number p {
	text-transform: uppercase;
	text-align: center;
}

.date_time .left .datepicker-cont {
	display: inline-block;
	width: 262px;
}

.datepicker-cont .ui-corner-all {
	border-radius: 0;
}

.datepicker-cont .ui-widget-content {
	border: none;
}

.datepicker-cont .ui-datepicker {
	padding: 0;
}

.datepicker-cont .ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .7em 0;
}

.datepicker-cont .ui-widget-header {
	border: none;
	background: #44345e;
	color: #fff;
	font-weight: normal;
}

.datepicker-cont .ui-datepicker .ui-datepicker-prev span, .datepicker-cont .ui-datepicker .ui-datepicker-next span {
	margin-top: 0px;
}

.datepicker-cont .ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: normal;
	border: 1px solid #ddd;
	border-bottom: none;
	border-top: none;
	color: #333;
	background-color: #fff;
	height: auto;
}

.datepicker-cont .ui-datepicker th:first-of-type {
	border-left: none;
}

.datepicker-cont .ui-datepicker th:last-of-type {
	border-right: none;
}

.datepicker-cont .ui-state-default, .datepicker-cont .ui-widget-content .ui-state-default, .datepicker-cont .ui-widget-header .ui-state-default {
	border: none;
	background: #fff;
	font-weight: normal;
	color: #444;
}

.datepicker-cont .ui-state-default.hold, .datepicker-cont .ui-widget-content .ui-state-default.hold, .datepicker-cont .ui-widget-header .ui-state-default.hold {
	color: #ff0032;
}

.datepicker-cont td:first-child {
	padding: 0;
}

.datepicker-cont td {
	border: 1px solid #ddd;
	border-bottom: none;
	text-align: center;
}

.datepicker-cont td a,
.datepicker-cont td span {
	text-align: center;
	text-decoration: none;
	padding: .7em .3em;
}

.datepicker-cont td:hover,
.datepicker-cont td:hover .ui-state-default {
	background: #f5f5f5;
}

.datepicker-cont tr:hover {
	background: #fff;
}

.datepicker-cont td:first-child {
	border-left: none;
}

.datepicker-cont td:last-child {
	border-right: none;
}

.datepicker-cont td a.ui-state-active {
	border: 1px solid #7E7D82 !important;
	font-weight: bold;
}

.datepicker-cont .ui-state-disabled .ui-state-default {
	text-align: center;
}

.datepicker-cont .ui-datepicker-current-day .ui-state-default {
	color: #44345e !important;
}

.datepicker-cont td.ui-datepicker-other-month {
	background: white;
}


.date_time .left .your_choose {
	display: inline-block;
	width: 222px;
	vertical-align: top;
}

.date_time .head {
	border: 1px solid #aaa;
	color: #444;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	padding: 15px 0;
}

.date_time .right {
	width: calc(40% - 40px);
	padding-left: 40px;
}

.date_time .right .time {
	padding: 30px 100px;
}

.date_time .right .time ul {
	margin-left: 0;
	-moz-column-count: 2; /* Firefox */
	-webkit-column-count: 2; /* Safari and Chrome */
	column-count: 2;
}

.date_time .right .time ul li {
	list-style: none;
}

.date_time .right .time ul li input {
	height: 14px;
	width: 14px;
}

.date_time .right .time ul li input:disabled + label {
	color: #ff0032;
}

.date_time .right .time ul li input.dis + label {
	opacity: .6;
}

.legend {
	margin-top: 20px;
}

.legend p {
	text-align: center;
}

.legend .black {
	color: #494949 !important;
}

.legend .red {
	color: #ff0032 !important;
}

.feed-inputs .feed-input-wrapp input {
	margin-bottom: 3px;
}

.feed-input-wrapp p .required {
	color: #FC4832;
}

.feed-input-wrapp .politics .required {
	color: #FC4832;
}

.feed-inputs .feed-input-wrapp p {
	color: #C8C8C8;
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
}

.feed-inputs .feed-input-wrapp p span {
	color: #5F949B;
}


.date_time .left .datepicker-cont .datepicker {
	width: 100%;
	border: 0;
}

.date_time .left .datepicker-cont .datepicker .datepicker--nav {
	min-height: 41px;
	border: none;
	background: #3D365F;
}

.date_time .left .datepicker-cont .datepicker .datepicker--nav .datepicker--nav-title,
.date_time .left .datepicker-cont .datepicker .datepicker--nav .datepicker--nav-title i {
	color: white;
}

.date_time .left .datepicker-cont .datepicker .datepicker--nav .datepicker--nav-title:not(.-disabled-):hover,
.date_time .left .datepicker-cont .datepicker .datepicker--nav .datepicker--nav-title:not(.-disabled-):hover i {
	color: black;
}

.date_time .left .datepicker-cont .datepicker .datepicker--nav .datepicker--nav-action path {
	stroke: white;
}

.date_time .left .datepicker-cont .datepicker .datepicker--content {
	padding: 0;
}

.date_time .left .datepicker-cont .datepicker .datepicker--days-names {
	margin: 0;
}

.date_time .left .datepicker-cont .datepicker .datepicker--days-names .datepicker--day-name,
.date_time .left .datepicker-cont .datepicker .datepicker--cell-day {
	border-radius: 0;
	height: 37px;
	color: black;
	font-size: 14px;
}

.date_time .left .datepicker-cont .datepicker .datepicker--cell-day.-disabled-,
.date_time .left .datepicker-cont .datepicker .datepicker--cell-day.-disabled-.-other-month- {
	color: rgba(255, 0, 50, 0.2);
}

.date_time .left .datepicker-cont .datepicker .datepicker--cell-day.-other-month- {
	color: #999999;
}

.date_time .left .datepicker-cont .datepicker .datepicker--cell-day.-disabled-:hover {
	background: white;
}

.date_time .left .datepicker-cont .datepicker .datepicker--cell-day.-focus- {

}

.date_time .left .datepicker-cont .datepicker .datepicker--cell-day.-selected- {
	border: 1px solid black;
	font-weight: bold;
	background: white;
}

.modmark input, .modmark label {
	width: auto !important;
	height: auto !important;
}

.modmark input {
	margin-right: 10px;
}

.tpl_default_author_fio, .tpl_default_author_personal_mobile, .tpl_default_author_auto_marka, .tpl_default_author_auto_model {
	display: inline-block;
	margin-right: 20px;
}

.feed-input-wrapp p {
	padding-left: 0 !important;
}

.feed-input-wrapp input {
	min-width: 220px;
	padding: 11px 15px !important;
	margin-bottom: 3px;
	width: 257px;
	position: relative;
	border: 1px solid #cbcbcb;
	background: #fff;
	cursor: pointer;
	font-size: 20px;
	line-height: 1;
}

.feed-input-wrapp select {
	min-width: 220px;
	padding: 11px 15px;
	height: 48px;
	margin-bottom: 3px;
	width: 289px;
	position: relative;
	border: 1px solid #cbcbcb;
	background: #fff;
	cursor: pointer;
	font-size: 20px;
	line-height: 1;
}

.feed-input-wrapp select[disabled="disabled"] {
	opacity: .6;
}


.modalback {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .6);
	z-index: 9999999999999;
}

.modalback.open {
	display: block;
}

.modalz {
	position: relative;
	top: 13%;
	background: #fff;
	width: 466px;
	margin: 0 auto;
}

.modalz p {
	text-align: center !important;
}

.modalz .modalhead {
	width: 100%;
	background: #cb131a;
	position: relative;
	padding: 20px 0;
}

.modalz .modalhead p,
.modalz .modalhead p:first-child {
	font-size: 24px;
	color: #fff !important;
	text-transform: uppercase;
	margin: 0 !important;
}

.modalz .modalhead .close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	cursor: pointer;
	opacity: .6;
}

.modalz .modalhead .close:hover {
	opacity: 1;
}

.modalz .modalbody {
	padding: 20px 0;
}

.modalz .modalbody p:first-child {
	font-size: 20px;
}

.modalz .modalbody .auto {
	width: calc(100% - 100px);
	background: #eee;
	border-radius: 5px;
	padding: 20px;
	margin: 0 auto;
}

.modalz .modalbody .auto table tr td:nth-child(1) {
	font-size: 15px;
	text-align: left;
	width: 35%;
}

.modalz .modalbody .auto table tr td:nth-child(2) {
	font-size: 18px;
	text-align: left;
	width: 64%;
}

.modalz .modalbottom {
	padding: 0 0 40px;
	text-align: center;
}

.modalz .modalbottom .close {
	font-size: 18px;
	text-transform: uppercase;
	padding: 10px 30px;
	border: 1px solid #000;
	border-radius: 5px;
	opacity: .6;
	box-shadow: 0px 2px 5px #999;
	cursor: pointer;
}

.modalz .modalbottom .close:hover {
	opacity: 1;
}


#zapis-app {

}

#zapis-app .choose {

}

#zapis-app .choose > div {
	cursor: pointer;
}

#zapis-app .result {

}

#zapis-app .result .map_radio {

}

#zapis-app .result .map_radio li {
	border: 1px solid rgba(178, 178, 178, 0.6);
	margin-bottom: 15px;
	cursor: pointer;
}

#zapis-app .result .map_radio li:hover {
	border-color: #FF3A3F;
}

#zapis-app .result .map_radio li label {
	margin: 20px;
	padding: 0;
	width: calc(100% - 40px);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#zapis-app .result .map_radio li label .name {
	width: 50%;
}

#zapis-app .result .map_radio li label .name i {
	margin-right: 10px;
	color: #FF3A3F;
}

#zapis-app .result .map_radio li label .date span {
	display: block;
	font-size: 12px;
	line-height: 16px;
	color: #333;
}

#zapis-app .result .map_radio li label .date span.number {
	font-size: 20px;
	line-height: 24px;
	opacity: 1;
	font-weight: 700;
}

#zapis-app .result .map_radio li label .phone {
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
	color: #333;
}

#zapis-app .result .map_radio li label .btn {
	background: #f5d021;
	color: black;
	font-weight: 400;
	padding: 10px 40px;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	text-transform: uppercase;
	margin-right: 20px;
	cursor: pointer;
	box-shadow: 0 1px 5px -2px #000;
	border-radius: 5px;
	text-decoration: none;
}

.time ul li {
	margin-bottom: 20px;
}

.tab .time ul li {
	margin-bottom: 5px;
}

.time ul li label {
	height: auto;
	vertical-align: top;
	width: 100%;
	font-size: 24px;
	display: flex;
	align-items: center;
}

.tab .time ul li label {
	display: inline;
	font-size: 20px;
}

.time ul li label .box {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	border: 1px solid #C1C1C1;
	margin-right: 10px;
	position: relative;
}

.time ul li input:checked + label .box:before {
	content: '';
	display: flex;
	align-items: center;
	justify-content: center;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	background: #FF3A3F;
}

.time ul li label span {
	display: inline-block;
}

#pagezapiscont {
	position: relative;
	margin-bottom: 40px;
}

.steps-number {
	display: none;
	position: absolute;
	top: 14px;
	right: 20px;
}

.steps-number > div {
	margin: 0 5px;
	display: inline-block;
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
	opacity: .6;
	cursor: pointer;
}

.steps-number > div.active {
	color: #FF3A3F;
	opacity: 1;
}

.prev-next {
	display: flex;
	margin: 30px 0;
}

.prev-next > button, .prev-next > div, .prev-next > input {
	padding: 12px 54px;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	margin-right: 20px;
	cursor: pointer;
	box-shadow: 0 1px 5px -2px #000;
	border-radius: 5px;
}

.prev-next > button:hover, .prev-next > div:hover, .prev-next > input:hover {
	box-shadow: inset 0 3px 15px -6px #000;
}

.prev-next .prev {
	background: #E8E8E8;
}

.prev-next .next, .prev-next > input {
	background: #FC4832;
	color: #fff;
}

.next-time {
	margin-top: 100px;
}

.next-time-flex > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	cursor: pointer;
}

.text-info-feedback-last-step {
	margin-bottom: 10px;
	margin-top: 0;
	font-size: 18px;
}

.next-time-flex > div:nth-child(odd) {
	background: #f5f5f5;
}

.next-time-flex > div:hover {
	background: #eee;
}

.next-time-flex > div .name {
	width: 60%;
	font-size: 18px;
	line-height: 24px;
}

.next-time-flex > div .date {
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
}

.next-time-flex > div .btn {
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
	text-decoration-line: underline;
	text-transform: uppercase;
	color: #FC4832;
}

.choose-flex {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.choose-flex > div {
	width: 23%;
	margin-bottom: 20px;
	min-height: 100%;
	border: 1px solid #ddd;
	margin-right: 21px;
}

.choose-flex > div .img-cont {
	overflow: hidden;
	height: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.choose-flex > div .img-cont img {
	min-width: 100%;
	min-height: 100%;
	max-width: 140%;
	max-height: 140%;
}

.choose-flex > div .name {
	font-size: 20px;
	line-height: 27px;
	padding: 15px 20px;
}

.choose-flex > div:hover {
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.18);

}

.cont-map {
	position: relative;
}

.cont-map .modal-map {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	width: 560px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.cont-map .modal-map .head {
	background: #f6f6f6;
	padding: 30px 130px;
	position: relative;
}

.cont-map .modal-map .head img {
	position: absolute;
	top: 20px;
	left: 20px;
}

.cont-map .modal-map .head .close-modal-map {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 27px;
	color: #FC4832;
	z-index: 1;
	cursor: pointer;
}

.cont-map .modal-map .body {
	padding: 30px 130px;

}

.cont-map .modal-map .body .phone {
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 20px;
}

.cont-map .modal-map .body .pay {
	margin-bottom: 20px;
}

.cont-map .modal-map .body .pay > div {
	display: flex;
	align-items: center;
}

.cont-map .modal-map .body .btns {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cont-map .modal-map .body .btns .zapis-mod {
	background: #FC4832;
	color: #fff;
	padding: 10px 45px;
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	text-transform: uppercase;
	margin-right: 20px;
	cursor: pointer;
	box-shadow: 0 1px 5px -2px #000;
	border-radius: 5px;
}

.cont-map .modal-map .body .btns .geo {
	font-size: 18px;
	line-height: 28px;
	text-decoration-line: underline;
	padding: 10px 30px;
	cursor: pointer;
	border-radius: 5px;
}

.cont-map .modal-map .body .btns .geo a {
	color: #FC4832;
}

.cont-map .modal-map .body .btns > div:hover {
	box-shadow: inset 0 3px 15px -6px #000;
}

.tabscont .tab {
	display: none;
}

.tabscont .tab.active {
	display: block;
}

.icons-phone-map {
	display: flex;
	margin-bottom: 20px;
}

.icons-phone-map .phone-time {
	display: flex;
	flex-direction: column;
}

.icons-phone-map .icons {
	display: flex;
	margin-right: 20px;
	align-items: center;
	flex-direction: column;
	justify-content: space-evenly;
}

#zapis-app .modmark label:hover {
	text-decoration: underline;
	color: #FC4832;
}

.zazk-shini-sezon-phone {
	background-color: #FC4832;
	padding: 30px 20px;
	font-size: 22px;
	color: #fff;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.zazk-shini-sezon-phone .warning {
	font-size: 65px;
	font-weight: bold;
	margin-right: 15px;
}

i.zanyato-cross {
	margin-right: 9px;
}

.text-all-busy {
	font-size: 16px;
	font-weight: bold;
}

.tooltip.show{
	display: flex !important;
}
.tooltip{
	border: 2px solid #e63329;
	position: absolute;
	padding: 10px;
	top: -30px;
	background-color: #fff;
	z-index: 99;
	right: 105px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}


.shiny-take-check {
	position: relative;
}

.shiny-take-check .tooltip {
	display: none;
}

.checkbox-shiny .checkbox-item input {
	accent-color: #FF3A3F;
}

.checkbox-shiny .checkbox-item label {
	margin-left: 6px;
	display: flex;
	align-items: center;
	font-size: 20px;
}

.checkbox-shiny .checkbox-item {
	display: flex;
	align-items: center;
}

.checkbox-shiny input {
	display: block !important;
}