html body .phonemask__input::placeholder {
	font-family: 'Fira Sans', sans-serif;
}



html body .oc .phonemask__input:not(.oc-light-form-field__input)::placeholder {
	font-size: 0 !important;
}

html body .error_phonemask
{
	border-color: red !important;
}





.phonemask__input_wrap {
	position: relative !important;
	display: flex !important;
}
.phonemask__wrap input {
	padding-left: 55px !important;
	font-family: Arial !important;
}
.phonemask__country_wrap {
	position: absolute !important;
	width: 40px !important;
	z-index: 10 !important;
	background-color: #e0e0e0 !important;
	top: 0 !important;
	justify-content: center !important;
	align-items: center !important;
}
.phonemask__country_wrap details {
	width: 100%;
	height: 100%;
}
.phonemask__country_wrap summary {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 40px;
	border: none;
	background: none;
}

.phonemask__countries_wrap {
	z-index: 11 !important;
}
body .phonemask__country_wrap:nth-of-type(2) details {
	z-index: 19 !important;
}
.phonemask__country_flag {
	width: 20px !important;
	height: 20px !important;
	position: relative !important;
	border: 1px solid #dbdbdb66 !important;
	margin-top: 0px !important;
	position: absolute !important;
	left: 5px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;

}
.phonemask__countries_wrap {
	padding-top: 15px !important;
	padding-bottom: 10px !important;
	min-width: 100px !important;
	cursor: default !important;
	background: #f9f9f9 !important;
	border-radius: 0px !important;
	box-shadow: 0 0 20px rgb(0 0 0 / 28%) !important;
	z-index: 99999999999999999999 !important;
	max-height: 270px !important;
	overflow-y: scroll !important;
	margin-top: 3px;
}
.phonemask__countries_flag {
	margin-right: 5px !important;
	display: inline-block !important;
	font-size: 14px !important;
}
.phonemask__countries_name {
	margin-right: 10px !important;
	font-size: 14px !important;
	display: inline !important;
	color: black !important;
}
.phonemask__countries_phone {
	display: inline !important;
	color: black !important;
	font-size: 14px !important;
}
.phonemask__countries_country {
	color: #242424 !important;
	position: relative !important;
	padding: 6px 16px !important;
	margin-top: 2px !important;
	margin-bottom: 2px !important;
	cursor: pointer !important;
}
.phonemask__countries_country:hover, .phonemask__countries_country.active {
	background-color: #f1f1f5 !important;
}
.phonemask__countries_country.active:after {
	content:'' !important;
	display: block !important;
	width: 11px !important;
	height: 6px !important;
	position: absolute !important;
	right: 20px !important;
	top: 10px !important;
	border-bottom: 2px solid #242424 !important;
	border-left: 2px solid #242424 !important;
	transform: rotate(-45deg) !important;
}


/* spoilers*/
.phonemask__country_wrap, .phonemask__country_wrap * {
	user-select: none !important;
}
.phonemask__country_wrap details {
	position: relative !important;
	transition: min-height 0.15s linear, max-height 0.5s linear !important;
	-webkit-transition: min-height 0.15s linear, max-height 0.15s linear !important;
	border-top: 1px solid #f1f1f1 !important;
}
.phonemask__country_wrap details:first-child {
	border-top:0 !important;
}
.phonemask__country_wrap details summary {
	cursor: pointer !important;
	outline: 0 !important;
	transition: color 0.12s !important;
	-webkit-transition: color 0.12s !important;
}
.phonemask__country_wrap details summary span {
	color: #ad4040 !important;
	line-height: 20px !important;
	user-select: none !important;
}
.phonemask__country_wrap details summary span:hover {
	color: #ff001c !important;
}
.phonemask__country_wrap .spoiler-text {
	font-size: 17px !important;
	padding: 20px 30px 0 !important;
	margin-bottom: 0 !important;
}
.phonemask__country_wrap .spoiler-text ul {
	margin-bottom: 0 !important;
}
.phonemask__country_wrap .spoiler-text li {
	margin-bottom: 10px !important;
}
.phonemask__country_wrap details summary::-webkit-details-marker {
	display: none !important;
}
.phonemask__country_wrap details summary::-moz-list-bullet {
	list-style-type: none !important;
}
.phonemask__country_wrap details summary span {
	border-bottom: 1px currentColor dotted !important;
}
.phonemask__country_wrap details summary:hover {
	color: #d06c6c !important;
}
.phonemask__country_wrap details summary::before {
	content: "" !important;
	left: 25px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	position: absolute !important;
	background: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=') no-repeat 50% 50% / 1em 1em !important;
	width: 1em !important;
	height: 16px !important;
	width: 16px !important;
	transition: transform 0.1s linear !important;
	-webkit-transition: transform 0.1s linear !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.phonemask__country_wrap details summary ~ * {
	opacity: 0 !important;
	transition: opacity 0.15s linear !important;
	-webkit-transition: opacity 0.15s linear !important;
}
.phonemask__country_wrap details[open] {
	display: inline-block !important;
	width: 280px !important;
}
.phonemask__country_wrap details[open] summary {
	width: 270px !important;
}
.phonemask__country_wrap details[open] summary ~ * {
	opacity: 1 !important;
}
.phonemask__country_wrap details[open] summary:before {
	transform: translateY(-50%) rotate(90deg) !important;
	-webkit-transform: translateY(-50%) rotate(90deg) !important;
	-moz-transform: translateY(-50%) rotate(90deg) !important;
}