/**
 * Swiper 14.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 28, 2026
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}


.section {
	margin:100px 0;
}

.frontpage {
	  --fp-ink: #1b447a;
  --fp-deep: #032640;
  --fp-accent: #1aa6f0;
  --fp-copy: #d7eaf7;
}

.frontpage h1, .frontpage h2, .frontpage .title {
	color:#1B447A;
	text-transform:uppercase;
	font-weight:900;
}

.producing-grid {
	display:grid;
	grid-template-columns:2fr 1fr 1fr;
	gap:20px;
	margin:50px 0 0;
}

.producing-box1 {
	grid-row:span 2;
	height: 780px;
}
.producing-box2 {
	grid-column:span 2;
}

.producing-box {
	position:relative;
	display:flex;
	flex-direction:column;
	border-radius: 8px;
	padding:20px;
	overflow:hidden;
}
.producing-box img, .newproduct img, .advantage-box img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.producing-box__info, .newproduct-info {
	margin-top: auto;
}
.producing-box:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:8px;
	background: linear-gradient(180deg, rgba(1, 37, 70, 0.00) 68.73%, #01325C 99.78%);
}
.producing-box2:after{
	background: linear-gradient(80deg, rgba(3, 38, 64, 0.00) 41.1%, #01315B 81.3%);
}
.producing-box2 img {
	aspec-ratio:4/3;
}
.producing-box__info, .newproduct-info {
	display: grid;
	grid-template-columns:1fr 48px;
	gap:20px;
	position:relative;
	z-index:2;
}
.producing-box__left-title, .newproduct-info__left-title {
	text-transform:uppercase;
	color:#fff;
	font-size:20px;
	position:relative;
	padding:0 0 8px;
	margin:0 0 8px;
}
.producing-box__left-title:after, .newproduct-info__left-title:after{
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	height:2px;
	width:80%;
	background: linear-gradient(90deg, #1AA6F0 0%, rgba(26, 166, 240, 0.00) 100%);
}
.producing-box__left-intro, .producing-box__info2-text {
	font-size:16px;
	color:#1AA6F0;
}

.producing-box__info2 {
	position:absolute;
	top:0;
	left:0;
	padding:20px;
	background: #032640;
	right:0;
}
.producing-box__info2-title {
	margin:0 0 10px;
	color:#D7EAF7;
}

.newproducts-grid {
	display:grid;
	grid-template-columns:repeat(6,1fr);
	gap:20px;
	margin:50px 0 0;
}
.newproduct {
	border-radius:8px;
	padding:20px;
	display:flex;
	flex-direction:column;
	position:relative;
	overflow:hidden;
}
.newproduct:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:8px;
	background: linear-gradient(180deg, rgba(1, 37, 70, 0.00) 68.73%, #01325C 99.78%);
}
.newproduct1, .newproduct2 {
	grid-column:span 3;
	height:400px;
}
.newproduct3, .newproduct4, .newproduct5 {
	grid-column:span 2;
	height:280px;
}
.newproduct-info__left-intro {
	font-size:16px;
	color:#fff;
}

.advantages-grid {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:20px;
	margin:50px 0 0;
}

.advantage-box {
	position:relative;
	padding:20px;
	border-radius:8px;
	overflow:hidden;
	height:380px;
}
.advantage-box:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:8px;
	background: linear-gradient(1deg, rgba(3, 38, 64, 0.00) 52.28%, #01315B 87.77%);
}
.advantage-box:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjI0IiBoZWlnaHQ9IjExMCIgdmlld0JveD0iMCAwIDIyNCAxMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDgxLjg4NTFINjUuNTEzOEwxNTQgMC44ODUxMzIiIHN0cm9rZS13aWR0aD0iMi40IiBzdHJva2U9InVybCgjcGFpbnQwX2xpbmVhcl8xXzMpIi8+CjxwYXRoIGQ9Ik0yMzAgMjcuODg1MUgxNjQuNDg2TDc2IDEwOC44ODUiIHN0cm9rZS13aWR0aD0iMi40IiBzdHJva2U9InVybCgjcGFpbnQxX2xpbmVhcl8xXzMpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMV8zIiB4MT0iMTYwLjUiIHkxPSIwLjg4NTE0OSIgeDI9IjUuMjM4NjNlLTA2IiB5Mj0iODEuODg1MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMTY5RkZGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBENUY5OSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl8xXzMiIHgxPSIyMzAiIHkxPSIyNy44ODUxIiB4Mj0iMTM3LjUiIHkyPSIxMjcuODg1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMxNjlGRkYiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMEQ1Rjk5IiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K) 100% 0 no-repeat;
	height:110px;
}
.advantage-box__info {
	position:relative;
	z-index:1;
	display:inline-flex;
	flex-direction:column;
	color:#fff;
}
.advantage-box__number {
	position:relative;
	font-size:48px;
	font-weight:900;
	padding:0 0 4px;
	margin:0 0 4px;
}
.advantage-box__number:after{
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	height:2px;
	width:100%;
	background: linear-gradient(90deg, #1AA6F0 0%, rgba(26, 166, 240, 0.00) 100%);
}

.about-grid {
	display:grid;
	grid-template-columns:1.2fr 1fr;
	gap:20px;
	margin:50px 0 0
}
.about-grid img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	aspec-ratio:4/3;
}
.about-left {
	overflow:hidden;
}

.about-mission {
	padding:20px;
	border-radius: 8px;
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAyIiBoZWlnaHQ9IjE0MyIgdmlld0JveD0iMCAwIDUwMiAxNDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjYyNSAxNDEuMDI1TDE1Ny40NDMgNDUuMzEwNkg0MjcuODk4TDUwMC42MjUgMS4wMjQ5IiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9yYWRpYWxfMjA4N181NzkpIi8+CjxkZWZzPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfMjA4N181NzkiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUwLjYyNSA3MS4wMjQ5KSByb3RhdGUoLTkuNjQ4MDUpIHNjYWxlKDE1Mi4xNTIgNDIuNjAyNikiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMTY5RkZGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBENUY5OSIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=) 50% 50% no-repeat, linear-gradient(90deg, #1B457B 0%, #0C2847 100%) ;
	color:#fff;
	margin:0 0 20px;
}
.about-mission__title {
	margin:0 0 4px;
	font-size: 24px;
	font-weight: 500;
	text-transform: uppercase;
}

.about-link a {
	display:inline-flex;
	padding: 9px 24px;
	align-items: center;
	gap: 8px;
	border-radius: 22px;
	border: 1px solid #1B447A;
	color:#1B447A;
}
.about-text {
	margin:20px 0;
}

.about-right {
	overflow:hidden;
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTk2IiBoZWlnaHQ9IjExMSIgdmlld0JveD0iMCAwIDU5NiAxMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjgzMzAwOCAxNDIuMkw1Ny44MzMgODcuMkg1MjAuODMzTDYwOC44MzMgMS4xOTk5NUgxMDQwLjgzIiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA5NF82MDkpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA5NF82MDkiIHgxPSIwLjgzMzAwOCIgeTE9IjcxLjY5OTkiIHgyPSI2MDAuMzMzIiB5Mj0iNzIuMTk5OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMTY5RkZGIiBzdG9wLW9wYWNpdHk9IjAuMyIvPgo8c3RvcCBvZmZzZXQ9IjAuNTYxNDQ5IiBzdG9wLWNvbG9yPSIjMTE3QkM2Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBENUY5OSIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K) -20px 100% no-repeat;
}

.theform-wrapper {
	padding:20px;
	border-radius:16px;
	display:flex;
	justify-content:flex-end;
	position:relative;
	overflow:hidden;
	background:#17355D url(/static/assets/img/frontpage/theform2.jpg) 0 50% / cover no-repeat;
	color:#fff;
}

  
.theform-info {
	width:40%;
}
.theform-info .form-control {
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.30);
	border:0;
	color:#fff;
}
.theform-info .form-control::placeholder {
	color: #fff;
	opacity: 0.7;
}

.theform-info .title {
	margin:0 0 20px;
	color:#fff;
}

.theform-info .form-grid {grid-template-columns:1fr}

.theform-info .btn-primary {
	border-radius:22px;
	background:#1AA6F0;
}

.front-item {
	position:relative;
	padding:70px 0 0;
	height:auto;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
}
.front-item .container {
	flex:1;
}
.front-item > img {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.front-bottom {
	position:relative;
	margin:50px 0 0;
	padding:20px 0;
	background: rgba(34, 83, 132, 0.25);
	z-index:1;
}

.front-top {
	position:relative;
	z-index:1;
	color:#fff;
	max-width:500px;
	display:flex;
	flex-direction:column;
	height:100%;
}

.front-logos {
	text-align:center;
	display:grid;
	grid-template-columns:repeat(5,1fr);
}

.front-top .title {
	color:#fff;
	margin:24px 0;
	line-height:120%;
}

.front-more {
	font-size:24px;
	/*text-transform:uppercase;*/
	font-weight:300;
}

