html {
  font-family: sans-serif;
  line-height: 1.15;
  font-size: 16px!important;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

:root {
  --font-family-sans-serif: "Yavi",sans-serif, -apple-system, BlinkMacSystemFont, Yavi, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-main: "Unbounded",sans-serif;
}

body.ds {
  height: auto;
  font-family: "Yavi", sans-serif, -apple-system, BlinkMacSystemFont, Yavi, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-family: var(--font-family-sans-serif);
  background: #fff;
  background: var(--white);
  color: #262626;
  color: var(--default);
  font-size: 1rem;
  font-weight: normal;
  overflow-x: hidden;
  margin: 0 auto;
  padding: 0;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  transition: none;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important
}


hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
.ds label {
  margin-bottom: 8px;
}
.ds .checkbox label {
  margin-bottom: 0px;
}
.ds label,
.ds input,
.ds textarea,
.ds button,
.ds select,
.ds option {
  cursor: pointer;
}

.ds button,
.ds select {
  text-transform: none;
}

.ds button,
.ds input {
  line-height: normal;
}

.ds button,
.ds input,
.ds select,
.ds textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

.ds select {
  position: relative;
  display: inline-block;
  width: 100%;
  line-height: 1rem;
  color: #1b1d38;
  color: var(--default);
  background-color: #fff;
  background-color: var(--white);
  background-clip: padding-box;
  border: 1px solid #eff2f8;
  border-radius: .5rem;
  -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  font-family: "Yavi",sans-serif;
  font-weight: 400;
  box-shadow: none;
  height: 40px;
  padding: 0px 16px;
}
.ds #elfinder select { 
  width: auto;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

[role=button] {
  cursor: pointer
}

select {
  word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.ds .btn-group-toggle>.btn input[type=checkbox],
.ds .btn-group-toggle>.btn input[type=radio],
.ds .btn-group-toggle>.btn-group>.btn input[type=checkbox],
.ds .btn-group-toggle>.btn-group>.btn input[type=radio] {
  overflow: auto;
  resize: vertical;
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
	display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    line-height: inherit;
    white-space: normal;
    font-family: "Yavi";
    font-family: var(--font-family-sans-serif);
    margin-bottom: 0;
    color: #131313;
    font-weight: 600;
    font-size: 1rem;
}

progress {
  vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}

output {
  display: inline-block
}

summary {
  display: list-item;
  cursor: pointer
}
.pointer {
  cursor: pointer;
}
/* Titles */ 
.ds .h1,
.ds .h2,
.ds .h3,
.ds .h4,
.ds .h5,
.ds .h6,
.ds h1,
.ds h2,
.ds h3,
.ds h4,
.ds h5,
.ds h6 {
  font-family: "Yavi", -apple-system, BlinkMacSystemFont, Yavi, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-family: var(--font-family-sans-serif);
  font-weight: 500;
  line-height: 1.2;
  color: #262626
}

.ds .h1,
.ds h1 {
  font-size: 2.28832rem;
  font-family: 'Yavi',sans-serif;
  font-family: var(--font-family-sans-serif);
  font-weight: 600;
  color: #262626;
}

.ds .h2,
.ds h2 {
  font-family: 'Yavi',sans-serif;
  font-family: var(--font-family-sans-serif);
  font-weight: 600;
  font-size: 2.0736rem
}

.ds .h3,
.ds h3 {
  font-family: 'Yavi',sans-serif;
  font-family: var(--font-family-sans-serif);
  font-weight: 600;
  font-size: 1.728rem
}

.ds .h4,
.ds h4 {
  font-family: 'Yavi',sans-serif;
  font-family: var(--font-family-sans-serif);
  font-weight: 600;
  font-size: 1.44rem
}

.ds .h5,
.ds h5 {
  font-family: 'Yavi',sans-serif;
  font-family: var(--font-family-sans-serif);
  font-weight: 600;
  font-size: 1.2rem
}

.ds .h6,
.ds h6 {
  font-family: 'Yavi',sans-serif;
  font-family: var(--font-family-sans-serif);
  font-weight: 600;
  font-size: .83333rem
}


.ds .yavi-wrapper-site-header {
	position: fixed;
    top: 0;
    left: 0;
    height: 92px;
    width: 100%;
    background-color: transparent;
    z-index: 1000;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
	padding: 0 45px;
	transition: all 0.3s ease;
}
.ds .yavi-wrapper-site-hello {
	background-image: url('../../../yavi/view/theme/default/image/bgc_degault_yavi1_d-min.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	display:flex;
	height: 100vh;
	width: 100%;
	flex-direction: column;
	padding-top: 235px;
	padding-bottom: 50px;
	justify-content: space-between;
}
.ds .yavi-menu-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.ds .yavi-menu-wrapper .yavi-menu-item {
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 21px;
	color: #fff;
	padding: 0 18px;
}
.ds .yavi-menu-item:focus,
.ds .yavi-menu-item:hover {
	color: #fff;
	cursor:pointer;
}
.ds .yavi-menu-item::after,
.ds .yavi-menu-item::after {
	position: relative;
	display: block;
	bottom: 0;
	height: 4px;
	width: 0%;
	content: '';
	left: 0;
	right: 0;
	background-color: #fff;
	transition: all 0.3s ease;
	margin-left: auto;
	margin-right: auto;
}
.ds .yavi-menu-item:focus::after,
.ds .yavi-menu-item:hover::after {
	width: 100%;
}
.ds .yavi-logo-wrapper {
	display: flex;
	width: 150px;
	align-items: center;
    justify-content: flex-start;
}
.ds .yavi-header-btn-wrapper {
	display: flex;
	width: 150px;
	justify-content: flex-end;
    align-items: center;
}
.ds .yavi-btn-register {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 50px;
	border: 4px solid #FFFFFF;
	border-radius: 16px;
	padding: 0 18px;
}
.ds .yavi-btn-text {
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 800;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: #FFFFFF;
}
.ds .yavi-btn-register:hover,
.ds .yavi-btn-register:focus {
	background-color: #fff;
	transition: all 0.3s ease;
	cursor: pointer;
}
.ds .yavi-btn-register:hover .yavi-btn-text,
.ds .yavi-btn-register:focus .yavi-btn-text {
	color: #2b2d36;
}
.ds .yavi-btn-register:hover svg path,
.ds .yavi-btn-register:focus svg path,
.ds .yavi-btn-register:hover svg,
.ds .yavi-btn-register:focus svg {
	color: #2b2d36;
	fill: #2b2d36;
}
.ds .yavi-wrapper-site-header.black-header {
	background-color: #1d1e25;
}
.common-home.bvd.ds.modal-open {
	padding-right: 0!important;
}
/*
.site-promo .common-home::-webkit-thumb:hover {
	cursor: pointer;  
	background-color: #bab9b9d9;
	transition: background-color 200ms linear, width 150ms linear;
}
.site-promo .common-home::-webkit-scrollbar {
	width: 20px;
    background-color: transparent;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	transition-timing-function: ease-in-out;
}
.site-promo .common-home::-webkit-scrollbar:hover {
	cursor: pointer;  
}
.site-promo .common-home::-webkit-scrollbar-thumb {
	background-color: #2b2d36;
	border-radius: 16px;
	border: 0px solid transparent;
	opacity: .2;
	background-clip: content-box;
	box-sizing: border-box;
	cursor: pointer;
	pointer-events: auto;
	min-height: 1.5rem;
	transition-property: width,height;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: .3s  all;
	transition-timing-function: ease-in-out;
}
.site-promo .common-home::-webkit-scrollbar-thumb:active,
.site-promo .common-home::-webkit-scrollbar-thumb:hover { 
	background-color: #2b2d36;
	cursor: pointer;
	transition-property: width,height;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	transition-timing-function: ease-in-out;
}*/
@media (prefers-reduced-motion: no-preference) {
	.yavi-wrapper {
		scroll-behavior: smooth;
	}
}
.ds .hidden {
	display: none;
}
.ds .form-group .text-danger {
	line-height: 1rem;
    font-size: 13px;
    padding-top: 10px;
    color: #ff0076!important;
}
.ds .yavi-title {
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 900;
	font-size: 110px;
	line-height: 136px;
	color: #4149F2;
	text-shadow: 0px 10px 16px rgba(0, 0, 0, 0.29);
}
.ds .yavi-info {
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 800;
    font-size: 36px;
    line-height: 50px;
	color: #FFFFFF;
	padding-top: 10px;
}
.ds .yavi-wrapper-block {
	position: relative;
    display: flex;
    width: 100%;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    flex-direction: row;
    align-items: stretch;
	justify-content: center;
}
.ds .yavi-wrapper-block.dop {
	margin-top: 45px;
}

.ds .yavi-wrapper-block .map {
	margin-top: 45px;
}
.ds .yavi-title span {
    position: absolute;
    height: 85px;
    top: 4px;
	margin-left: 8px
}
.ds .yavi-title span svg {
	height: 90px;
}
.ds .yavi-block-first {
	display: flex;
    width: 50%;
    flex-direction: column;
}
.ds .yavi-block-second { 
	display: flex;
    width: 50%;
    flex-direction: column;
    align-items: flex-end;
}
.ds .yavi-btn-wrapper-start {
	position: relative;
    padding-top: 90px;   
	display: flex;
    flex-direction: row;
}
.ds .yavi-btn-svg {
    position: relative;
    display: flex;	
	padding-right: 14px;
}
.ds .yavi-btn-primary {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 24px;
	background: #4149F2;
	box-shadow: 0px 13px 16px rgba(0, 0, 0, 0.37);
	border-radius: 16px;
	height: 60px;
	border: 0;
	transition: all 0.3s ease;
	cursor: pointer;
}
.ds .yavi-btn-primary .yavi-btn-text {
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 800;
	font-size: 20px;
	line-height: 25px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #FFFFFF;
}
.ds .yavi-wrapper-products .yavi-btn-primary {
	box-shadow: 0px 8px 18px rgba(65, 73, 242, 0.32);
}
.ds .yavi-btn-primary:hover,
.ds .yavi-btn-primary:focus {
	box-shadow: none;    
	transform: translateY(3px);
}

.ds .yavi-btn-pink {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 24px;
	background: #FF0076;
	box-shadow: 0px 10px 14px rgba(255, 0, 118, 0.15);
	border-radius: 16px;
	height: 60px;
	border: 0;
	transition: all 0.3s ease;
	cursor: pointer;
}
.ds .yavi-btn-pink .yavi-btn-text {
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 800;
	font-size: 20px;
	line-height: 25px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #FFFFFF;
}
.ds .yavi-btn-pink:hover,
.ds .yavi-btn-pink:focus {
	box-shadow: none;    
	transform: translateY(3px);
}

.ds .yavi-btn-white {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 24px;
	background: transparent;
	border-radius: 16px;
	height: 60px;
	border: 0;
	transition: all 0.3s ease;
	cursor: pointer;
	border: 4px solid #fff;
}
.ds .yavi-btn-white .yavi-btn-text {
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 800;
	font-size: 20px;
	line-height: 25px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #FFFFFF;
}
.ds .yavi-btn-white:hover,
.ds .yavi-btn-white:focus {
	box-shadow: none;    
	transform: translateY(3px);
	background-color: #fff;
}
.ds .yavi-btn-white:hover .yavi-btn-text ,
.ds .yavi-btn-white:focus .yavi-btn-text { 
	color: #1A1B1F;
}
.ds .yavi-btn-white:hover .yavi-btn-svg path,
.ds .yavi-btn-white:focus .yavi-btn-svg path{ 
	fill: #1A1B1F;
}


.ds .yavi-btn-primary-oultine {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 24px;
	background: transparent;
	border-radius: 16px;
	height: 60px;
	border: 0;
	transition: all 0.3s ease;
	cursor: pointer;
	border: 4px solid #4149F2;
}
.ds .yavi-btn-primary-oultine .yavi-btn-text {
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 800;
	font-size: 20px;
	line-height: 25px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #4149F2;
}
.ds .yavi-btn-primary-oultine:hover,
.ds .yavi-btn-primary-oultine:focus {
	box-shadow: none;    
	transform: translateY(3px);
	background-color: #4149F2;
	color: #fff;
}
.ds .yavi-btn-primary-oultine:hover .yavi-btn-text ,
.ds .yavi-btn-primary-oultine:focus .yavi-btn-text { 
	color: #fff;
}
.ds .yavi-btn-primary-oultine:hover .yavi-btn-svg path,
.ds .yavi-btn-primary-oultine:focus .yavi-btn-svg path{ 
	fill: #fff;
}

.ds .yavi-btn-white-up {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 12px;
	background: transparent;
	border-radius: 16px;
	height: 50px;
	border: 0;
	transition: all 0.3s ease;
	cursor: pointer;
	border: 4px solid #fff;
	background-color: #fff;
	box-shadow: 0px 13px 16px rgba(0, 0, 0, 0.37);
}
.ds .yavi-btn-white-up .yavi-btn-text {
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 800;
	font-size: 16px;
	line-height: 15px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #4149F2;
}
.ds .yavi-btn-white-up:hover,
.ds .yavi-btn-white-up:focus {
	box-shadow: none;    
	transform: translateY(3px);
}



.ds .yavi-btn-dark-outline {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 24px;
	background: transparent;
	border-radius: 16px;
	height: 60px;
	border: 0;
	transition: all 0.3s ease;
	cursor: pointer;
	border: 4px solid #2b2d36;
	background-color: #fff;
	box-shadow: 0px 13px 16px rgba(0, 0, 0, 0.37);
}
.ds .yavi-btn-dark-outline .yavi-btn-text {
	font-family: var(--font-main);
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 25px;
    display: flex;
    align-items: center;
    text-align: center;
	color: #2b2d36;
}
.ds .yavi-btn-dark-outline:hover,
.ds .yavi-btn-dark-outline:focus {
	box-shadow: none;    
	transform: translateY(3px);
}

.ds .yavi-btn-wrapper-start .yavi-btn-primary{
	margin-right: 30px;
}
.ds .yavi-sub-text {
	font-family: var(--font-family-sans-serif);
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 30px;
	color: #fff;
	padding-top: 40px;
}
.ds .yavi-sub-text span {
	color: #FF0076;
}
.ds .yavi-container-border {
	position: relative;
    display: flex;
    border: 6px solid #41444D;
    padding: 20px 32px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
	border-radius: 12px;
}
.ds .yavi-container-border img {
	max-width: 600px;
    box-shadow: 0px 10px 16px rgb(0 0 0 / 40%);
	width: 100%;
}
.ds .yavi-container-border:after {
	position: relative;
    display: block;
    bottom: -60px;
    height: 6px;
    width: 165px;
    content: '';
    left: 0;
    right: 0;
    background-color: #41444d;
    transition: all 0.3s ease;
    margin-left: auto;
    margin-right: auto;
    border-radius: 12px;
}
.ds .yavi-container-border:before {
    position: absolute;
    display: block;
    top: -64px;
    height: 80px;
    width: 70px;
	content: url("data:image/svg+xml,%3Csvg width='70' height='80' viewBox='0 0 70 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.4309 29.4622C38.4736 29.6189 40.7212 34.0017 40.4508 39.2513C40.1803 44.5008 37.4943 48.6295 34.4516 48.4728C31.4088 48.316 29.1613 43.9332 29.4317 38.6836C29.7022 33.4341 32.3882 29.3054 35.4309 29.4622Z' fill='%23FF0076'/%3E%3Cpath d='M2.14919 36.3093C2.21945 35.8234 2.30687 35.3418 2.40799 34.8644C2.40835 34.8575 2.40889 34.8471 2.40924 34.8402C2.71408 33.1095 4.0335 28.1605 5.4431 24.8375C7.45898 20.0772 9.64324 16.8427 10.2037 15.889C16.2948 5.49186 26.032 0.285583 29.5181 1.42344C32.775 2.48698 34.3206 6.7885 34.8963 12.0226C35.3519 12.0253 35.8102 12.0419 36.2681 12.0655C38.7453 12.1931 41.148 12.553 43.446 13.1193C44.5624 13.3955 45.6554 13.7192 46.7218 14.0866C50.6962 7.50365 55.6362 3.44597 60.1273 4.38909C62.2472 4.83507 64.5124 6.51068 66.3599 14.8101C68.8261 25.8877 68.3249 35.7535 67.6813 42.4385C67.6427 42.9851 67.5904 43.5275 67.5175 44.0654L67.5164 44.0862C66.2195 53.595 59.5438 58.1222 50.2419 59.8755C48.2237 60.4937 45.053 62.6184 48.522 69.8972C48.6476 70.1606 48.4637 70.422 48.4662 70.7103C48.4724 72.3459 50.1968 76.5524 45.7708 78.1264C45.3315 78.2808 40.3707 77.744 45.794 69.8435C46.1438 69.3338 46.5981 68.7531 46.4655 68.1525C46.0484 66.2562 45.625 62.8596 47.1003 60.356C42.9246 60.8526 38.3339 60.8973 33.5322 60.65C26.3296 60.2789 19.7472 59.2802 14.4656 57.2061C13.9804 58.6567 14.1252 60.8411 15.6917 64.1299C15.811 64.3791 15.7957 64.6769 15.6378 64.9048C14.7846 66.1385 11.6881 69.9301 6.05226 69.5321C5.60852 69.5023 5.2699 69.1203 5.31355 68.6782C5.50651 66.6883 6.6038 61.6618 12.7528 63.3743C13.3187 63.532 13.852 63.0386 13.7286 62.4629C13.4273 61.0864 13.1199 58.8832 13.6104 56.8565C6.50353 53.817 1.97556 48.6605 1.88383 40.1773C1.88704 40.1149 1.88349 40.0488 1.8867 39.9865C1.88196 39.5383 1.89127 39.0875 1.91446 38.6373C1.95495 37.8513 2.03308 37.0776 2.14901 36.3128L2.14919 36.3093ZM34.2796 51.8142C41.1561 52.1684 46.9703 51.8048 50.1919 47.2732C50.3266 47.0892 50.4546 46.9014 50.5758 46.7097C51.7555 44.8783 52.4643 42.8004 52.579 40.5738C52.9071 34.2058 48.2598 28.5293 41.4741 26.1417C41.1088 26.0083 40.7358 25.8884 40.3553 25.7785C38.8128 25.3345 37.1784 25.0524 35.4749 24.9646C35.2598 24.9535 35.0482 24.9426 34.8362 24.9387C33.4463 24.9087 32.0877 25.0123 30.7859 25.23C23.094 26.5246 17.207 31.9465 16.8574 38.7336C16.7664 40.4996 17.0573 42.2123 17.6739 43.8169C17.8307 44.2173 18.0052 44.6117 18.1974 45C20.7731 50.1705 27.1013 51.4444 34.2796 51.8142Z' fill='%23FF0076'/%3E%3C/svg%3E%0A");
    left: 0;
    right: 0;
    transition: all 0.3s ease;
    margin-left: auto;
    padding-right: 115px;
}
.ds .yavi-fire {
	position: absolute;
    width: 90px;
    left: -51px;
    top: -74px;
	/*backdrop-filter: blur(3px);*/
	transform: rotate(-12deg);
	filter: drop-shadow(2px 7px 6px #ffffff52);
}
.ds .yavi-triangle {
	position: absolute;
    width: 83px;
    left: 36px;
    bottom: -46px;
	transform: rotate(-12deg);
	filter: drop-shadow(2px 7px 6px #0a0f85);
}
.ds .yavi-blink-bot {
    position: absolute;
    width: 47px;
    left: -54px;
    bottom: -45px;
    transform: rotate(0deg);
}
.ds .yavi-star {
    position: absolute;
    width: 92px;
    right: -54px;
    bottom: 45px;
    transform: rotate(15deg);
    filter: drop-shadow(2px 7px 6px #FF0076);
}
.ds .yavi-blink-top {
	position: absolute;
    width: 47px;
    right: -54px;
    top: -45px;
    transform: rotate(0deg);
}

.ds .yavi-wrapper-btn-connect {
	position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;    
	width: 100%;
}

.ds .yavi-wrapper-products {
	padding-top: 150px;
}
.ds .product-title {
	font-family: var(--font-main);
    font-weight: 800;
    font-size: 54px;
    line-height: 60px;
    color: #2b2d36;
    margin-bottom: 36px;
	padding-top: 26px
}
.ds .product-title-arrow {
	width: 50px;
}
.ds .product-text p {
	font-family: var(--font-family-sans-serif);
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 30px;
	display: flex;
	align-items: center;
	color: #1A1B1F;
	padding-bottom: 15px;
}
.ds .yavi-block-left {
	display: flex;
    width: 50%;
    flex-direction: column;
	align-items: flex-start;
}
.ds .yavi-block-right {
	display: flex;
    width: 50%;
    flex-direction: column;
    align-items: flex-start;
	    padding-left: 50px;
}
.ds .product-text {
	max-width: 635px;
	padding-bottom: 15px;
}

.ds .yavi-wrapper-site-preim {
	background-image: url('../../../yavi/view/theme/default/image/bgc_yavi_desktop3-min.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	display:flex;
	height: 100%;
	width: 100%;
	flex-direction: column;
	padding-top: 205px;
	padding-bottom: 50px;
	justify-content: space-between;
}
.ds .yavi-title-preim {
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 800;
	font-size: 110px;
	line-height: 136px;
	color: #FFFFFF;
}
.ds .yavi-title-preim span {
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 800;
	font-size: 54px;
	line-height: 67px;
	color: #FFFFFF;
	display:block;
}
.ds .yavi-block-left-column {
    display: flex;
    width: 50%;
    flex-direction: column;
    align-items: flex-start;
}
.ds .yavi-block-right-column {
    display: flex;
    width: 50%;
    flex-direction: column;
    align-items: flex-start;
}
.ds .yavi-fragment-title {
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 800;
	font-size: 28px;
	line-height: 35px;
	color: #FFFFFF;
	padding-bottom: 20px
}
.ds .yavi-fragment-text {
	font-family: var(--font-family-sans-serif);
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 30px;
	color: #FFFFFF;
}
.ds .yavi-fragment {
	padding-top: 85px;
}
.ds .yavi-block-left-column .yavi-fragment {
	padding-right: 115px;
}
.ds .yavi-block-right-column .yavi-fragment {
	padding-left: 50px;
}
.ds .yavi-fragment-ico {
    display: flex;
    height: 85px;
    width: 85px;
    border: 5px solid #4149F2;
    filter: drop-shadow(0px 10px 7px #000000);
    border-radius: 26px;
    margin-bottom: 36px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.ds .yavi-block-center-column {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
	padding-top: 80px;
}
.ds .product-text-block p {
    font-family: var(--font-family-sans-serif);
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    display: block;
    color: #1A1B1F;
    padding-bottom: 15px;
}
.ds .product-text-block p strong {
	font-weight: 900;
}
.ds .block-btn-duo {
	display: flex;
    flex-direction: row;
    align-items: center;
	padding-top: 20px;
}
.ds .block-btn-duo button:first-child {
	margin-right: 30px;
}
.ds .yavi-info-sub-svg svg {
	filter: drop-shadow(0px 7px 15px #0000004a);
}
.ds .yavi-info-sub-text {
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
	color: #2b2d36;
	padding-left: 50px;
}
.ds .yavi-info-sub-wrapper {
    border: 5px solid #F3F3F3;
    border-radius: 32px;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 35px 65px;
}
.ds .yavi-wrapper-sub {
	padding-top: 60px;
}	
.ds .yavi-wrapper-tariff {
	padding-top: 0;
}
.ds .yavi-wrapper-columns {
	width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
}
.ds .yavi-wrapper-column-first .yavi-name {
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 600;
	font-size: 21px;
	line-height: 26px;
	color: #FF0076;
	margin-bottom: 35px;
}
.ds .yavi-wrapper-column-first .yavi-name.yellow { 
    color: #ffa728;
}
.ds .yavi-wrapper-column-first{
	padding-right: 30px;
	padding-top: 30px;
}
.ds .yavi-wrapper-column-first .yavi-item {
    font-family: var(--font-family-sans-serif);
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    display: flex;
    align-items: center;
    color: #1A1B1F;
    height: 50px;
    max-width: 330px;
    margin-bottom: 20px;
    flex-direction: row;
    flex-wrap: nowrap;
}
.ds .yavi-wrapper-column-second {
	flex: 1 1;
    background: rgba(217, 217, 217, 0.21);
    border-radius: 30px;
    display: flex;
    flex-direction: column;
	margin: 0 8px;
    padding: 30px;
    align-items: center;
}
.ds .yavi-wrapper-column-second .yavi-name {
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 600;
	font-size: 21px;
	line-height: 26px;
	color: #1A1B1F;
	margin-bottom: 35px;
}
.ds .yavi-wrapper-column-second .yavi-item {
    font-family: var(--font-family-sans-serif);
	font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    display: flex;
    align-items: center;
    color: #525667;
    height: 50px;
    width: 100%;
    margin-bottom: 20px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
	height: 50px;
    margin-bottom: 20px;
}
.ds .yavi-wrapper-column-second .yavi-item  svg {
	margin-right: 10px;
}
.ds .yavi-wrapper-column-second .yavi-item:last-child {
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 700;
	font-size: 21px;
	line-height: 26px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #1A1B1F;
	margin-bottom:0;
}
.ds .yavi-wrapper-column-second .yavi-item.fat:last-child ,
.ds .yavi-wrapper-column-second .yavi-item.fat {
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 26px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #1A1B1F;
    margin-bottom: 0;
}
.ds .yavi-wrapper-column-second .yavi-item.fa:last-child ,
.ds .yavi-wrapper-column-second .yavi-item.thin {
    font-family: var(--font-family-sans-serif);
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
}
.ds .yavi-wrapper-column-second.soft {
	background: rgba(255, 0, 118, 0.05);	
}
.ds .yavi-wrapper-column-second.softed {
	background: rgba(255, 0, 118, 0.12);
}
.ds .yavi-wrapper-column-second.sofsofsofted {
	background: #FF0076;
}
.ds .yavi-wrapper-column-second.sofsofsofted .yavi-name,
.ds .yavi-wrapper-column-second.sofsofsofted .yavi-item {
	color: #FFF;
}
.ds .yavi-info-sub-xls {
	width: 100%;
    margin-bottom: 60px;
    margin-top: 40px;
    font-family: var(--font-family-sans-serif);
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #1A1B1F;
    justify-content: center;
}
.ds .yavi-wrapper-block-info {
	display: flex;
    flex-direction: column;
    align-items: center;
	width: 100%;
}
.ds footer {
	 background-image: url(../../../yavi/view/theme/default/image/bgc_yavi_footer-min.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    padding-top: 90px;
    padding-bottom: 50px;
    justify-content: space-between;
}
.ds footer .yavi-wrapper-block {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
}
.ds .yavi-col-wrapper {
	width: 100%;
    display: flex;
    flex-direction: row;  
	padding-top: 35px;
}
.ds .col-footer-last,
.ds .col-footer {
    display: flex;
    flex-direction: column;
	flex: 1 1;
}
.ds .col-footer-last {
	align-items: flex-end;
}
.ds .col-title {
	font-family: var(--font-family-sans-serif);
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 30px;
	display: flex;
	align-items: center;
	color: #FFFFFF;
	padding-bottom: 20px;
}
.ds .col-item {
	font-family: var(--font-family-sans-serif);
	font-style: normal;
	font-weight: 400;
	font-size: 19px;
	line-height: 26px;
	display: flex;
	align-items: center;
	color: #FFFFFF;
	padding-bottom: 15px;
}
.ds .col-item-addres {
	font-family: var(--font-family-sans-serif);
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    padding-bottom: 15px;
    text-align: right;
}
.ds .product-text-block {
	padding-right: 60px;
}
.ds .yavi-block-product-psevdo-item {
	width: 439px;
    height: 163px;
    background: #FFFFFF;
    border: 5px solid #F2F2F2;
    filter: drop-shadow(0px 32px 28px rgba(0, 0, 0, 0.1));
    border-radius: 36px;
    padding: 26px 45px;
    margin-bottom: 40px;
}
.ds .yavi-number-big {
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 800;
	font-size: 46px;
	line-height: 67px;
	color: #2b2d36;
}
.ds .yavi-number-text {
	font-family: var(--font-family-sans-serif);
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 30px;
	display: flex;
	align-items: center;
	color: #1A1B1F;
}
.ds .yavi-block-product-psevdo-item-pink {
    width: 496px;
    height: 168px;
    background: #FF0076;
    border-radius: 36px;
    padding: 25px 45px;
    margin-bottom: 45px;
    border: 5px solid rgb(255 189 220);
    filter: drop-shadow(0px 20px 28px rgba(255, 0, 118, 0.21));
	margin-left: 130px;
}
.ds .yavi-block-product-psevdo-item-pink .yavi-number-big {
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 800;
	font-size: 54px;
	line-height: 67px;
	color: #fff;
}
.ds .yavi-block-product-psevdo-item-pink  .yavi-number-text {
	font-family: var(--font-family-sans-serif);
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 30px;
	display: flex;
	align-items: center;
	color: #fff;
}
.ds .yavi-block-product-psevdo-image {
	padding-top: 80px;
    padding-left: 80px;
}
.ds .yavi-fire-pink {
	position: absolute;
    width: 105px;
    margin-left: -52px;
    top: 8px;
    transform: rotate(22deg);
    filter: drop-shadow(2px 7px 6px #FF007652);
    z-index: 100;	
}
.ds .yavi-mail {
    position: absolute;
    width: 170px;
    margin-left: -52px;
    bottom: 165px;
    filter: drop-shadow(2px 21px 17px #2B408970);
    z-index: 100;
    right: -55px;
}
.ds .yavi-blink-dark-top {
    position: absolute;
    width: 46px;
    right: -40px;
    top: -35px;
    transform: rotate(0deg);
}
.ds .yavi-icv {
    position: absolute;
    width: 72px;
    filter: drop-shadow(4px 10px 30px #FF0076);
    z-index: 100;
    margin-left: -32px;
    margin-top: -12px;
	transform: rotate(-15deg);
}
.ds .yavi-p {
    position: absolute;
    width: 72px;
    top: -48px;
    filter: drop-shadow(2px 21px 17px #FF007652);
    z-index: 100;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.ds .yavi-sq {
    position: absolute;
    top: 62px;
    filter: drop-shadow(2px 21px 17px #00000070);
    z-index: 100;
    margin-left: auto;
    margin-right: auto;
    left: -110px;
    right: 0;
}
.ds .yavi-vc {
    position: absolute;
    width: 72px;
    top: 110px;
    filter: drop-shadow(2px 21px 17px #00000070);
    z-index: 100;
    margin-left: auto;
    margin-right: auto;
    left: 76px;
    right: 0;
}
.ds #register-form-bvd-success  #register-form-bvd-success-Label h5 {
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 25px;
    color: #2b2d36;
    padding-top: 0px;
	padding-bottom: 12px;
}
.ds #register-form-bvd-success  #register-form-bvd-success-Label p {
    font-family: var(--font-family-sans-serif);
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    text-align: left;
    padding-bottom: 16px;
}
.ds #register-form-bvd-success .modal-dialog .modal-content {
    border-radius: 24px;
}
.ds #register-form-bvd-success .modal-body {
    padding-bottom: 35px;
	padding-top: 33px;
}
.ds #btn-form-yavi .modal-dialog {
    max-width: 500px;
    margin: auto;
    width: auto;
    display: flex;
    flex: 1 1;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.ds #btn-form-yavi .modal-dialog .modal-content {
     border-radius: 24px;
}
.ds #btn-form-yavi .modal-dialog .modal-content .modal-title{
	font-family: var(--font-main);
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 25px;
    color: #2b2d36;
    padding-top: 0px;
}
.ds .yavi-btn-start {
    display: flex;
    flex-direction: row;
    padding: 8px 12px;
    border-radius: 16px;
    height: 60px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 4px solid #4149F2;
    background: #4149F2;
    box-shadow: 0px 8px 18px rgb(65 73 242 / 32%);
    color: #fff;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 800;
    align-items: center;
    justify-content: center;
    margin: 12px 0px 0px 0px;
    font-size: 18px;
    line-height: 24px;
}
.ds .yavi-btn-start-web {
	display: flex;
    flex-direction: row;
    padding: 8px 12px;
    border-radius: 16px;
    height: 60px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 4px solid #FF0076;
    background: #FF0076;
    box-shadow: 0px 10px 14px rgb(255 0 118 / 20%);
    color: #fff;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 800;
    align-items: center;
    justify-content: center;
    margin: 16px 0px 0px 0px;
    font-size: 18px;
    line-height: 24px;
}
.ds .yavi-connect-btn {
	display: flex;
    flex-direction: row;
    padding: 8px 12px;
    border-radius: 16px;
    height: 60px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 4px solid #2b2d36;
    background: #2b2d36;
    box-shadow: 0px 10px 14px rgb(0 0 0 / 20%);
    color: #fff;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 800;
    align-items: center;
    justify-content: center;
    margin: 16px 0px 0px 0px;
    font-size: 18px;
    line-height: 24px;
}
.ds .yavi-btn-start:hover, 
.ds .yavi-btn-start:focus,
.ds .yavi-btn-start-web:hover, 
.ds .yavi-btn-start-web:focus,
.ds .yavi-connect-btn:hover, 
.ds .yavi-connect-btn:focus {
    box-shadow: none;
	color: #fff;
    transform: translateY(3px);
}
.ds .yavi-btn-item-meeting {
	color: var(--a-main-color);
/*	font-family: var(--font-main); */
    font-style: normal;
    font-weight: 600;
    padding: 8px 24px;
    background: transparent;
    border-radius: 16px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 4px solid #2b2d36;
    background-color: #fff;
    width: 100%;
    margin: 0px;
    font-size: 14px;
    line-height: 20px;
	display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-direction: column;
	margin-bottom: 2px;
}
.ds .yavi-btn-item-meeting:hover,
.ds .yavi-btn-item-meeting:focus {
	color: var(--a-main-color);
	background-color: #f0f0f0;
}
.ds .yavi-meeting-item-row1,
.ds .yavi-meeting-item-row2,
.ds .yavi-meeting-item-row3 {
	display: flex;
    width: 100%;
    flex-direction: row;	
    align-items: center;
    align-content: center;
	justify-content: space-between;
}
.ds .yavi-meeting-item-row1 {
	padding-bottom: 4px;
}
.ds .yavi-meeting-item-col1 {
	display: flex;
	flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.ds .yavi-meeting-item-col2 {
}
.ds .yavi-meeting-item-type,
.ds .yavi-meeting-item-date,
.ds .yavi-meeting-item-time {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.ds .yavi-meeting-item-date,
.ds .yavi-meeting-item-time {
	padding-left: 10px;
}
.ds .yavi-meeting-item-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.ds .yavi-meeting-item-code {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
	color: #808080;
}


.ds .yavi-wrapper-input {
	display: flex;
}
.ds #dsvc-room-id {
font-family: var(--font-main);
    font-style: normal;
    font-weight: 800;
    padding: 8px 24px;
    background: transparent;
    border-radius: 16px;
    height: 60px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 4px solid #2b2d36;
    background-color: #fff;
    width: 100%;
    margin:0px;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}
.ds .yavi-text-info {
    font-family: var(--font-family-sans-serif);
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    margin: 4px 0px 6px 0px;
    text-align: left;
}
.ds .yavi-text-start {
   font-family: var(--font-family-sans-serif);
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    margin: 30px 0px 16px 0px;
    text-align: center;
}
.ds #btn-form-yavi .modal-body {
    padding-bottom: 35px;
}
.ds .yavi-block-img-2 img {
	width: 100%;
    margin-top: -106px;
    max-width: 720px;
}
.ds .yavi-block-img img {
	width: 100%;
}
.ds .micro-svg {
	position: absolute;
    width: 145px;
    right: -22px;
    top: -40px;
    transform: rotate(347deg);
    filter: drop-shadow(1px 17px 17px #FF0076);
}
.ds .yavi-blink-img {
    margin-top: -30px;
}
.ds .yavi-primary {
	position: absolute;
    right: 126px;
    top: 57px;
	filter: drop-shadow(2px 7px 6px #0a0f8540);
}

.ds .yavi-block-img-3 img {
	width: 100%;
}
.ds .yavi-block-img-4 img {
	width: 100%;
	    margin-top: -106px;
    max-width: 720px;
}
.ds .yavi-chat {
    position: absolute;
    width: 170px;
    top: -45px;
    filter: drop-shadow(2px 21px 17px #2B408970);
    z-index: 100;
    right: 66px;
}
.ds .yavi-chat-blue {
	position: absolute;
    bottom: 120px;
    filter: drop-shadow(2px 21px 17px #2B408970);
    z-index: 100;
    left: -64px;
}
.ds .yavi-cum {
	position: absolute;
    width: 145px;
    right: -22px;
    top: 0px;
    transform: rotate(3deg);
    filter: drop-shadow(1px 17px 17px #FF0076);
}
.ds .yavi-triangle2 {
position: absolute;
    width: 145px;
    left: 50%;
    bottom: 115px;
    transform: rotate(3deg);
    filter: drop-shadow(2px 21px 17px #2B408970);
}
.yavi-wrapper-columns-mobile {
	display: none;
}
/**/

#menu__toggle {
  opacity: 0;
}

.hamburger-menu {
  width: 100%;
  position: absolute;
  display: block;
  top: 0;
}

#menu__toggle:checked ~ .menu__btn > span {
  transform: rotate(45deg);
  background-color: transparent;
  display: block;
  position: absolute;
  width: 24px;
  height: 2px;
  transition-duration: .25s;
}
#menu__toggle:checked ~ .menu__btn > span::before {
  top: 0;
  transform: rotate(0);
  background-color: #ffffff;
}
#menu__toggle:checked ~ .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
  background-color: #ffffff;
}
#menu__toggle:checked ~ .menu__box {
  visibility: visible;
  left: -70px;
}

#menu__toggle:checked ~ .menu__btn {
  display: flex;
  align-items: center;
  position: fixed;
  top: 30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 1;
  border-radius: 50%;
  padding: 0px;
}

.menu-box {
  position: absolute;
  z-index: 100;
}

.menu__btn {
  display: flex;
  align-items: center;
  position: fixed;
  top: 30px;
  width: 24px;
  height: 26px;
  cursor: pointer;
  z-index: 1;
}

.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #ffffff;
    transition-duration: .25s;
    border-radius: 10px;
}
.menu__btn:hover > span, 
.menu__btn:hover > span::before, 
.menu__btn:hover > span::after {
  background-color: #ffffff;
}
.menu__btn .tel a:hover {
  cursor: pointer;
}
.menu__btn > span::before {
  content: '';
  top: -8px;
}
.menu__btn > span::after {
  content: '';
  top: 8px;
}

.menu__box {
	display: block;
    position: fixed;
    visibility: hidden;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    list-style: none;
    transition-duration: .1s;

}
.ds .menu__block {
	padding: 30px 50px
}
.ds .menu__block .yavi-menu-item {
    color: #fff;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 19px;
    height: 55px;
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0;
}
.ds header.scroll {
	background-color: #1a1b1f;
}
.ds header.header-fixed.active  .hamburger-menu{
    display: block;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
    transition: all 0.3s ease;
    height: 100%;
    backdrop-filter: blur(6px);
    background-color: rgb(0 0 0 / 62%);
    margin-top: 92px;
    margin-left: 0;
    left: 0;
}
.ds .menu__mail {
	 color: #fff;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 19px;
    height: 55px;
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0;
}
.ds .menu__tel {
	 color: #fff;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 19px;
    height: 55px;
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0;
}
.ds .menu-box {
	display: none;
}
.ds .yavi-menu:after {
	display: none;
}
.ds .hidden-mobile {
	display: none;
}
.ds .hidden-l-mobile {
	display: none;
}
.ds #register-form-bvd  .custom-control-label::before {
    top: -10px;
}
.ds #register-form-bvd .form-control  {
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 600;
    padding: 8px 16px;
    background: transparent;
    border-radius: 16px;
    height: 50px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 4px solid #eff2f8;
    background-color: #fff;
    width: 100%;
    margin: 0;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
}
.ds #register-form-bvd .modal-dialog .modal-content{
	border-radius: 24px;
}
.ds #register-form-bvd .modal-footer {
    padding: 0 15px!important;
    text-align: right;
    border-top: 0;
}
.ds #register-form-bvd .btn-primary {
	width: 100%;
    display: flex;
    flex-direction: row;
    padding: 8px 12px;
    border-radius: 16px;
    height: 50px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 4px solid #4149F2;
    background: #4149F2;
    box-shadow: 0px 8px 18px rgb(65 73 242 / 32%);
    color: #fff;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 800;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 20px;
}
.ds #register-form-bvd .btn-primary:hover, 
.ds #register-form-bvd .btn-primary:focus {
    box-shadow: none;
    transform: translateY(3px);
}
.ds #register-form-bvd .form-group.dynamic .form-control[value=""]~label {
    transform: translateY(0);
    margin-top: -33px;
    padding: 0;
    margin-left: 40px;
    pointer-events: none;
    text-shadow: none;
    line-height: 1rem;
    font-family: var(--font-family-sans-serif);
    font-weight: 600;
    font-size: 16px;
    color: #a4acbb;
}
.ds .modal-dialog {
	 max-width: 500px;
    margin: auto;
    width: auto;
    display: flex;
    flex: 1 1;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.ds #register-form-bvd .modal-dialog {
    max-width: 700px;
    margin: 30px auto;
    width: auto;
    display: flex;
    flex: 1 1;
    height: auto;
    align-items: center;
    justify-content: center;
}
.ds .modal-title{
	font-family: var(--font-main);
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 25px;
    color: #2b2d36;
    padding-top: 0px;
	padding-right: 20px;
}
.ds #register-form-bvd .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
}
.ds #register-form-bvd .form-group.dynamic .form-control.active~label, 
.ds #register-form-bvd .form-group.dynamic .form-control:not(:placeholder-shown)~label, 
.ds #register-form-bvd .form-group.dynamic .form-control:active~label,
.ds #register-form-bvd .form-group.dynamic .form-control:focus~label {
    transform: translateY(-100%)!important;
    font-size: 11px!important;
    margin-top: -40px!important;
    margin-left: 30px;
    outline: none;
    background-color: #fff;
    padding: 0 5px;
    border-radius: 4px;
}
.ds #register-btn-login {
	display: flex;
    flex-direction: row;
    padding: 8px 12px;
    border-radius: 16px;
    height: 50px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 4px solid #FF0076;
    background: #FF0076;
    box-shadow: 0px 10px 14px rgb(255 0 118 / 20%);
    color: #fff;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 800;
    align-items: center;
    justify-content: center;
    margin: 15px 5px 0px 5px;
    font-size: 15px;
    line-height: 20px;
}
.ds #register-btn-login:hover, 
.ds #register-btn-login:focus {
    box-shadow: none;
    transform: translateY(3px);
}
.ds #block-already-account-have-login {
	line-height: 1rem;
    font-family: var(--font-family-sans-serif);
    font-weight: 600;
    font-size: 16px;
    color: #2b2d36;
    border-radius: 16px!important;
    padding: 20px!important;
}
.ds #register-form-bvd .custom-control-label::before {
    width: 24px;
    height: 24px;
    border: #e1e1e1 solid 4px;
    border-radius: 8px!important;
}
.ds #register-form-bvd  .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    top: -8px;
    left: -30px;
    width: 20px;
    height: 20px;
    background-size: 14px;
}

