/* Start:/local/templates/vanilla_personal/components/ctweb/sms.register/design.2025/style.css?17665221776227*/
.touch-forms {
	padding: 20px;
}
.short-v-form {
	max-width: 1000px !important;
	position: relative;
	padding-top: 44px !important;
}
.short-v-form h1 {
	margin: 0;
	padding: 0 0 20px;
	font: 500 36px/43.2px 'PlayFair Display';
	leading-trim: NONE;
	letter-spacing: 0px;
	vertical-align: middle;
	color: #09BBB5;
}
.v-form .touch-forms label {
	font-size: 16px !important;
	line-height: 24px !important;
	padding-bottom: 8px !important;
}
.v-form .touch-forms p {
  padding: 0;
  margin: 0;
	font-size: 12px;
	line-height: 18px;
}
.v-form-in {
	display: flex;
	width: 100%;
	gap: 40px;
	padding: 30px !important;
	justify-content: space-between;
}
.touch-forms, .touch-forms-pic {
	width: calc(100% - 100px);
}
.touch-forms-pic {
	position: relative;
	min-height: 500px;
}
.touch-forms-pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 16px;
}
.v-form .touch-fieldp {
	width: 100%;
  height: 47px;
  box-sizing: border-box;
  padding: 8px 12px;
  box-sizing: border-box;
  background: #F8F8F8;
  border: 0;
  border-radius: 6px;
  font: normal 18px/18px 'Mont';
  color: #999;
  box-shadow: 0px 4px 0px 0px #00000014;
  margin-bottom: 8px;
}

.ctweb-smsauth-form{
	max-width: 500px;
}

.v-form .ctweb-smsauth-form .check-texts input{
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.v-form .ctweb-smsauth-form .check-texts input+label {
  display: block;
  position: relative;
  user-select: none;
  cursor: pointer;
  padding: 0;
	font: normal 14px/20px 'Mont';
	padding: 3px 0 0 30px;
}
.v-form .ctweb-smsauth-form .check-texts input+label::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #09BBB5;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px 12px;
}
.v-form .ctweb-smsauth-form .check-texts input.error+label::before {
	border: 1px solid #e23125;
}
.v-form .ctweb-smsauth-form .check-texts input:checked+label::before {
  border-color: #09bbb5;
  background-color: #09bbb5;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00091 7.80007L1.20091 5.00006L0.267578 5.9334L4.00091 9.66673L12.0009 1.66673L11.0676 0.733398L4.00091 7.80007Z' fill='white'/%3E%3C/svg%3E");
}
.v-form .ctweb-smsauth-form .check-texts input+label a{
	color: #09bbb5;
}
.v-form .ctweb-smsauth-form .check-texts input+label a:hover{
	color: #ffa658;
}

.v-form .ctweb-smsauth-form .check-texts input + label {
	font-size: 10px !important;
	line-height: 15px !important;
}
.v-form .ctweb-smsauth-form .check-texts input + label::before {
  left: 0 !important;
  top: 5px !important;
  width: 16px !important;
  height: 16px !important;
  border: 0 !important;
	-webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  background-size: 16px 16px !important;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' fill='%2309BBB5'/%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' stroke='%2309BBB5'/%3E%3C/svg%3E%0A") !important;
}
.v-form .ctweb-smsauth-form .check-texts input:checked + label::before {
	-webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  background-color: #FFA658 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' fill='%2309BBB5'/%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' stroke='%2309BBB5'/%3E%3Cpath d='M12.2064 4.79303C12.3939 4.98056 12.4992 5.23487 12.4992 5.50003C12.4992 5.76519 12.3939 6.0195 12.2064 6.20703L7.20643 11.207C7.0189 11.3945 6.76459 11.4998 6.49943 11.4998C6.23427 11.4998 5.97996 11.3945 5.79243 11.207L3.79243 9.20703C3.61027 9.01843 3.50948 8.76583 3.51176 8.50363C3.51403 8.24143 3.6192 7.99062 3.80461 7.80521C3.99002 7.6198 4.24083 7.51463 4.50303 7.51236C4.76523 7.51008 5.01783 7.61087 5.20643 7.79303L6.49943 9.08603L10.7924 4.79303C10.98 4.60556 11.2343 4.50024 11.4994 4.50024C11.7646 4.50024 12.0189 4.60556 12.2064 4.79303Z' fill='white'/%3E%3C/svg%3E%0A") !important;
}

.pincode { 
	text-align: center;
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
}
.pincode input[type="number"] {
	display: block;
	width: 66px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	border: 0;
	font: 600 18px/18px 'Mont';
	background: #F8F8F8;
	color: #000;
	padding: 0;
	margin: 0;
	outline: none;
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	appearance: textfield;
	border-radius: 6px;
	box-shadow: 0px 4px 0px 0px #00000014;
}
.pincode input[type="number"].valid {
	box-shadow: 0px 4px 0px 0px #09BBB5;
}
.pincode input[type="number"]::-webkit-outer-spin-button,
.pincode input[type="number"]::-webkit-inner-spin-button {
	display: none;
}
 
