@font-face {
	font-family: "lato";
	src: url("/fonts/lato.eot");
	src: url("/fonts/lato.eot?#iefix") format("embedded-opentype"),
	url("/fonts/lato.woff") format("woff"),
	url("/fonts/lato.ttf") format("truetype");
	font-display: swap !important;
	font-style: normal;
	font-weight: normal;
}
html, body {
	padding: 0;
	margin: 0;
	min-width: 320px;
	background: #F6F8FB;
	font-family: 'lato', sans-serif;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
a.link {
	color: #22AE54;
}
body {
	background: #F6F8FB url("/img/bg.svg") no-repeat center 4em / 75%;
}
[data-html="cabinet"] body {
	background: #ffffff;
}
body.cabinet {
	background: #ffffff;
}
body .container {
	width: 1299px;
	max-width: 100%;
	z-index: 1;
}
.header {
	padding: 20px;
	color: #131313;
	border-bottom: 1px solid #dddddd;
	background: rgba(255,255,255,0.95);
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}
.header a {
	color: #111111;
	font-weight: bolder;
}
.header .menu {
	display: inline-flex;
	float: right;
	align-items: center;
}
.header .menu img {
	margin-right: 10px;
	width: 50px;
	height: 50px;
	border-radius: 100%;
}
html .btn-default {
	background: #22AE54;
	width: 200px;
	padding: 0.375rem 0.75rem 0.275rem;
	line-height: 36px;
	color: #ffffff;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,.55);
}
.header .menu .btn {
	margin-left: 15px;
	max-width: max-content;
}
.switch {
	position: relative;
	display: inline-block;
	width: 54px;
	height: 28px;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #ffffff;
}

input:focus + .slider {
	box-shadow: 0 0 1px #ffffff;
}

input:checked + .slider:before {
	background: #111111;
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}
label.switch {
	margin: 0 20px 0 0;
}
.main {
	padding: 4em 0;
	min-height: 600px;
}
h1 {
	font-weight: bold;
}
iframe {
	max-width: 100% !important;
	width: inherit;
	margin: 1em auto;
}
#reg-form {
	width: 100%;
	background: rgba(255,255,255,0.95);
	padding: 40px 40px 0;
	border: 1px solid #ECECEC;
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}
#reg-form .form-group {
	margin-bottom: 2em;
}
#reg-form .form-group:last-of-type {
	margin-bottom: 0;
}
#reg-form input:not([type=checkbox]) + label, .modal-except form input:not([type=checkbox]) + label, .modal-except form textarea + label {
	position: absolute;
	font-size: 12px;
	line-height: 12px;
	color: #22AE54;
	left: 31px;
	top: 2px;
	display: none;
}
#reg-form input:not([type=checkbox]), .modal-except input:not([type=checkbox]), .modal-except form textarea {
	padding: 11px 16px;
	font-size: 16px;
	width: 100%;
}
#reg-form input[type=checkbox] {
	width: 1em;
	height: 1em;
}
#reg-form input[type=checkbox] + label {
	display: inline-block;
	font-size: 15px;
	line-height: 22px;
	position: relative;
	top: -24px;
	left: 20px;
	color: #111111;
}
#reg-form input[type=checkbox] + label > a {
	color: #22AE54;
}
#reg-form .btn {
	width: 100%;
}
.form input:not([type=checkbox]), .modal-except input:not([type=checkbox]), .modal-except textarea {
	background: #F6F8FB;
	border: none;
	border-bottom: 1px solid #CDD6E5;
	outline:none;
}
.form input:not([type=checkbox]):active, .form input:not([type=checkbox]):focus, .modal-except input:not([type=checkbox]):active, .modal-except form input:not([type=checkbox]):focus,
.modal-except input:not([type=checkbox]):active, .modal-except form input:not([type=checkbox]).active, form input:not([type=checkbox]).active, .modal-except form textarea:focus, .modal-except form textarea.active {
	border-color: #22AE54;
}
.form input[type=checkbox]:checked {
	background: #22AE54;
}
#reg-form input:not([type=checkbox]):focus::placeholder, .modal-except form input:not([type=checkbox]):focus::placeholder, .modal-except form textarea:focus::placeholder {
	color: transparent;
}
#reg-form input:not([type=checkbox]):not(#phone):focus, #reg-form input:not([type=checkbox]):not(#phone).active, .modal-except form input:not([type=checkbox]):focus, .modal-except form input:not([type=checkbox]).active, .modal-except form textarea:focus, .modal-except form textarea.active {
	padding: 15px 16px 7px;
}
#reg-form input:not([type=checkbox]):focus + label, #reg-form input:not([type=checkbox]).active + label, .modal-except form input:not([type=checkbox]):focus + label, .modal-except form input:not([type=checkbox]).active + label,
.modal-except form textarea:focus + label, .modal-except form textarea.active + label  {
	display: inline-block;
}
#reg-form select {
	color: #757575;
	padding: 15px 16px 16px;
	font-size: 16px;
	border-color: #CDD6E5;
	border-top: none;
	border-right: none;
}
#reg-form select option {
	padding: 10px 5px;
}
#reg-form select option:first-of-type {
	display: none;
}
.benefits {
	background: rgba(255,255,255,0.95);
	margin: 25px 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 30px;
	padding: 1em 0 0;
	border-radius: 3px;
}
.benefits i:before {
	content: url("/img/check.png");
	float: left;
	margin: 5px 15px 15px 0;
}
.footer-box {
	background: rgba(255,255,255,0.95);
	padding: 1em 0;
	color: #131313;
}
.footer-box a {
	color: #131313;
}
.footer-box img:not(.ico) {
	margin-right: 15px;
}
.footer-box img.ico {
	position: relative;
	bottom: 2px;
}
.footer {
	font-size: 14px;
}
.footer span > a.btn {
	padding: 0 8px;
	margin-bottom: 5px;
}
.footer [class*=bi] {
	font-size: 10px;
}
.footer .phone-block {
	margin-top: -3px;
}
.info-block {
	display: inline-block !important;
	width: 460px;
	max-width: 100%;
	position: fixed;
	top: 1px;
	margin: 0 auto;
	align-items:center;
	justify-content:center;
	right: inherit;
	left: 38%;
	padding: 5px 15px;
	line-height: 40px;
	text-align: center;
	box-shadow: 0 0 5px rgba(0,0,0,0.35);
	animation: bounceInUp .8s;
	z-index: 999;
}
.info-block.success {
	background: rgba(34, 174, 84, 0.85);
	color: #ffffff
}
.info-block.error {
	background: rgba(174, 26, 0, 0.85);
	color: #ffffff
}
form input ~ em.error {
	color: red;
	font-size: 12px;
}
.noClients {
	color: #b3b3b3;
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
}
input:-internal-autofill-selected {
	background: inherit !important;
}
#loginModal .modal-body {
	padding-bottom: 0;
}
#loginModal .modal-body .tab-content>.active {
	min-height: 176px;
}
#loginModal .modal-body .form-group:last-child {
	margin-bottom: 0;
}
#loginModal .btn ,
#form-forget .btn {
	width: 100%;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 36px;
}
.modal-content {
	padding: 15px;
}
.modal-content .nav-tabs {
	border: none;
}
.modal-content .nav-tabs .nav-link {
	background: transparent;
	font-size: 21px;
	font-weight: bold;
	color: #888888;
	border: none;
	outline: none;
	padding-top: 0;
	padding-bottom: 0;
}
.modal-content .nav-tabs .nav-link.active {
	color: #111111;
	border-bottom: 2px solid #22AE54;
}
.imgframe {
	max-width: 100%;
	border-radius: 3px;
	box-shadow: 0 5px 20px rgb(0 0 0 / 50%);
}
html.black .imgframe {
	content: url("/img/content/m_n.png");
}
html.black .footer-box {
	background: #222222;
	color: #ffffff;
}
html.black .footer-box a
{
	color: #ffffff;
}
.double-block {
	width: 100%;
	display: inline-flex;
}
[data-flag] {
	display: inline-block;
	position: relative;
	cursor: pointer;
	background: #F6F8FB url("/img/content/arrow_down.png") no-repeat 90% center / 14.7%;
	padding: 13px 16px 13px 10px;
	margin-right: 3px;
	border-bottom: 1px solid #CDD6E5;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
[data-flag].opened {
	box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	background: #F6F8FB url("/img/content/arrow_up.png") no-repeat 90% center / 14.7%;
	transition: all .4s;
}
html.black [data-flag]
{
	background: #111111;
}
.phone-block.active [data-flag]
{
	border-color: #22AE54;
}
[data-flag='ru'], [data-select='ru'], [data-current="ru"] {
	content: url("/img/content/flag/ru.png");
}
[data-flag='ae'], [data-select='ae'], [data-current="ae"] {
	content: url("/img/content/flag/ae.png");
}
[data-flag='ua'], [data-select='ua'], [data-current="ua"] {
	content: url("/img/content/flag/ua.png");
}
[data-flag='by'], [data-select='by'] {
	content: url("/img/content/flag/by.png");
}
[data-flag='kz'], [data-select='kz'] {
	content: url("/img/content/flag/kz.png");
}
[data-flag='uz'], [data-select='uz'] {
	content: url("/img/content/flag/uz.png");
}
[data-flag='ge'], [data-select='ge'] {
	content: url("/img/content/flag/ge.png");
}
[data-flag='gb'], [data-select='gb'], [data-select='en'], [data-current="en"] {
	content: url("/img/content/flag/gb.png");
}
[data-flag='de'], [data-select='de'] {
	content: url("/img/content/flag/de.png");
}
[data-flag='in'], [data-select='in'] {
	content: url("/img/content/flag/in.png");
}
[data-flag='it'], [data-select='it'] {
	content: url("/img/content/flag/it.png");
}
[data-flag='ca'], [data-select='ca'] {
	content: url("/img/content/flag/ca.png");
}
[data-flag='cn'], [data-select='cn'] {
	content: url("/img/content/flag/cn.png");
}
[data-flag='pk'], [data-select='pk'] {
	content: url("/img/content/flag/pk.png");
}
[data-flag='ro'], [data-select='ro'] {
	content: url("/img/content/flag/ro.png");
}
[data-flag='us'], [data-select='us'] {
	content: url("/img/content/flag/us.png");
}
[data-flag='fr'], [data-select='fr'] {
	content: url("/img/content/flag/fr.png");
}
[data-flag='iz'], [data-select='iz'] {
	content: url("/img/content/flag/iz.png");
}
[data-flag='pl'], [data-select='pl'] {
	content: url("/img/content/flag/pl.png");
}
[data-flag='bg'], [data-select='bg'] {
	content: url("/img/content/flag/bg.png");
}
[data-flag='sb'], [data-select='sb'] {
	content: url("/img/content/flag/sb.png");
}
.select-flag {
	position: absolute;
	width: 71%;
	height: 19px;
	top: 37px;
	left: 16px;
	background: rgba(255,255,255,0.85);
	z-index: 1;
	margin-top: 2px;
	padding: 5px;
	box-shadow: 1px 1px 3px rgb(0 0 0 / 15%);
	display: inline-table;
	animation: zoomIn .5s;
}
.select-flag [data-select], .lang-box [data-select] {
	display: inline-block;
	float:left;
	width: 24px;
	height: 19px;
	cursor: pointer;
	margin: 0 1px 1px 0;
}
.select-flag [data-select]:hover, .lang-box [data-select]:hover {
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
#rcVideo {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	animation: fadeIn 1s;
}
#rcVideo + .bg-tune
{
	background: rgba(255,255,255,0.15);
	position: relative;
	padding-top: 5em;
}
.white-block {
	width: 100%;
	background: rgba(255,255,255,0.95);
	padding: 20px 40px 0;
	border: 1px solid #ECECEC;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	margin-bottom: 22px;
}
html.black #rcVideo + .bg-tune {
	background: rgba(0,0,0,0.25);
}
html.black .header {
	background: #222222;
	border-color: #444444;
	box-shadow: 0 5px 20px rgb(0 0 0 / 50%);
}
html.black .white-block {
	background: #222222;
	border-color: #444444;
	box-shadow: 0 5px 20px rgb(0 0 0 / 50%);
}
html.black .benefits {
	background: #222222;
	border: 1px solid #444444;
	box-shadow: 0 5px 20px rgb(0 0 0 / 50%);
}
html[data-html="cabinet"] #rcVideo + .bg-tune {
	background: rgba(255,255,255,0.95);
	min-height: 100vh;
}
html[data-html="cabinet"].black #rcVideo + .bg-tune {
	background: rgba(0,0,0,0.9);
}
html .sb-video-widget:hover, html .sb-video-widget.is-active {
	border-color: #22AE54 !important;
}
.sb-video-widget {
	animation: zoomIn .75s;
}
.phone-block > span > a:before, .phone-block > a:before {
	margin-right: 3px;
	position: relative;
	top: 3px;
}
.phone-block > span > a[hreflang='ae']:before {
	content: url(/img/content/flag/ae.png);
}
.phone-block > span > a[hreflang='ru']:before {
	content: url(/img/content/flag/ru.png);
}
.flex-box {
	display: flex;
}
.w100 {
	width: 100%;
}
.lang-select {
	position: relative;
	top: 3px;
}
.lang-select [data-current] {
	display: inline-block;
	position: relative;
	cursor: pointer;
	background: #f6f8fb9e url(/img/content/arrow_down.png) no-repeat 90% center / 15.7%;
	padding: 10px 20px 10px 10px;
	margin-right: 3px;
	border-bottom: 1px solid #CDD6E5;
	border-radius: 6px;

}
.lang-select [data-current] + .lang-box {
	display: none;
	position: absolute;
	width: 150px;
	height: auto;
	top: 40px;
	left: -95px;
	background: #f6f8fb9e ;
	list-style-type: none;
	z-index: 1;
	margin-top: 2px;
	padding: 5px;
	box-shadow: 1px 1px 3px rgb(0 0 0 / 15%);
}
.lang-box li {
	display: flex;
	width: 100%;
	padding: 3px 5px 1px;
	cursor: pointer;
	align-items: center;
}
.lang-box li:hover {
	background: rgba(50,50,50,0.15);
}
.lang-select.active > .lang-box {
	display: block;
	animation: fadeIn .8s;
}
.lang-box [data-select] {
	margin-right: 5px;
}
#forget-link {
	display: table;
	margin: .35em auto 0;
	cursor: pointer;
	color: #22AE54;
}
#forget-link:hover {
	text-decoration: underline;
}