.ds #register-form-bvd  .custom-control-input:checked~.custom-control-label::before {
	border: #4149f2 solid 4px;
	background-color: #4149f2;
}
.ds #register-form-bvd .form-group label {
    font-family: var(--font-family-sans-serif);
    color: #2b2d36;
	font-size: 15px;   
	font-weight: 600;
	margin-top: 10px;
}
.ds #register-form-bvd  legend {
    font-size: 15px;
}
.ds #register-form-bvd  fieldset .buttons label {
    max-width: 440px;
}
.ds #login-form-yavi .modal-content {
	border-radius: 24px;
}
.ds #login-form-yavi .dynamic .form-control.form-control-lg {
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 800;
    padding: 8px 24px;
    background: transparent;
    border-radius: 16px;
    height: 50px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 4px solid #eff2f8;
    background-color: #fff;
    width: 100%;
    margin: 0;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
}
.ds #login-form-yavi.modal .form-group.dynamic .form-control[value=""]~label {
    transform: translateY(0);
    margin-top: -33px;
    background-color: #fff;
    padding: 0px 5px;
    line-height: 1rem;
    margin-left: 30px;
    font-family: var(--font-family-sans-serif);
    font-weight: 600;
    font-size: 16px;
     color: #a4acbb;
}
.ds #login-form-yav.modali .dynamic .form-control.form-control-lg.active~label,
.ds #login-form-yavi.modal .dynamic .form-control.form-control-lg:not(:placeholder-shown)~label, 
.ds #login-form-yavi.modal .dynamic .form-control.form-control-lg:active~label, 
.ds #login-form-yavi.modal .dynamic .form-control.form-control-lg:focus~label {
    transform: translateY(-100%)!important;
    font-size: 12px!important;
    margin-top: -41px!important;
    outline: none;
    background-color: #fff;
    padding: 0 5px;
    border-radius: 3px;
}
.ds .dynamic .form-control,
.ds #login-form-yavi .dynamic .form-control:placeholder {
	color: #a4acbb;
}
.ds #login-form-yavi.modal #form-select-company .form-group + .fs--2.mb-4 {
	line-height: 24px;
	margin-bottom: 0!important;
    font-size: 15px;
}
.ds #login-form-yavi #login-btn-select {
	display: flex;
    flex-direction: row;
    padding: 8px 12px;
    border-radius: 16px;
    height: 50px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 4px solid #4149F2;
    background: #4149F2;
    box-shadow: 0px 8px 18px rgb(65 73 242 / 32%);
    color: #fff;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 800;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 20px;
	margin-left: 0;
	margin-right: 0; 
	margin-bottom: 20px;
}
.ds #login-form-yavi #login-btn-register {
	display: flex;
    flex-direction: row;
    padding: 8px 12px;
    border-radius: 16px;
    height: 50px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 4px solid #2b2d36;
    background: #2b2d36;
    box-shadow: 0px 10px 14px rgb(0 0 0 / 20%);
    color: #fff;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 800;
    align-items: center;
    justify-content: center;
    margin: 0px 0px 16px 0px;
    font-size: 15px;
    line-height: 21px;
}
.ds #login-form-yavi #login-btn-register:hover, 
.ds #login-form-yavi #login-btn-select:hover, 
.ds #dsvc-room-id:hover, 
.ds .yavi-connect-btn:hover, 
.ds .yavi-btn-start-web:hover, 
.ds .yavi-btn-start:hover {
    box-shadow: none;transform: translateY(3px);
}
.ds .yavi-tariff-title {
    text-align: center;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 26px;
    color: #FF0076;
    margin-bottom: 35px;
}
.ds .yavi-tariff-title.yellow {
    color: #ffa728;
}
.ds .yavi-tariff-block-section {
	display: flex;
	flex-direction: row;
	padding-bottom: 18px;
}
.ds .yavi-tariff-block  {
	flex: 1 1;
    background: rgba(217, 217, 217, 0.21);
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    margin: 0px 8px;
    padding: 30px;
    align-items: center;
}
.ds .yavi-tariff-block-2  {
	flex: 1 1;
    background: rgba(255, 0, 118, 0.05);
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    margin: 0 8px;
    padding: 30px;
    align-items: center;
}
.ds .yavi-tariff-block-3  {
	flex: 1 1;
    background: rgba(255, 0, 118, 0.12);
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    margin: 0 8px;
    padding: 30px;
    align-items: center;
}
.ds .yavi-tariff-block-4  {
	flex: 1 1;
    background: #FF0076;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    margin: 0 8px;
    padding: 30px;
    align-items: center;
}
.ds .yavi-tariff-info {
flex-wrap: nowrap;
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    align-items: center;
}
.ds .yavi-tariff-item-parametrs {
      font-family: var(--font-family-sans-serif);
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    color: #525667;
    font-size: 18px;
    margin-left: 30px;
    min-width: 70px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.ds .yavi-tariff-item-parametrs svg {
	padding-right: 8px;
	min-width: 26px;
}
.ds .yavi-tariff-subtitle {
	font-family: var(--font-main);
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 26px;
    color: #1A1B1F;
    margin-bottom: 20px;
}
.ds .yavi-tariff-item-name {
    font-family: var(--font-family-sans-serif);
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: normal;
    display: flex;
    align-items: center;
    color: #1A1B1F;
    height: auto;
    max-width: 330px;
    margin-bottom: 8px;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 8px;
}
.ds .yavi-tariff-block-section .yavi-tariff-info:last-child {
	border: 0;
}
.ds .yavi-tariff-block-section .yavi-tariff-info:last-child .yavi-tariff-item-parametrs {
	font-family: var(--font-main);
}
.ds .yavi-tariff-block-section .yavi-tariff-info .yavi-tariff-item-parametrs.thin,
.ds .yavi-tariff-block-section .yavi-tariff-info:last-child .yavi-tariff-item-parametrs.thin {
    font-family: var(--font-family-sans-serif);
}

.ds .yavi-tariff-block-3 .yavi-tariff-info {
    border-bottom: 1px solid #ddbdcf;
}
.ds .yavi-tariff-block-4 .yavi-tariff-info {
    border-bottom: 1px solid #ff76b5;
}
.ds .yavi-tariff-block-4 .yavi-tariff-subtitle {
	color: #fff;
}
.ds .yavi-tariff-block-4 .yavi-tariff-item-name,
.ds .yavi-tariff-block-4 .yavi-tariff-item-parametrs {
	color: #fff;
}
.ds .modal-footer,
.ds .modal-body {
	padding: 1rem 2rem;
} 
.ds .text-primary {
    color: #4149f2;
}
.ds .yavi-info-sub-dop svg {
	margin-right: 7px;
}
.ds .yavi-info-sub-dop {

    margin-bottom: 0px;
    margin-top: 40px;
    font-family: var(--font-family-sans-serif);
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #1A1B1F;
    justify-content: center;
    padding: 20px;
    border-radius: 20px;
    border: 4px dashed #ffa728;
}
.ds .yavi-btn-call {
	    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 50px;
    border: 4px solid #FFFFFF;
    border-radius: 16px;
    padding: 0 18px;
    min-width: 245px;
    background-color: #fff;
    color: #000;
    margin-right: 10px;
}
.ds .yavi-btn-call .yavi-btn-text {
    color: #000;
}

.ds .yavi-btn-call:hover, 
.ds .yavi-btn-call:focus {
    background-color: #4149f2;
	 border: 4px solid #4149f2;
	color: #fff;
    transition: all 0.3s ease;
    cursor: pointer;
}

.ds .yavi-btn-call:hover svg, 
.ds .yavi-btn-call:focus svg,
.ds .yavi-btn-call:hover .yavi-btn-text, 
.ds .yavi-btn-call:focus .yavi-btn-text{
	color: #fff;
	fill:#fff;
}
.ds .menu__block .yavi-menu-item.yavi-call {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 50px;
    border: 3px solid #FFFFFF;
    border-radius: 16px;
    padding: 0 14px;
    background-color: #fff;
    color: #000;
    font-weight: 500
}
.ds .col-item:hover {
	cursor: pointer;
}
.ds #btn-form-crm .modal-dialog,
.ds #btn-form-integration .modal-dialog {
	max-width: 600px;
}
.ds #btn-form-crm .modal-content,
.ds #btn-form-integration .modal-content {
    width: 600px;
    margin: 0 auto;
    pointer-events: auto;  
	border-radius: 24px;
}
.ds #btn-form-crm  .yavi-btn-start,
.ds #btn-form-integration  .yavi-btn-start {
	    padding: 8px 12px;
    border-radius: 16px;
    height: 50px;
}
.ds #btn-form-crm  .yavi-btn-start .yavi-btn-text,
.ds #btn-form-integration  .yavi-btn-start .yavi-btn-text {
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 800;
    font-size: 15px;
    line-height: 20px;
}
.ds #btn-form-integration .modal-dialog.sm  {
	max-width: 700px;
    margin: auto;
    width: auto;
    display: flex;
    flex: 1 1;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.ds #modal_request_error .modal-dialog.sm, 
