html, body{
    height: 100%;
}
.bonuses{
    margin-top: 15px;
}

.bonus{
    width: 195px;
	position: relative;
	height: 64px;
	border-radius: 5px;
	line-height: 1.2;
	margin-bottom: 15px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    margin-right: 15px;
}

.bonus__text {
	position: absolute;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	right: 9%;
	max-height: 60%;
	top: 20%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 60%;
	max-width: 66%;
	text-align: right;
	word-break: break-word;
	text-shadow: 1px 1px 2px rgba(0,0,0,.2);
}

.bonus__wrap{
    background: -webkit-gradient(linear,left top,left bottom,from(331deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)));
	background: linear-gradient(331deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    height: 100%;
    width: 100%;
    -webkit-box-shadow: 1.9px 6.7px 7px 0 rgba(0,0,0,.1);
	box-shadow: 1.9px 6.7px 7px 0 rgba(0,0,0,.1);
    border-radius: 5px;
}
.bonus__lock-icon {
	position: absolute;
	right: 0;
	top: 0;
	left: unset;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transform: translate(40%,-40%);
	transform: translate(40%,-40%);
	background-color: #8d8d8d;
	border-radius: 100%;
	z-index: 2;
	height: 25px;
	width: 25px;
	border: 4px solid #fff;
	-webkit-box-shadow: 0 4px 10px 0 var(--color-bg-alpha2,rgba(0,0,0,.1));
	box-shadow: 0 4px 10px 0 var(--color-bg-alpha2,rgba(0,0,0,.1));
}
.bonus__lock-icon svg {
	z-index: 2;
	fill: #fff;
	height: 11px !important;
}


