/*   
Theme Name: Индивидуальная тема
Theme URI: https: //kwork.ru/user/ravlex
Version: 1.0
Description: С вниманием к деталям
Author: Ravlex
Author URI: https: //kwork.ru/user/ravlex
*/


.filter input[type=submit] {
	-webkit-box-shadow: 6px 6px 20px rgba(30, 31, 34, .18);
	box-shadow: 6px 6px 20px rgba(30, 31, 34, .18);
	border-radius: 5px;
	background-color: #1c3cfc;
	width: 100%;
	height: 70px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	cursor: pointer;
	border: none;
	position: relative;
	padding: 0;
}

.upload-texts {
	border: 2px dotted #dedddd;
	border-radius: 10px;
	cursor: pointer;
	min-height: 50px;
	padding: 10px 22px;
	text-align: left;
	letter-spacing: 0.06em;
	font-size: 12px;
	font-weight: 600;
	color: black;
	display: block;
}

.upload-texts:hover {
	border-color: #1c3cfc;
}

.upload-wrap,
.upload-label {
	position: relative;
	display: block;
}

.upload-texts-label {
	color: #1c3cfc;
	text-transform: uppercase;
	display: block;
	font-weight: 600;
	font-size: 16px;
}

.upload-texts-subtitle {
	display: block;
	color: #898f96;
	font-size: 12px;
	line-height: 1.2;
	margin-top: 8px;
	font-weight: 400;
}

.upload-file:valid+.upload-texts {
	display: none;
	user-select: none;
}

.file-buffer:empty {
	display: none;
}

.btn-loading {
	pointer-events: none;
	opacity: 0.7;
}

.file-buffer {
}

.file-buffer .el-form-files-item-icon img {
	width: 100%;
	max-width: 600px;
	height: 100%;
}
.file-buffer .el-form-files-item-icon {
	position: relative;
	background-color: #000;
}
.file-buffer .el-form-files-item-icon:hover img {
	opacity: 0.6;
}
.file-buffer .el-form-files-item-icon:hover:after {
	content: "";
	position: absolute;
	inset: 0;
	background-position: center;
	background-size: 24px 24px;
	background-repeat: no-repeat;
	filter: invert(1);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.7 17.3l-3-3a5.9 5.9 0 0 0-.6-7.6 5.9 5.9 0 0 0-8.4 0 5.9 5.9 0 0 0 0 8.4 5.9 5.9 0 0 0 7.7.7l3 3a1 1 0 0 0 1.3 0c.4-.5.4-1 0-1.5zM8.1 13.8a4 4 0 0 1 0-5.7 4 4 0 0 1 5.7 0 4 4 0 0 1 0 5.7 4 4 0 0 1-5.7 0z'%3E%3C/path%3E%3C/svg%3E");
}

.el-form-files-item-remove {
	font-weight: 400;
	cursor: pointer;
	color: #898f96;
	font-size: 12px;
	line-height: 1.2;
	margin-top: 8px;
}
.el-form-files-item-remove:hover {
	color: red;
}

.map-item:only-child {
	width: 100%;
}

.map-wrapper .js-ymap {
	height: 420px;
	width: 100%;
	border-radius: 15px;
}

.map-wrapper .text-map {
	pointer-events: none;
}

.map-wrapper .text-map>* {
	pointer-events: all;
}

.searchandfilter ul {
	padding: 0;
	margin: 0;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;

}

.limit {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 500;
	color: red;
}

.searchandfilter ul li {
	width: 24%;
	height: 70px;
	padding: 15px 20px;
	position: relative;
}

.filter form {
	display: flex;

	width: 100%;
}

.searchandfilter h4 {
	margin: 0;
	padding: 0;
	color: rgba(105, 111, 114, .5);
	font-size: 13px;
	font-weight: 500;
	line-height: 13px;
	z-index: 2;
	position: absolute;
	left: 20px;
	top: 15px;
	pointer-events: none;
}

.searchandfilter ul li:after {
	content: '';
	position: absolute;
	right: 25px;
	top: 0;
	bottom: 0;
	margin: auto;
	user-select: none;
	pointer-events: none;
}

.sf-field-post-meta-k-vo_mest:after {
	width: 21px;
	height: 21px;
	background-image: url('images/field-1.svg');
}

.sf-field-post-meta-type-kuzov:after {
	width: 21px;
	height: 15px;
	background-image: url('images/field-2.svg');
}

.searchandfilter ul li.sf-field-submit {
	padding: 0;
}

.sf-field-post-meta-marka-model:after {
	width: 16px;
	height: 21px;
	background-image: url('images/field-3.svg');
}

.sf-field-post-meta-skidka_ot_1_dnya:after {
	width: 21px;
	height: 21px;
	background-image: url('images/field-4.svg');
}

.section-main .container .wrap-form {
	position: relative;
	z-index: 2;
}

.catalog_in__btn {
	width: 100%;
	border: none;
	margin-top: 20px;
}

.title-current-bread,
.price-final {
	display: contents;
}

.no-validate {
	border-color: red !important;
}

.form-row .row .radio .content-radio span {
	display: inline-block;
	white-space: nowrap;
}

