/* Start:/local/templates/1c-landing/components/bitrix/menu/top/style.css?17431476401071*/
/* NavBar */
.header .nav-bar_ {
    display: contents;
}
@media (max-width: 1023px) {
    .nav-bar_ {
        display: none;
    }
} 

nav .ul {
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
}

@media (max-width: 767px) {
    .ul_footer {
        flex-direction: column;
        margin: 20px 0;
        margin: 0 0 40px 0;
    }
} 

.ul_menu {
    flex-direction: column;
}
.ul_menu .li {
    margin: 15px;
}
nav .li {
    margin: 20px;
    color: var(--whi);
}
nav .link {
    position: relative;
    text-transform: uppercase;
    transition: color 0.3s;
    display: flex;
    justify-content: center;
    color: inherit;
    text-decoration: unset;
    white-space: nowrap;
}
nav .link::after {
    display: block;
    content: '';
    position: absolute;
    bottom: -5px;
    opacity: 0;
    width: 100%;
    height: 2px;
    background-color: var(--red);
    transform: scale(0);
    transition: all 0.3s ease;
}
nav .link:hover {
    color: var(--red)
}
nav .link:hover::after {
    transform: scale(1);
    opacity: 1;
}

/* End */


/* Start:/local/components/sol42/contacts.icon/templates/top/style.css?17171553391558*/
/* ContactsUl */
.header--sticky .li--1,
.header--sticky .li--2,
.header--sticky .li--3 {
    display: none
}

.contacts-ul {
    position: relative;
    margin-left: 160px;
    padding: 0;
}
@media (max-width: 1023px) {
    .contacts-ul {
        margin-left: 0;
    }
}
.li {
    width: 100%
}
.li--1 {
    position: absolute;
    top: 45px
}
.li--2 {
    position: absolute;
    top: 90px
}
.li--3 {
    position: absolute;
    top: 135px
}

#ContactsUl {
    z-index: 9;
    padding: 0;
}

.link {
    display: flex;
    position: relative;
    justify-content: flex-end;
    align-items: center;
    width: 100%
}
.link:hover > .svg-block::after {
    transform: scale(1);
    opacity: 1
}
.link svg > path {
    transition: fill 0.3s ease
}
.link:hover svg > path {
    fill: var(--red)
}
.link:hover > .span {
    color:var(--red);
    opacity: 1;
    transform: scale(1)
}

.contacts-ul .svg-block {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    min-width: 30px;
    height: 30px
}
.contacts-ul .svg-block::after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid var(--red);
    transition: all 0.3s ease;
    transform: scale(1.3);
    opacity: 0
}

.span {
    text-align: right;
    position: absolute;
    right: 50px;
    width: 250px;
    transform: scale(0);
    transform-origin: 100% 50%;
    transition: all 0.3s ease;
}
@media (max-width: 767px) {
    .span {
        display: none
    }
}

/* End */


/* Start:/local/templates/1c-landing/components/bitrix/menu/bottom/style.css?17171553391035*/
/* NavBar */
.nav-bar_ {
@media (max-width: var(--max_2)) display: none;
}
/*.nav-bar__footer
.nav-bar__menu*/
nav .ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
.ul_footer {
@media (max-width: var(--max_1)) flex-direction: column margin: 20 px 0;
@media (max-width: var(--max_1)) margin: 0 0 40 px 0;
}
.ul_menu {
    flex-direction: column;
}
.ul_menu .li {
    margin: 15px;
}
nav .li {
    margin: 20px;
    color: var(--whi);
}
nav .link {
    position: relative;
    text-transform: uppercase;
    transition: color 0.3s;
    display: flex;
    justify-content: center;
    color: inherit;
    text-decoration: unset;
    white-space: nowrap;
}
nav .link::after {
    display: block;
    content: '';
    position: absolute;
    bottom: -5px;
    opacity: 0;
    width: 100%;
    height: 2px;
    background-color: var(--red);
    transform: scale(0);
    transition: all 0.3s ease;
}
nav .link:hover {
    color: var(--red)
}
nav .link:hover::after {
    transform: scale(1);
    opacity: 1;
}