.ds #modal_request_questions_yavi .modal-dialog.sm {
    max-width: 700px;
    margin: auto;
    width: auto;
    display: flex;
    flex: 1 1;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.ds #modal_request_error .modal-content.sm,
.ds #modal_request_questions_yavi .modal-content.sm {
    width: 500px;
    margin: 0 auto;
    pointer-events: auto;  
	border-radius: 24px;
}
.ds #modal_request_error  .icon-delete:before,
.ds #register-form-bvd  .icon-delete:before,
.ds #modal_request_questions_yavi .icon-delete:before {
	float: right;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
    text-shadow: none;
    opacity: 1;
    height: 24px;
    width: 24px;
    position: absolute;
    right: 30px;
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' enable-background='new 0 0 512 512' height='15' viewBox='0 0 512 512' width='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Layer_2_00000109751579172316076620000006735783325092197525_'%3E%3Cg id='close'%3E%3Cpath d='m431.6 512c-21.3.1-41.8-8.4-56.9-23.5l-118.7-118.8-118.7 118.8c-31.3 31.5-82.2 31.7-113.7.4s-31.8-82.2-.5-113.7c.2-.2.3-.3.5-.5l118.7-118.7-118.7-118.7c-31.3-31.6-31.1-82.5.5-113.8 31.3-31.1 81.9-31.1 113.2 0l118.7 118.8 118.7-118.8c31.3-31.5 82.2-31.7 113.8-.4s31.8 82.2.5 113.7c-.2.2-.3.3-.5.5l-118.7 118.7 118.7 118.7c31.4 31.4 31.4 82.3 0 113.7-15.1 15.1-35.6 23.6-56.9 23.6z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
	content: '';
}
.ds #modal_request_error .form-group.dynamic label
.ds #modal_request_questions_yavi .form-group.dynamic label {
    font-weight: 600;
    color: #131313;
    font-size: 15px;
    font-family: var(--font-family-sans-serif);
}
.ds #modal_request_error .form-group.dynamic .form-control,
.ds #modal_request_questions_yavi .form-group.dynamic .form-control {
	font-family: var(--font-main);
    font-style: normal;
    font-weight: 600;
    padding: 8px 16px;
    background: transparent;
    border-radius: 16px;
    height: 50px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 4px solid #eff2f8;
    background-color: #fff;
    width: 100%;
    margin: 0;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
}
.ds #modal_request_error  .modal_request_btn,
.ds #modal_request_questions_yavi  .modal_request_btn  {
	width: 100%;
    display: flex;
    flex-direction: row;
    padding: 8px 12px;
    border-radius: 16px;
    height: 50px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 4px solid #4149F2;
    background: #4149F2;
    box-shadow: 0px 8px 18px rgb(65 73 242 / 32%);
    color: #fff;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 800;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 20px;
}
.ds #modal_request_error .custom-control-label::before,
.ds #modal_request_questions_yavi .custom-control-label::before {
    position: absolute;
    top: 0rem;
    left: -2rem;
    display: block;
    width: 24px;
    height: 24px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #e1e1e1 solid 4px;
    border-radius: 8px!important;
}
.ds  #modal_request_error .custom-control-label a, 
.ds  #modal_request_questions_yavi .custom-control-label a {
    color: #4149f2;
}
.ds  #modal_request_error .custom-control-input:checked~.custom-control-label::before,
.ds  #modal_request_questions_yavi .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #4149f2;
    background-color: #4149f2;
}
.ds  #modal_request_error .custom-checkbox .custom-control-input:checked~.custom-control-label::after,
.ds  #modal_request_questions_yavi .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    top: 2px;
    left: -29px;
    background-size: 14px;
}
.ds .yavi-key {
	margin-top: 5px;
    border: 4px dashed #d9d9d9!important;
    padding: 20px;
    border-radius: 16px;
	text-align:center;
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}
.yavi-wrapper-btn-connect label {
	color: #afafaf;
    font-weight: 600;
    margin-bottom: 4px;
    margin-top: 14px;
}
.yavi-key-info p,
.yavi-key-info {
	font-family: var(--font-family-sans-serif);
    font-style: normal;
    font-weight: 600;
    font-size: 17px; 
	line-height: 21px;
}
.ds #register-form-bvd-loading  .modal-content {
    border-radius: 24px;
}
.ds #register-form-bvd-loading .loaded {
    position: relative;
    display: flex;
    width: 135px;
    height: 85px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-content: center;
    margin: auto;
    margin-bottom: 12px;
}
.ds #register-form-bvd-loading .loaded .load-ico {
    position: absolute;
    width: 90px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.ds #register-form-bvd-loading .loaded .load-ico svg {
	z-index: 10;
}