.pincode input[type="number"]:focus {
	border: 2px solid #09BBB5;
}
.bx-authform-label-container {
	margin-bottom: 20px;
}
@media (max-width:991px) {
	.touch-forms-pic {
		display: none !important;
	}
	.short-v-form {
		max-width: 500px !important;
	}
	.touch-forms {
	  width: 100%;
	}
}
@media (max-width:768px) {
	.short-v-form {
		max-width: 375px !important;
	}
	.v-form-in {
		padding: 20px !important;
	}
	.touch-forms {
		padding: 0;
	}
	.pincode input[type="number"] {
		width: 51px;
	}
	.short-v-form h1 {
		font-size: 24px;
		line-height: 28.8px;
	}
	.v-form .touch-forms label {
	  font-size: 13px !important;
	  line-height: 16px !important;
	  padding-bottom: 8px !important;
	}
	.short-v-form {
	  padding-top: 14px !important;
	}
	.widgets .container-wrapper {
		padding-bottom: 56px;
	}
}
@media (max-width:360px) {
	.v-form-in {
		padding: 10px !important;
	}
	.pincode input[type="number"] {
		width: 45px;
	}
}
/* End */


/* Start:/local/templates/vanilla_personal/components/bitrix/socserv.auth.form/design.2025/style.css?17665221773490*/
/*
.bx-authform-social-popup{
	display: none;
	background: #fff;
	width: auto;
	padding: 15px;
	font-size: 14px;
	white-space: nowrap;
}

.bx-authform-social-popup form{margin-bottom: 0;}

.bx-authform-social-popup input[type="text"] {
	display: inline-block;
	max-width: 150px;
	font-size: 18px;
	height: 30px;
	margin: 0;
	padding: 0 4px;
	border: 1px solid #CCD5DB;
	border-radius: 2px;
	background: #f8fafc;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bx-authform-social ul {
  	padding: 5px 0 12px;
  	margin: 0 0 15px;
  	display: block;
}

.bx-authform-social ul li {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 35px;
	margin-right: 5px;
}
.bx-authform-social ul li .bx-authform-social-icon {
	display: block;
	width: 35px;
	height: 35px;
	background-image: url(/local/templates/vanilla_personal/components/bitrix/socserv.auth.form/design.2025/images/sprite.png);
	background-repeat: no-repeat;
	border-bottom: none;
}
.bx-authform-social ul li .bx-authform-social-icon:hover{opacity: .9;}
.bx-authform-social ul li .bx-authform-social-icon.box {background-position: 0 0;}
.bx-authform-social ul li .bx-authform-social-icon.dropbox {background-position: -44px 0;}
.bx-authform-social ul li .bx-authform-social-icon.bitrix24 {background-position: -88px 0;}
.bx-authform-social ul li .bx-authform-social-icon.yandex {background-position:-132px 0;}
.bx-authform-social ul li .bx-authform-social-icon.openid {background-position:-176px 0;}
.bx-authform-social ul li .bx-authform-social-icon.odnoklassniki {background-position:-220px 0;}
.bx-authform-social ul li .bx-authform-social-icon.google {background-position:-264px 0;}
.bx-authform-social ul li .bx-authform-social-icon.mymailru {background-position:-308px 0;}
.bx-authform-social ul li .bx-authform-social-icon.mailru2 {background-position:-440px 0;}
.bx-authform-social ul li .bx-authform-social-icon.livejournal {background-position:-352px 0;}
.bx-authform-social ul li .bx-authform-social-icon.openid-mail-ru {background-position:-440px 0;}
.bx-authform-social ul li .bx-authform-social-icon.liveid {background-position:-484px 0;}
.bx-authform-social ul li .bx-authform-social-icon.liveinternet {background-position:-528px 0;}
.bx-authform-social ul li .bx-authform-social-icon.blogger {background-position:-572px 0;}
.bx-authform-social ul li .bx-authform-social-icon.vkontakte {background-position:-616px 0;}
.bx-authform-social ul li .bx-authform-social-icon.twitter {background-position:-660px 0;}
.bx-authform-social ul li .bx-authform-social-icon.facebook {background-position:-704px 0;}
.bx-authform-social ul li .bx-authform-social-icon.google-plus {background-position:-748px 0;}
.bx-authform-social ul li .bx-authform-social-icon.office365 {background-position:-792px 0;}
.bx-authform-social ul li .bx-authform-social-icon.zoom {background-position:-836px 0;}
*/

.bx-authform-social{
	border-top: 1px solid #fff;
	margin-top: 18px;
	font-size: 16px;
}
.ili{
	text-align: center;
	position: relative;
	margin-top: -16px;
}
.ili span{
	display: inline-block;
	background: #fff;
	padding: 5px 10px;
	text-transform: uppercase;
}
.bx-authform-social ul, .bx-authform-social ul li{
	list-style: none;
	display: flex;
	padding: 0;
	margin: 0;
	width: 100%;
	flex-direction: column;
}
.bx-authform-social ul{
	margin-top: 3px;
}
.bx-authform-social ul li a.yandex{
	display: block;
	height: 56px;
	background: url(/local/templates/vanilla_personal/img/yandex-id.svg) no-repeat center center;
	border-radius: 7px;
}

/* End */
/* /local/templates/vanilla_personal/components/ctweb/sms.register/design.2025/style.css?17665221776227 */
/* /local/templates/vanilla_personal/components/bitrix/socserv.auth.form/design.2025/style.css?17665221773490 */