.old-price {
	font-size: 18px;
	line-height: 18px;
	text-decoration: line-through;
	color: #ff6868;
	font-weight: 600;
	margin-bottom: 10px;
}

.bread ul {
	text-transform: lowercase;
}

.item-list-content .icon {
	flex-shrink: 0;
}

.item-clients .text-wrapper .play,
.catalog_in__btn {
	outline: none;
}

.single-page {
	margin-top: 40px;
}

.item-service {
	margin-bottom: 20px;
}

.rules-wrapper .text .desc-rule {
	margin-top: 20px;
}

.modal-1 .modal-thankyou .form .checkbox {
	color: rgba(30, 26, 53, .5);
	font-size: 12px;
	font-weight: 400;
	line-height: 12px;
	margin-top: 20px
}

.modal-1 .modal-thankyou .form .checkbox .rect {
	margin-right: 20px
}

.modal-1 .modal-thankyou .form .checkbox a {
	display: contents;
	text-decoration: underline;
	color: rgba(30, 26, 53, .5)
}

.modal-1 {
	padding: 0 !important
}

.modal-1 .modal-thankyou {
	padding: 60px;
	width: 410px
}

.modal-1 .modal-thankyou .title {
	color: #1e1a35;
	font-size: 30px;
	font-weight: 700;
	line-height: 36px
}

.modal-1 .modal-thankyou .desc {
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	margin-top: 20px;
	position: relative;
	padding-left: 30px
}

.modal-1 .modal-thankyou .desc::before {
	content: '';
	display: inline-block;
	background-color: #1c3cfc;
	width: 16px;
	height: 7px;
	margin-right: 14px;
	position: absolute;
	left: 0;
	top: 10px
}

.modal-1 .modal-thankyou .form {
	margin-top: 45px
}

.modal-1 .modal-thankyou .form .input input,
.modal-1 .modal-thankyou .form .input textarea {
	border: 2px solid #e2e2e2;
	outline: 0;
	height: 48px;
	padding: 0 20px;
	color: #1e1a35;
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	width: 100%
}

.modal-1 .modal-thankyou .form .input textarea {
	height: 80px;
	padding: 15px 20px;
}

.modal-1 .modal-thankyou .form .input+.input {
	margin-top: 20px
}

.modal-1 .modal-thankyou .form .submit {
	margin-top: 20px
}

.modal-1 .modal-thankyou .form .submit input {
	height: 52px;
	background-color: #1c3cfc;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 15px;
	cursor: pointer;
	width: 100%;
	border: none
}



.modal-1 .modal-thankyou .form .checkbox .rect {
	margin-right: 20px
}

.modal-1 .modal-thankyou .form .checkbox a {
	display: contents;
	text-decoration: underline;
	color: #1c3cfc
}

.modal-1 .socials-modal {
	margin-top: 50px
}

.modal-1 .socials-modal .title-social {
	color: #1c3cfc;
	font-size: 16px;
	font-weight: 700;
	line-height: 16px
}

.modal-1 .socials-modal .wrap {
	margin-top: 22px
}

.modal-1 .socials-modal .wrap a {
	width: 90px;
	height: 59px;
	background-color: #1c3cfc
}

.modal-1 .socials-modal .wrap a+a {
	margin-left: 10px
}

.single-page {
	padding: 40px 0;
}

.go-home {
	padding: 0 30px;
	height: 50px;
	-webkit-box-shadow: 6px 6px 20px rgba(30, 31, 34, .18);
	box-shadow: 6px 6px 20px rgba(30, 31, 34, .18);
	border-radius: 5px;
	background-color: #1c3cfc;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	border: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}

.go-home:hover {
	color: #fff;
}

.form-thank {
	margin-top: 45px;
}

.form-thank .container {
	padding: 40px 40px 40px 650px;
	border-radius: 15px;
	background-color: #f3f3f3;
	position: relative;
	display: flex;
	align-items: center;
	min-height: 590px;
}

.form-thank .main-2 {
	max-height: 100%;
	max-width: 45%;
	width: auto;
	position: absolute;
	left: -60px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.t-thank {
	color: #51575a;
	font-size: 52px;
	font-weight: 700;
	line-height: 1.19;
}

.d-thank {
	color: #777777;
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	margin-top: 25px;
}

.fields-thanks {
	margin-top: 45px;
}

.fields-thanks .wrap-form .calendar,
.wrap-form .calendar input {
	background-color: #fff;
}

.fields-thanks .wrap-form .calendar+.calendar {
	margin-left: 20px;
}

.fields-thanks .wrap-form .select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #fff;
}

.t-phone-wrap {
	margin-top: 20px;
	padding: 30px;
	box-shadow: 8px 13px 56px rgba(42, 42, 42, 0.08);
	border-radius: 10px;
	background-color: #1c3cfc;
}

.t-phone-wrap svg {
	margin: 0 45px;
}

.main-t {
	color: #ffffff;
	font-size: 36px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.phone-work {
	color: #ffffff;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.33;
}

.main-t:hover {
	color: #fff;
}

.select-field {
	margin: 20px 0;
}

.form-row .select-field {
	margin: 0;
}

.form-row .select-field .select2-container--default .select2-selection--single {
	border-radius: 5px;
	height: 45px;
}

.select-field .select2-container .select2-selection--single,
.select-field .select2-container--default .select2-selection--single .select2-selection__arrow,
.select-field .select2-container--default .select2-selection--single .select2-selection__rendered {

	outline: none;
}

.select-field .select2-container--default .select2-selection--single {
	border: 2px solid rgb(226 226 226);
	border-radius: 0;
	height: 48px;
	display: flex;
	align-items: center;

}

.select-field .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
}

.select-field .select2-container--default .select2-selection--single .select2-selection__rendered {
	display: flex;
	align-items: center;
	padding-left: 20px;
	color: rgb(30 26 53);
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
}

.select-city-wrapper .select2-container--default .select2-results__option[aria-disabled=true] {
	display: none;
}

.select-field .select2-container {
	width: 100% !important;
}

@media (max-width: 1470px) {
	.form-thank .container {
		padding: 40px 40px 40px 410px;
	}

	.form-thank .main-2 {
		max-width: 35%;
	}
}

@media (max-width: 1170px) {
	.searchandfilter ul li .select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 13px;
		padding-left: 10px;
		padding-right: 40px;
	}

	.searchandfilter h4 {
		font-size: 12px;
		left: 10px;
	}

	.form-thank .main-2 {
		display: none !important;
	}

	.form-thank .container {
		padding: 30px;
		min-height: 100%;
	}

	.t-thank {
		font-size: 40px;
	}

	.d-thank {
		font-size: 18px;
	}
}