.ds #register-form-bvd-loading .loaded .load-ico svg path,
.ds #register-form-bvd-loading .loaded .load-ico svg#spin path,
.ds #register-form-bvd-loading .loaded .load-ico svg#eye g {
	fill: #4149f2;  
}
.ds #register-form-bvd-loading .loaded .load-ico svg#eye  {
	position: absolute;
    width: 14px;
    height: 26px;
    margin-top: 10px;
	opacity: 1;
	-webkit-animation: spinner-ico-eye 3.3s ease-in-out infinite  normal;
    animation: spinner-ico-eye 3.3s ease-in-out infinite  normal;
}
.ds #register-form-bvd-loading .loaded .load-ico svg#spin  {
	position: absolute;
    width: 24px;
    height: 24px;
    margin-top: 10px;
	-webkit-animation: spinner-ico-spin 2.2s ease-in-out  infinite  normal;
    animation: spinner-ico-spin 2.2s ease-in-out  infinite  normal;
	opacity: 1;
}  
.ds .yavi-cookie {
    background-color: #1d1e26;
    position: fixed;
    bottom: 0;
    width: 100%;
	z-index: 1000;
    box-shadow: 0px -15px 31px rgb(0 0 0 / 27%);
}
.ds .yavi-cookie-ico {
	padding-right: 15px;
    margin-bottom: -4px;
    padding-top: 14px;
}
.ds .yavi-cookie-ico img {
	width: 155px;
}
.ds .yavi-cookie-text {
	font-family: var(--font-family-sans-serif);
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    padding-right: 40px;
}
.ds .yavi-cookie .yavi-btn-text {
	font-size: 16px;
    line-height: 22px;
}
@keyframes spinner-ico-spin {
    0% {
		 -webkit-transform: rotate(0deg);
        transform: rotate(0deg);	
	
    }
    95% {
		-webkit-transform: rotate(720deg);
        transform: rotate(720deg);
    }
	100% {
		 transform: scale(1)
    }
}