.discount {
	padding:20px 15px;
	text-align:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	color:#2e2e54;
	border-radius:3px;
	-webkit-box-shadow:0 3px 10px 0 rgba(255,221,111,.36);
	box-shadow:0 3px 10px 0 rgba(255,221,111,.36);
	background-color:#ffdd6f;
	border:1px solid #fdcd32;
	max-width: 195px;
   }
   .discount,
   .discount__label {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-weight:700
   }
   .discount__label {
	font-size:14px;
	white-space:nowrap;
	margin-right:5px
   }
   @media (max-width:818px) {
	.discount__label {
	 font-size:12px;
	 font-weight:400
	}
   }
   .discount__label-text {
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
	max-width:95px;
	z-index:1
   }
   .discount__price {
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:14px;
	font-weight:400;
	font-style:italic;
	white-space:nowrap;
	max-width:50%;
	z-index:2
   }
   @media (max-width:818px) {
	.discount__price {
	 font-size:14px;
	 max-width:100%
	}
   }
   .discount__value {
	position:relative;
	z-index:2
   }
   .discount__value b {
	font-style:normal
   }
   .discount__value-label {
	position:relative;
	z-index:2;
	font-style:italic;
	font-weight:500
   }
   @media (min-width:819px) {
	.discount__value-label {
	 background-color:#ffdd6f
	}
	.discount__value-label:before {
	 position:absolute;
	 left:-20px;
	 content:"";
	 display:block;
	 width:20px;
	 height:24px;
	 background:-webkit-gradient(linear,right top,left top,from(#fedc77),color-stop(50.29%,#fedc77),to(rgba(254,220,119,0)));
	 background:linear-gradient(270deg,#fedc77,#fedc77 50.29%,rgba(254,220,119,0));
	 z-index:1
	}
   }
   .discount__bubble {
	position:absolute;
	color:#44bc75;
	top:-15px;
	right:18px;
	font-size:12px;
	opacity:0;
	-webkit-animation-name:bubble;
	animation-name:bubble;
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s;
	display:block
   }
   @-webkit-keyframes bubble {
	0% {
	 opacity:0;
	 top:0
	}
	50% {
	 top:-15px;
	 opacity:1
	}
	to {
	 opacity:0
	}
   }
   @keyframes bubble {
	0% {
	 opacity:0;
	 top:0
	}
	50% {
	 top:-15px;
	 opacity:1
	}
	to {
	 opacity:0
	}
   }
   @-webkit-keyframes bubble-down {
	0% {
	 opacity:0;
	 top:-40%
	}
	50% {
	 top:8px;
	 opacity:1
	}
	to {
	 opacity:0
	}
   }
   @keyframes bubble-down {
	0% {
	 opacity:0;
	 top:-40%
	}
	50% {
	 top:8px;
	 opacity:1
	}
	to {
	 opacity:0
	}
   }
   .discount__arrows {
	position:absolute;
	top:-15px;
	right:-9px
   }
   .discount__arrows.is-down {
	top:-12px
   }
   .quiz-container_rtl .discount__label {
	margin-right:0
   }
   .quiz-container_rtl .discount__value:before {
	right:-20px;
	left:0;
	background:-webkit-gradient(linear,left top,right top,from(#fedc77),color-stop(50.29%,#fedc77),to(rgba(254,220,119,0)));
	background:linear-gradient(90deg,#fedc77,#fedc77 50.29%,rgba(254,220,119,0))
   }
   .quiz-container_rtl .discount__arrows {
	right:95%
   }
   .arrow {
	width:14px;
	height:10px;
	-webkit-animation-name:move-arrow;
	animation-name:move-arrow;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
   }
   @-webkit-keyframes move-arrow {
	0% {
	 -webkit-transform:translate(0);
	 transform:translate(0)
	}
	50% {
	 -webkit-transform:translateY(60%);
	 transform:translateY(60%)
	}
	to {
	 -webkit-transform:translate(0);
	 transform:translate(0)
	}
   }
   @keyframes move-arrow {
	0% {
	 -webkit-transform:translate(0);
	 transform:translate(0)
	}
	50% {
	 -webkit-transform:translateY(60%);
	 transform:translateY(60%)
	}
	to {
	 -webkit-transform:translate(0);
	 transform:translate(0)
	}
   }
   .final-discount_v2 {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative;
	white-space:nowrap
   }
   .final-discount_v2__title {
	font-size:11px;
	font-weight:500;
	border-radius:4px;
	background-color:#faf1d6;
	padding:4px 15px 4px 5px;
	max-width:200px;
	white-space:nowrap;
	overflow:hidden;
	word-break:break-word;
	text-overflow:ellipsis
   }
   .final-discount_v2__title,
   .final-discount_v2__value {
	font-style:normal;
	font-stretch:normal;
	line-height:12px;
	height:20px;
	letter-spacing:normal;
	text-align:left;
	color:#222;
	border:1px solid #f7cd47
   }
   .final-discount_v2__value {
	position:relative;
	margin-left:-10px;
	vertical-align:middle;
	font-size:12px;
	font-weight:700;
	background-color:#f7cd47;
	padding:1px 12px 0 8px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	border-radius:0 4px 4px 0;
	z-index:2
   }
   .final-discount_v2__value svg {
	width:14px;
	fill:#222
   }
   .final-discount_v2__value:after {
	content:"";
	position:absolute;
	background-color:#f7cd47;
	width:16px;
	height:16px;
	right:-6px;
	border-radius:4px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	z-index:-1;
	top:1px
   }
   .final-discount_v2__value:before {
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	border-radius:50%;
	background-color:#fff;
	border:1px solid #c39c23;
	z-index:2;
	right:0
   }   


.start-page__bg {
	position: relative;
	height: 275px;
	width: 100%;
	-ms-flex-item-align: center;
	align-self: center;
	border-radius: 10px;
	overflow: hidden;
	padding: 0;
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 auto !important;
	flex: 0 0 auto !important;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.sidebar_contacts li{
	display: inline-block;
}

.block-p{
	margin: 10px 0 10px 0;
}


/*
end-page-two
*/

:root {
	--color: #51b905;
	--color-lighten: #80fa29;
	--color-lighten10: #65ea06;
	--color-lighten2: #acfb74;
	--color-darken: #245502;
	--color-darken10: #3a8603;
	--color-alpha: rgba(81, 185, 5, 0.5);
	--color-alpha2: rgba(81, 185, 5, 0.2);
	--color-alpha3: rgba(81, 185, 5, 0.05);
	--color-text: #ffffff;
	--color-text2: #51b905;
	--gradient-main: 331deg, rgb(36, 85, 2), rgb(128, 250, 41);
	--color-primary-text-button: #ffffff;
	--font: 'Gilroy';
	--color-bg-sidebar: #f7f7f7;
	--color-bg-1: #ededed;
	--color-bg-2: #e6e6e6;
	--color-bg-3: #cccccc;
	--color-bg-4: #b3b3b3;
	--color-bg-5: #999999;
	--color-bg-6: rgba(54, 54, 54, 0.7);
	--color-bg-7: #ededed;
	--color-bg-8: #d9d9d9;
	--color-bg-9: #363636;
	--color-bg-text: #363636;
	--color-bg-quiz: #fff;
	--color-bg-alpha0: rgba(255, 255, 255, 0);
	--color-bg-alpha2: rgba(54, 54, 54, 0.2);
	--color-bg-alpha7: rgba(54, 54, 54, 0.7);
	--color-white-label: #ffffff;
	--color-bg-sub-text: #a6a6a6;
}

.end-page-two{
	height: 100vh;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.end-page-two .wrap{
	margin: 0 auto;
	max-width: 1024px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100vh;
	-ms-flex-wrap: nowrap !important;
	flex-wrap: nowrap !important;
	overflow-x: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
}

.end-page-two .col-1{
	min-width: 320px;
	padding: 100px;
	padding: 20px 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.end-page-two .col-2{
	width: auto;
	padding: 20px 10px;
	min-width: 320px;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.end-page-two .sendFormBtn{
	display: block;
	max-width: 100%;
}

@media (min-width:818px) {
	.end-page-two .col-1{
		padding-left: 60px;
		padding-right: 40px;
		min-width: 480px;
	}
	.end-page-two .col-2{
		padding: 20px 45px;
		min-width: 416px;
		border-left: solid 1.2px #e8e8e8;
	}
	.end-page-two .wrap{
		flex-direction: row;
	}
	.end-page-two .sendFormBtn{
		display: inline-block;
	}
}
@media (min-width:1024px) {
	.end-page-two .wrap{
		height: auto;
		min-height: 560px;
		border: 1px solid #e6e6e6;
		border-radius: 4px;
	}
}

.end-page-two {
	font-size: 16px;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: var(--color-bg-6,var(--grey-blue));
	line-height: 1.5;
}
.end-page-two .final-page__header {
	text-align: left;
	line-height: 1;
	font-size: 26px;
	color: var(--color-bg-text,#2e2e54);
}

.end-page-two .final-page__bonuses-title {
	font-size: 11px;
	font-weight: 900;
	line-height: 1.53;
	letter-spacing: 1.1px;
	text-transform: uppercase;
	color: var(--color-bg-alpha7,#2e2e54);
	text-align: left;
}
.end-page-two .coordination{
	font-size: 12px;
	text-align: left;
}

.end-page-two .sendFormBtn{
	font-size: 18px;
	width: 100%;
}

.end-page-two  .uk-margin-small {
	text-transform: uppercase;
	padding-left: 3px;
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1.2px;
	text-align: left;
	color: var(--color-bg-alpha7,#2e2e54);
}

.end-page-two  .uk-input {
	border: solid 1.2px var(--color-bg-3,#b1b5be);
	color: var(--color-bg-text,#363636);
	height: 60px !important;
	font-size: 15px;
	font-weight: 500;
	color: var(--color-bg-6,var(--grey-blue));
}

.end-page-two.type-3 .wrap{
	flex-direction: column;
	margin: 0 auto;
	width: 100%;
	border: none;
}
			
.end-page-two.type-3 .final-page__header{
	text-align: center;
	margin: 30px auto;
	max-width: 600px;
}

.end-page-two.type-3 .wrap .bd-content{
	position: relative;
	padding: 0 15px 19px;
	max-width: 500px;
	width: 100%;
	margin: 0 auto 30px;
}
@media (min-width:818px) {
	.end-page-two.type-3 .wrap{
		justify-content: center;
	}
	.end-page-two.type-3 .wrap .bd-content{
		padding: 29px 35px 19px;
		-webkit-box-shadow: 0 9px 40px 0 var(--color-bg-2,rgba(0,0,0,.11));
		box-shadow: 0 9px 40px 0 var(--color-bg-2,rgba(0,0,0,.11));
		border: solid 1.2px var(--color-bg-2,#e8e8e8);
		border-radius: 3px;
	}
}
@media (min-width:1024px) {
	.end-page-two.type-3 .wrap{
		-webkit-box-shadow: 0 9px 40px 0 var(--color-bg-2,rgba(0,0,0,.11));
		box-shadow: 0 9px 40px 0 var(--color-bg-2,rgba(0,0,0,.11));
		border: solid 1.2px var(--color-bg-2,#e8e8e8);
	}
}

.end-page-two.type-4 .wrap{
	flex-direction: column;
	margin: 0 auto;
	width: 100%;
	border: none;
}
.end-page-two.type-4 .title,
.end-page-two.type-4 .final-page__header{
	text-align: center;
	margin: 30px auto 15px;
	max-width: 600px;
}
.end-page-two.type-4 .title{
	margin: 15px auto 30px!important;
	display: block;
}
.end-page-two.type-4 .messengers__link{
	margin: 10px 0;
}
.end-page-two.type-4 .messengers__title{
	text-align: center;
}
.messengers .coordination{
	margin-left: 0;
	margin-top: 10px;
}
.end-page-two.type-4 .wrap .bd-content{
	position: relative;
	padding: 0 15px 19px;
	max-width: 500px;
	width: 100%;
	margin: 0 auto 30px;
}
@media (min-width:818px) {
	.end-page-two.type-4 .wrap{
		justify-content: center;
	}
	.end-page-two.type-4 .wrap .bd-content{
		padding: 2px 35px 19px;
		-webkit-box-shadow: 0 9px 40px 0 var(--color-bg-2,rgba(0,0,0,.11));
		box-shadow: 0 9px 40px 0 var(--color-bg-2,rgba(0,0,0,.11));
		border: solid 1.2px var(--color-bg-2,#e8e8e8);
		border-radius: 3px;
	}
}
@media (min-width:1024px) {
	.end-page-two.type-4 .wrap{
		-webkit-box-shadow: 0 9px 40px 0 var(--color-bg-2,rgba(0,0,0,.11));
		box-shadow: 0 9px 40px 0 var(--color-bg-2,rgba(0,0,0,.11));
		border: solid 1.2px var(--color-bg-2,#e8e8e8);
	}
}


.messengers__modal-title{
	text-align: center;
}
.lead-form__contacts-link {
	margin-top: 8px;
	display: block;
	font-size: 14px;
	text-decoration: underline;
	color: var(--color);
	text-align: center;
}
.lead-form__messengers-link {
	background: var(--color-bg-7,#f5f7f9);
	font-size: 14px;
	color: var(--color-bg-text,#2c3039);
	padding: .7rem 1rem;
	margin-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.lead-form__messengers-icons {
	height: 20px;
	width: 60px;
	background: url(./img/soc-messenger.64613c42.svg) 36px 0 no-repeat,url(./img/soc-viber.189014f4.svg) 24px 0 no-repeat,url(./img/soc-whatsapp.12b55be2.svg) 12px 0 no-repeat,url(./img/soc-telegram.9b70811b.svg) 0 0 no-repeat;
	background-size: 18px 100%;
}
.final-page__progress{
	margin-bottom: 1.4rem;
}

.final-page__motivation {
	margin-bottom: .5rem !important;
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	color: var(--color-bg-alpha7,#2e2e54);
	width: 90%;
	line-height: 1;
	padding-left: 0;
}
.messengers__icon-big {
	height: 40px;
	z-index: 1;
	margin-top: 10px;
	margin-bottom: 20px;
}
.progress-bar-linear {
	margin-bottom:5px
   }
   .progress-bar-linear__label {
	font-size:12px;
	text-align:left;
	font-weight:500;
	line-height:1.2;
	margin-bottom:8px;
	height:18px;
	position:relative
   }
   .progress-bar-linear__label span {
	font-size:14px;
	color:var(--color);
	font-weight:700;
	margin-left:10px
   }
   @media (max-width:818px) {
	.progress-bar-linear__label {
	 margin-bottom:0
	}
   }
   .progress-bar-linear__field {
	height:6px;
	position:relative;
	background:var(--color-bg-8,#dbdbdb);
	border-radius:25px;
	-webkit-box-shadow:inset 0 -1px 1px var(--color-bg-2,hsla(0,0%,100%,.3));
	box-shadow:inset 0 -1px 1px var(--color-bg-2,hsla(0,0%,100%,.3))
   }
   .progress-bar-linear__field span {
	display:block;
	height:100%;
	border-radius:20px;
	background-image:-webkit-gradient(linear,left top,right top,from(var(--color-darken10)),to(var(--color-lighten10)));
	background-image:linear-gradient(90deg,var(--color-darken10),var(--color-lighten10));
	-webkit-box-shadow:inset 0 2px 9px hsla(0,0%,100%,.3),inset 0 -2px 6px rgba(0,0,0,.4),.6px 1.9px 7px 0 var(--color-alpha);
	box-shadow:inset 0 2px 9px hsla(0,0%,100%,.3),inset 0 -2px 6px rgba(0,0,0,.4),.6px 1.9px 7px 0 var(--color-alpha);
	position:relative;
	overflow:hidden;
	-webkit-transition:all .3s ease;
	transition:all .3s ease
   }
   .progress-bar-linear__field span:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-image:linear-gradient(-45deg,hsla(0,0%,100%,.08) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,.08) 75%,transparent 0,transparent);
	z-index:1;
	background-size:20px 20px;
	-webkit-animation:move 1.5s linear infinite;
	animation:move 1.5s linear infinite;
	border-radius:20px;
	overflow:hidden
   }
   .progress-bar-linear__field-mark {
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	position:absolute;
	bottom:4px;
	-webkit-transition:all .3s ease;
	transition:all .3s ease
   }
   .progress-bar-linear__field-percent {
	position:relative;
	font-size:14px;
	color:var(--color-lighten10);
	left:calc(-50% - 1px);
	font-weight:700;
	line-height:1.2;
	margin-bottom:8px;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
   }
   .progress-bar-linear__field-pointer {
	position:absolute;
	left:-4px;
	bottom:0;
	border:3px solid transparent;
	border-top:7px solid var(--color-lighten10);
	z-index:1
   }
   .progress-bar-linear_dynamic {
	height:26px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end;
	padding-left:6px
   }
   .progress-bar-linear_dynamic .progress-bar-linear__field {
	width:100%
   }
   .progress-bar-linear_dynamic .progress-bar-linear__field-mark {
	bottom:-4px
   }
   .progress-bar-linear_dynamic .progress-bar-linear__field-pointer {
	position:relative;
	background-color:var(--color-lighten10);
	width:14px;
	left:-8px;
	height:14px;
	border:3px solid var(--color-bg-quiz,#fff);
	border-radius:50%;
	-webkit-box-shadow:inset 0 2px 9px hsla(0,0%,100%,.3),inset 0 -2px 6px rgba(0,0,0,.4);
	box-shadow:inset 0 2px 9px hsla(0,0%,100%,.3),inset 0 -2px 6px rgba(0,0,0,.4)
   }
   .progress-bar-linear_dynamic .progress-bar-linear__field-pointer:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-image:linear-gradient(-45deg,hsla(0,0%,100%,.08) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,.08) 75%,transparent 0,transparent);
	z-index:1;
	background-size:20px 20px;
	-webkit-animation:move 1.5s linear infinite;
	animation:move 1.5s linear infinite;
	border-radius:20px;
	overflow:hidden
   }
   @-webkit-keyframes move {
	0% {
	 background-position:0 0
	}
	to {
	 background-position:20px 20px
	}
   }
   @keyframes move {
	0% {
	 background-position:0 0
	}
	to {
	 background-position:20px 20px
	}
   }
   .progress-bar-linear_dynamic .progress-bar-linear__field-percent {
	position:relative;
	margin-bottom:0
   }
   .progress-bar-linear_mobile {
	position:fixed;
	bottom:0;
	width:calc(100% + 5px);
	left:-3px;
	padding:0;
	margin:0
   }
   @media (max-width:818px) {
	.progress-bar-linear_dark .progress-bar-linear__field-percent,
	.progress-bar-linear_dark .progress-bar-linear__label span {
	 color:#fff
	}
   }

   .messengers__list {
	display:grid;
	grid-template-columns:minmax(100px,1fr) minmax(100px,1fr);
	grid-gap:10px;
	position:relative
   }
   .messengers__list.is-one {
	grid-template-columns:180px;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
   }
   .messengers__icon {
	height:32px
   }
   .messengers__icon-small {
	height:20px;
	margin-left:4px;
	margin-right:-24px;
	z-index:1
   }
   .messengers__icon-big {
	height:40px;
	z-index:1;
	margin-top:10px;
	margin-bottom:20px
   }
   @media (max-width:650px) {
	.messengers__icon-big {
	 margin-top:30px
	}
   }
   .messengers__name {
	margin-left:10px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
   }
   .messengers__item {
	position:relative;
	padding:13px;
	min-height:60px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	cursor:pointer;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
	border-radius:4px;
	border:solid 1px var(--color-bg-2,#ebebeb);
	background-color:var(--color-bg-7,var(--white-two));
	color:var(--color-bg-text,var(--black));
	font-weight:500
   }
   .messengers__item:hover {
	-webkit-box-shadow:-2px 2px 14px 0 var(--color-bg-8,#ebedef);
	box-shadow:-2px 2px 14px 0 var(--color-bg-8,#ebedef)
   }
   .messengers__item.is-selected {
	-webkit-box-shadow:none;
	box-shadow:none
   }
   .messengers__input {
	height:60px;
	font-size:15px;
	position:relative;
	right:0;
	width:100%;
	padding-left:27px
   }
   .messengers__title {
	font-size:18px;
	margin-bottom:10px;
	font-weight:700;
	color:var(--color-bg-text,#4a4a4a)
   }
   .messengers__modal {
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
	-webkit-animation-name:fade;
	animation-name:fade;
	-webkit-animation-duration:.3s;
	animation-duration:.3s;
	opacity:1
   }
   @media (max-width:650px) {
	.messengers__modal {
	 background:rgba(0,0,0,.6);
	 -webkit-animation-name:fade;
	 animation-name:fade;
	 -webkit-animation-duration:.3s;
	 animation-duration:.3s;
	 opacity:1
	}
   }
   @-webkit-keyframes fade {
	0% {
	 opacity:0
	}
	to {
	 opacity:1
	}
   }
   @keyframes fade {
	0% {
	 opacity:0
	}
	to {
	 opacity:1
	}
   }
   .messengers__modal-window {
	background:var(--color-bg-quiz,#fff)
   }
   .messengers__modal-body span {
	height:40px
   }
   .messengers__modal-body input::-webkit-input-placeholder {
	color:#757575!important
   }
   .messengers__modal-body input::-moz-placeholder {
	color:#757575!important
   }
   .messengers__modal-body input:-ms-input-placeholder {
	color:#757575!important
   }
   .messengers__modal-body input::-ms-input-placeholder {
	color:#757575!important
   }
   .messengers__modal-body input::placeholder {
	color:#757575!important
   }
   .messengers__modal-footer {
	padding-top:10px
   }
   .messengers__link {
	-webkit-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-name:fade-modal;
	animation-name:fade-modal;
	opacity:1;
	color:var(--color);
	font-size:.875rem;
	text-align: center;
	display: block;
   }
   @-webkit-keyframes fade-modal {
	0% {
	 opacity:0
	}
	50% {
	 opacity:0
	}
	to {
	 opacity:1
	}
   }
   @keyframes fade-modal {
	0% {
	 opacity:0
	}
	50% {
	 opacity:0
	}
	to {
	 opacity:1
	}
   }
   .messengers__label {
	text-transform:uppercase;
	padding:17px 0 10px 0;
	font-size:12px;
	font-weight:700;
	font-style:normal;
	font-stretch:normal;
	line-height:normal;
	letter-spacing:1.2px;
	word-break:break-all;
	text-align:left;
	color:var(--color-bg-alpha7,#2e2e54)
   }
   .messengers__chatbot-loading {
	max-width:240px;
	text-align:left;
	margin:0 auto;
	line-height:1.1
   }
   .messengers__chatbot-click {
	margin-top:.8em;
	font-size:12px
   }
   .messengers__dots:after {
	content:"...";
	-webkit-animation:dots .6s infinite;
	animation:dots .6s infinite
   }
   @-webkit-keyframes dots {
	0% {
	 content:""
	}
	25% {
	 content:"."
	}
	50% {
	 content:".."
	}
	75% {
	 content:"..."
	}
   }
   @keyframes dots {
	0% {
	 content:""
	}
	25% {
	 content:"."
	}
	50% {
	 content:".."
	}
	75% {
	 content:"..."
	}
   }
   .dark .messengers__link {
	color:var(--color-bg-9)
   }
   .quiz-container_rtl .messengers__name {
	margin-left:0;
	margin-right:10px
   }
   
	.form-send,
   .select-type-messanger{
	   margin: 20px 0;
   }