/* End */


/* Start:/local/components/sol42/contacts.icon/templates/bottom/style.css?17171553381712*/
.button-common {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 14px;
    padding: 15px 30px;
    margin-top: 40px;
    font-size: 23px;
    transition: background-color 0.3s ease;
}
.button-common path {
    transition: fill 0.3s ease;
}
.button-common:hover path {
    fill: var(--whi);
}
.button-common--bg-red {
    background-color: var(--red);
}
.button-common--bg-red:hover {
    background-color: var(--red_l);
}
.button-common--bg-red path {
    fill: var(--dar);
}
.button-common--bg-vio {
    background-color: var(--vio);
}
.button-common--bg-vio:hover {
    background-color: var(--vio_l);
}
.button-common--bg-vio path {
    fill: var(--ora);
}
.button-common--bg-ora {
    background-color: var(--ora);
}
.button-common--bg-ora :hover {
    background-color: var(--ora_l);
}
.button-common--bg-ora  path {
    fill: var(--red);
}

.button-span {
    font-size: inherit;
    font-weight: 900;
    color: var(--whi);
    text-transform: uppercase;
}
.svg-block {
    margin-right: 10px;
}

@media (max-width: 767px) {
    .button-props-standart {
        font-size: 14px;
    }
}

.button-props-footer {
    margin: 0;
    font-size: 18px;
    height: 35px;
    /*font-size: 14px;*/
}
.button-props-footer .svg-block {
    display: none;
}
.button-props-tarif {
    position: absolute;
    width: 100%;
    height: 124px;
    bottom: -110px;
    left: 0;
}
@media (min-width: 500px) and (max-width: 1023px) {
    .button-props-tarif {
        height: 80px;
        bottom: -66px;
    }
}
@media (max-width: 500px) {
    .button-props-tarif {
        height: 50px;
        bottom: -36px;
    }
}

.button-props-form {
    height: 50px;
    width: 100%;
}

/* End */