.front-icons {
	gap:5px;
	text-align:center;
	display:inline-grid;
	grid-template-columns:repeat(5,1fr);
	margin:50px 0;
	font-size:12px;
}
.fronticon-box__text {
	margin:8px 0 0;
}

.front-links {
	display:flex;
	align-items:center;
	gap:50px;
	margin-top:auto;
}

.front-links a{
	display: inline-flex;
	padding: 9px 24px;
	align-items: center;
	gap: 8px;
	border-radius: 22px;
	border: 1px solid #1AA6F0;
}
.front-links span {
	font-size:14px;
}

.frontpage .front-item::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(90deg, rgba(3, 22, 40, .3), transparent 70%);
}

.front-navigation {
	display:flex;
	align-items:center;
	gap:15px;
	position:absolute;
	bottom:140px;
	right:80px;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	z-index:10;
	line-height:1.2;
}
.front-nav {
	display:flex;
	align-items:center;
	gap:10px;
}
.front-nav > div {
	cursor:pointer;
}

.front-intro {text-transform:uppercase;line-height:1.2}

/*hovers*/
.frontpage :is(.front-links a, .about-link a) { transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease; }
.frontpage :is(.front-links a, .about-link a) svg { flex: 0 0 auto; transition: transform 200ms ease; }
.frontpage .about-link a path { fill: currentColor; }
.frontpage :is(.producing-box, .newproduct) > img {
	transition: transform 450ms ease;
}
.frontpage :is(.producing-box__right, .newproduct-info__right) {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	transition: background-color 200ms ease;
}

