section[data-component]{
	max-width: 1920px;
	margin: 0 auto;
}
section[data-component] > div{
	/*margin: 0 auto;	*/
}
section[data-component] > article{
	max-width: 1208px;
	box-sizing: border-box;
	margin: 0 auto;
}
[data-component='header-company-info'] > article{
	display: grid;
	grid-template-columns: max-content 1fr max-content;
	justify-items: center;
}
[data-component='header-company-info'] .btn-navbar{
	position: relative;
	left: 57px;
	top: -6px;
}
div[data-component='navbar-links']{
	display: grid;
}
a[data-component='dialog-trigger']{
	border-radius: 5px;
}

a[data-component='mailto']{
	display: grid;
	grid-auto-flow: column; 
	grid-auto-columns: max-content;
	grid-gap: 7px;
	align-items: center;
}
a[data-component='mailto'] span[link]{
	font-size: 14px;
	color: #696969;
}
[data-component='navbar-top']{
	position: relative;
	top: 0;
	z-index: 2;
	transition: .2s ease-in-out;
}
[data-component='navbar-top'].scrolled{
	background-color: #333;
	transition: .2s ease-in-out;
}
[data-component='navbar-top'] > article{
	display: grid;
	grid-template-columns: unset;
}
[data-component='navbar-top'] ul{
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: max-content;
	grid-gap: 12px;
}
[data-component='navbar-top'] a{
	line-height: 19.5px;
	padding: 10px 28px;
	display: block;
}
[data-component='navbar-top'] li{
	position: relative;
}
[data-component='navbar-top'] li:after{
	content: "";
	transition: .1s ease-in-out;
	border-bottom: 4px solid transparent;
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
}
[data-component='navbar-top'] li:hover:after{
	content: "";
	transition: .1s ease-in-out;
	border-bottom: 4px solid #BB6BD9;
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
}

