html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

* {-webkit-box-sizing: border-box;box-sizing: border-box; outline: none;}
:root{
    --main:#777777;
    --second:#F8E444;
    --third:#404A3D;
    --red:#CC0000;
}


* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
html {scroll-behavior: smooth;}
body {
    margin: 0;
    padding: 0;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    position: relative;
    z-index: 1;
    color: var(--main);
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: default;
    overflow: auto;
    background-color: #fafaf9;
    
}
.main-body-wrapper {max-width: 1920px; overflow: hidden; width: 100%; position: relative; margin: 0 auto;background-repeat: repeat; background-size: cover;}
h1,h2,h3,h4,h5,h6{font-family: "Quicksand", sans-serif; color: #404A3D;}
h1 {font-size: 60px; font-weight: 500; line-height: 1.16; margin-bottom: 26px;}

.no-scroll {overflow: hidden;}
section {display: block; width: 100%;}
a {-webkit-transition: color .3s ease-in-out;-o-transition: color .3s ease-in-out;transition: color .3s ease-in-out; text-decoration: none; outline: none;color:var(--main);}
a:focus{outline:none;}
/* a:visited, */
a:hover{text-decoration: none;}

.error {font-size: 12px!important; color: red !important; text-align: left; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; margin-bottom: 5px !important; line-height: 1.1;}
.error.show{opacity: 1;}
input.wrong {border-color: red !important;}
svg path {-webkit-transition: fill .3s ease-in-out;-o-transition: fill .3s ease-in-out;transition: fill .3s ease-in-out;}
p {margin-bottom: 8px;}
input, textarea {outline: none; font-family: 'Rubik', sans-serif; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out;}
.content {
  width: 1200px;
  position: relative;
  margin: 0 auto;
  padding: 0;
}
.hidden {display: none !important;}
.center {text-align: center;}
.no-scroll-y {overflow-y: hidden;}
.no-scroll {overflow: hidden;}
input, select {-webkit-transition: border-color .3s ease-in-out;-o-transition: border-color .3s ease-in-out;transition: border-color .3s ease-in-out;}
.d-flex {display: flex;}
.f-wrap {flex-wrap: wrap;}
.f-sb {justify-content: space-between;}
.f-center {align-items: center;}

.site-header {box-shadow: 0px 4px 10px 0px #0000000D;}
.site-header .top-row {background-color: #404A3D;}
.site-header .top-row .logo-block {position: absolute; width: 190px; top: 0; left: 0; z-index: 3;}
.site-header .top-row .logo-block a {display: block; width: 100%; height: 100%;}
.site-header .top-row .logo-block img {display: block; width: 100%; height: 100%;}

.site-header .contacts-links-w {justify-content: center; padding: 11.5px 0;}
.site-header .contacts-links-w .s-link {margin: 0 22px;}
.site-header .contacts-links-w .s-link.phone-link {margin: 0 0 0 22px;}
.site-header .contacts-links-w .s-link .icon {margin-right: 8px;}
.site-header .contacts-links-w .s-link .icon svg {}
.site-header .contacts-links-w .s-link .txt {font-size: 14px; color: #ABB3A9; transition: color .3s ease-in-out;}
.site-header .contacts-links-w .s-link:hover .txt {color: #EDDD5E;}
.site-header .messengers {column-gap: 8px; margin: 0 22px 0 8px;}
.site-header .messengers a {display: block; width: 16px; height: 16px;}
.site-header .messengers a svg{display: block; width: 100%; height: 100%; object-fit: contain;}
.site-header .bottom-row {background-color: #fff; padding: 4px 0;}

.btn {display: inline-block; text-align: center; transition: all .3s ease-in-out; cursor: pointer; color: #404A3D; font-size: 16px; font-weight: 500; 
  padding: 16px 40px; line-height: 1; height: fit-content; border-radius: 6px; text-transform: uppercase; background-color: #EDDD5E;
}
.btn.bold {font-weight: 600;}
.btn.wide {padding: 22px 32px;}
.btn:hover {background-color: #F8E444;}
.main-menu-wrapper {justify-content: end;}
.main-menu-wrapper .menu-w {display: flex; align-items: center;}
.main-menu-wrapper .menu-w ul {display: flex; align-items: center;}
.main-menu-wrapper .menu-w li {margin-right: 33px;}
.main-menu-wrapper .menu-w li a {color: #1C1D1B; text-transform: uppercase; font-size: 16px; font-weight: 500;}


.burger-phone-wrapper {display: none;}
.m-phone-wrapper {width: 36px; height: 36px;position: relative;}
.burger-wrapper {width: 36px; height: 36px;position: relative; margin-left: 24px;}

.burger-wrapper label {position: absolute; left: 0;right: 0;top: 0;bottom: 0; cursor: pointer; z-index: 2;}
.burger-wrapper .lines-wrapper {position: relative; height: 100%; margin-right: 4px;}
.burger-wrapper .lines-wrapper .burger-line {width: 26px; height: 4px; background-color:#5B8C51; border-radius: 2px; position: absolute; transition: all .3s ease-in-out;}
.burger-wrapper .lines-wrapper .burger-line.first {top: 8px;}
.burger-wrapper .lines-wrapper .burger-line.second {top: 17px;}
.burger-wrapper .lines-wrapper .burger-line.third {top: 26px;}
#check-menu-burger:checked ~ .lines-wrapper .first {display: none;}
#check-menu-burger:checked ~ .lines-wrapper .second {transform: rotate(45deg);left: 0; ;}
#check-menu-burger:checked ~ .lines-wrapper .third {transform: rotate(-45deg);top: 17px;left: 0;}
#check-menu-phone:checked ~ .phone-wrapper {transform: rotate(138deg);}

.m-phone-wrapper label {position: absolute; left: 0;right: 0;top: 0;bottom: 0; cursor: pointer; z-index: 2;}
.m-phone-wrapper .phone-wrapper {transition: all .3s ease-in-out;}
.mobile-menu-wrapper {background-color: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px); position: absolute; left: -105%; transition: left .3s ease-in-out; top:75px; bottom: 0; width: 100%; height: calc(100vh - 75px);}
.mobile-menu-wrapper.show {left:0; z-index: 5; transition: left .3s ease-in-out;}
.mobile-menu-wrapper .inner-wrapper {padding: 32px;}
.mobile-menu-wrapper .mobile-nav-wrapper {}
.mobile-menu-wrapper .mobile-nav-wrapper li {text-align: center; display: block; width: 100%; text-align: center; margin-bottom: 32px;}
.mobile-menu-wrapper .mobile-nav-wrapper li a {font-size: 16px; font-weight: 500; text-transform: uppercase; color: #1C1D1B;}
.mobile-menu-wrapper .phones-menu-column {}
.mobile-menu-wrapper .phones-menu-column .s-link {justify-content: center; margin-bottom: 10px; }
.mobile-menu-wrapper .phones-menu-column .s-link .icon {margin-right: 8px;}
.mobile-menu-wrapper .phones-menu-column .s-link .txt {font-size: 16px; font-weight: 500; color: #1C1D1B;}
.mobile-menu-wrapper .phones-menu-column .messengers-menu {column-gap: 8px; justify-content: center; margin: 24px 0;}
.site-footer {padding-top: 95px; background-color: #283026;}
.f-menu-block {}
.f-menu-block .s-column {font-size: 16px; color: #B0B9AE;}
.f-menu-block .s-column .title {color: #FFFFFF; text-transform: uppercase; font-size: 20px; font-weight: 700; margin-bottom: 32px;}
.f-menu-block .s-column.about {width: 262px;}
.f-menu-block .socials-w {column-gap: 10px; margin: 24px 0;}

.f-menu-block .s-column.productions {width: 330px;}
.f-menu-block .s-column.requisites {width: 270px;}

.f-menu-block .s-column .cats-w {column-gap: 2%;}
.f-menu-block .s-column .cats-w .cat-link {width: 49%; margin-bottom: 16px; line-height: 1; color: #B0B9AE;}
.f-menu-block .s-column .cats-w .cat-link:hover {color: var(--second);}
.f-menu-block .s-column.contacts {width: 180px;}
.f-menu-block .s-column .mini-title {margin-bottom: 20px;}
.f-menu-block .s-column .white-link {color: #fff; font-weight: 600; font-size: 16px;}
.f-menu-block .s-column .white-link:hover {color: var(--second);}
.f-menu-block .messengers-f {margin: 10px 0 16px; column-gap: 10px;}
.f-menu-block .mode-w {margin: 32px 0;}
.f-menu-block .s-requisite {margin-bottom: 32px;}
.site-footer .bottom-f-block {height: 257px; display: flex; flex-direction: column-reverse; background-image: url(../img/footer-bg.png); background-repeat: no-repeat; background-position: bottom; background-size: contain;}

.white {color: #fff;}
.bottom-f-block {}
.bottom-f-block a {color: #fff;}
.bottom-f-block a:hover {text-decoration: underline;}
.bottom-f-block .f-bottom-menu {padding: 33px 0; border-top: 1px solid #B0B9AE; }
.simple-section {margin: 120px 0;}
.feedback-block {padding: 56px 46px; border-radius: 10px; overflow: hidden; box-shadow: 0px 16px 32px 0px #0000000A;
 background-repeat: no-repeat; background-image: url(../img/bg-fb-3.png); background-size: cover;}
h3 {font-size: 30px; margin-bottom: 24px; font-weight: 700; color: #404A3D; text-transform: uppercase;}
.feedback-block .desc {color: #777777; width: 400px;}
.feedback-block .title-desc-w {border-right: 1px solid #ececec; width: 48%;}
.feedback-block .form-w {width: 52%; display: flex; justify-content: end;}
.feedback-block .form-w .inner-f-w {width: 440px;}

.inputs-wrapper-block .input-wrapper {position: relative; margin-bottom: 20px;}
.inputs-wrapper-block .input-wrapper input {display: block; border-radius: 6px; width: 100%; font-size: 14px; border: 1px solid #D5D7D3; padding: 16px; transition: all .3s ease-in-out;}
.inputs-wrapper-block .input-wrapper input:focus {border-color: var(--second);}
.feedback-block .submit-wrapper {margin-top: 32px;}
input.wrong {border-color: red !important;}
.input-wrapper::after {content: '';position: absolute;right: 15px;bottom: 26px; transform: translateY(50%); width: 20px;height: 20px;background-repeat: no-repeat;
  background-size: contain; opacity: 0; -webkit-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out; background-image: url(../img/icons/danger.svg);
}
.input-wrapper.wrong::after {opacity: 1;}
.input-wrapper.wrong input {border-color: red !important;}

.agree-wrapper {margin: 16px 0; display: flex; align-items: center; transition: all .3s ease-in-out;}
.agree-wrapper.wrong {color: var(--red);}
.agree-wrapper.wrong .agree {border-color: var(--red) !important;}
.agree-wrapper.wrong a {color: var(--red);}

.agree-wrapper .agree-desc {font-size: 14px; width: calc(100% - 20px); padding-left: 10px;}
.agree-wrapper .agree-desc a {text-decoration: underline;}
.agree-checkbox {display: none;}
label.agree {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--second);
  border-radius: 2px;
  cursor: pointer;
  text-align: left;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  background-color: #fff;
  position: relative;
}
label.wrong {border-color: red !important;}
input.agree-checkbox:checked + label.agree {background-image: url(../img/icons/yellow-v.svg); }

.main-slider-block {position: relative;}
.main-slider-block .slider-w {position: relative; }
.main-slider-block .slider-w .s-slide {position: relative; height: 800px;}
.main-slider-block .slider-w .img-bg {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.main-slider-block .slider-w .img-bg img {display: block; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.main-slider-block .slider-w .slide-txt-w {height: 100%; display: flex; flex-direction: column; justify-content: center;
  display: block; padding-top: 146px;
}
.main-slider-block .s-slide .slide-txt-w {}
.main-slider-block .s-slide .slide-txt-w h2 {font-size: 24px; margin-bottom: 20px; color: #fff;}
.main-slider-block .s-slide h3.slide-title {font-size: 120px; color: #fff; text-transform: uppercase;}
.main-slider-block .s-slide .slide-desc {width: 660px; opacity: .8; margin-bottom: 54px; color: #fff;}
.main-slider-block .s-slide .links-w {column-gap: 44px;}
.border-btn {
  display: inline-block;
  color: #fff; font-weight: 500; font-size: 16px;
  border-radius: 6px;
  padding: 21px 26px; text-transform: uppercase;
  background-image: repeating-linear-gradient(12deg, #fff, #fff 17px, transparent 17px, transparent 24px, #fff 24px), repeating-linear-gradient(102deg, #fff, #fff 17px, transparent 17px, transparent 24px, #fff 24px), repeating-linear-gradient(192deg, #fff, #fff 17px, transparent 17px, transparent 24px, #fff 24px), repeating-linear-gradient(282deg, #fff, #fff 17px, transparent 17px, transparent 24px, #fff 24px);
  background-size: 1px calc(100% + 24.54px), calc(100% + 24.54px) 1px, 1px calc(100% + 24.54px), calc(100% + 24.54px) 1px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
  animation: borderAnimation 2s infinite linear;
  cursor: pointer;
  transition: all .3s ease-in-out;

}
.border-btn:hover {background-color: #F8E444; background-image:none; color: #404A3D;}
.main-slider-block .bottom-info {position: absolute; z-index: 3; bottom: 30px; left: 50%; transform: translateX(-50%);}
.main-slider-block .bottom-info .inner-w {display: flex; flex-direction: column; align-items: center;}

.main-slider-block .bottom-info .cow {width: 120px; height: 84px; position: relative; bottom: -1px;}
.main-slider-block .bottom-info .cow img {display: block; width: 100%; height: 100%; object-fit: contain; object-position: bottom;}
.main-slider-block .bottom-info .start-title {text-align: center; display: inline-block; border-radius: 6px 6px 0 0; padding: 20px 90px; background-color: #EDDD5E; text-transform: uppercase; color: #404A3D; font-weight: 600; font-size: 16px;}
.main-slider-block .arrows {position: absolute; height: 0; top: 50%; width: 100%; padding: 0 240px; display: flex; justify-content: space-between;}
.arrows .slider-arrow {cursor: pointer;}
.main-slider-block .arrows .slider-arrow svg {transition: all .3s ease-in-out;}
.main-slider-block .arrows .slider-arrow:hover svg {fill:#F8E444}
.main-slider-block .arrows .slider-arrow svg path {transition: all .3s ease-in-out;}
.main-slider-block .arrows .slider-arrow:hover svg path {stroke:#404A3D;}
.main-slider-block .dots {display: none;}
.pluses-block {padding: 46px 56px; background-color: #fff; border-radius: 10px; position: relative;}
.pluses-block .s-pluse {}
.pluses-block .s-pluse .icon-pluse {
  padding: 30px 30px;display: inline-block;
  margin-bottom: 35px;  position: relative;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23EFEFEFFF' stroke-width='4' stroke-dasharray='12' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 100px;
}
.pluses-block .s-pluse:hover .icon-pluse {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%235B8C51FF' stroke-width='4' stroke-dasharray='12' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-transform: rotate(35deg);
  -moz-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -o-transform: rotate(35deg);
  transform: rotate(35deg);
}
.center {text-align: center;}
.pluses-block {column-gap: 5%; margin-top: -30px; box-shadow: 0px 16px 32px 0px #0000000A;}
.pluses-block .s-pluse {width: 30%; position: relative; }
.pluses-block .s-pluse .pluse-title {
  font-family: "Quicksand", sans-serif;
  text-align: center; margin-bottom: 16px;
  color: #404A3D; text-transform: uppercase; font-size: 20px; font-weight: 700;
}
.pluses-block .icon-pluse {margin: 0 auto;}
.pluses-block .pluse-desc {font-size: 16px; color: #777777;}
h2 {text-transform: uppercase; color: #404A3D; font-size: 60px; margin-bottom: 32px; line-height: 1; font-weight: 700;}
.product-gallery {padding: 50px 0;}
.product-gallery .gallery-w {display: flex; flex-wrap: wrap; column-gap: 2%;}
.product-gallery .gallery-w .s-img {display: block; width: 23.5%; margin-bottom: 2%; height: 360px; border-radius: 6px; overflow: hidden;}
.product-gallery .gallery-w .s-img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.about-block-main {}
.about-block-main .img-block {position: relative; width: 588px; height: 630px;}
.about-block-main .text-block {width: calc(100% - 588px); padding-left: 56px;}
.about-block-main .text-block .specialization {margin-top: 32px;}
.about-block-main .text-block .about-text {}
.about-block-main .text-block .s-list {margin-bottom: 8px;}
.about-block-main .text-block .s-list .icon {width: 16px; height: 16px;}
.about-block-main .text-block .s-list span {width: calc(100% - 16px); padding-left: 8px;}

h4 {text-transform: uppercase; margin-bottom: 18px; color: #404A3D; font-size: 20px; font-weight: 700;}


.about-block-main .text-block h4 {font-size: 20px; font-weight: 700; margin-bottom: 24px; text-transform: uppercase; color: #404A3D;}
.about-block-main .img-block .image {position: absolute; border-radius: 6px; overflow: hidden;}
.about-block-main .img-block .image.first {width: 430px; top: 0; left: 0; height: 520px; z-index: 1;}
.about-block-main .img-block .image.second {width: 400px; bottom: 0; right: 0; height: 220px; z-index: 2;}
.about-block-main .img-block .image.third {width: 104px; height: 104px; top: 108px; right: 0;}
.about-block-main .img-block .image img {display: block; width: 100%; height: 100%; object-fit: cover;}
.about-block-main .years-w {padding-left: 56px;}
.about-block-main .years-w .years {background-color: var(--second); font-family: "Quicksand", sans-serif; padding: 30px; border-radius: 6px; overflow: hidden;}
.about-block-main .years-w .years .conter {color: #404A3D; align-items: baseline;}
.about-block-main .years-w .years .number {font-size: 80px; font-weight: 700; line-height: 1;}
.about-block-main .years-w .years .pluse {font-size: 20px; font-weight: 700;}
.about-block-main .years-w .desc {font-size: 14px; font-family: "Quicksand", sans-serif; font-weight: 700; text-transform: uppercase; color: #404A3D;}
.about-block-main .link-w {margin-top: 44px;}

.bordered {
	border-color: rgb(64, 74, 61);
	--border-weight: 2px;
	--dash-size: 15px;
	--gap-size: 10px;
	position: relative;
	height: 60px;
  color: #404A3D;
	background: transparent;
	display: inline-flex;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
	padding: 0px 35px;
	justify-content: space-evenly;
	align-items: center;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
  background-color: transparent;
}

#about-section .link-w-m {display: none;}
.bordered::after {
	transition: all 0.6s ease;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg, rgb(64, 74, 61) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(10px / 2), rgb(64, 74, 61) calc(10px / 2), rgb(64, 74, 61) calc(10px / 2 + 15px), transparent calc(10px / 2 + 15px)) top center repeat-x, linear-gradient(90deg, rgb(64, 74, 61) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, rgb(64, 74, 61) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(10px / 2), rgb(64, 74, 61) calc(10px / 2), rgb(64, 74, 61) calc(10px / 2 + 15px), transparent calc(10px / 2 + 15px)) center left repeat-y, linear-gradient(0deg, rgb(64, 74, 61) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, rgb(64, 74, 61) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(10px / 2), rgb(64, 74, 61) calc(10px / 2), rgb(64, 74, 61) calc(10px / 2 + 15px), transparent calc(10px / 2 + 15px)) bottom center repeat-x, linear-gradient(90deg, rgb(64, 74, 61) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, rgb(64, 74, 61) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(10px / 2), rgb(64, 74, 61) calc(10px / 2), rgb(64, 74, 61) calc(10px / 2 + 15px), transparent calc(10px / 2 + 15px)) center right repeat-y, linear-gradient(0deg, rgb(64, 74, 61) 100%, transparent 100%) bottom right no-repeat;
	background-size: 15px 2px, calc(15px + 10px) 2px, 15px 2px, 2px 15px, 2px calc(15px + 10px), 2px 15px;
	opacity: 20%;
}

.bordered:hover {
  background-color: var(--second); transition: all .3s ease-in-out;
}
.bordered:hover::after {display: none;}
#numbers-section {background-color: #F1EEDF; padding: 120px 0;}
.numbers-block {}
.numbers-block .s-number {width: 23.5%; margin-bottom: 32px;}
.numbers-block .title {text-transform: uppercase; font-weight: 600; margin-bottom: 10px;  color: #404A3D;}
.numbers-block .number-icon-w {padding-bottom: 20px; border-bottom: 1px solid #DEDAC7; margin-bottom: 20px; transition: all .3s ease-in-out;}
.numbers-block .s-number:hover .number-icon-w {border-color: #5B8C51;}

.numbers-block .num {color: #5B8C51; font-size: 40px; font-weight: 700; font-family: "Quicksand", sans-serif;}
.numbers-block .txt {line-height: 1.625;}
.num-links-w {justify-content: center; column-gap: 44px;}
#overlay {background: #404A3D;opacity: 0;pointer-events: all;z-index: -1;position: fixed;top: 0;bottom: 0;left: 0;right: 0;}
#overlay.show {opacity: .8; z-index: 6;}
.popup {
  position: fixed;
  left: 50%;
  top: -120%;
  width: 540px;
  padding: 38px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: auto;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color: #fff;
  -webkit-box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.31);
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.31);
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  -webkit-transition: top .3s ease-in-out, opacity .3s ease-in-out, z-index 3s ease-in-out;
  -o-transition: top .3s ease-in-out, opacity .3s ease-in-out, z-index 3s ease-in-out;
  transition: top .3s ease-in-out, opacity .3s ease-in-out, z-index 3s ease-in-out;
  opacity: 0;
  z-index: 30;
}

.popup .close-btn:hover {opacity: 1;}
.popup .close-btn {position: absolute;top: 24px;right: 24px;cursor: pointer;opacity: .6;transition: opacity .3s ease-in-out;}
.popup.show {top: 50%;visibility: visible;opacity: 1;}
.popup .title {font-size: 30px; margin-bottom: 12px; font-weight: 700; font-family: "Quicksand", sans-serif; line-height: 1; text-transform: uppercase; color: #404A3D;}
.popup .desc {font-size: 16px; margin-bottom: 24px;}
.popup .submit-w {margin-top: 32px;}
.popup .btn {width: 100%; text-align: center;}


.foundry-block {background-color: #fff; padding: 56px 46px; box-shadow: 0px 16px 32px 0px #0000000A; border-radius: 10px;}
.foundry-block .images-w {width: 508px;}
.foundry-block .txt {width: calc(100% - 508px); padding-right: 64px; position: relative;}
.foundry-block .txt .desc {margin-bottom: 24px;}
.foundry-block .txt .icon-a {position: absolute; right: 64px; bottom: 0; width: 104px; height: 104px;}
.foundry-block .txt .icon-a img {display: block; width: 100%; height: 100%;}

.cats-main-w {}
.cats-main-w .s-cat {width: 23.5%;}
.cats-main-w .s-cat .cat-thumb {position: relative; width: 200px; margin: 0 auto 32px;}
.cats-main-w .s-cat .cat-thumb .img-w {width: 200px; height: 200px; transition: all .3s ease-in-out;}
.cats-main-w .s-cat .cat-thumb .img-w img {display: block; width: 100%; height: 100%; object-fit: contain;}
.cats-main-w .s-cat .cat-thumb .number {position: absolute; font-weight: 600; color: #404A3D; text-align: center; line-height: 60px; width: 60px; height: 60px; background-color: var(--second); position: absolute; top: 0; left: 0; border-radius: 50%; opacity: 1; transition: all .3s ease-in-out;}
.cats-main-w .s-cat .cat-thumb .arrow {width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-image: url(../img/icons/arrow-r-w.svg); background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);opacity: 0;transition: all .3s ease-in-out; visibility: hidden;}
.cats-main-w .s-cat .cat-thumb::after {
  position: absolute;
  content: "";
  width: 160px;
  height: 160px;
  background-color: #666e64;
  top: 20px;
  left: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  transform: translateX(-50%);
  opacity: 0;
}

.cats-main-w .s-cat:hover .cat-thumb .img-w {
  padding: 20px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%235B8C51FF' stroke-width='4' stroke-dasharray='15' stroke-dashoffset='3' stroke-linecap='round'/%3e%3c/svg%3e"); 
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cats-main-w .s-cat:hover .cat-thumb::after {
  opacity: 0.8;
}
.cats-main-w .s-cat:hover .number {opacity: 0;}
.cats-main-w .s-cat:hover .cat-thumb .arrow {opacity: 1; visibility: initial; z-index: 2;}
.cats-main-w .s-cat .desc {margin-bottom: 16px;}
.cats-main-w .s-cat a {color: #404A3D;}
.cats-main-w .s-cat .link-w {}
.cats-main-w .s-cat .link-w a {font-weight: 600; text-transform: uppercase; }
.cats-main-w .s-cat .link-w a:hover {color: #5b8c51;}

.aw-page-content-w {margin: 20px 0 20px;}
.breadcrumbs {margin: 20px 0 56px; font-size: 14px;}
.breadcrumbs a:hover {text-decoration: underline;}
.aw-page-content-w h1 {font-size: 60px; font-weight: 700; text-transform: uppercase; color: #404A3D; text-align: center; margin-bottom: 32px;}
.aw-page-content-w p {margin-bottom: 32px;}
.aw-page-content-w h2 {margin-bottom: 32px; font-size: 24px; font-weight: 700; color: #404A3D;}
.aw-page-content-w ul {list-style: disc; padding-left: 20px; margin-bottom: 32px;}


.product-img-info-w {}
.product-img-info-w .images-w {width: 516px; height: 400px;}
.product-img-info-w .images-w .product-slider-w{display: flex;}
.product-img-info-w .images-w .disite-product-slider {width: 400px; height: 400px;}
.disite-product-slider-nav {width: 102px; margin-left: 14px;}
.disite-product-slider-nav .slick-track {display: flex; flex-direction: column; margin: 0; }
.disite-product-slider-nav .s-nav {display: block; cursor: pointer; width: 102px; background-color: #fff; transition: all .3s ease-in-out; border-radius: 10px; overflow: hidden; height: 102px; overflow: hidden; margin-bottom: 14px; border: 1px solid transparent;}
.disite-product-slider-nav .s-nav img {display: block; width: 100%; height: 100%; object-fit: cover;}
.disite-product-slider-nav .s-nav.slick-active {border-color: #5B8C51;}
.disite-product-slider-nav .s-nav img {display: block; width: 100%; height: 100%; object-fit: cover;}
.disite-product-slider .single-slide {display: block; background-color: #fff; overflow: hidden; width: 100%; height: 100%; border-radius: 10px; box-shadow: 0px 16px 32px 0px #0000000A;}
.disite-product-slider .single-slide img {display: block; width: 100%; height: 100%; object-fit: contain;}

.product-img-info-w .single-img {display: block; background-color: #fff; width: 100%; height: 100%; border-radius: 10px; overflow: hidden;box-shadow: 0px 16px 32px 0px #0000000A;}
.product-img-info-w .images-w img {display: block; width: 100%; height: 100%; object-fit: contain;}

.product-img-info-w .product-info-w {width: calc(100% - 516px); padding-left: 96px;}
.disite-s-product-wrapper h1 {color: #404A3D; font-size: 30px; font-weight: 700; margin-bottom: 32px; text-transform: uppercase;}
.disite-s-product-wrapper .product-info-w .desc {margin-bottom: 32px;}
.disite-s-product-wrapper .m-product-title {display: none;}
h1.page-t {font-size: 60px; text-transform: uppercase; color: #404A3D; margin-bottom: 32px; font-weight: 700;}

.products-categories {display: flex; column-gap: 24px; flex-wrap: wrap;}
.products-categories .s-item {width: calc(25% - 18px); margin-bottom: 32px; transition: all .3s ease-in;}
.products-categories .s-item .thumb {
  padding: 24px; margin-bottom: 16px; transition: all .3s ease-in-out;
  box-shadow: 0px 16px 32px 0px #0000000A; display: flex; border-radius: 10px; overflow: hidden; align-items: center; justify-content: center; width: 100%; height: 282px; background-color: #fff;}
.products-categories .s-item .thumb img {display: block; width: 100%; height: 100%; object-fit: contain;}
.products-categories .s-item .title {color: #404A3D; text-transform: uppercase; margin-bottom: 0; transition: all .3s ease-in-out;}
.products-categories .s-item .title a {color: #404A3D;}
.products-categories .s-item:hover .thumb {box-shadow: 0px 16px 32px 0px #00000029;}
.products-categories .s-item:hover .title {color: #5B8C51;}

.popup-form-wrapper {}
.popup-form-wrapper .input-wrapper {position: relative; margin-top: 20px;}
.popup-form-wrapper .input-wrapper input {display: block; width: 100%; border: 1px solid #D5D7D3; border-radius: 6px; transition: all .3s ease-in-out; padding: 16px; font-family: 'Rubik', sans-serif; color: #000;}
.popup-form-wrapper .input-wrapper input:focus {border-color: var(--second);}

.empty-block {margin: 40px 0;}
.empty-block .title-block {text-transform: uppercase; margin-bottom: 12px; text-transform: uppercase; font-weight: 500; color: #404A3D;}
.empty-block .desc-block {margin: 12px 0;}

.ds-page {}

.navigation.pagination {margin-top: 34px;}
.navigation.pagination h2{display: none;}
.pagination .nav-links {display: flex; justify-content: center;}
.pagination .page-numbers {display: block; width: 40px; height: 32px; display: flex; justify-content: center; align-items: center; margin: 0 8px; border: 1px solid #777777; color: #404A3D;}
.pagination .page-numbers.current {background-color: #404A3D; color: #fff;}

.page-m-title {display: none;}

.about-top-block {}
.about-top-block .about-img-w {width: 546px; height: 440px; border-radius: 10px; overflow: hidden;}
.about-top-block .about-img-w img {display: block; width: 100%; height: 100%; object-fit: cover;}
.about-top-block .about-txt-w {width: calc(100% - 546px); padding-left: 66px;}
.sub-2 {text-transform:uppercase; font-weight: 700;}
.m-title {display: none;}
.about-top-block .about-txt-w .desc {}
.about-top-block .about-txt-w ul {list-style: disc; padding-left: 16px;}
.about-top-block .about-txt-w ul li {margin-bottom: 8px;}

.history-block {}
.history-block .block-title {font-family: "Quicksand", sans-serif; color: #404A3D; font-size: 80px; text-transform: uppercase;
  margin-bottom: 32px; font-weight: 700;
}

.history-block .single-row {display: flex; justify-content: center; align-items: center; margin-bottom: 80px; position: relative; z-index: 2;}
.history-block .single-row .icon-w {width: 80px; height: 80px; box-shadow: 0px 16px 32px 0px #0000000F; border-radius: 6px; overflow: hidden; justify-content: center; align-items: center; display: flex;
  margin: 0 50px;
  position: relative; z-index: 9;
  background-color: #fff;
}
.history-block .single-row .year {width: 506px; text-align: right; font-size: 150px; font-family: "Quicksand", sans-serif; font-weight: 700;
/* color: rgba(0, 0, 0, 0.2);  */
-webkit-text-stroke: 1px black;
color: transparent;
}
.history-block .single-row .img-desc-w {width: 506px;}
.history-block .single-row .img-desc-w .img-w {width: 200px; height: 200px; border-radius: 6px; overflow: hidden;}
.history-block .single-row .img-desc-w .desc-w {width: calc(100% - 200px); padding-left: 24px;}
.history-block .single-row:nth-child(even) {flex-direction: row-reverse;}
.history-block .single-row:nth-child(even) .year {text-align: left;}
.history-w {position: relative ; z-index: 2;}
.history-w::before {content: ""; width: 1px; height: auto; background-color: #E8E8E8; left: 50%; top: 140px; bottom: 0; display: block; position: absolute; z-index: 1;}

.contacts-bloks .c-block {position: relative; width: 23.5%; border: 1px dashed #D5D7D3; transition: all;padding: 20px 12px;}
.contacts-bloks .c-block:hover {border-color: #5B8C51;}
.contacts-bloks {column-gap: 2%;}
.contacts-bloks .c-block .b-title {margin: 34px 0 9px; text-transform: uppercase; color: #404A3D; text-transform: uppercase; font-size: 24px; font-weight: 700;
  font-family: "Quicksand", sans-serif;
}
.contacts-bloks .messengers-contacts {column-gap: 7px; margin-left: 6px; position: relative; top: 2px;}
.contacts-bloks .link-w {margin-bottom: 9px;}

.contacts-bloks .link-w.socials {justify-content: center; column-gap: 10px;}
.map-w {margin: 32px 0 0 0;overflow: hidden; height: 540px;}
.map-w iframe {display: block; width: 100%; height: 100%; overflow: hidden;}
.s-proizvodstvo {justify-content: space-between; align-items: center; margin-bottom: 66px;}
.s-proizvodstvo .text-w {width: 648px;}
.s-proizvodstvo .text-w .desc {margin-bottom: 16px;}
.s-proizvodstvo .img-w {width: 486px; height: 340px; border-radius: 10px; overflow: hidden; box-shadow: 0px 16px 32px 0px #0000000A;}
.s-proizvodstvo .img-w img {display: block; width: 100%; height: 100%; object-fit: cover;}

.how-we-work {background-color: #F1EEDF; padding: 120px 0;}
.how-we-work .s-work {width: 23.5%;}
.how-we-work .count-icon-w {font-size: 40px; font-weight: 700; font-family: "Quicksand", sans-serif; color: #5B8C51; padding-bottom: 20px; margin-bottom: 20px; transition: all .3s ease-in-out; border-bottom: 1px solid #DEDAC7;} 
.how-we-work .s-work:hover .count-icon-w {border-color: #5B8C51;}
.how-we-work .works-w {margin-top: 32px;}

.gallery-block .s-image {height: 196px; margin: 0 12px; border-radius: 10px; overflow: hidden;}
.gallery-block .s-image img {display: block; width: 100%; height: 100%; object-fit:cover;}
.gallery-block .arrows {display: flex; justify-content: space-between; width: calc(100% + 120px); position: absolute; bottom: 70px; left: -60px;}
.gallery-block .arrows .slider-arrow {background-color: transparent;}
.gallery-block .arrows .slider-arrow:hover {background-color: #fff;}
.gallery-block .dots {display: none; justify-content: center; margin-top: 20px;}
.gallery-block .dots .slick-dots {display: flex; justify-content: center; column-gap: 8px;}
.gallery-block .dots .slick-dots button {display: block; cursor: pointer; transition: all .3s ease-in-out; width: 11px; height: 11px; border-radius: 50%; border: none; color: transparent; font-size: 0; outline: none; background-color: #F1EEDF;}
.gallery-block .dots .slick-dots .slick-active button {background-color: #EDDD5E;}
.gallery-block .dots .slick-dots button:hover {background-color: #EDDD5E;}
.s-proizvodstvo .m-block {display: none;}


/*----- Media----*/

@media screen and (max-width:1680px){
  .main-slider-block .arrows {padding: 0 40px;}
  .main-slider-block .slider-w .s-slide {height: 640px; }
  .main-slider-block .slider-w .slide-txt-w {padding-top: 70px;}

}
@media screen and (max-width:1536px){

}


@media screen and (max-width:1440px){
  .main-slider-block .s-slide .slide-txt-w .inner-w {margin: 0 90px;}
  .main-slider-block .s-slide .slide-txt-w h2 {font-size: 20px; margin-bottom: 8px;}
  .main-slider-block .s-slide h3.slide-title {font-size: 80px;}
  .main-slider-block .s-slide .slide-desc {width: 100%; margin-bottom: 24px;}
  .main-slider-block .bottom-info {bottom: 0;}
  .main-slider-block .bottom-info .cow {width: 55px; height: 38px;}
  .main-slider-block .bottom-info .start-title {padding: 14px 24px;}
  h4 {font-size: 16px; margin-bottom: 10px;}
  .sub-2 {font-size: 42px;}
  .history-block .single-row .icon-w {top: 10px;}
}

/* normal screens - with keyboard */
@media screen and (max-width:1366px){
  .product-img-info-w .product-info-w {padding-left: 40px;}
  .history-block .single-row {flex-direction: column; justify-content: left; align-items: flex-start; padding-left: 100px; }
  .history-block .single-row .year {width: 100%; text-align: left; line-height: 1;}
  .history-block .single-row .icon-w {margin: 0; position: absolute; left: 0; top: 0;}
  .history-block .single-row .img-desc-w {width: 100%;}
  .history-w::before {left: 40px; top: 0;}
  .history-block .single-row:nth-child(even) {flex-direction: column;}
  .history-block .single-row .year {font-size: 100px; margin-bottom: 24px;}
  .history-block .single-row {margin-bottom: 24px;}

}

@media screen and (max-width:1280px){
  .content {padding: 0 40px; width: 100%;}
  .site-header .top-row .logo-block {left: 40px;}
  .numbers-block .s-number {width: 48%;}
  .numbers-block .number-icon-w {padding-bottom: 10px; margin-bottom: 10px;}
  .numbers-block .title {margin-bottom: 2px;}
  .foundry-block .txt {padding-right: 24px;}
  .foundry-block .txt .icon-a {width: 84px; height: 84px; right: inherit; right: 24px;}
  .about-top-block .about-txt-w {padding-left: 24px;}
  .gallery-block .dots {display: flex;}
  

}

@media screen and (max-width:1152px){
  .content {padding: 0 20px; width: 100%;}
  .site-header .top-row .logo-block {left: 20px; }
  .f-menu-block .s-column.about {width: 48%;}
  .f-menu-block .s-column.productions {width: 48%; margin-bottom: 32px;}
  .f-menu-block .s-column.contacts {width: 48%;}
  .f-menu-block .s-column.requisites {width: 48%;}
  .f-menu-block {column-gap: 4%;}
  .pluses-block {margin-top: 24px;}
  .foundry-block .images-w {width: 400px;}
  .foundry-block .txt {width: calc(100% - 400px);}
  .cats-main-w .s-cat {width: 48%; margin-bottom: 32px;}


}
@media screen and (max-width:1080px){
  .popup {width: 95%; padding: 25px;}
  .popup .title {font-size: 24px; }
  .main-menu-wrapper .menu-w li {margin-right: 18px;}
  .main-menu-wrapper .menu-w li a {font-size: 14px;}
  .feedback-block .title-desc-w {border: none;}
  .feedback-block {flex-wrap: wrap;}
  .feedback-block .title-desc-w {width: 100%; margin-bottom: 40px;}
  .feedback-block .form-w {width: 100%;}
  .feedback-block .form-w .inner-f-w {width: 100%;}
  .about-block-main {flex-direction: column-reverse;}
  .about-block-main .text-block {width: 100%; padding-left: 0;}
  .about-block-main .text-block .link-w {display: none;}
  #about-section .link-w-m {display: flex; justify-content: center; }
  .about-block-main .img-block {margin: 24px auto;}
  .sub-2 {display: none;}
  .page-m-title.about {display: block;}
  .page-m-title {text-transform: uppercase; font-size: 32px; }
  .page-m-title h1 {font-weight: 700; font-size: 32px; margin-bottom: 24px;}
  .about-top-block .about-img-w {width: 100%; margin-bottom: 24px; height: auto;}
  .about-top-block .about-txt-w {width: 100%; padding-left: 0;}
  .contacts-bloks .c-block {width: 49%; margin-bottom: 2%;}


}

@media screen and (max-width:980px){
  .site-header .top-row .logo-block {position: relative; width: 86px; left: 0;}
  .content.m-flex {display: flex; justify-content: space-between;}
  .site-footer .bottom-f-block {background-size: cover;}
  .bottom-f-block .f-bottom-menu {padding: 14px 0;}
  .bottom-f-block a {font-size: 14px;}
  .pluses-block .s-pluse {width: 100%; margin-bottom: 42px;}
  .pluses-block .s-pluse .pluse-desc {margin-bottom: 20px;}
  .pluses-block .s-pluse::after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
    background-color: red;
    background: linear-gradient(0deg, rgba(236, 236, 236, 0) 0%, #ECECEC 50.04%, rgba(236, 236, 236, 0) 100%);

  }
  .pluses-block .s-pluse:last-of-type {margin-bottom: 0px;}
  .pluses-block .s-pluse:last-of-type:after {display: none;}
  .foundry-block .txt {width: 100%; padding-right: 0; margin-bottom: 24px;}
  .foundry-block .images-w {width: 100%;}
  .foundry-block .images-w img {display: block; width: 100%;}
  .disite-s-product-wrapper .m-product-title {display: block;}
  .disite-s-product-wrapper .product-info-w h1 {display: none;}
  .products-categories {column-gap: 2%;}
  .products-categories .s-item {width: 49%; margin-bottom: 24px;}
  h1.page-t {font-size: 42px; margin-bottom: 24px;}
  .aw-page-content-w h1 {font-size: 42px; margin-bottom: 24px;}
  .aw-page-content-w p {margin-bottom: 24px;}
  .aw-page-content-w h2 {margin-bottom: 24px; font-size: 18px; font-weight: 700; color: #404A3D;}
  .how-we-work {padding: 56px 0;}
  .how-we-work .s-work {width: 46%;}
    
}

/* tablet screens - touch pad */
@media screen and (max-width:854px){
  .main-slider-block .s-slide h3.slide-title {font-size: 56px;}
  .product-img-info-w {flex-wrap: wrap;}
  .product-img-info-w .images-w {width: 100%;}
  .product-img-info-w .product-info-w {width: 100%; padding-left: 0; margin-top: 24px;}
  .product-img-info-w .product-info-w h1 {display: none;}
  .product-img-info-w .images-w .disite-product-slider {width: calc(100% - 116px);}

  .product-img-info-w .slick-list {height: 100%;}
  .product-img-info-w .slick-track {height: 100%;}
  .product-img-info-w .images-w {height: 70vw;}
  .product-img-info-w .images-w .disite-product-slider {height: 70vw;}
  .disite-product-slider .single-slide img {object-fit: cover;}

}

@media screen and (max-width:800px){
  .site-header .bottom-row {display: none;}
  .site-header .top-row {background-color: #fff;padding: 9px 0;}
  .site-header .top-row .logo-block {width: 108px; }
  .burger-phone-wrapper {display: flex; align-items: center;}
  .site-header .contacts-links-w {display: none;}
    .f-menu-block .s-column.about {width: 100%;}
  .f-menu-block .s-column.productions {width: 100%;}
  .f-menu-block .s-column.contacts {width: 100%;}
  .f-menu-block .s-column.requisites {width: 100%;}
  .main-slider-block .dots {display: flex; justify-content: center; margin-bottom: 18px;}
  .main-slider-block .dots .slick-dots {display: flex; justify-content: center; column-gap: 8px;}
  .main-slider-block .dots .slick-dots button {display: block; cursor: pointer; transition: all .3s ease-in-out; width: 11px; height: 11px; border-radius: 50%; border: none; color: transparent; font-size: 0; outline: none; background-color: #F1EEDF;}
  .main-slider-block .dots .slick-dots .slick-active button {background-color: #EDDD5E;}
  .main-slider-block .dots .slick-dots button:hover {background-color: #EDDD5E;}
  .gallery-block .s-image {height: 236px;}
}

@media screen and (max-width:720px){
  .content {padding: 0 20px;}
  .bottom-f-block .f-bottom-menu {flex-direction: column;}
  .bottom-f-block a {margin-bottom: 4px;}
  .main-slider-block .s-slide .slide-txt-w .inner-w {margin: 0;}
  .main-slider-block .bottom-info .start-title {font-size: 14px; white-space: nowrap}
  .simple-section {margin: 56px 0;}
  .s-proizvodstvo .text-w {width: 100%; margin-bottom: 16px;}
  .s-proizvodstvo .img-w {width: 100%;}
  .s-proizvodstvo .d-block {display: none;} 
  .s-proizvodstvo .m-block {display: block; margin-top: 16px;} 
  .s-proizvodstvo:last-of-type {flex-direction: column-reverse; align-items: baseline;}
  h2 {font-size: 48px; margin-bottom: 24px;}
  .s-proizvodstvo {margin-bottom: 32px;}

  .how-we-work .s-work {width: 100%;}
  
}

@media screen and (max-width:640px){
  .main-slider-block .slider-w .s-slide {height: 530px;}
  .main-slider-block .slider-w .slide-txt-w {display: block; padding-top: 44px;}
  .main-slider-block .s-slide .links-w {column-gap: 2%; justify-content: center;}
  .about-block-main .img-block {width: 100%; height: 360px;}
  .about-block-main .img-block .image.first {width: 248px; height: 300px;}
  .about-block-main .img-block .image.second {width: 230px; height: 126px;}
  .numbers-block .s-number {width: 100%;}
  .num-links-w > * {display: block; width: 100%;}
  .num-links-w .btn {margin-bottom: 24px;}
  .bordered {display: flex; align-items: center; justify-content: center; width: 100%; }
  #numbers-section {padding: 56px 0;}
  .foundry-block {padding: 56px 10px;}
  .cats-main-w .s-cat {width: 100%; margin-bottom: 24px;}
  .cats-main-w .s-cat:last-of-type {margin-bottom: 0px;}
  .breadcrumbs {margin-bottom: 32px;}
  .page-m-title h1 {margin-bottom: 24px;}
  .history-block .single-row .img-desc-w .img-w {width: 100%; margin-bottom: 10px;}
  .history-block .single-row .img-desc-w .desc-w {width: 100%; padding-left: 0;}
  .contacts-bloks .c-block {width: 100%; margin-bottom: 20px;}
  .map-w {height: 400px;}
  .s-proizvodstvo .img-w {height: 238px;}
}

@media screen and (max-width:540px){
  .main-slider-block .s-slide .links-w .border-btn,
  .main-slider-block .s-slide .links-w .btn {padding: 14px; font-size: 14px; width: auto; white-space: nowrap}
  .history-block .block-title {font-size: 32px;}
  h2 {font-size: 32px;}
  h3 {font-size: 26px; margin-bottom: 10px;}
  h1.page-t {font-size: 32px;}

  .aw-page-content-w h1 {font-size: 32px; margin-bottom: 24px;}
  .aw-page-content-w p {margin-bottom: 20px;}

  .disite-s-product-wrapper h1 {font-size: 26px; margin-bottom: 24px;}
  .products-categories .s-item {margin-bottom: 16px;}
  .products-categories .s-item .thumb {margin-bottom: 10px; height: 166px; padding: 14px;}

  
  

}
@media screen and (max-width:480px){
  .feedback-block {padding: 24px;}
  .feedback-block .submit-wrapper {margin-top: 24px;}
  .btn {width: 100%; text-align: center; padding: 16px;}
  .feedback-block .desc {margin-top: 10px; width: 100%;}
  .feedback-block .title-desc-w {margin-bottom: 24px;}
  .about-block-main .years-w {padding-left: 24px;}
  .foundry-block .txt .icon-a {position: relative; right: inherit; bottom: inherit; margin: 24px auto 0;}
  .content {padding: 0 8px;}
  .how-we-work .s-work {padding: 0 24px; margin-bottom: 24px;}
  .how-we-work .s-work:last-of-type {margin-bottom: 0px;}
  

}
@media screen and (max-width:414px){
  .about-block-main .img-block .image.third {width: 84px; height: 84px;}
  .about-block-main .years-w {padding-left: 10px;}
  .about-block-main .years-w .years {padding: 22px;}
  .product-img-info-w .images-w,
  .product-img-info-w .images-w .disite-product-slider {height: 60vw;}
  h1.page-t {font-size: 28px;}
  h3 {font-size: 22px;}
}

@media screen and (max-width:360px){ 
  .about-block-main .years-w .years {padding: 14px;}

}


@keyframes trambling-animation {
    0%, 50%, 100% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
    }
    10%, 30% {
      transform: rotate(-1deg);
      -webkit-transform: rotate(-1deg);
      -moz-transform: rotate(-1deg);
      -o-transform: rotate(-1deg);
      -ms-transform: rotate(-1deg);
    }
    20%, 40% {
      transform: rotate(1deg);
      -webkit-transform: rotate(1deg);
      -moz-transform: rotate(1deg);
      -o-transform: rotate(1deg);
      -ms-transform: rotate(1deg);
    }
}


@keyframes spin {
    0%,60%{
      top: 0;
    }
    30% {
      top: 5px;
    }
    100% {
      top: 0;
    }
  }
@keyframes type{
    from { width: 0; }
}
@-webkit-keyframes borderAnimation {
0% {
  background-position: 0 0, -13.46px 0, 100% -13.46px, 0 100%;
}
100% {
  background-position: 0 -13.46px, 0 0, 100% 0, -13.46px 100%;
}



}
@-webkit-keyframes type{
    from { width: 0; }
}
@keyframes shine {0% {transform: translateX(-4rem) skewX(-45deg); }  50% {transform: translateX(30rem) skewX(-45deg); }  100% {transform: translateX(30rem) skewX(-45deg); } }
@keyframes arrowDown {0% {bottom: 30px;opacity: 1;}100% {bottom: 0px; opacity: 0;}
}
@keyframes animate {
  0%{
      transform: translateY(0) rotate(0deg);
      opacity: 1;
      border-radius: 0;
  }
  100%{
      transform: translateY(-1500px) rotate(720deg);
      opacity: 0;
      border-radius: 50%;
  }
}


@keyframes dot-color {
  from {
    background-color: var(--main-green);
  }
  50% {
    background-color: #fff;
  }
  to {
    background-color: var(--main-green);
  }
}