@media (max-width: 992px) {
	.searchandfilter ul {
		flex-wrap: wrap;
	}

	.searchandfilter ul li {
		width: 49%;
		margin-bottom: 2%;
	}

	.map-wrapper .js-ymap {
		height: 250px;
	}
}

@media (max-width: 550px) {
	.searchandfilter ul li {
		height: auto;
	}

	.searchandfilter ul li .select2-container--default .select2-selection--single .select2-selection__rendered {
		padding: 25px 10px 10px;
	}

	.searchandfilter h4 {
		top: 10px;
	}

	.filter input[type=submit] {
		height: 45px;
		font-size: 14px;
		line-height: 14px;
	}

	.searchandfilter ul li .select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 11px;
		line-height: 11px;
		display: inline-flex;
		align-items: center;
	}

	.searchandfilter h4 {
		font-size: 10px;
		line-height: 10px;
	}

	.searchandfilter ul li:after {
		right: 10px;
	}

	.filter-title-wrapper {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.filter {
		margin-top: 20px;
	}

	.clear-filter {
		margin-top: 15px;
	}
}

.only-timepicker .datepicker--nav,
.only-timepicker .datepicker--content {
	display: none;
}

.only-timepicker .datepicker--time {
	border-top: none;
}

.bottom-order .calendar {
	width: calc(50% - 10px);
	margin-bottom: 10px;
}

.wrap-book .wrap-form {
	flex-wrap: wrap;
	justify-content: space-between;
}

@media (max-width: 768px) {
	.modal-1 .modal-thankyou .title {
		font-size: 22px;
	}

	.filter input[type="submit"] {
		height: 45px;
	}

	.section-main .calendar {
		width: 100%;
	}

	.section-main .container .wrap-form {
		width: 100%;
	}

	.modal-1 .modal-thankyou {
		width: 100%;
		max-width: 410px;
		padding: 30px 20px;
	}

	.section-main .container>img {
		display: none !important;
	}

	.bottom-order .calendar {
		width: 100%;
	}

	.calendar {
		height: 45px;
	}

	.calendar input {
		padding-top: 14px;
	}

	.catalog_in__btn {
		height: 50px;
	}

	.catalog_in__text-child {
		justify-content: center;
		text-align: center;
	}

	.catalog_in__row-sale {
		margin-top: 10px;
		padding-top: 10px;
	}

	.catalog_in__title {
		margin-bottom: 15px;
	}

	.catalog_in__price-box {
		margin-top: 15px;
	}

	.calendar .title-field {
		left: 10px;
		top: 5px;
	}

	.wrap-book .wrap-submit .input-submit {
		width: 100%;
	}

	.wrap-book .wrap-submit {
		margin-top: 0;
	}

	.wrap-book .wrap-submit input {
		width: 100%;
	}

	.t-thank {
		font-size: 18px;
	}

	.d-thank {
		font-size: 12px;
		margin-top: 15px;
	}

	.fields-thanks .wrap-form {
		flex-direction: column;
	}

	.fields-thanks .calendar {
		width: 100%;
	}

	.fields-thanks .wrap-form .calendar+.calendar {
		margin: 10px 0 0;
	}

	.t-phone-wrap {
		flex-direction: column;
		padding: 15px;
		align-items: flex-start;
	}

	.t-phone-wrap svg {
		display: none;
	}

	.main-t {
		font-size: 18px;
	}

	.phone-work {
		font-size: 12px;
		margin-top: 10px;
	}

	.fields-thanks {
		margin-top: 20px;
	}
}