.ds #register-form-bvd-loading .loaded .load-ico svg {
	-webkit-animation: spinner-ico 2.2s ease-in-out infinite  normal;
    animation: spinner-ico 2.2s ease-in-out infinite  normal;
} 
@keyframes spinner-ico {
    0% {
		transform: scale(1)
    }
	25% {
       transform: scale(0.9)
    }
	50% {
       transform: scale(1)
    }
    75% {
       transform: scale(0.9)
    }
    100% {
		transform: scale(1)
    }
}
@media(max-width: 1600px) {

	.ds .yavi-wrapper-site-hello {
		height: 100%;
	}

	.ds .yavi-title span {
		position: absolute;
		height: 85px;
		top: auto;
		margin-left: 8px;
		margin-top: 4px;
	}
	.ds .yavi-title span svg {
		height: 64px;
	}
	.ds .yavi-info {
		font-size: 30px;
		line-height: 36px;
	}
	.ds .yavi-btn-wrapper-start {
		position: relative;
		padding-top: 50px;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: flex-start;
		align-items: flex-start;
	}
	.ds .yavi-btn-wrapper-start .yavi-btn-primary ,
	.ds .yavi-btn-wrapper-start .yavi-btn-white {
		width:100%;
		max-width: 320px;
	}
	.ds .yavi-btn-wrapper-start .yavi-btn-primary {
		margin-bottom: 30px;
	}
	.ds .yavi-sub-text {
		font-size: 18px;
		line-height: 24px;
		margin-right: 65px;
		margin-bottom: 65px
	}
	.ds .yavi-wrapper-site-hello {
		padding-top: 175px;
	}
	.ds .yavi-btn-primary-oultine .yavi-btn-text,
	.ds .yavi-btn-primary .yavi-btn-text {
		font-size: 18px;
		line-height: 20px;
	}
	.ds .yavi-title {
		font-size: 76px;
		line-height: 95px;
	}
	.ds .yavi-wrapper-block {
		padding: 0 50px;
	}
	.ds .yavi-menu-wrapper .yavi-menu-item {
		padding: 0 15px;
	}
	.ds .yavi-wrapper-site-header {
		background-color: #1d1e26;
	}
	.ds .product-title {
		font-size: 38px;
		line-height: 56px;
		margin-bottom: 36px;
		padding-top: 20px;
	}
	.ds .yavi-primary {
		position: absolute;
		right: 154px;
		top: 40px;
		width: 50px;
	}
	.ds .product-text p {
		font-size: 18px;
		line-height: 24px;
		padding-bottom: 15px;
	}
	.ds .yavi-btn-pink  .yavi-btn-text {
		font-size: 18px;
		line-height: 20px;
	}
	.ds .product-title-arrow {
		width: 35px;
	}
	.ds .yavi-title-preim{
		font-size: 76px;
		line-height: 95px;
	}
	.ds .yavi-title-preim span {
		font-size: 30px;
		line-height: 36px;
	}
	.ds .yavi-fragment-title {
		font-size: 24px;
	}
	.ds .yavi-fragment-text {
		font-size: 18px;
	}
	.ds .yavi-fragment-ico {
		height: 75px;
		width: 75px;
	}
	.ds .yavi-fragment-ico svg {
		max-width: 28px;
		max-height: 28px;
	}
	.ds .yavi-block-center-column {
		padding: 40px 50px;
	}
	.ds .product-text-block p {
		font-size: 18px;
		line-height: 24px;
		padding-bottom: 15px;
	}
	.ds .block-btn-duo {
	    display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding-top: 20px;
	}
	.ds .block-btn-duo .yavi-btn-primary,
	.ds .block-btn-duo .yavi-btn-primary-oultine {
		width: 100%;
		max-width: 420px;
	}
	.ds .block-btn-duo button:first-child {
		margin-bottom: 20px;
	}
	.ds .yavi-block-product-psevdo-image {
		padding-top: 80px;
		padding-left: 0px;
	}
	.ds .yavi-wrapper-tariff .yavi-wrapper-block:first-child {
	
	}
	.ds .yavi-wrapper-column-second .yavi-name {
		font-size: 16px;
	}
	.ds .yavi-wrapper-column-second {
		padding: 30px 16px;
	}
	.ds .yavi-wrapper-column-second .yavi-item:last-child {
		font-size: 17px;
		line-height: 20px;
	}
	.ds .yavi-wrapper-column-first .yavi-item {
		font-size: 16px;
	}
	.ds .yavi-wrapper-column-first {
		max-width: 300px;
	}
	.ds .yavi-wrapper-column-second .yavi-item {
		font-size: 19px;
	}
}
@media(max-width: 1400px) {
	.ds .menu-box {
		display: block;
	}
	.ds .yavi-menu-wrapper {
		display: none;
	}
	.ds .yavi-logo {
		padding-left: 50px;
	}
	.ds .yavi-cookie-text {
		font-size: 15px;
		line-height: 23px;
	}
	.ds .yavi-cookie .yavi-btn-text {
		font-size: 15px;
		line-height: 20px;
	}
	.ds .yavi-cookie .yavi-btn-primary {
		height: 50px;
	}
	.ds .yavi-cookie-ico {
		margin-bottom: 0px;
	}
}
@media(max-width: 1199px) {
	
	.ds .yavi-cookie-ico {
		padding-right: 0;
	}
	.ds .yavi-cookie-ico img {
		width: 115px;
	}
	.ds .yavi-cookie-btn-wrapper  {
		width: 100%;
	}
	.ds .yavi-cookie-text {
		font-size: 15px;
		line-height: 20px;
		padding-right: 0;
		text-align: center;
	}
	.ds .yavi-cookie .yavi-btn-primary {
		padding: 6px 20px;
		height: 42px;
		margin: 20px 0;
		width: 100%;
	}
	 .ds .yavi-cookie  .yavi-btn-primary .yavi-btn-text {
		font-size: 14px;
		line-height: 20px;
	}
	.ds .yavi-wrapper-columns {
		display: none;
	}
	.ds .yavi-wrapper-columns-mobile {
		display: flex;
		width: 100%;
		position: relative;
		flex-direction: column;
	}
	.ds footer .yavi-logo {
		padding-left: 0px;
	}
	.ds .yavi-col-wrapper {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding-top: 35px;
		align-items: flex-start;
	}
	.ds .col-footer-last, .ds .col-footer {
		display: flex;
		flex-direction: column;
		flex: 1 1;
		align-items: flex-start;
		align-content: flex-start;
		text-align: left;
		    padding-bottom: 34px;
	}
	.ds .col-footer-last {
		align-items: flex-start;
	}
	.ds .product-text-block {
		padding-right: 0;
		text-align: center;
	}
	.ds .yavi-fragment {
		padding-top: 66px;
	}
	.ds .yavi-block-right-column .yavi-fragment {
		padding-left: 0px;
	}
	.ds .yavi-block-left-column .yavi-fragment {
		padding-right: 0;
	}
	.ds .yavi-block-left-column {
		width: 100%;	
	}
	.ds .yavi-block-right-column {
		width: 100%;
	}
	.ds .yavi-block-second ,
	.ds .yavi-block-first {
		width: 100%;
		flex-direction: column;
	}
	.ds .hidden-desktop {
		display: none;
	}
	.ds .hidden-mobile {
		display: none;
	}
	.ds .yavi-wrapper-block {
		flex-direction: column;
	}
	.ds .hidden-mobile {
		align-items: center;
		padding-bottom: 100px;
	}
	.ds .yavi-menu-wrapper {
		display: none;
	}
	.ds .yavi-logo {
		padding-left: 50px;
	}
	.ds .menu-box {
		display: block;
	}
	.ds .yavi-btn-wrapper-start {
		flex-direction: row;
		flex-wrap: wrap;
		align-content: flex-start;
		align-items: flex-start;
	}
	.ds .yavi-block-right {
		display: flex;
		width: 100%;
	    flex-direction: column;
		align-items: center;
		padding-left: 0px;
		padding-top: 50px;
	}
	.ds .micro-svg {
		top: auto;
	}
	.ds .product-text {
		max-width: 100%; 
		padding-bottom: 15px;
	}
	.ds .yavi-block-left {
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
	}
	.ds .product-text p {
		text-align: center;
		justify-content: center;
	}
	.ds .hidden-l-desktop {
		display: none;
	}
	.ds .hidden-l-mobile {
		display: flex;
	}
	.ds .yavi-wrapper-products {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.ds .yavi-block-img img,
	.ds .yavi-block-img-1 ,
	.ds .yavi-block-img-2 ,
	.ds .yavi-block-img-3 ,
	.ds .yavi-block-img-4 {
		margin: 0 auto;
		max-width: 720px;
	}
	.ds .yavi-block-img img,
	.ds .yavi-block-img-1 img,
	.ds .yavi-block-img-2 img,
	.ds .yavi-block-img-3 img,
	.ds .yavi-block-img-4 img{
		margin-top: 20px;
	}
	.ds .yavi-primary {
		position: absolute;
		right: 226px;
		top: 91px;
		width: 50px;
	}
	.ds .yavi-cum {
		position: absolute;
		width: 97px;
		right: auto;
		top: 0px;
		transform: rotate(3deg);
		filter: drop-shadow(1px 17px 17px #FF0076);
		margin-left: 82px;
	}
	.ds .yavi-triangle2 {
		left: 12%;
	}
	.ds .yavi-chat-blue {
		left: 115px;
	}
}
@media(max-width: 991px) {
	.ds .yavi-info-sub-dop {
		    padding: 12px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
	}
	.ds .yavi-wrapper-site-hello {
		padding-top: 110px;
	}
	.ds .col-title {
		font-size: 18px;
	}

	.ds .col-item-addres,
	.ds .col-item {
		font-size: 16px;
		line-height: 22px;
		text-align: left;
	}
	.ds .yavi-info-sub-xls {
		font-size: 16px;
		line-height: 22px;    
		justify-content: center;
	}
	.ds .yavi-btn-dark-outline .yavi-btn-text {
		font-size: 15px;
		line-height: 19px;
	}
	.ds .yavi-btn-wrapper-start .yavi-btn-primary, 
	.ds .yavi-btn-wrapper-start .yavi-btn-white {
		width: 100%;
		max-width: 100%;
		margin: 0;
		margin-bottom: 20px;
	}
	.ds .product-title {
		text-align: center;
		width: 100%;
	}
	.ds .yavi-btn-white-up {
		width: 100%;
	}
	.ds .yavi-block-left {
		width: 100%;
		flex-direction: column;
		align-items: center;
	}
	.ds .yavi-block-right {
		width: 100%;
		flex-direction: column;
		align-items: center;
	}
	.ds .yavi-info-sub-text {
		font-size: 20px;
		line-height: 27px;
	}
	.ds .yavi-info-sub-wrapper {
		padding: 25px 35px;
	}
	.ds .yavi-logo svg {
		width: 85px;
	}
	.ds .yavi-btn-call .yavi-btn-text,
	.ds .yavi-btn-register .yavi-btn-text {
		font-size: 12px;
		line-height: 20px;
	}
	.ds .yavi-btn-call {
		min-width: 200px;
	}
	.ds .yavi-wrapper-site-header {
		padding: 0 24px;
	}
	.ds .micro-svg {
		right: 30px;
	}
	.ds .yavi-mail {
		position: absolute;
		width: 170px;
		margin-left: 52px;
		bottom: 165px;
		filter: drop-shadow(2px 21px 17px #2B408970);
		z-index: 100;
		right: 36px;
	}
}
@media(max-width: 767px) {
	.ds .yavi-cookie-text {
		font-size: 13px;
		line-height: 18px;
		padding-right: 0;
		text-align: center;
		font-weight: 400;
	}
	.ds #register-form-bvd-success  #register-form-bvd-success-Label h5 { 
	    font-size: 18px;
		line-height: 22px;
	}
	.ds .yavi-key {
		padding: 6px;
		font-weight: 600;
		font-size: 14px;
		line-height: 20px;
		color: #000000;
	}
	.ds #btn-form-crm .modal-dialog,
	.ds #btn-form-integration .modal-dialog,
	.ds #modal_request_error .modal-dialog.sm,
	.ds #modal_request_questions_yavi .modal-dialog.sm {
		max-width: 700px;
		margin: 30px auto;
		width: auto;
		display: flex;
		flex: 1 1;
		height: auto;
		align-items: center;
		justify-content: center;
		height: auto;
	}
	.ds #btn-form-crm,
	.ds #btn-form-integration,
	.ds #modal_request_error,
	.ds #modal_request_questions_yavi  {
		margin: 0px 16px!important;
	}
	.ds #btn-form-crm .modal-header .close,
	.ds #modal_request_error .modal-header .close,
	.ds #btn-form-integration .modal-header .close,
	.ds #modal_request_questions_yavi .modal-header .close {
		margin-top: -3px;
	}
	.ds #login-form-yavi .modal-dialog {
		max-width: 500px;
		margin: auto;
		width: auto;
		display: flex;
		flex: 1 1;
		height: 100%;
		align-items: center;
		justify-content: center;
	}
	.ds #login-form-footer .modal-body {
		padding-bottom: 24px;
	}
	.ds #btn-form-yavi .modal-body {
		padding-bottom: 24px;
	}
	.ds #btn-form-yavi .modal-dialog .modal-content {
		border-radius: 24px;
		margin: 16px;
	}
	.ds .modal-footer,
	.ds .modal-body {
		padding: 16px 20px;
	
	}
	.ds #login-form-yavi .dynamic .form-control.form-control-lg {
		padding: 8px 16px;
	}
	.ds #login-form-yavi #login-btn-register {
		margin: 16px 0px 0px 0px;
	}
	.ds .modal-title {
		font-family: var(--font-main);
		font-style: normal;
		font-weight: 800;
		font-size: 18px;
		line-height: 22px;
		color: #2b2d36;
		padding-top: 0px;
	}
	.ds .yavi-text-info {
		font-size: 15px;
		margin-top: 0px;
		line-height: 18px;
	}
	.ds .yavi-text-start {
		font-size: 15px;
		margin-top: 24px;
		line-height: 18px;
	}
	.ds #btn-form-yavi .modal-dialog {
		max-width: 500px;
		margin: auto;
		width: auto;
		display: flex;
		flex: 1 1;
		height: 100%;
		align-items: center;
		justify-content: center;
	}
	.ds #btn-form-yavi .modal-dialog .modal-content .modal-title {
		font-size: 18px;
		line-height: 22px;
	}
	.ds .modal-header .close {
		margin-top: 4px
	}
	.ds #register-form-bvd .modal-header .close {
		margin-top: -4px;
	}
	.ds .close {
		float: right;
		font-size: 15px;
	}
	.ds .modal-header {
		padding: 16px 20px;
	}
	.ds #dsvc-room-id,
	.ds .yavi-connect-btn,
	.ds .yavi-btn-start-web,
	.ds .yavi-btn-start,
	.ds .yavi-btn-pink,
	.ds .yavi-btn-white,
	.ds .yavi-btn-primary {
		height: 54px;
	}
	.ds .yavi-wrapper-site-header {
		height: 62px;
	}
	.menu__btn {
		top: 17px;
	}
	#menu__toggle:checked ~ .menu__btn {
		top: 14px;
	}
	.ds header.header-fixed.active .hamburger-menu {
		 margin-top: 62px;
	}
	.ds .menu__block {
		padding: 30px 24px;
	}
	.ds .yavi-tariff-item-parametrs {
		min-width: 50px;
	}
	.ds  .yavi-wrapper-block {
		padding: 0px 20px;
	}
	.ds .yavi-tariff-block,
	.ds .yavi-tariff-block-2,
	.ds .yavi-tariff-block-3,
	.ds .yavi-tariff-block-4 {
		margin:0;
	}
	.ds .yavi-tariff-item-name {
		font-size: 14px;
	}
	.ds .yavi-btn-call {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		height: 42px;
		border: 3px solid #FFFFFF;
		border-radius: 16px;
		padding: 0 14px;
	}
	.ds .yavi-btn-register {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		height: 42px;
		border: 3px solid #FFFFFF;
		border-radius: 16px;
		padding: 0 14px;
	}
	.ds .yavi-tariff-block-section {
		display: flex;
		flex-direction: column;
		padding-bottom: 18px;
	}
	.ds .yavi-tariff-block,
	.ds .yavi-tariff-block-3 {
		margin-bottom: 20px;
	}
	.ds #block-already-account-have-login {
		line-height: 1rem;
		font-family: var(--font-family-sans-serif);
		font-weight: 600;
		font-size: 15px;
		color: #2b2d36;
		border-radius: 16px!important;
		padding: 20px!important;
	}
	.ds .yavi-icv {
		width: 50px;
	}
	
	.ds .yavi-btn-start {
		margin: 8px 0px 0px 0px;
	}
	
	.ds #login-form-yavi #login-btn-register,
	.ds #login-form-yavi #login-btn-select,
	.ds #dsvc-room-id, 
	.ds .yavi-connect-btn,
	.ds .yavi-btn-start-web,
	.ds .yavi-btn-start {
		font-size: 14px;
		text-align: center;
		line-height: 20px;
	}
	.ds .product-text-block p {
		font-size: 16px;
		line-height: 23px;
		padding-bottom: 5px;
	}
	.ds .yavi-info-sub-wrapper {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 25px 35px;
	}
	.ds .yavi-info-sub-text {

		font-size: 16px;
		line-height: 23px;
		color: #2b2d36;
		padding-left: 0px;
		padding-top: 23px;
		text-align: center;
	}
	.ds .yavi-block-product-psevdo-item {
		width: 365px;
		height: 150px;
		padding: 26px 45px;
		margin-bottom: 40px;
		margin-left: 50px;
	}
	.ds .yavi-number-big {
		font-size: 40px;
		line-height: 50px;
	}
	.ds .yavi-number-text {
		font-size: 20px;
		line-height: 30px;
	}
	.ds .yavi-block-product-psevdo-item-pink {
		width: 496px;
		height: 150px;
	}
	.ds .yavi-block-product-psevdo-item-pink .yavi-number-big {
		font-size: 40px;
		line-height: 50px;
	}
	.ds .yavi-block-product-psevdo-item-pink .yavi-number-text {
		font-size: 20px;
		line-height: 30px;
	}
	
	.ds .yavi-fragment-text {
		font-size: 16px;
		line-height: 22px;
		padding-bottom: 15px;
	}
	.ds .product-title {
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 27px;
		padding-top: 20px;
	}
	.ds .product-text p {
		font-size: 16px;
		line-height: 22px;
		padding-bottom: 15px;
	}
	.ds .yavi-btn-white .yavi-btn-text,
	.ds .yavi-btn-primary-oultine .yavi-btn-text,
	.ds .yavi-btn-primary .yavi-btn-text,
	.ds .yavi-btn-pink .yavi-btn-text {
		font-size: 15px;
		line-height: 19px;
	}
	.ds .yavi-btn-primary ,
	.ds .yavi-btn-pink  {
		width: 100%;
	}
	.ds .yavi-primary {
		position: absolute;
		right: 177px;
		top: 68px;
		width: 33px;
	}
	.ds .yavi-cum {
		position: absolute;
		width: 85px;
		right: 30px;
		top: -13px;
		transform: rotate(3deg);
		filter: drop-shadow(1px 17px 17px #FF0076);
		margin-left: 63px;
	}
	.ds .yavi-chat {
		width: 76px;
	}
	.ds .yavi-chat-blue {
		width: 76px;
		left: 16px;
	}
	.ds .micro-svg {
		width: 96px;
	}

	.ds .yavi-sub-text {
		font-size: 18px;
		line-height: 24px;
		margin-right: 0;
	}
	.ds .yavi-block-product-psevdo-image {
		display: none;
	}
	.ds .yavi-wrapper-sub {
		padding-top: 25px;
		padding-bottom: 25px;
	}

}
@media(max-width: 600px) {
	.ds .yavi-btn-call {
		display: none;
	}
}
@media(max-width: 500px) {
	.ds .yavi-info {
		font-size: 22px;
		line-height: 36px;
	}
	.ds .yavi-primary {
		display: none
	}
	.ds .yavi-fire-pink {
		position: absolute;
		width: 63px;
		margin-left: 60px;
		top: -5px;
		transform: rotate(22deg);
		filter: drop-shadow(2px 7px 6px #FF007652);
		z-index: 100;
	}
}