[data-component='navbar-inner-menu'] {
	background: #E0E0E0;
	position: absolute;
	left: 0px;
	top: 45px;
	top: 40px;
	grid-auto-flow: dense !important;
	width: 205px;
	grid-template-columns: 100% !important;
	grid-gap: 0 !important;
	display: none !important;
}
[data-component='navbar-menu'] > li:hover > [data-component='navbar-inner-menu']{
	display: grid !important;
}
[data-component='navbar-inner-menu'] > li:hover > [data-component='navbar-inner-menu'][menu-1]{
	display: grid !important;
}
[data-component='navbar-inner-menu'][menu-1]{
	left: 100%;
	top: 0;
	top: -8px;
}
[data-component='navbar-inner-menu'] a {
	padding: 12px 18px 10px;
	color: #696969;
}
[data-component='navbar-inner-menu'] li:hover > a {
	color: #fff;
	background: #BB6BD9;
}
[data-component='navbar-inner-menu'] li:hover:after{
	content: none;
}
[data-component='navbar-bottom']{
	position: relative;
	z-index: 1;
	margin-top: -50px !important;
}
[data-component='navbar-bottom'] .swiper-slide h4{
	font-weight: 500;
	font-size: 20px;
	color: #fff;
}
[data-component='navbar-bottom'] .swiper-slide .btn{
    margin-top: 101px;
    width: max-content;
    padding: 15px 33px;
}
[data-component='navbar-bottom'] .swiper-slide img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	/*border-radius: 4px;*/
}
[data-component='navbar-bottom'] .swiper-container article{
	max-width: 1208px;
	margin: 0 auto;
	position: relative;
}
[data-component='navbar-bottom'] .swiper-container .swiper-slide article{
	height: calc(528px + 48px);
}
[data-component='navbar-bottom'] .swiper-slide article > div{
	position: absolute;
	top: calc(98px + 45px);
	left: 104px;
}
[data-component='swiper-buttons'] > div{
	position: absolute;
	top: calc(-264px);
	width: 100%;
}
[data-component='swiper-buttons'] .swiper-button-next,
[data-component='swiper-buttons'] .swiper-button-prev{
	position: absolute;
	height: 41px;
	width: 41px;
	background: #fff;
	border-radius: 50%;
	opacity: 1;
	transition: .1s ease-in-out;
}
[data-component='swiper-buttons'] .swiper-button-next:hover,
[data-component='swiper-buttons'] .swiper-button-prev:hover{
    background: #ffffffe8;
    transition: .1s ease-in-out;
    cursor: pointer;
}
[data-component='swiper-buttons'] .swiper-button-next:after,
[data-component='swiper-buttons'] .swiper-button-prev:after{
	font-size: 14px;
	font-weight: 600;
	color: #BB6BD9;
	position: relative;
	right: 1px;
	top: 1px;
}
[data-component='swiper-buttons'] .swiper-button-next:after{
	right: -1px;
}
[data-component='swiper-buttons'] .swiper-button-next{
	right: -38px;
}
[data-component='swiper-buttons'] .swiper-button-prev{
	left: -38px;
}
[data-component='swiper-pagination']{}
.swiper-pagination{
	display: grid;
	grid-auto-flow: column;
	align-items: center;
	grid-gap: 10px;
	position: static;
	padding: 15px 0;
	display: grid;
	width: max-content !important;
	margin: auto;
}
.swiper-pagination .swiper-pagination-bullet{
	background-color: #C4C4C4;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active{
	background-color: #BB6BD9;
	width: 22px;
	height: 22px;
	border-radius: 50%;
}
[data-component='about-company']{
	background-image: url("/assets/img/layers/about-company.png");
	background-repeat: no-repeat;
	background-position: right 44px;
	background-size: 203px;
	overflow: visible;
	height: 460px;
}
[data-component="about-company"] article{
	padding-top: 45px;
	grid-gap: 18px;
}
[data-component="about-company"] article > div{
	max-width: 673px;
	margin-bottom: calc(80px * 2);
}
[data-component='about-company'] p{
	line-height: 25px	
}
[data-component='benefits']{
	background-image: url("/assets/img/layers/benefits-3.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: left 0px;
	/*position: relative;*/
	margin-top: -32px !important;
}
[data-component='benefits'] > article{
	display: grid;
	display: grid;grid-template-columns: repeat(3, 1fr);
	position: relative;
	top: -40px;
	grid-gap: 25px 20px;
}
[data-component='benefits'] img{
	transition: .1s ease-in-out;
	filter: drop-shadow(-10px 15px 24px rgba(187, 107, 217, 0.8));

}
[data-component='benefits'] img:hover{
	/*transition: .1s ease-in-out;	*/
	/*filter: drop-shadow(-10px 15px 24px rgba(187, 107, 217, 0.8));*/
}
[data-component='benefits'] h4{
	width: max-content;
}
[data-component='benefits'] p{
	line-height: 19.5px;
	max-width: 307px;
    padding-bottom: calc(40px - 18px);
}
[data-component="products"]{
	background-image: url("/assets/img/layers/products.png");
	background-repeat: no-repeat;
	background-position: left 45px;
	background-size: 1336px;
	padding-bottom: 60px;
}
[data-component='product-list']{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
}
[data-component='product-list'] > div{
	position: relative;
	height: max-content;
	overflow: hidden;
}
[data-component='product-list'] img{
	width: 100%;
	transition: .2s ease-in-out;
}
[data-component='product-list'] img:hover{
	transform: scale(1.2);
	transition: .2s ease-in-out;
}
[data-component='product-list'] p{
	text-align: center;
	background: rgba(51, 51, 51, 0.8);
	box-shadow: 0px 10px 30px rgba(187, 107, 217, 0.5);
	padding: 19px 0;
	position: absolute;
	width: 100%;
	bottom: 0;
}
[data-component='work-schema']{
	background-image: url("/assets/img/layers/schema.png");
	background-repeat: no-repeat;
	background-position: left 20px;
	background-size: 100%;
	height: calc(636px);
}
[data-component='work-schema-list'] h4{
	font-weight: 600;
}
[data-component='work-schema-list']{
	display: grid;
	grid-template-columns: 260px 300px 240px 1fr;
	grid-gap: 53px;
	padding-top: 153px;
}
[data-component='work-schema-list'] > div{
	position: relative;
	display: grid;
	padding-top: 210px;
	grid-auto-rows: max-content;
}
[data-component="work-schema-list"] img{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 150px;
    object-fit: contain;
}
[data-component="work-schema-list"] div:nth-of-type(2) img{
	height: 160px;
}
[data-component="work-schema-list"] div:nth-of-type(4) img,
[data-component="work-schema-list"] div:nth-of-type(3) img{
	height: 171px;
}
[data-component='work-schema-list'] p{
	line-height: 140%;
}
[data-component='contacts']{
	background-image: url("/assets/img/layers/contacts.png");
	background-repeat: no-repeat;
	background-position: left -90px;
	background-size: 100%;
	height: calc(740px + 119px + 80px);
	height: calc(740px + 80px);
	z-index: 2;
	position: relative;
	top: -16px;
}
[data-component='contacts'] > article{
	position: relative;
    display: grid;
    grid-template-columns: max-content max-content;
    grid-template-columns: 1fr max-content;
    grid-gap: 50px 0;
}
[data-component='contacts'] h1{
	grid-column: 1/3;
}
[data-component='contacts'] .map{
	position: static;
	grid-column: 2/3;
	width: 752px;height: 552px;
}
[data-component='contacts'] .premap-block{
    z-index: 1;
	position: relative;
	max-width: 508px;
	box-sizing: border-box;
	background: #FFFFFF;
	box-shadow: -10px 15px 44px rgba(187, 107, 217, 0.8);
	padding: 60px 37px;
    margin: 0;
    grid-column: 1/2;
    grid-row: 2/2;
    height: max-content;
    align-self: center;
    width: calc(100% + 33px);
    width: calc(100% - 10px);
}
[data-component='contacts'] .premap-block p{
	line-height: 140%;
}
[data-component='contacts'] .premap-block span{
	line-height: 17px;
}
[data-component='contacts'] a[data-component="mailto"] {
	grid-auto-columns: max-content;
	grid-gap: 10px;
}
[data-component='question']{
	background-image: url("/assets/img/layers/question.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
	background-size: cover;
}
[data-component='question'] article{
	padding: 33px 0;
}
[data-component='question'] h1{
	color: #696969
}
[data-component='question'] form{
	background: #E0E0E0;
	box-shadow: -10px 15px 44px rgba(0, 0, 0, 0.46);
	max-width: 488px;
	margin: 0 auto;
	padding: 33px 50px;
	box-sizing: border-box;
}
[data-component='question'] input[type='text'],
[data-component='question'] textarea{
	border: 1px solid #696969;
	box-sizing: border-box;
	border-radius: 5px;
	background: transparent;
	resize: none;
}
[data-component='question'] textarea{
	height: 216px;
	margin-top: 5px;
}
[data-component='question'] input[type='submit']{
	margin: auto;
	margin-top: 13px;
	border: unset;
	padding: 12px 26px;
}
[data-component='question'] .form-row{
	display: grid;
	grid-gap: 5px;
}
[data-component='question'] .form-row[agreement]{
	grid-gap: 8px;
	padding: 10px 0;
}
[data-component='question'] .form-row[agreement] label{
	color: #696969;
	display: grid;
	grid-auto-flow: column;
	grid-gap: 4px;
	grid-template-columns: max-content 1fr;
	align-items: center;
}
[data-component='footer']{
	background: #333333;
}
[data-component='footer'] > article{
	display: grid;
	grid-template-columns: calc(148px + 262px) 1fr;
	padding-top: 56px;
}
[data-component='footer'] ul{
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: max-content;
	grid-gap: 96px;
}
[data-component='footer'] li > a{

}
[data-component='footer'] [data-component='navbar-links']{
	display: grid;
	line-height: 140%;
}
[data-component='footer'] p{
	line-height: 140%;
}
#app [data-component='content-page'] > article{
	padding: 50px 20px 25px 20px;
}
[data-component='content-page'] li{
	/*list-style-image: url("/assets/img/icons/arrow-li.png");*/
	/*margin-left: 40px;*/
	position: relative;
	padding-left: 44px;
}
[data-component='content-page'] li:before{
	content: url("/assets/img/icons/arrow-li.png");
	position: absolute;
	left: 0;
	top: 10px;
}
[data-component='content-page'] b{
	font-weight: 500;
}
[data-component='product-example']{
	display: grid;
	grid-gap: 15px;
	grid-template-columns: repeat(3, calc((100% / 3) - 10px));
}
[data-component='product-example'] img{
	width: 100%;
	filter: drop-shadow(-10px 15px 44px rgba(187, 107, 217, 0.6));
}