/* Start:/local/components/cookie.notification/templates/.default/style.css?17536938102576*/
.cookie-notification-modal{
    width:100%;
    font-size: 13px;
    position:fixed;
    bottom:0;
    left:0;
    z-index:1060;
    padding:10px;
    line-height:1.5;
    background:#e2e2e2
}
.cookie-agree{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%
}
@media (max-width:767px){
    .cookie-agree{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.cookie-agree__text{
    line-height:1.5;
    margin:0;
}
@media (min-width:768px){
    .cookie-agree__text{
        padding-right:10px
    }
}
@media (max-width:767px){
    .cookie-agree__text{
        margin-bottom:10px
    }
}
.cookie-agree__buttons{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media (max-width:767px){
    .cookie-agree__buttons{
        -ms-flex-item-align:center;
        align-self:center;
        -webkit-box-pack:stretch;
        -ms-flex-pack:stretch;
        justify-content:stretch;
        width:100%
    }
}
.cookie-agree__button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#fff;
    font-size:12px;
    height:35px;
    border-radius:4px;
    -webkit-transition:color .3s ease-out,background .3s ease-out;
    transition:color .3s ease-out,background .3s ease-out;
    cursor:pointer
}
@media (min-width:768px){
    .cookie-agree__button{
        width:140px
    }
}
@media (max-width:767px){
    .cookie-agree__button{
        -webkit-box-flex:1;
        -ms-flex:1 0 140px;
        flex:1 0 140px
    }
}
.cookie-agree__button:not(:last-child){
    margin-right:10px
}
.cookie-agree__button.btn-green{
    background:#66c05d;
    border:1px solid #66c05d
}
@media (min-width:992px){
    .cookie-agree__button.btn-green:hover{
        color:#71c768;
        background:#fff
    }
}
@media (max-width:991px){
    .cookie-agree__button.btn-green:active{
        color:#71c768;
        background:#fff
    }
}
.cookie-agree__button.btn-dark{
    background:#333f46;
    border:1px solid #333f46
}
@media (min-width:992px){
    .cookie-agree__button.btn-dark:hover{
        color:#333f46;
        background:#fff
    }
}
@media (max-width:991px){
    .cookie-agree__button.btn-dark:active{
        color:#333f46;
        background:#fff
    }
}
/* End */


/* Start:/local/templates/1c-landing/template_styles.css?174540837921451*/
html {
	width:100%;
	height: 100%;
	line-height: 1.15;
    -webkit-text-size-adjust: 100%;
	position: relative;
    width: 100vw;
    height: 100vh;
    scroll-behavior: smooth;
    overflow-x: hidden;
    overflow-y: scroll;
	font-family: 'Source Sans Pro', sans-serif;
}

body
{
	margin:0;
	padding:0;
	color: var(--bla);
	overflow: hidden;
}

form {
	margin:0; padding:0;
}
form.main-form {
	display: block;
	margin:0; 
	padding:0;
	width:100%;
	height:100%;
}

ul {
	list-style-type: none;
	padding-inline-start: 0px;
}

.h1 {
	margin: 24px 0;
}

@media (max-width: 767px) {
	.h1 {
		margin: 12px 0;
	}
}

.h2 {
	font-size: 96px;
	font-weight: 400;
	line-height: 92%;
	margin: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
	.h2 {
		font-size: 80px;
		font-weight: 400;
	}
}

@media (max-width: 767px) {
	.h2 {
		font-size: 52px;
		font-weight: 400;
	}
}

@media (max-width: 500px) {
	.h2 {
		font-size: 32px;
		font-weight: 400;
	}
}

.h2 > i {
	display: inline-block;
	font-size: inherit;
	font-style: normal;
	margin-top: 12px;
}
@media (max-width: 767px) {
	.h2 > i {
		font-size: 52px;
	}
}

.h2 > font {
	display: inline-block;
	font-size: 42px;
	font-weight: 300;
	line-height: 90%;
	margin-left: 10px;
}
@media (min-width: 768px) and (max-width: 1023px) {
	.h2 > font {
		font-size: 32px;
		font-weight: 300;
		margin-left: 5px;
	}
}

@media (max-width: 767px) {
	.h2 > font {
		font-size: 20px;
		font-weight: 300;
		margin-left: 5px;
	}
}

.h3 {
	font-size: 56px;
	line-height: 110%;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 50px;
	padding-top: 65px;
}
@media (min-width: 768px) and (max-width: 1023px) {
	.h3 {
		font-size: 56px;
	}
}
@media (max-width: 767px) {
	.h3 {
		font-size: 32px;
		font-weight: 600;
		margin-bottom: 20px;
		padding-top: 40px;
	}
}

.layout {
	position: relative;
}

.no-main header {
	position: fixed !important;
	left: 0;
	top: 0;
	width: 100vw;
	transition: top .3s ease-in-out;
}
header {
	position: relative;
	background-color: var(--dar);
	z-index: 10;
}

.header.fixed {
	position: fixed;
}

.container {
	width: 95vw;
	max-width: 1200px;
	margin: auto;
}
.container_wide {
	width: 95vw;
	max-width: 1440px;
	margin: 0 auto;
}
.container_full {
	width: 100vw;
	max-width: 1440px;
	margin: auto;
}

.right-lazy {
	/*height: 77px;*/
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.container_wide {
	width: 95vw;
	max-width: 1440px;
	margin: auto;
}
header .container_wide {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo {
	margin: 24px 0;
}
@media (max-width: 767px) {
	.logo {
		width: 100px;
		height: 40px;
		margin: 12px 0;
	}
}

.--s-anim_defaut.--s-anim_done {
	opacity: 1;
	top: 0;
	transition: all .6s ease;
}
.--s-anim_defaut {
	position: relative;
}

.bg-cloud {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-image: url(/local/templates/1c-landing/images/app__bg.png);
	background-size: cover;
	background-repeat: no-repeat;
}

button, input, optgroup, select, textarea {
	border: 0;
	padding: 0;
	line-height: inherit;
	color: inherit;
}

button:enabled, [role=button]:enabled {
	cursor: pointer;
}

input {
	background-color: transparent;
	border: 0;
	padding: 0;
	line-height: inherit;
}

/* Footer */
.footer {
	position: relative;
	background-color: var(--dar);
}
@media (max-width: 767px) {
	.footer {
		padding-top: 20px;
	}
}

.footer__container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media (max-width: 767px) {
	.footer__container {
		flex-direction: column;
	}
}

.footer__container_bottom {
	padding-bottom: 40px;
}
@media (max-width: 1023px) {
	.footer__container_bottom {
		flex-direction: column;
	}
}

.footer__logo {
	margin: 24px 0;
}
@media (max-width: 767px) {
	.footer__logo {
		margin-bottom: 40px;
	}
}

.footer__addr-grid {
	display: flex;
	align-items: center;
	gap: 30px;
	flex-wrap: wrap;
}
@media (max-width: 1023px) {
	.footer__addr-grid {
		margin-bottom: 40px;
	}
}
@media (max-width: 767px) {
	.footer__addr-grid {
		gap: 20px;
		flex-direction: column;
	}
}

.footer__addr-link {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	text-decoration: none;
}
.footer__addr-link > .link-txt {
	color: var(--whi);
	transition: color 0.3s ease;
	white-space: nowrap;
}
.footer__addr-link > .svg-block {
	margin-right: 10px;
}
.footer__addr-link > .svg-block path {
	fill: var(--whi);
	transition: fill 0.3s ease;
}
.footer__addr-link:hover > .svg-block path {
	fill: var(--red);
}
.footer__addr-link:hover > .link-txt {
	color: var(--red);
}

.footer-soc-flex {
	display: flex;
	align-items: center;
	gap: 15px;
}

.adress__block {
	margin-top: 10px;
  	color: white;
	display: flex;
	justify-content: center;
}

.adress__block .item_adres {
	margin: 0 7px;
}

@media (max-width: 767px) {
	.adress__block {
		text-align: center;
    margin-top: 20px;
	}
}
      

/* Form */
.form_small .form-modal__section_1 {
	display: none;
}

.modal_background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.modal_form{
	background: #ffffff;
	border-radius: 2px;
	width: 500px;
	padding: 40px 30px;
	position: relative;
	display: none;
	max-width: 100%;
}
.thanks_appear{
	background: #ffffff;
	border-radius: 2px;
	width: 500px;
	padding: 40px 30px;
	position: relative;
	display: none;
	max-width: 100%;
}
a.close_form{
	position: absolute;
	right: 30px;
	top: 40px;
	z-index: 5;
}
.captcha_img {
	width: 250px;
}

.form-modal__h3 {
	color: var(--whi);
	margin: 0;
	max-width: 90%;
	font-size: 32px;
	position: absolute;
	bottom: 30px;
	right: 30px;
	text-align: right;
	text-shadow: 2px 2px 6px var(--bla);
}
.form-modal__section {
	width: 100%;
	margin: 0;
	border: none;
	appearance: none;
	padding: 40px 24px;
	box-sizing: border-box;
}
@media (max-width: 767px) {
	.form-modal__section {
		padding: 20px 24px;
	}
}

.form_full .form-modal__section_0 {
	position: relative;
	height: 190px;
	background-color: var(--bla);
	background-image: url('/local/templates/1c-landing/images/__image_3.png');
	background-repeat: no-repeat;
}
.form_small .form-modal__section_0 {
	position: relative;
	height: 190px;
	background-color: var(--bla);
	background-image: url('/local/templates/1c-landing/images/__image_5.png');
	background-size: 40%;
	background-position: 20% 50%;
	background-repeat: no-repeat;
}
.form-modal__section_1 {
	background-color: var(--whi);
	padding-top: 0;
	padding-bottom: 50px;
}
.form-modal__section_2 {
	background-color: var(--ora);
}
.form-modal__section_3 {
	background-color: var(--whi);
}
.pop-up {
	position: fixed;
	top: 50vh;
	left: 50vw;
	transform: translate(-50%, -50%);
	width: 100vw;
	max-width: 600px;
	max-height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
}
.pop-up::-webkit-scrollbar {
	width: 10px;
}
.pop-up::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: var(--red);
}
.pop-up::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
	background-color: var(--whi);
}

.dropdown {
	max-height: 0;
	transition: max-height 0.3s;
	overflow: hidden;
}
.legend_drop + hr + .dropdown,
.dropdown--dropped {
	max-height: 1500px;
	transition: max-height 0.5s;
}

.label-1 {
	display: block;
	cursor: text;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.textarea-1 {
	display: block;
	resize: none;
	width: 100%;
	height: 120px;
	padding: 14px;
	appearance: none;
	border: 1px solid var(--gre);
	border-radius: 20px;
	margin-bottom: 40px;
	caret-color: var(--red);
	font-size: 16px;
	overflow: auto;
}
.textarea-1:focus {
	box-shadow: inset 0px 0px 3px 1px var(--red);
}
.label-file {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: var(--whi);
	font-size: 23px;
	text-transform: uppercase;
	font-weight: 900;
	background-color: var(--vio);
	border-radius: 14px;
	cursor: pointer;
}
@media (max-width: 767px) {
	.label-file {
		font-size: 20px;
	}
}

.label-file > svg {
	margin-right: 10px;
	display: inline;
}
.input-file {
	display: none;
}

.legend {
	color: var(--bla);
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.legend_1 {
	margin-bottom: 20px;
	cursor: pointer;
	transition: all 0.3s ease;
}
.legend_1:hover {
	text-shadow: 0 0 2 px var(--vio);
}
.legend > svg {
	margin-right: 10px;
	transform: rotate(180deg);
	transition: transform 0.3s ease;
	display: inline;
}
.legend > svg > path {
	stroke: var(--vio);
}
.legend_drop > svg {
	transform: rotate(0deg);
}

.button-span {
	cursor: pointer;
}

.thanks_appear .thanks {
	position: fixed;
	top: 50vh;
	left: 50vw;
	transform: translate(-50%, -50%);
	width: 100vw;
	max-width: 600px;
	max-height: 60vh;
	overflow-x: hidden;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.thanks_appear .thanks__h {
	color: var(--whi);
	font-size: 48px;
}
.thanks_appear .thanks__desc {
	color: var(--whi);
	font-size: 28px;
}
.thanks_appear .thanks__img {

}


/* formSmall */
.form__section {
	width: 100%;
	margin: 0;
	border: none;
	appearance: none;
	padding: 40px 24px;
	box-sizing: border-box;
}
@media (max-width: 767px) {
	.form__section {
		padding: 20px 24px;
	}
}

.modal .form__section_9 {
	background-color: var(--whi);
}

.form__section_ora {
	background-color: var(--ora);
}
.form__section_pt0 {
	padding-top: 0;
}
.form__section_whi {
	background-color: var(--whi);
}
.form__section_static {
	padding-left: 7%;
	padding-right: 7%;
}
.form__section_static .label-2 {
	font-size: 28px;
	line-height: 40px;
}
@media (max-width: 767px){
	.form__section_static .label-2 {
		font-size: 18px;
		line-height: 20px;
	}
}

.form__section_static .input-2 {
	height: 40px;
}
@media (max-width: 767px) {
	.form__section_static .input-2 {
		height: 22px;
	}
}

.invalid-span {
	font-size: 12px;
	display: none;
	color: var(--red);
}
.item-inp {
	position: relative;
	padding: 30px 0 10px 0;
}
.label-2 {
	display: block;
	position: absolute;
	top: 30px;
	cursor: text;
	font-weight: 400;
	transition: all 0.2s;
}

.input-2 {
	display: block;
	width: 100%;
	color: var(--bla);
	font-size: 20px;
	background-color: transparent;
	appearance: none;
	border: none;
	border-bottom: 1px solid var(--whi);
	caret-color: var(--red);
}
@media (max-width: 767px) {
	.input-2 {
		font-size: 16px;
	}
}

.input-2:focus {
	border-bottom: 1px solid var(--red);
}
.input-2--written + .label-2 {
	font-size: 12px;
	top: 10px;
}
.input-2__textarea {
	resize: vertical;
}
.input-2.--invalid  ~ .invalid-span {
	display: block;
}
.legend {
	color: var(--bla);
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

.label-3 {
	display: block;
	position: relative;
	padding-left: 30px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	color: var(--gre);
	cursor: pointer;
	user-select: none;
	transition: text-shadow 0.3s ease;
}
.label-3:hover {
	text-shadow: 0 0 1px var(--vio);
}
.label-3.--invalid {
	color: var(--red);
}
.label-3.--invalid > .custom-check {
	border-color: var(--red);
}
.custom-check {
	position: absolute;
	box-sizing: border-box;
	top: 0;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid var(--gre);
	border-radius: 5px;
}
.custom-check::after {
	content: '';
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	margin: 3px;
	border-radius: 3px;
	background-color: var(--vio);
	transform: scale(5);
	opacity: 0;
	transition: all 0.3s;
}
.custom-check::before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: -2px;
	left: -2px;
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 5px;
	border: 3px solid var(--vio);
	transform: scale(5);
	opacity: 0;
	transition: all 0.3s;
}
.checkbox-3 {
	display: none;
}
.checkbox-3:checked + .label-3 {
	text-shadow: 0 0 1px var(--vio);
}
.checkbox-3:checked + .label-3 > .custom-check::after,
.checkbox-3:checked + .label-3 > .custom-check::before {
	transform: scale(1);
	opacity: 1;
}

/*  Popup  */
.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 200;
	display: flex;
	justify-content: center;
	align-items: center;
}

.popup__tapfield {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: linear-gradient(to bottom, var(--bla) 0%, rgba(0, 0, 0, 0.2) 100%);
	cursor: pointer;
}

.popup__window {
	position: absolute;
	width: 95vw;
	max-width: 768px;
	height: auto;
	max-height: 90vh;
	overflow: hidden;
}

.popup__content {
	position: relative;
	background-color: var(--whi);
	width: 100%;
	max-height: calc(90vh - 68px);
	overflow-y: auto;
	padding: 40px 40px 60px;
}
@media (max-width: 767px) {
	.popup__content {
		padding: 20px 20px 100px;
	}
}

.popup__content::-webkit-scrollbar {
	width: 10px;
}
.popup__content::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: var(--red);
}

.popup__content::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
	background-color: var(--whi);
}

.popup__title {
	margin: 0;
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 28px;
	line-height: 130%;
	color: #000;
	text-transform: uppercase;
}

.popup__title a {
	color: var(--vio);
	text-decoration: underline;
	text-underline-offset: 4px;
}
.popup__title a :hover {
	text-decoration: none;
}

.popup__flex-3col {
	display: flex;
	flex-wrap: wrap;
}

.popup__flex-3col p {
	padding-top: 0;
}

.popup__flex-3col > * {
	width: calc(100% / 3);
	padding: 0 15px;
}

@media (max-width: 767px) {
	.popup__flex-3col > * {
		width: 100%;
		padding: 0;
		padding-bottom: 30px;
	}
	.popup__flex-3col > *:first-child,
	.popup__flex-3col > *:last-child {
		padding: 0;
	}
	.popup__flex-3col > *:first-child {
		padding-bottom: 30px;
	}
}

.popup__flex-3col > *:first-child {
	padding-left: 0;
}
.popup__flex-3col > *:last-child {
	padding-right: 0;
}

.popup__order {
	max-width: 320px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 14px;
	padding: 15px 30px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	transition: background-color 0.3s ease;
	background-color: var(--red);
	height: 50px;
	font-size: 18px;
	font-weight: 900;
	color: var(--whi);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.popup__order {
		max-width: none;
	}
}

.popup__order:hover {
	background-color: var(--red_l);
}

.exit {
	margin: 10px;
	float: right;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	padding: 0;
	color: var(--whi);
	background-color: transparent;
	cursor: pointer;
	transition: color 0.3s ease;
}

.exit > font {
	display: block;
	position: relative;
	left: 1px;
	width: 100%;
	height: 100%;
	font-size: 48px;
	line-height: 48px;
	text-align: center;
	transform: rotate(45deg);
}

.exit::after {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border: 2px solid var(--whi);
	border-radius: 50%;
	opacity: 0;
	transform: scale(1.3);
	transition: all 0.3s ease;
}
.exit:hover {
	color: var(--whi);
}
.exit:hover::after {
	opacity: 1;
	transform: scale(1);
}

.popup-appear-enter,
.popup-appear-leave-to {
	opacity: 0;
}
.popup-appear-enter-active,
.popup-appear-leave-active {
	transition: opacity 0.5s ease;
}
.popup-appear-enter-to,
.popup-appear-leave {
	opacity: 1;
}

.automation__img {
	float: left;
	max-width: 275px;
	width: 100%;
	height: auto;
}
@media (max-width: 767px) {
	.automation__img {
		float: none;
	}
}

.automation__ico-list > li {
	display: flex;
	padding-left: 0;
	margin-bottom: 40px;
}
.automation__ico-list > li::before {
	display: none;
}
.automation__ico {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 60px;
	height: 60px;
	margin-right: 20px;
	margin-top: 10px;
	flex-shrink: 0;
}
@media (max-width: 1023px) {
	.automation__ico {
		margin-right: 15px;
	}
}

.automation__ico_1 {
	background-image: url('/local/templates/1c-landing/images/dev1c/li-001.png');
}
.automation__ico_2 {
	background-image: url('/local/templates/1c-landing/images/dev1c/li-002.png');
}
.automation__ico_3 {
	background-image: url('/local/templates/1c-landing/images/dev1c/li-003.png');
}
.automation__ico_4 {
	background-image: url('/local/templates/1c-landing/images/dev1c/li-004.png');
}
.automation__ico_5 {
	background-image: url('/local/templates/1c-landing/images/dev1c/li-005.png');
}

.product-1c-popup-html p {
	margin: 0;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: var(--dar);
}

.product-1c-popup-html ul {
	list-style: none;
}
.product-1c-popup-html ul > li {
	padding-left: 20px;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 140%;
	color: var(--dar);
}

.product-1c-popup-html ul > li::before {
	color: var(--vio);
	list-style-type: disc;
	content: '\00A0';
	position: relative;
	left: -20px;
	width: 20px;
	height: 1.5em;
	margin-bottom: -1.5em;
	display: list-item;
	list-style-position: inside;
	text-align: right;
}

.product-1c-popup-html ul > li:last-child {
	margin-bottom: 0;
}

.product-1c-popup__ico-list > li {
	display: flex;
	padding-left: 0 !important;
	margin-bottom: 40px !important;
}
@media (max-width: 767px) {
	.product-1c-popup__ico-list > li {
		flex-direction: column;
		align-items: center;
	}
}

.product-1c-popup__ico-list > li::before {
	display: none !important;
}
.product-1c-popup__ico {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 60px;
	height: 60px;
	margin-right: 20px;
	margin-top: 10px;
	flex-shrink: 0;
}
@media (max-width: 767px) {
	.product-1c-popup__ico {
		width: 120px;
		height: 120px;
		margin-bottom: 20px;
	}
}

.product-1c-popup__ico_1 {
	background-image: url('/local/templates/1c-landing/images/products1C/_14-01.png');
}
.product-1c-popup__ico_2 {
	background-image: url('/local/templates/1c-landing/images/products1C/_14-02.png');
}
.product-1c-popup__ico_3 {
	background-image: url('/local/templates/1c-landing/images/products1C/_14-03.png');
}
.product-1c-popup__ico_4 {
	background-image: url('/local/templates/1c-landing/images/products1C/_14-04.png');
}


/* ButtonBurger  */
.button-burger {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: transparent;
}
@media (min-width: 1023px) {
	.button-burger {
		display: none;
	}
}

.button-burger:after {
	display: block;
	content: '';
	position: absolute;
	width: 80%;
	height: 80%;
	border-radius: 10px;
	border: 2px solid var(--red);
	opacity: 0;
	transform: scale(1.3);
	transition: all 0.3s ease;
}
.button-burger:hover:after {
	transform: scale(1);
	opacity: 1;
}
.button-burger:hover >.button-stripe {
	background-color: var(--red);
}
.button-burger:hover > .button-stripe::before,
.button-burger:hover > .button-stripe::after {
	background-color: var(--red);
}
.button-burger--close:hover >.button-stripe {
	background: transparent;
}
.button-burger--close > .button-stripe {
	background-color: transparent;
}
.button-burger--close > .button-stripe::before {
	transform: rotate(45deg);
	left: 6px;
}
.button-burger--close > .button-stripe::after {
	transform: rotate(-45deg);
	left: 6px;
}

.button-stripe {
	position: relative;
	width: 20px;
	height: 3px;
	background-color: var(--whi);
	transition: background-color 0.2s ease;
	border-radius: 1px;
}
.button-stripe::before,
.button-stripe::after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--whi);
	border-radius: 1px;
	transition: background-color 0.2s ease, transform 0.3s ease, left 0.3s ease;
}
.button-stripe::before {
	top: -6px;
	transform-origin: 0 -75%;
}
.button-stripe::after {
	bottom: -6px;
	transform-origin: 0 175%;
}