.frontpage :is(a, input, button, textarea, select):focus-visible { outline: 3px solid var(--fp-accent); outline-offset: 4px; }
.frontpage :is(.producing-box, .newproduct):focus-visible > img { transform: scale(1.025); }
.frontpage :is(.producing-box, .newproduct):focus-visible :is(.producing-box__right, .newproduct-info__right) { background: #0073ad; }
.frontpage .theform-info :is(input, button, a):focus-visible { outline-color: #fff; }
@media (hover: hover) and (pointer: fine) {
  .frontpage :is(.producing-box, .newproduct):hover > img { transform: scale(1.035); }
  .frontpage :is(.producing-box, .newproduct):hover :is(.producing-box__right, .newproduct-info__right) { background: #0073ad; }
  .frontpage :is(.producing-box, .newproduct):hover :is(.producing-box__right, .newproduct-info__right) path { transform: translateX(2px); }
  .frontpage .front-links a:hover { background: #0073ad; border-color: #50bafa; color: #fff; }
  .frontpage .about-link a:hover { background: var(--fp-ink); color: #fff; }
  .frontpage :is(.front-links a, .about-link a):hover svg { transform: translateX(3px); }
  .frontpage .theform-info .btn-primary:hover { background: #005886; }
}
.frontpage :is(.producing-box, .newproduct):active > img { transform: scale(1.01); }

@media (max-width: 1199px) {
  .frontpage .producing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; }
  .frontpage .producing-box { grid-column: auto; grid-row: auto; min-height: 340px; height: auto; }
  .frontpage .producing-box1 { min-height: 420px; }
  .frontpage .newproduct { grid-column: span 3; height: auto; min-height: 340px; }
  .frontpage .newproduct5 { grid-column: 1 / -1; min-height: 300px; }
  .frontpage .advantages-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .frontpage .advantage-box { height: 300px; }
  .frontpage .theform-info { width: 52%; }
}
@media (max-width: 991px) {
	.front-navigation {display:none;}
  .frontpage .front-top { max-width: 480px; }
  .frontpage .about-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .frontpage .about-grid img { height: auto; max-height: 480px; }
  .frontpage .theform-info { width: 70%; }
  .frontpage .theform-wrapper { background-image: linear-gradient(90deg, rgba(13, 38, 71, .3), rgba(13, 38, 71, .94) 55%), url(https://zavodkot.ru/static/assets/img/frontpage/theform2.jpg); }
}
/* В общем CSS сайта при <=900px задано body img {height:auto!important}.
   Возвращаем заполнение только фоновым фото внутри frontpage. */
@media (max-width: 900px) {
  .frontpage .front-item > img,
  .frontpage :is(.producing-box, .newproduct, .advantage-box) > img { height: 100% !important; }
}
@media (max-width: 767px) {
  .frontpage > .section > .container, .frontpage .front-item > .container, .frontpage .front-bottom > .container { max-width: 100%; padding-left: 20px; padding-right: 20px; }
  .frontpage .front-item { padding-top: 40px; }
  .frontpage .front-item > img { object-position: 60% center; }
  .frontpage .front-item::before { background: linear-gradient(90deg, rgba(3, 22, 40, .7), rgba(3, 22, 40, .25)); }
  .frontpage .front-top { max-width: 520px; }
  .frontpage .front-top .front-title { font-size: clamp(32px, 8vw, 42px); margin: 20px 0; }
  .frontpage .front-more { font-size: 18px; }
  .frontpage .front-intro { font-size: 12px; }
  .frontpage .front-links { flex-wrap: wrap; gap: 16px; }
  .frontpage .front-links > span { max-width: 280px; }
  .frontpage .front-bottom { margin-top: 32px; }
  .frontpage .front-logos { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 24px; }
  .frontpage .front-logos > div { flex: 0 1 calc((100% - 48px) / 3); max-width: 120px; }
  .frontpage .front-logos img { width: 110px; height: 46px; }
  .frontpage .producing-grid, .frontpage .newproducts-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .frontpage :is(.producing-box, .newproduct) { grid-column: auto; grid-row: auto; min-height: 320px; height: auto; padding: 24px; }
  .frontpage .producing-box1 { min-height: 460px; }
  .frontpage .advantages-grid { gap: 16px; }
  .frontpage .advantage-box { height: 240px; padding: 20px 16px; }
  .frontpage .advantage-box__number { font-size: clamp(36px, 9.8vw, 48px); }
  .frontpage .advantage-box__text { font-size: 14px; }
  .frontpage .theform-wrapper { padding: 24px; border-radius: 12px; background-image: linear-gradient(rgba(13, 38, 71, .88), rgba(13, 38, 71, .94)), url(https://zavodkot.ru/static/assets/img/frontpage/theform2.jpg); }
  .frontpage .theform-info { width: 100%; }
  .frontpage .theform-info .btn-primary { width: 100%; }
  .frontpage .about-mission { padding: 24px; }
  .section {margin:40px 0;}
}
@media (max-width: 479px) {
  .frontpage .front-icons { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 320px; gap: 20px 12px; margin: 28px 0; }
  .frontpage :is(.producing-box, .newproduct) { padding: 20px; min-height: 340px; }
  .frontpage .producing-box1 { min-height: 460px; }
  .frontpage :is(.producing-box__left-title, .newproduct-info__left-title) { font-size: 18px; }
  .frontpage .advantage-box { height: 210px; padding: 18px 12px; }
  .frontpage .theform-wrapper { padding: 20px 16px; }
  .frontpage .about-mission { padding: 20px; }
}
/* SmartCaptcha имеет min-width:300px: сохраняем её реальный размер и область нажатия. */
@media (max-width: 379px) {
  .frontpage .theform.section > .container { padding-left: 10px; padding-right: 10px; }
  .frontpage .theform-wrapper { padding: 24px 0; }
  .frontpage .theform-info > .title,
  .frontpage .theform-info > form > .form-grid > :not(.form-grid__captcha) { margin-left: 16px; margin-right: 16px; }
}