header[data-background_banner = 'PromoPageAboutTheProductionOfProducts']{min-height:300px;background-position:center 0;background-repeat:no-repeat;background-size:cover}
header[data-background_banner = 'PromoPageAboutTheProductionOfProducts'] .Bottom{background-color:rgba(255, 255, 255, .8)}

.ExtendableSideBlock *[data-is_hide_in_extendable_side_block]{display:list-item}

.SelectedCatalogCategories{display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}
.SelectedCatalogCategories a{position:relative;border:1px solid var(--border-color-3)}
.SelectedCatalogCategories img{width:100%;height:100%}
.SelectedCatalogCategories span{position:absolute;left:10px;right:10px;bottom:10px;padding:15px 15px;text-transform:uppercase;background-color:rgba(255, 255, 255, 0.88);z-index:1}
.SelectedCatalogCategories a:hover span{color:#FFF;background-color:var(--main-color)}

.SelectedCatalogCategories + .ContentText{margin-top:60px}

.Product .PageHeader{gap:15px 25px}

.ContentText span[class *= "svg"]{width:32px;height:32px;background-color:#4bb5c1}
.ContentText .svg-cogs{-webkit-mask-image:url('../../images/custom_icons/cogs.svg');mask-image:url('../../images/custom_icons/cogs.svg')}
.ContentText .svg-cog{-webkit-mask-image:url('../../images/custom_icons/cog.svg');mask-image:url('../../images/custom_icons/cog.svg')}
.ContentText .svg-pie{-webkit-mask-image:url('../../images/custom_icons/pie.svg');mask-image:url('../../images/custom_icons/pie.svg')}
.ContentText .svg-check{-webkit-mask-image:url('../../images/custom_icons/check.svg');mask-image:url('../../images/custom_icons/check.svg')}
.ContentText .svg-info{-webkit-mask-image:url('../../images/custom_icons/info.svg');mask-image:url('../../images/custom_icons/info.svg')}

.ContentText .FB.col-md-12{justify-content:flex-start;gap:15px;padding:1rem 0}
.ContentText .FB.col-md-12 > *{align-self:center}

.ContentText .wrap-fa{display:flex;width:50px;height:50px;padding:8px;text-align:center;border:1px solid #4bb5c1;border-radius:5px;color:#4bb5c1}
.ContentText .wrap-fa + h3{font-size:1.7rem;padding:0;margin:0}
.ContentText .wrap-fa.wpar-fa-float{position:relative;margin-right:20px;margin-bottom:15px;float:left}

.ContentText .info-block-object .wrap-fa{position:absolute}
.ContentText .info-block-object .wrap-fa + h3{padding:10px 0 calc(10px + 1rem) calc(50px + 1rem)}

.ContentText .text-center{text-align:center}
.ContentText .center-block{display:block;margin-left:auto;margin-right:auto}

.ContentText .OXA + .FB{padding-top:3rem;gap:15px;flex-wrap:wrap}

.ContentText div[class*="col-md"]{position:relative}

.ContentText .col-md-6{width:50%}
.ContentText .col-md-4{width:33%}

.ContentText .OXA + .FB > .col-md-6{width:calc(50% - 7.5px)}

.ContentText .wrap{position:relative;margin-bottom:30px;padding:0 5px}
.ContentText .wrap .labelSect{z-index:1;width:100%;position:absolute;bottom:15px;padding:20px 20px;background-color:rgba(255, 255, 255, 0.8)}
.ContentText .wrap .labelSect a:hover{background-color:#4bb5c1;color:#fff !important;border:1px solid #4bb5c1}
.ContentText .wrap .labelSect a{border:1px solid #555;margin-left:15px;color:#555;text-decoration:none;font-size:1.5em;font-weight:400;padding:9px 15px}
.clientid{position:fixed;bottom:25px;left:-239px;padding:5px 15px;background-color:#F39B1C;color:#fff;z-index:5;transition:left 0.3s ease}
.clientid:hover{left:0}

.PromoPageAboutTheProductionOfProducts > .Data > * + *,
.PromoPageAboutTheProductionOfProducts > .Data + .CenterBody > * + *{margin-top:60px}
.PromoPageAboutTheProductionOfProducts > .Data h2{padding:0 0 1.8rem 0;font-weight:400;font-size:1.7rem}

.ProductReleaseForPromoPageAboutTheProductionOfProducts > .Data{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px 5%}
.ProductReleaseForPromoPageAboutTheProductionOfProducts > .Data > div{display:grid;grid-template-columns:40% 1fr;padding:15px;gap:25px;box-shadow:-20px 20px 0 -17px #FFF, 20px -20px 0 -17px #FFF, 20px 20px 0 -20px #000, 0 0 0 1px #8C8C8C}
.ProductReleaseForPromoPageAboutTheProductionOfProducts > .Data > div:hover{box-shadow:-20px 20px 0 -17px #FFF, 20px -20px 0 -17px #FFF, 20px 20px 0 -20px #000, 0 0 0 1px var(--main-color)}
.ProductReleaseForPromoPageAboutTheProductionOfProducts .Img > img{max-width:200px;width:100%;border-radius:5% 50%;transition:border-radius 0.3s ease}
.ProductReleaseForPromoPageAboutTheProductionOfProducts > .Data > div:hover .Img > img{border-radius:50% 5%}
.ProductReleaseForPromoPageAboutTheProductionOfProducts .Right h3{padding-top:0}

.CommercialOfferForPromoPageAboutTheProductionOfProducts{background-attachment:fixed;background-position:center center;background-size:cover}
.CommercialOfferForPromoPageAboutTheProductionOfProducts > .Data{min-height:200px}
.CommercialOfferForPromoPageAboutTheProductionOfProducts > .Data h2{color:var(--main-color)}
.CommercialOfferForPromoPageAboutTheProductionOfProducts > .Data button{padding:20px 25px;margin:auto 0}

.BannerForPromoPageAboutTheProductionOfProducts{background-position:center center;background-size:cover}
.BannerForPromoPageAboutTheProductionOfProducts > .Data{min-height:200px;padding:20px}
.BannerForPromoPageAboutTheProductionOfProducts > .Data > div{max-width:550px;width:100%;padding:15px;margin:auto 0;color:var(--white-color);border-radius:var(--border-radius-1);background:rgba(0, 0, 0, .6)}
.BannerForPromoPageAboutTheProductionOfProducts h2{color:var(--white-color)}
.BannerForPromoPageAboutTheProductionOfProducts .Content > p:last-child{padding-bottom:0}

.Slider.WithAreasOfApplication{border-radius:0}
.Slider.WithAreasOfApplication:not(.swiper-initialized) > .Wrapper{display:flex;align-items:stretch;justify-content:space-between;justify-content:flex-start}
.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide{width:20%;height:460px}
.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide > img{position:absolute;left:0;top:0;right:0;bottom:0;display:block;width:100%;height:100%;margin:auto;object-fit:cover;object-position:50% 50%;font-family:"object-fit: cover;object-position: 50% 50%;";transition:transform 0.3s ease;transform:scale(1);-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out}
.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide > .Content{width:100%;color:var(--white-color);transition:all .3s linear;transform:translateY(100%)}
.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide:hover > img{transform:scale(1.05)}
.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide:hover > .Content{color:var(--text-color);transform:translateY(0)}
.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide > .Content > h3{position:relative;line-height:1.5;padding:15px 20px;transform:translateY(-100%);transition: all .3s linear}
.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide > .Content > h3::before{content:"";position:absolute;left:0;top:0;right:0;height:600px;background:rgba(0, 0, 0, .6);backdrop-filter:blur(10px);transition:all .3s linear}
.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide:hover > .Content > h3{transform:translateY(0)}
.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide:hover > .Content > h3::before{background:var(--bg-color-2);backdrop-filter:none}
.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide > .Content > h3 > span{position:relative;color:var(--white-color)}
.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide:hover > .Content > h3 > span,
.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide:hover > .Content > .Descr > *{color:var(--text-color)}
.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide > .Content .Descr{padding:0 20px 15px 20px}
.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide:hover > .Content .Descr{transform:translateY(0)}
.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide:hover > .Content .Descr h4{padding-bottom:.5rem;font-weight:700}

.ServicesForPromoPageAboutTheProductionOfProducts{padding:60px 0;background-color:var(--bg-color-5)}
.ServicesForPromoPageAboutTheProductionOfProducts, 
.ServicesForPromoPageAboutTheProductionOfProducts + *{margin-top:0!important}

@media screen and (max-width:1200px)
{
	.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide{width:25%}
}

@media screen and (max-width:1100px)
{
	.ProductReleaseForPromoPageAboutTheProductionOfProducts > .Data{grid-template-columns:1fr 1fr}
}

@media screen and (max-width: 1024px)
{
	header[data-background_banner = 'PromoPageAboutTheProductionOfProducts']{min-height:200px}
    header[data-background_banner = 'PromoPageAboutTheProductionOfProducts'] ~ .Main > *:first-child{margin-top:20px!important}
}

@media screen and (max-width:970px)
{
	.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide{width:33.33333333334%}
}

@media screen and (max-width:800px)
{
	.ProductReleaseForPromoPageAboutTheProductionOfProducts > .Data{grid-template-columns:1fr}
	.ProductReleaseForPromoPageAboutTheProductionOfProducts > .Data > div{grid-template-columns:200px 1fr}
}

@media screen and (max-width:720px)
{
	.ContentText .col-md-6{width:100%!important}

	.ContentText .wrap-fa + h3{font-size:1.4rem}
}

@media screen and (max-width:660px)
{
	.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide{width:50%}
}

@media screen and (max-width:550px)
{
	.ProductReleaseForPromoPageAboutTheProductionOfProducts > .Data > div{grid-template-columns:30% 1fr}
}

@media screen and (min-width:701px)
{
	.SelectedCatalogCategories > a:nth-child(5n+1){grid-column:1 / 4}
	.SelectedCatalogCategories > a:nth-child(5n+2){grid-column:4 / 7}
	.SelectedCatalogCategories > a:nth-child(5n+3){grid-column:1 / 3}
	.SelectedCatalogCategories > a:nth-child(5n+4){grid-column:3 / 5}
	.SelectedCatalogCategories > a:nth-child(5n+5){grid-column:5 / 7}
}

@media screen and (min-width:451px) and (max-width:700px)
{
	.SelectedCatalogCategories{gap:15px;grid-template-columns:1fr 1fr}
	.SelectedCatalogCategories > a:nth-child(3n+1){grid-column:1 / 3}
}

@media screen and (max-width:450px)
{
	.SelectedCatalogCategories{grid-template-columns:1fr}

	.AreasOfApplicationForPromoPageAboutTheProductionOfProducts .swiper-slide{width:100%}
}