/*  Menu mobile */
.menu {
	display: none;
}
.menu.visible {	
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #130d30e6;
	color: var(--whi);
	display: block;
	z-index: 9;
}
@media (min-width: 1024px) {
	.menu {
		display: none;
	}
}
		
.menu__container {
	padding-top: 100px
}

.menu.visible .nav-bar_ {
	display: block;
}

.menu nav .ul {
	flex-direction: column;
}

.menu nav .ul .li {
    margin: 15px;
}

.contact {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.contact__li {
	display: block;
}		
.contact__a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45px;
	height: 45px;
}
		
.contact__a path {
	transition: fill 0.3s ease;
}
		
.contact__a:hover  path {
	fill: var(--red);
}
.contact__a:hover .svg-block::before {
	opacity: 1;
	transform: scale(1);
}

.menu .svg-block {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
	
.menu .svg-block::before {
	content: '';
	position: absolute;
	display: block;
	width: 60%;
	height: 60%;
	border-radius: 50%;
	border: 2px solid var(--red);
	opacity: 0;
	transform: scale(1.5);
	transition: all 0.3s ease;
}
			
.menu .burger-appear-enter,
.menu .burger-appear-leave-to {
	opacity: 0;
}
.burger-appear-enter-active,
.burger-appear-leave-active {
	transition: opacity 0.3s ease;
}
.burger-appear-enter-to,
.burger-appear-leave {
	opacity: 1;
}

.news-detail {
    min-height: calc(100vh - 198.39px);
    padding-top: 163.39px;
    padding-bottom: 60px;
}

/* End */
/* /local/templates/1c-landing/components/bitrix/menu/top/style.css?17431476401071 */
/* /local/components/sol42/contacts.icon/templates/top/style.css?17171553391558 */
/* /local/templates/1c-landing/components/bitrix/menu/bottom/style.css?17171553391035 */
/* /local/components/sol42/contacts.icon/templates/bottom/style.css?17171553381712 */
/* /local/components/cookie.notification/templates/.default/style.css?17536938102576 */
/* /local/templates/1c-landing/template_styles.css?174540837921451 */