/* contacts */
@keyframes contacts {
	from {box-shadow: 0 0 1px #00ae50;text-shadow: 0 0 1px rgba(0,0,0,0.1);}
	50% {box-shadow: 0 0 10px #00ae50;text-shadow: 1px 1px 2px rgba(0,0,0,0.35);}
	to {box-shadow: 0 0 1px #00ae50;text-shadow: 0 0 1px rgba(0,0,0,0.1);}
}
.contacts {
	display: grid;
	position: fixed;
	opacity: 1;
	bottom: 15px;
	right: 10px;
	width: 61px;
	height: 61px;
	background: #22AE54;
	text-align: center;
	align-content: center;
	justify-content: center;
	border-radius: 100%;
	cursor: pointer;
 	text-decoration: none !important;
	animation: contacts 2s infinite;
	transition: all .5s;
}
.contacts.active {
	opacity: 0;
	transform: scale(0.1);
}
.contacts i {
	display: flex;
	font-size: 36px;
	color: #ffffff;
}
#contacts .modal-dialog
{
	width: 1024px;
	max-width: 90%;
}
#contacts .close {
	width: 28px;
	height: 28px;
	background: rgba(255,255,255,0.75);
	text-shadow: none;
	position: relative;
	right: -15px;
	top: 1.25em;
	border-radius: 100%;
}
#contacts .modal-content {
	background: transparent;
	color: #ffffff;
	font-size: 1.25em;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.55);
	border: none
}
#contacts .modal-content .left-side,
#contacts .modal-content .right-side {
	align-content: center;
	justify-content: center;
	display: grid;
	padding: 1em 1em .75em;
}
#contacts .modal-content .left-side {
	text-align: center;
}
#contacts .modal-content .right-side {
	background: rgba(255,255,255,0.35);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.55);
}
#contacts .modal-content h4 {
	font-size: 3em;
	text-align: center;
}
#contacts .modal-dialog img {
	display: block;
	max-width: 90%;
	margin: 0 auto .35em;
	float: none;
	animation: zoomIn 1s;
}
#contacts .modal-dialog .left-side img {
	width: 250px;
	margin: 1em auto;
}
#contacts fieldset {
	width: 100%;
	font-size: 18px;
	padding: .25em 1em .75em;
	margin: .35em auto;
	border: 1px solid rgba(255,255,255,0.55);
}
#contacts fieldset:last-of-type {
	margin-bottom: 0;
}
#contacts fieldset legend {
	width: fit-content;
	padding: 0 0.25em;
	margin: 0;
	font-size: 20px;
}