/* #### Generated By: http://font.download #### */
@font-face {
  font-family: 'Helvetica';
  src: url('fonts/Helvetica.eot');
  src: local('Helvetica'),
  url('fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
  url('fonts/Helvetica.woff2') format('woff2'),
  url('fonts/Helvetica.woff') format('woff'),
  url('fonts/Helvetica.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('fonts/Helvetica-Oblique.eot');
  src: local('Helvetica Oblique'), local('Helvetica-Oblique'),
  url('fonts/Helvetica-Oblique.eot?#iefix') format('embedded-opentype'),
  url('fonts/Helvetica-Oblique.woff2') format('woff2'),
  url('fonts/Helvetica-Oblique.woff') format('woff'),
  url('fonts/Helvetica-Oblique.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('fonts/Helvetica-BoldOblique.eot');
  src: local('Helvetica Bold Oblique'), local('Helvetica-BoldOblique'),
  url('fonts/Helvetica-BoldOblique.eot?#iefix') format('embedded-opentype'),
  url('fonts/Helvetica-BoldOblique.woff2') format('woff2'),
  url('fonts/Helvetica-BoldOblique.woff') format('woff'),
  url('fonts/Helvetica-BoldOblique.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('fonts/Helvetica-Light.eot');
  src: local('Helvetica Light'), local('Helvetica-Light'),
  url('fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
  url('fonts/Helvetica-Light.woff2') format('woff2'),
  url('fonts/Helvetica-Light.woff') format('woff'),
  url('fonts/Helvetica-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('fonts/Helvetica-Bold.eot');
  src: local('Helvetica Bold'), local('Helvetica-Bold'),
  url('fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
  url('fonts/Helvetica-Bold.woff2') format('woff2'),
  url('fonts/Helvetica-Bold.woff') format('woff'),
  url('fonts/Helvetica-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('fonts/Helvetica-LightOblique.eot');
  src: local('Helvetica Light Oblique'), local('Helvetica-LightOblique'),
  url('fonts/Helvetica-LightOblique.eot?#iefix') format('embedded-opentype'),
  url('fonts/Helvetica-LightOblique.woff2') format('woff2'),
  url('fonts/Helvetica-LightOblique.woff') format('woff'),
  url('fonts/Helvetica-LightOblique.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}



@media (min-width: 1480px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1480px;
  }
}
:root {
  --color-black-black-100: #0c0c0c;
  --color-black-black-80: rgba(12, 12, 12, 0.8);
  --color-black-black-60: rgba(12, 12, 12, 0.6);
  --color-black-black-40: rgba(12, 12, 12, 0.4);
  --color-black-black-20: rgba(12, 12, 12, 0.2);
  --color-white-white-100: #fff;
  --color-white-white-80: rgba(255, 255, 255, 0.8);
  --color-white-white-60: rgba(255, 255, 255, 0.6);
  --color-white-white-40: rgba(255, 255, 255, 0.4);
  --color-white-white-20: rgba(255, 255, 255, 0.2);
  --color-primary-primary-100: #0087e1;
  --color-primary-primary-80: rgba(0, 135, 225, 0.8);
  --color-primary-primary-60: rgba(0, 135, 225, 0.6);
  --color-primary-primary-40: rgba(0, 135, 225, 0.4);
  --color-primary-primary-20: rgba(0, 135, 225, 0.2);
  --color---light-blue: #f8fafc;
}
@font-face {
  font-family: 'SF Pro';
  src: url('fonts/SFProDisplay-Regular.eot');
  src: local('SF Pro Display Regular'), local('SFProDisplay-Regular'),
  url('fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
  url('fonts/SFProDisplay-Regular.woff2') format('woff2'),
  url('fonts/SFProDisplay-Regular.woff') format('woff'),
  url('fonts/SFProDisplay-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SF Pro';
  src: url('fonts/SFProDisplay-Semibold.eot');
  src: local('SF Pro Display Semibold'), local('SFProDisplay-Semibold'),
  url('fonts/SFProDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
  url('fonts/SFProDisplay-Semibold.woff2') format('woff2'),
  url('fonts/SFProDisplay-Semibold.woff') format('woff'),
  url('fonts/SFProDisplay-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

:root {
  --font-family: "Helvetica", sans-serif;
  --second-family: "SF Pro", sans-serif;
  --third-family: "Inter", sans-serif;
}
body{
  background: #fff;
  font-family: var(--font-family);
  position: relative;
  min-width: 320px;
  overflow-x: hidden;
}

   


<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YLP54XY3HZ">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-YLP54XY3HZ');
</script>





body:before{
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='400' height='975' viewBox='0 0 400 975' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M395 487.5C395 753.982 179.196 970 -87 970C-353.196 970 -569 753.982 -569 487.5C-569 221.018 -353.196 5 -87 5C179.196 5 395 221.018 395 487.5Z' stroke='%23F8FAFC' stroke-width='10' /%3E%3C/svg%3E");
  width: 400px;
  height: 975px;
  position: absolute;
  left:0px;
  top:400px;
  z-index: -1;
}
body:after{
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='522' height='840' viewBox='0 0 522 840' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M836 420C836 649.193 649.98 835 420.5 835C191.02 835 5 649.193 5 420C5 190.807 191.02 5 420.5 5C649.98 5 836 190.807 836 420Z' stroke='%23F8FAFC' stroke-width='10' /%3E%3C/svg%3E");
  width: 522px;
  height: 840px;
  position: absolute;
  right:0px;
  bottom:1230px;
  z-index: -1;
}

body.home:before{
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='400' height='975' viewBox='0 0 400 975' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M395 487.5C395 753.982 179.196 970 -87 970C-353.196 970 -569 753.982 -569 487.5C-569 221.018 -353.196 5 -87 5C179.196 5 395 221.018 395 487.5Z' fill='%23F8FAFC' stroke='%23F8FAFC' stroke-width='10' /%3E%3C/svg%3E");
  width: 400px;
  height: 975px;
  position: absolute;
  left:0px;
  top:400px;
  z-index: -1;
}
body.home:after{
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='522' height='840' viewBox='0 0 522 840' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M836 420C836 649.193 649.98 835 420.5 835C191.02 835 5 649.193 5 420C5 190.807 191.02 5 420.5 5C649.98 5 836 190.807 836 420Z' stroke='%23F8FAFC' stroke-width='10' /%3E%3C/svg%3E");
  width: 522px;
  height: 840px;
  position: absolute;
  right:0px;
  bottom:1230px;
  z-index: -1;
}
a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: var(--color-black-black-100);
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;

}
button{
  transition: all 0.3s ease-in;
}
a:hover{
  text-decoration: none;
}
.site-header{
  background: #fff;
  padding: 20px 0px;
}
.header-logo a{
}
.header-logo a:hover{
  text-decoration: none;
  opacity: 0.9;
}
.header-menu{
  margin-left:auto;
}
.header-menu ul{
  display: flex;
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.header-menu ul li ul{display: none;}
.current-menu-item a,
.header-menu ul li a:hover{

  color: var(--color-black-black-40)!important;
}
.header-menu ul li a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: var(--color-black-black-100);
}
.header-menu ul li{margin-right: 40px;}
.header-menu ul li:last-child{margin-right: 0px;}

.header-user-panel{margin-left: auto;}
.header-user-panel a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
  text-align: center;
  color: var(--color-primary-primary-100);
  padding: 19.5px 68.5px;
  border: 2px solid var(--color-primary-primary-100);
  border-radius: 12px;
}
.header-user-panel a:hover{
  color: var(--color-white-white-100);
  background: var(--color-primary-primary-100);
}
.section-index-slider{width: 100%;overflow:hidden;margin-top: 40px;position: relative;margin-bottom: 100px;border-radius: 32px;overflow: hidden;}

.section-index-slider{
  background: url(img/index-slider.png) top center no-repeat;
}
.section-index-slider-row1{
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  text-align: center;
  color: var(--color-white-white-100);
  margin-top: 156px;
}
.section-index-slider-row2{
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 80px;
  line-height: 90%;
  text-align: center;
  color: var(--color-white-white-100);
  margin-top: 16px;
}
.section-index-slider-row3{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 90%;
  text-align: center;
  color: var(--color-white-white-100);
  margin-top: 24px;
  margin-bottom: 80px;
}
.section-index-slider-row4{
  text-align: center;
  margin-bottom: 156px;
}
.section-index-slider-row4 a{
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 17px;
  line-height: 90%;
  text-align: center;
  color: var(--color-white-white-100);
  padding: 20.5px 32px;
  border-radius: 12px;
  margin: 0px 8px;

}
.section-index-slider-row4 a:first-child{
  background: var(--color-primary-primary-100);
  padding-left: 68.5px;
  padding-right: 68.5px;
  border: 2px solid var(--color-primary-primary-100);

}
.section-index-slider-row4 a:last-child{
  border: 2px solid var(--color-white-white-100);


}

.section-index-slider-row4 a:hover{
  opacity: 0.7;
}

.swiper-index{
  position: relative;
  margin-bottom: 115px;
}
.section-index-slider .swiper-slide{text-align: center;}
.section-index-slider .swiper-button-prev,
.section-index-slider .swiper-button-next{
  width: 14px;
  height: 14px;
  top:50%!important;
  margin-top: -6px!important;
  background-position: center;
  background-repeat: no-repeat;
}

.section-index-slider .swiper-button-prev:after,
.section-index-slider .swiper-button-next:after{
  content: none;
}
.section-index-slider .swiper-button-prev{
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1C7 1 1 5.419 1 7C1 8.581 7 13 7 13' stroke='%231F1F1F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.section-index-slider .swiper-button-next{
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1C1 1 7 5.419 7 7C7 8.581 1 13 1 13' stroke='%231F1F1F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.swiper-index .swiper-pagination{
  bottom: -80px;
}
.swiper-index .swiper-slide div{width: 100%;}
.catalog-button{
  border: 4px solid #27346a;
  border-radius: 80px;
  padding: 24px 126px;
  font-family: 'Helvetica';
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: #27346a;
  display: inline-block;
  margin-top: 24px;
}
.catalog-button:hover{
  color:#fff;
  background: #27346a;
}

.swiper-pagination-bullet{
  border-radius: 24px;
  width: 10px;
  height: 10px;
  background: rgba(31, 31, 31, 0.4);
  margin: 0px 4px;
  opacity: 1;
  transition: all 0.3s ease-in;
}
.swiper-pagination-bullet-active{
  border-radius: 24px;
  width: 80px;
  height: 10px;
  background: #1f1f1f;
}

.section-index-products{

  width: 100%;
}
.swiper-index-products{overflow: hidden;}
.section-index-products img{width: 100%;height: auto;}
.title-section{
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 48px;
  line-height: 90%;
  color: var(--color-black-black-100);
  margin-bottom: 12px;
}
.title-section-sub{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 28px;
  line-height: 120%;
  color: var(--color-black-black-60);
}
.section-index-products{
  position: relative;
}

.swiper-index-products .product-image{
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
  border-radius: 32px;
  margin-bottom: 16px;
  position: relative;
}
.swiper-index-products .product-image img{
  position: absolute;
  top:0px;
  left:0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-index-products .product-title{
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #1f1f1f;
}
.swiper-index-products .product-title{
  margin-bottom: 4px;
}

.swiper-index-products .product-description{
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: rgba(31, 31, 31, 0.6);
}

.section-index-products .catalog-button{
  margin-top: 140px;
}
.section-index-products .swiper-pagination{
  bottom: 190px;
}
.title-section-desc{
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  color: #1f1f1f;
  margin-bottom: 64px;
}
.section-index-promo{
  width: 100%;
  background: url(/images/promo-bg.svg) top right no-repeat #e0d4fc;
  padding: 120px 0px;
}
.section-index-promo .title-section{
  margin-bottom: 8px;
}

.promo-inner img{width: 100%;}
.promo-inner {
  display: flex;
  width: 100%;
  height: 100%;
}
.promo-left {
  width: 50%;
  background-color: lightblue;
  margin-right: 12px;
  border-radius: 32px;
  overflow: hidden;

}
.promo-right {
  width: 50%;
  display: flex;
  flex-direction: column;
  margin-left: 12px;
  display: flex;
}
.promo-top,
.promo-bottom {
  display: flex;
  width: calc(100% - 12px);
  height: calc(50% - 12px);
  border-radius: 32px;
  overflow: hidden;
}
.promo-top {
  margin-bottom: 24px;
}
.section-index-portfolio{
  position: relative;
  width: 100%;
  padding: 120px 0px 210px;
  background: url(/images/portfolio-bg.svg) top 100px center;
  background-repeat: no-repeat;
}
.section-index-portfolio img{width: 100%;}
.swiper-index-portfolio{
  overflow: hidden;
}

.swiper-index-portfolio .swiper-pagination{
  bottom: 120px;
}
.swiper-index-portfolio{
  padding-left: 120px;
  padding-right: 120px;
}
.portfolio-title{
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 40px;
  color: #1f1f1f;
  margin-top: 24px;
}
.portfolio-desc{
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: rgba(31, 31, 31, 0.6);
}

.swiper-index-portfolio .swiper-button-prev,
.swiper-index-portfolio .swiper-button-next{
  width: 14px;
  height: 14px;
  top:auto;
  bottom: 123px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-index-portfolio .swiper-button-prev:after,
.swiper-index-portfolio .swiper-button-next:after{
  content: none;
}
.swiper-index-portfolio .swiper-button-prev{
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1C7 1 1 5.419 1 7C1 8.581 7 13 7 13' stroke='%231F1F1F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  left: calc((100vw / 2) - 200px);
}
.swiper-index-portfolio .swiper-button-next{
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1C1 1 7 5.419 7 7C7 8.581 1 13 1 13' stroke='%231F1F1F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  right: calc((100vw / 2) - 200px);
}
.site-footer{
  color: var(--color-black-black-60);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  text-align: center;
  padding: 100px 0px 0px;
  background: var(--color---light-blue);
}
.footer-logo{
  width:220px;
}
.footer-logo img{
  width: 88px;
  height: auto;
}
.footer-menu{
  margin: 0px auto;
  width: 350px;
}
.footer-menu ul{
  list-style: none;
  display: flex;
  margin: 0px;
  padding: 0px;
  justify-items: center;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}
.footer-menu ul li ul{
  display: none;
}
.footer-menu ul li{
  width: 50%;
  text-align: left;
}
.footer-menu ul li:nth-child(1),
.footer-menu ul li:nth-child(2){
  margin-bottom: 15px;
}
.footer-menu ul li a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: var(--color-black-black-60);
}
.footer-socials{
  display: flex;
  justify-items: center;
  width: 100%;
  margin-top: 100px;
  justify-content: center;
}
.footer-socials a{
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  padding: 10px;
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.2);
  margin: 0px 8px;
}
.footer-developer{margin-top: 120px;}
.footer-developer,
.footer-credits,
.footer-developer a{
  text-align: center;
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #fff;
}

.woocommerce-breadcrumb{
  margin-top: 80px!important;
  margin-bottom: 65px!important;
  font-family: "Helvetica", sans-serif!important;
  font-weight: 400!important;
  font-size: 24px!important;
  color: rgba(31, 31, 31, 0.4)!important;

}
.woocommerce-breadcrumb a{
  font-family: "Helvetica", sans-serif!important;
  font-weight: 400!important;
  font-size: 24px!important;
  color: #1f1f1f!important;
}
.inner-category #secondary{
  border-radius: 24px;
  padding: 24px;
  width: 400px;
  flex: 0 0 400px!important;
  background: #fff;
  margin-right: 24px;
  height: auto;
}
.inner-category{
  display: flex;align-items: flex-start;
}
.wpc-filter-title,
.wp-block-heading{
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #1f1f1f;
  margin-bottom: 12px;
}
.woocommerce-result-count,
.woocommerce-ordering{display: none;}

body .wpc-filters-main-wrap .wpc-term-item-content-wrapper,
.wc-block-attribute-filter .wc-block-attribute-filter-list li label{
  flex-direction: row-reverse;
  width: 100%;justify-content: flex-end;
}
.wpc-filters-main-wrap li.wpc-term-item input[type="checkbox"],
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]{margin-left: auto!important;margin-right: 0px!important;
  border: 1px solid var(--color-primary-primary-100)!important;
  border-radius: 6px!important;
  width: 20px!important;
  height: 20px!important;
  outline: none!important;
}
.wpc-filters-main-wrap li.wpc-term-item a{
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: rgba(31, 31, 31, 0.6);
}
.wpc-filters-main-wrap li.wpc-term-item label{
  padding: 0px!important;
  margin:0px;
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: rgba(31, 31, 31, 0.6);
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  width: 100%;justify-content: flex-end;
}

body .wpc-filters-main-wrap li.wpc-term-item{margin-bottom: 12px;}
.wpc-filters-main-wrap ul.wpc-filters-ul-list{padding: 0px!important;}


.wpc-filters-main-wrap li.wpc-term-item label input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-content: center;
  justify-content: center;
  border: 1px solid var(--color-primary-primary-100);
  border-radius: 6px;
  width: 20px;
  height: 20px;background: #fff;
}
input[type="checkbox"]::before {
  content: "";
  width: 20px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6654 1.5L4.2487 7.91667L1.33203 5' stroke='%239747FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  transform: scale(0);
  background-position: center;
  background-repeat: no-repeat;

}
input[type="checkbox"]:checked::before {
  transform: scale(1);
}
.wpc-filters-range-wrapper input[type="number"],
.wpc-edit-filter-set{display: none;}
.wpc-filters-range-wrapper{
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #1f1f1f;
}
.wpc-filters-range-inputs .ui-slider-horizontal,
.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range{
  height: 10px!important;
  background:#e0d4fc!important;border-radius: 24px!important;

}
.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle{
  top:-8px!important;
  background:var(--color-primary-primary-100)!important;
  border:0px!important;
  width: 24px!important;
  height: 24px!important;
  box-shadow: none!important;
}
.wpc-filters-submit-button{
  background: var(--color-primary-primary-100)!important;
  border-radius: 80px!important;
  padding: 12px 20px!important;
  font-family: "Helvetica", sans-serif!important;
  font-weight: 400!important;
  font-size: 16px!important;
  line-height: 162%!important;
  color: #fff!important;
  border:0px!important;
}
.wpc-filters-reset-button{
  border: 1px solid #1f1f1f!important;
  border-radius: 80px!important;
  padding: 12px 20px!important;
  width: 169px!important;
  height: 50px!important;
  font-family: "Helvetica", sans-serif!important;
  font-weight: 400!important;
  font-size: 16px!important;
  line-height: 162%!important;
  color: #1f1f1f!important;
}
.wpc-custom-selected-terms{display: none;}
.wpc-filter-layout-submit-button{margin-top: 32px;margin-bottom: 0px;}
.woocommerce-products-header__title.page-title{
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 32px;
  color: #1f1f1f;
  margin-bottom: 24px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  width: calc(100% / 4  - 8px)!important;
  margin: 0px 8px 8px 0px;
}
.woocommerce ul.products li.product a img{
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 0px;
  position: absolute;
  top:0px;left:0px;
}
.product-card-image-inner{padding-bottom: 100%;margin-bottom:13px; }
.woocommerce ul.products li.product {
  background: #fff;
}
.item-product-inner{
  position: relative;
  padding: 12px;
}
ul.products li.product .woocommerce-loop-product__title{
  font-family: "Helvetica", sans-serif!important;
  font-weight: 700!important;
  font-size: 16px!important;
  color: #1f1f1f!important;
}
.product-item-desc{
  margin-top: 4px;
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: rgba(31, 31, 31, 0.6);
}
.inner-action-product-item{
  display: flex;
  align-content: center;
  align-items: center;
  margin-top: 12px;
}
.woocommerce ul.products li.product .price{
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #1f1f1f;
  margin: 0px;
}
.added_to_cart.wc-forward{display: none!important;}
.woocommerce ul.products li.product .button.added{
  background-color: #6bd06b;
}
.woocommerce ul.products li.product .button{
  margin-left: auto;margin-top: 0px;font-size: 0px;border-radius: 40px;
  padding: 10px;
  width: 36px;background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.00132 5.33338L5.11332 3.99071C5.17366 3.26626 5.50407 2.59095 6.03901 2.09871C6.57396 1.60647 7.27437 1.33325 8.00132 1.33325C8.72828 1.33325 9.42869 1.60647 9.96363 2.09871C10.4986 2.59095 10.829 3.26626 10.8893 3.99071L11.0013 5.33338M2.04266 10.1287L2.28599 8.74804C2.57399 7.11604 2.71732 6.30004 3.28732 5.81671C3.85732 5.33338 4.67599 5.33338 6.31266 5.33338H9.68999C11.3267 5.33338 12.1453 5.33338 12.7153 5.81671C13.2853 6.30004 13.4287 7.11604 13.7167 8.74804L13.96 10.1287C14.3587 12.3874 14.5573 13.5167 13.9447 14.2587C13.3313 15 12.198 15 9.93332 15H6.06932C3.80399 15 2.67132 15 2.05799 14.258C1.44466 13.516 1.64466 12.3874 2.04266 10.1287Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  height: 36px;background-color: var(--color-primary-primary-100);}
.woocommerce ul.products li.product:last-child{margin-bottom: 60px;}
.woocommerce div.product div.summary,
.woocommerce div.product div.images.woocommerce-product-gallery{width: calc(50% - 12px);}
.woocommerce div.product div.images.woocommerce-product-gallery{margin-right: 12px;}
.woocommerce div.product div.summary{margin-left: 12px;border-radius: 24px;
  padding: 32px;

  background: #fff;}
.woocommerce-product-details__short-description strong{
  color: #1f1f1f;
}
.woocommerce-product-details__short-description p{font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 22px;color: rgba(31, 31, 31, 0.6);

 margin: 0px;}
.product_title.entry-title{
  font-family: "Helvetica", sans-serif;
  font-weight:700;
  font-size: 40px;
  color: #1f1f1f;
  margin-bottom: 4px;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price{
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 54px;
  color: #1f1f1f;
  margin: 32px 0px;
}
.woocommerce div.product form.cart{margin-bottom: 0px;}





.woocommerce div.product form.cart div.quantity input::-webkit-outer-spin-button,
.woocommerce div.product form.cart div.quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.woocommerce div.product form.cart div.quantity input[type=number] {
  -moz-appearance: textfield;
}
.woocommerce div.product form.cart div.quantity {

  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
}
.woocommerce div.product form.cart div.quantity input{
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 21px;
  color: #1f1f1f;
  width: 76px;
  border:0px;
}

.woocommerce div.product form.cart div.quantity button{
  border-radius: 40px;
  padding: 10px;
  width: 44px;
  height: 44px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
  border:0px;
}
.single_add_to_cart_button{
  margin-left: auto!important;
  border-radius: 80px!important;
  padding: 12px 80px!important;
  height: 50px!important;font-family: "Helvetica", sans-serif!important;
  font-weight: 400!important;
  font-size: 16px!important;
  line-height: 162%!important;
  color: #fff!important;
  background: var(--color-primary-primary-100)!important;
  border:0px!important;
}
.woocommerce div.product form.cart{
  display: flex;
  align-content: center;
  align-items: center;
}

.woocommerce-cart .woocommerce{
  display: flex;
  justify-content: space-between;
}
.woocommerce-cart-form{
  width: 66%!important;
}
.cart-collaterals{
  width: 32%!important;
}
.woocommerce-cart-form__cart-item.cart_item .cart-item{
  width: 100%;
  display: flex;
  position: relative;
}
.cart-item-image{
  width: 160px;
  height: 160px;
  overflow: hidden;
  margin-right:24px;
}
.woocommerce-cart-form__cart-item.cart_item{
  margin-bottom: 32px;
  border-radius: 24px;
  padding: 32px;background: #fff;
  display: flex;
}
.cart-item-info-top a{
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 32px;
  color: #1f1f1f;
}
.cart-item-info-top{
  width: 100%;
}
.cart-item-info-total{
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 40px;
  color: #1f1f1f;
  margin-top: auto;
}
.cart-item-info-count{
  position: absolute;
  right:0px;
  top:0px;
}
.cart-item-image-info{
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

#update_cart{display: none;}



.cart-item-info-count input::-webkit-outer-spin-button,
.cart-item-info-count input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.cart-item-info-count input[type=number] {
  -moz-appearance: textfield;
}
.cart-item-info-count .quantity {

  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
}
.cart-item-info-count input{
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 21px;
  color: #1f1f1f;
  width: 76px;
  border:0px;
}

.cart-item-info-count button{
  border-radius: 40px;
  padding: 10px;
  width: 44px;
  height: 44px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
  border:0px;
}
.cart_totals{width: 100%!important;border-radius: 24px;
  padding: 32px;background: #fff;
  position: sticky;
  top:0;
  margin-bottom: 32px;

}
.woocommerce-cart .cart-collaterals .cart_totals tr td{
  text-align: right!important;
  font-family: "Helvetica", sans-serif!important;
  font-weight: 700!important;
  font-size: 24px!important;
  color: #1f1f1f!important;
}

.woocommerce-cart .cart-collaterals .cart_totals tr th{
  font-family: "Helvetica", sans-serif!important;
  font-weight: 400!important;
  font-size: 24px!important;
  color: rgba(31, 31, 31, 0.8)!important;
  padding: 0px!important;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce table.shop_table{border:0px!important;}
.cart_totals h2{
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #1f1f1f;
}
#place_order,
.checkout-button {
  font-family: "Helvetica", sans-serif!important;
  font-weight: 400!important;
  font-size: 16px!important;
  line-height: 162%!important;
  color: #fff!important;
  border-radius: 80px!important;
  padding: 12px 80px!important;
  width:100%!important;
  background: var(--color-primary-primary-100)!important;
}
.checkout.woocommerce-checkout{display: flex;flex-wrap: wrap;align-items: flex-start;align-content: flex-start;}
.form-row.place-order{
  display: none;
}
#checkout-left{width: 66%;}
#checkout-right{width: 32%;margin-left: auto;}
#customer_details,
#order_payment{
  width: 100%!important;
  margin-bottom: 4%;
}

#order_review{
  margin-left: auto!important;
  width: 100%!important;
}
#checkout-right{
  position: sticky;
  top:0px;margin-bottom: 2.5%;
}
#checkout-right,
#customer_details,
#order_payment{
  border-radius: 24px;
  padding: 32px;
  background: #fff;
}
.woocommerce-checkout #payment{
  border-radius: 16px;
  padding: 18px 24px;
  background: #f5f5f5;
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #1f1f1f;
}
.woocommerce-checkout #payment ul.payment_methods{
  background: transparent!important;
  border:0px;
}
.woocommerce-checkout #payment ul.payment_methods label{
  margin: 0px;
}
.payment_box.payment_method_cod{
  display: none!important;
}
.woocommerce-checkout #payment ul.payment_methods{
  padding: 0px!important;
}
.order-title{
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #1f1f1f;
  margin-bottom: 24px;
}
#customer_details .control-label{
  display: none;
}
.woocommerce-billing-fields__field-wrapper{
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
}
.woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper{
  width: 100%;
}
.woocommerce-billing-fields__field-wrapper input{
  border-radius: 8px;
  padding: 16px;
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #1f1f1f;
  background: #f5f5f5!important;
  height: auto;
  border:0px!important;
  outline: none!important;
  box-shadow: none!important;
}

.woocommerce-billing-fields__field-wrapper p{
  width: 48%!important;
  padding: 0px!important;
  margin: 1%!important;
}
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td{border: 0px;padding: 6px 0px;}
.woocommerce table.shop_table tfoot th{
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: rgba(31, 31, 31, 0.8);
}
.woocommerce table.shop_table tfoot td{
   font-family: "Helvetica", sans-serif!important;
   font-weight: 400!important;
   font-size: 24px!important;
   color: #1f1f1f!important;
  text-align: right;
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout{width: 100%;}
.woocommerce-error::before {
  color:var(--color-primary-primary-100);
}
.woocommerce-error{border-color: var(--color-primary-primary-100);}

.woocommerce-order .woocommerce-customer-details,
.woocommerce-order .woocommerce-order-details{
  display: none;
}
.woocommerce-notice--success{
  text-align: center;
  color:var(--color-primary-primary-100);
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 28px;
  margin-bottom: 55px;
}
.woocommerce-thankyou-order-details{
  padding: 0px;
  text-align: center;
  width: auto;
  display: flex;
  justify-content: center;
}

.about-section{margin-bottom: 64px;}
.about-section .s-title{
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 32px;
  color: rgba(31, 31, 31, 0.6);
  margin-bottom: 12px;
}
.about-section .s-desc{
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: rgba(31, 31, 31, 0.8);
}
.about-section{
  display: flex;
}
.about-section>div{
  width: 50%;
}
.about-section.first-section .s-right{
  padding-left: 24px;
}
.about-section.second-section .s-left{
  padding-right: 24px;
}
.contact-form{
  border-radius: 24px;
  padding: 40px;
  width: 100%;
  background: #fff;
}
.cf-text{
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  text-align: center;
  color: #1f1f1f;
  margin-bottom: 42px;
}
.cf-title{
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 48px;
  color: #1f1f1f;
  text-align: center;
  margin-bottom: 12px;
}
.contact-form form{
  padding: 0px 333px;
}
.cf-row{
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;

}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{width: 100%!important;}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{background: #fff;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.cf-row textarea,
.cf-row input[type='text']{
  width: calc(100% / 3 - 24px);
  border-radius: 8px;
  padding: 16px;
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #1f1f1f;
  background: #f5f5f5!important;
  height: auto;
  border:0px!important;
  outline: none!important;
  box-shadow: none!important;
}
.cf-row textarea{width: 100%;resize: none;height: 120px;}

.cf-row  input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-content: center;
  justify-content: center;
  border: 1px solid var(--color-primary-primary-100);
  border-radius: 6px;
  width: 20px;
  height: 20px;background: #fff;
  margin-right: 12px;
}
.cf-row input[type="checkbox"]::before {
  content: "";
  width: 20px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6654 1.5L4.2487 7.91667L1.33203 5' stroke='%239747FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  transform: scale(0);
  background-position: center;
  background-repeat: no-repeat;

}
.cf-row input[type="checkbox"]:checked::before {
  transform: scale(1);
}
.cf-row label{
  width: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  margin: 42px 0px;
}
.form-submit{
  text-align: center;
  width: 100%;justify-content: center;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{width: 400px;margin: 0px auto 64px!important;}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{display: flex;align-items: center;align-content: center;}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme input{width: auto!important;margin-right: 5px;}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.form-submit input{
  border-radius: 80px;
  background: var(--color-primary-primary-100);
  padding: 12px 80px;
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 162%;
  color: #fff;
  display: inline-block;
  text-align: center;
  border:0px;
}
.alertify-notifier .ajs-message.ajs-success {
  background: var(--color-primary-primary-100);
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 162%;
  color: #fff;
}
.blog-main{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}
.blog-main article .media-body {
  width: 100%;
  flex: 0 0 100%;

}
.blog-main article .media-body p{
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #1f1f1f;
}
.blog-item-tags{margin-top: 18px;display: flex}
.blog-item-tags span{
  border-radius: 16px;
  padding: 2px 10px;
  background: #dedede;
  display: flex;
  margin-right: 8px;font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  text-align: center;
}
.blog-item-tags span:first-child{

  color: var(--color-primary-primary-100);
}
.blog-item-tags span:last-child{

  color: #3538cd;
}
.blog-main article .media-body h5{margin-bottom: 8px;}
.blog-main article .media-body h5 a{
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 133%;
  color: #1f1f1f;
}
.blog-main article .media{
  display: flex;
  flex-wrap: wrap;
}
.blog-main article{
  width: calc((100% - 64px) / 3) ;
  margin-bottom: 48px;
}
.blog-item-date{
  width: 100%;
  margin-top: 24px;
  margin-bottom: 18px;
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 143%;
  color: #1f1f1f;
}
.current-blog-date .blog-item-date{
  margin: 0px;
}
.current-blog-date{
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
  margin-bottom: 66px;
}
.current-blog-image{margin-bottom: 64px;}
.current-blog h1{
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 32px;
  color: #1f1f1f;
}
.current-blog p{
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #1f1f1f;
  margin-bottom: 32px;
}
.contacts-info{
  padding: 0px;display: flex;
  list-style: none;
  margin: 64px 0px;
  width: 100%;
  justify-content: space-between;
}
.contacts-info li .c-title{
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #1f1f1f;
  margin-bottom: 16px;
}
.contacts-info .c-info{
  display: flex;
  align-content: center;
  align-items: center;
}
.contacts-info li{
  width: calc((100% - 72px) / 4);
  border-radius: 24px;
  padding: 24px 32px;
  background: #fff;
}
.contacts-info li a{
  margin-left: 16px;
  display: flex;
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  color: #3538cd;
}
.contacts-info li:last-child a{
  margin-left: 0px;
  margin-right: 26px;
}

.portfolio-page-title{
  font-family: "OPTITrimRoman", sans-serif;
  font-weight: 500;
  font-size: 64px;
  line-height: 100%;
  text-transform: uppercase;
  color: #bdbdf2;
  margin-bottom: 32px;
  text-align: center;
}
.portfolio-image{width: 100%;margin-bottom: 24px;}
.portfolio-half{display: flex;justify-content: space-between;}
.portfolio-half img{width: calc(50% - 12px );}

.woocommerce-MyAccount-navigation ul {list-style: none;padding: 0px;}
.woocommerce-MyAccount-navigation ul a{font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #1f1f1f;}
.woocommerce-account h2{display: none;}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{margin: 0px;margin-bottom: 64px;}
.woocommerce form .form-row label{width: 100%;}
.woocommerce form .form-row input{width: 100%;}
.woocommerce form .password-input, .woocommerce-page form .password-input{width: 100%;}
/*

.swiper-index-portfolio .swiper-slide-active,
.swiper-index-portfolio .swiper-slide-next{
  width: calc((100vw / 2) - 120px)!important;
}
*/
.navigation-mobile,
.menu-mobile{display: none;}

@media (min-width: 1260px) and (max-width: 1680px ){
  .header-menu{margin-left: auto}
}
@media (max-width: 1479px ){
  .container{
    width: 100%!important;
    max-width: 100%!important;
    padding: 0px 30px!important;
  }
  #primary{padding: 0px!important;}
}
@media (max-width: 1260px ){
  .section-index-slider img{width: 100%;}
}
@media (max-width: 1260px ){
  .menu-mobile{display: flex;margin-left: 40px;}


  .navigation-mobile.open {
    right: 0px;    position: absolute!important;
  }

  .navigation-mobile-close{
    position: absolute;
    top: 43px;
    right: 17px;
    z-index: 17;
    cursor: pointer;
  }
  .navigation-mobile .header-menu{margin:0px;}
  .navigation-mobile {

    display: block;
    transition: all 0.3s ease-in;
    flex-wrap: wrap;
    padding-top: 112px;
    width: 100%;
    height: 100vh;
    display: flex;
    position: fixed;
    right: -100%;
    top: 0px;
    background: #fff;
    z-index: 16;
  }
  .navigation-mobile ul{
    display: flex;
    flex-wrap: wrap;
    padding-left: 16px;
  }
  .navigation-mobile ul li{
   margin-bottom: 32px;
    width: 100%;
  }
  .navigation-mobile ul li a{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    color: var(--color-black-black-100);
  }
  .header-menu.pc-menu{display: none;}
  .container{
    width: 100%!important;
    max-width: 100%!important;
  }

/*  .swiper-index-products {
    padding-left: 110px;
    padding-right: 110px;
  }*/

}
@media (min-width: 1060px) and (max-width: 1260px ){

}
@media (min-width: 300px) and (max-width: 1060px ){

}
#secondary p{display: none;}























.projects-section{
  margin-top:48px;
  display: flex;
  justify-content: space-between;
}
.projects-section-left{
  width: 855px;
  flex: 0 0 855px;
  display: flex;
  flex-wrap: wrap;
}
.projects-section-item-1{
  overflow: hidden;
  position: relative;
  border-radius: 24px;
  width: 100%;
  height: 480px;
  margin-bottom: 20px;
}
.projects-section-item-1:before{
  content: "";
  position: absolute;
  left:0px;
  top:0px;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 2;
}
.projects-section-item-info{
  position: absolute;
  left:40px;
  right:40px;
  bottom: 40px;
  z-index: 4;
}
.projects-section-item-title{
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 32px;
  line-height: 90%;
  color: var(--color-white-white-100);
}
.projects-section-item-desc{
  margin-top: 12px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: var(--color-white-white-100);
}
.projects-section-item-1 a{
  position: absolute;
  left:0px;
  top:0px;
  width: 100%;
  height: 100%;z-index: 5;
}
.projects-section-item-1 img {
  width: auto;
  height: 100%;
  object-fit: cover;
  position: absolute;
  min-width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.projects-section-right .projects-section-item-1{height: 100%;width: 100%;}
.projects-section-right{margin-left:20px;height: 980px; width: calc(100% - 20px);}



.section-index-reviews{margin-top: 100px;margin-bottom: 100px;}
.reviews-section{
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
.reviews-section .reviews-item{
  width: calc((100% - 40px) / 3 );
}
.reviews-section .reviews-item-info-info{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: var(--color-black-black-60);
}
.reviews-section .reviews-item-info-info b{
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  display: flex;
  width: 100%;
  color: var(--color-black-black-100);
}
.reviews-section .reviews-item-avatar{
  border-radius: 60px;
  width: 56px;
  height: 56px;
  overflow: hidden;
  margin-right: 12px;
}
.reviews-section .reviews-item-info{
  display: flex;
  align-content: center;
  align-items: center;
}

.reviews-section .reviews-item-text{
  background: var(--color---light-blue);
  border-radius: 24px 24px 24px 0;
  padding: 24px;
  width: 100%;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: var(--color-black-black-60);
  margin-bottom: 12px;
}
.footer-form{
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='1480' height='319' viewBox='0 0 1480 319' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9_4597)'%3E%3Crect width='1480' height='319' rx='24' fill='%230087E1'/%3E%3Ccircle r='175' stroke='white' stroke-opacity='0.2' stroke-width='10'/%3E%3Ccircle cx='1480' cy='319' r='175' stroke='white' stroke-opacity='0.6' stroke-width='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9_4597'%3E%3Crect width='1480' height='319' rx='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  border-radius: 24px;
  padding: 60px 0px;
  text-align: center;overflow: hidden;
  margin-bottom: 40px;
}
.footer-form .footer-form-title{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 48px;
  line-height: 90%;
  text-align: center;
  color: var(--color-white-white-100);
  margin-bottom: 45px;
}
.footer-form form{
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
}
.footer-form form input{
  background: transparent;
  border: 1px solid var(--color-white-white-100);
  border-radius: 12px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
  color: var(--color-white-white-100);
  padding: 21.5px 20px;
}
.footer-form form button{
  background: var(--color-black-black-100);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
  text-align: center;
  color: var(--color-white-white-100);
  border-radius: 12px;
  padding: 21.5px 20px;
  border:1px solid var(--color-black-black-100);
}

.footer-form form input,
.footer-form form button{
  height: 60px;
  box-sizing: border-box;
  width: calc((100% - 580px) / 3);
  margin: 0px 12px;
  outline: none;
}
.footer-form form button:hover{
  opacity: 0.8;
}
.footer-middle{
  width: 100%;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
}
.footer-info{
  text-align: right;
}
.footer-info a{
  margin-bottom: 15px;
width: 100%;
  display: flex;
  text-align: right;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  text-align: right;
  justify-items: flex-end;
  justify-content: flex-end;
  color: var(--color-black-black-60);
}
.footer-info a:last-child{margin-bottom: 0px;}
.footer-credits{
  margin-top: 40px;
  width: 100%;
  border-top: 1px solid var(--color-black-black-20);
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  text-align: center;
  color: var(--color-black-black-60);
}


.breadcrumbs{
  width: 100%;
  margin-top: 40px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: var(--color-black-black-40);
  display: flex;
  margin-bottom: 80px;
}
.breadcrumbs a{
  margin-right: 40px;
  position: relative;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: var(--color-black-black-100);
}
.breadcrumbs a:before{
  content:"/";
  position: absolute;
  right:-23px;
  top:0px;  color: var(--color-black-black-40);
}
.page-title{
  text-align: left;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 48px;
  line-height: 90%;
  color: var(--color-black-black-100);
  margin-bottom: 48px;
  width: 100%;
  display: flex;
  align-content: center;
  align-items: center;
}
.page-title form{margin-left: auto;display: flex;position: relative;}
.page-title form:before{
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.75833L10.8838 11.8745C10.3977 12.3606 9.60227 12.3606 9.11616 11.8745L5 7.75833' stroke='%230C0C0C' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  position: absolute;
  background-position: right 10px center;
  background-repeat: no-repeat;
  top:14px;
  right:2px;
  width: 30px;
  height: 20px;
  background-color: #fff;
}
.page-title div{padding-left: 15px;}
.page-title select{margin-left: auto;background: transparent;border: 1px solid var(--color-black-black-100);
  border-radius: 8px;
  padding: 12px 20px;
  width: 264px;
  height: 48px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: var(--color-black-black-100);
  margin-left: auto;
}
.services-list .service-item h2{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 90%;
  color: var(--color-black-black-100);
  margin-bottom: 12px;
}
.services-list .service-item p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: var(--color-black-black-100);
}
.services-list .service-item{
  width: calc(50% - 10px);
  background: var(--color---light-blue);
  border-radius: 24px;
  padding: 40px;
  margin-bottom: 20px;

  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.91016 19.9201L15.4302 13.4001C16.2002 12.6301 16.2002 11.3701 15.4302 10.6001L8.91016 4.08008' stroke='%230C0C0C' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-position: right 40px bottom 40px;
  background-repeat: no-repeat;
}
.services-list{
  margin-bottom: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/*.section-index-products p{
  margin-top: 28px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 28px;
  line-height: 120%;
  color: var(--color-black-black-100);
  margin-bottom: 0px;
}*/
.form-services{
  margin: 100px 0px;
}
.special-section{display: flex;justify-content: space-between;margin-top: 48px;margin-bottom: 108px;}
.special-section .special-section-item{width: calc(50% - 10px);}
.special-section .special-section-item img{max-width: 100%;width: auto }

.current-services-image{
  position: relative;
  height: 517px;
  overflow: hidden;
  border-radius: 32px;
  margin-bottom: 80px;

}
.current-services-image:before{
  content: "";
  position: absolute;
  left:0px;
  top:0px;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 2;
}
.current-services-image img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.current-services-image span{
  max-width: 780px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 80px;
  line-height: 90%;
  text-align: center;
  color: var(--color-white-white-100);z-index: 3;
}
.services-page p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 28px;
  line-height: 120%;
  color: var(--color-black-black-100);
  margin-bottom: 32px;
}
.services-page p img{margin-right: 32px;margin-top: 16px;margin-bottom: 16px;}
.services-page p img:last-child{margin-right: 0px;}
.services-page h2{
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 48px;
  line-height: 90%;
  color: var(--color-black-black-100);
  margin-bottom: 40px;
}


.projects-archive{width: 100%;}
.m-bottom-210{margin-bottom: 210px;}
.m-bottom-100{margin-bottom: 100px;}



.projects-list{
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.project-item{
  width: calc( ( 100% - 60px ) / 3);
  overflow: hidden;
  margin: 10px 10px 60px 10px;
}

.project-thumbnail img{

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  height:400px;
}
.project-thumbnail{
  margin-bottom: 24px;
  border-radius: 24px;
  width: 480px;
  height: 400px;
  overflow: hidden;
  position: relative;
}

.project-item h2{
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  color: var(--color-black-black-100);
  margin-bottom: 12px;
}

.project-item p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: var(--color-black-black-100);
  margin-bottom: 24px;
}

.project-items-list{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: var(--color-black-black-60);
}
.project-items-list-row{
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.project-gallery{margin-bottom: 80px;}
.project-gallery .project-gallery-image-item{
  border-radius: 24px;
  width: 480px;
  height: 400px;
  margin: 10px;
  position: relative;
  overflow: hidden;
}

.project-gallery .project-gallery-image-item img{

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  height:400px;
}
.project-gallery{
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;margin-right: -10px;
}
.news-archive h1 select{
  width: auto;
}


.news-archive .project-item p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: var(--color-black-black-60);
}
.news-archive .project-thumbnail{margin-bottom: 32px;}
.news-date{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--color-black-black-60);
  margin-bottom: 16px;
}
.news-more-info b{
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: var(--color-primary-primary-100);
}
.news-more-info{display: flex;}
.news-more-info span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--color-black-black-60);
  position: relative;

  padding-left: 30px;
}
.news-more-info span:before{
  content: "";
  border-radius: 10px;
  width: 6px;
  height: 6px;
  background: var(--color-black-black-60);
  position: absolute;
  left:15px;
  top:50%;
  margin-top: -2px;
}
.project-item.full-row{width: 100%;position: relative;}
.project-item.full-row .post-all-info{width: 100%;position: relative;}
.project-item.full-row a{display: flex;}
.project-item.full-row .project-thumbnail{flex:  0 0 480px;width: 480px;margin-right: 32px;height: 390px;margin-bottom: 0px;}
.project-item.full-row .news-more-info{position: absolute;left:0px;bottom:0px;}
.reverse-row{
  flex-direction: row-reverse;
}
.page404-inner{display: flex;align-items: center;align-content: center;width: 100%;justify-content: center;justify-items: center;margin-bottom: 153px;}
.page404-right{margin-left: 145px;}
.page404-row1{
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 80px;
  line-height: 90%;
  color: var(--color-black-black-100);
}

.page404-row2{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 28px;
  line-height: 120%;
  color: var(--color-black-black-60);
  margin: 24px 0px 56px;
}
.page404-row3 a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 28px;
  line-height: 120%;
  color: var(--color-black-black-60);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
  text-align: center;
  color: var(--color-white-white-100);
  padding: 20px 63px;
 display: inline-block;border-radius: 12px;

  background: var(--color-primary-primary-100);
}
.popup-form-2 button{
  border-radius: 12px;
  padding: 19.5px 64px;
  background: var(--color-primary-primary-100);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
  text-align: center;
  color: var(--color-white-white-100);
  width: 100%;border:0px;
}
.popup-form-2 button:hover{
  opacity: 0.7;
}
.popup-form-2{
  display: none;
  border-radius: 32px;
  padding: 40px;
  max-width: 430px;
  height: 281px;
  background: var(--color-white-white-100);

  position: fixed;
  border-radius: 32px;
  padding: 40px;
  width: 640px;
  min-height: 100px;
  z-index: 5;
  left: 50%;
  transform: translate(-50%, -50%);
  top:50%;
}

.popup-overlay{
  background: var(--color-black-black-20);
  position: fixed;
  left:0px;
  top:0px;
  width: 100%;
  height: 100%;
  z-index: 3; display: none;
}

.popup-form-1{ display: none;
  background: var(--color-white-white-100);
  position: absolute;
  border-radius: 32px;
  padding: 40px;
  width: 640px;
  min-height: 100px;
  z-index: 5;
  left: 50%;
  transform: translate(-50%, 0);
  top:50px;
}
.popup-title-3{
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  text-align: center;
  color: var(--color-black-black-10);
}
.popup-title-4{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  text-align: center;
  color: var(--color-black-black-100);
  margin: 8px 0px 37px;
}
.popup-title-1 i {margin-left: auto;display: flex;}
.popup-title-1{
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  color: var(--color-black-black-100);
  display: flex;
  align-content: center;
  align-items: center;

}
.popup-title-2{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: var(--color-black-black-100);
  margin: 8px 0px 37px;
}
.popup i{cursor: pointer;}
.popup-form-1 select,
.popup-form-1 textarea,
.popup-form-1 input{
  background: transparent;
  border: 1px solid var(--color-black-black-100);
  border-radius: 12px;
  padding: 19.5px 20px;
  width: 560px;
  height: 64px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
  color: var(--color-black-black-40);
  padding: 23.5 20px;
  margin-bottom: 17px;
  outline: none!important;
}
.popup-form-1 textarea{height: 155px;resize: none;}
.upload-files{display: flex;align-items: center;align-content: center;border-radius: 12px;
  padding: 22px 20px;background: var(--color---light-blue);margin-bottom: 17px;
 }
.uf-left{display: flex;align-items: center;align-content: center;}

.uf-left-text{
  margin-left: 12px;
}
.uf-right{margin-left: auto;}
.uf-right button{
  border: 2px solid var(--color-primary-primary-100);
  border-radius: 12px;
  padding: 17px 64px;
  width: 160px;
  height: 48px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
  text-align: center;
  color: var(--color-primary-primary-100);
  padding: 15.5px 53px;
  background: transparent;
}
.popup-form-1 button[type='submit']{
  border-radius: 12px;
  padding: 19.5px 64px;
  background: var(--color-primary-primary-100);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
  text-align: center;
  color: var(--color-white-white-100);
  width: 100%;border:0px;
}
.popup-form-1 button:hover{opacity: 0.7;}

.for-mobile{
  display: none;
}

.footer-form form input::-webkit-input-placeholder {

  opacity: 1;
}

.footer-form form input::-webkit-input-placeholder { /* Chrome */
  color: #fff;
}
.section-index-description{margin-bottom: 44px;margin-top:-40px;}
.section-index-description .title-section{font-size:34px;}
.section-index-description .title-section-sub{font-size:22px;}


.section-index-products .title-section{font-size:34px;}
.section-index-products .title-section-sub{font-size:22px;}

@media (max-width: 1199px ){
  .section-index-description{margin-bottom: 16px;}
  .for-mobile{
    display: block;
  }
  .site-header{
    padding: 12px 0px;
  }
  .header-logo img{
    width: 60px;
  }
  .header-user-panel a{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 13px;
    line-height: 100%;
    text-align: center;
    color: var(--color-primary-primary-100);
    border: 2px solid var(--color-primary-primary-100);
    border-radius: 8px;
    padding: 7px 20px;
  }
  .burger-mobile{display: flex;margin-left: 8px;cursor: pointer;}
  .burger-mobile .open-burger{display: none;}
  .open-menu  .open-burger{display: flex;}
  .open-menu .default-burger{display: none;}
  .header-user-panel{display: flex;}
  .open-menu .site-header{z-index: 17;position: relative;}
  .open-menu .header-user-panel{display: none}
  .open-menu .burger-mobile{margin-left: auto;}

  .section-index-slider{margin-top: 12px;padding:16px 17px;padding-bottom: 0px;margin-bottom: 32px;}
  .section-index-slider-row1{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    color: var(--color-white-white-100);
    margin-top: 56px;
  }
  .section-index-slider-row2{
    margin-top: 16px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 36px;
    line-height: 90%;
    text-align: center;
    color: var(--color-white-white-100);
  }
  .section-index-slider-row3{
    margin-top: 12px;font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 90%;
    text-align: center;
    color: var(--color-white-white-100);
    margin-bottom: 40px;
  }
  .section-index-slider-row4{margin-bottom: 16px;flex-wrap: wrap;flex-direction: column-reverse;display: flex}
  .section-index-slider-row4 a{
    margin: 0px;
    margin-bottom: 16px;
    display: flex;
    width: 100%;justify-items: center;justify-content: center;
  }

  .title-section{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    color: var(--color-black-black-100);
    margin-bottom: 4px;
  }
  .title-section-sub{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: var(--color-black-black-60);
    margin-bottom: 16px;
  }
  .projects-section{margin-top: 0px;flex-wrap: wrap;}
  .projects-section-right,
  .projects-section-left{width: 100%;flex: 0 0 100%;margin: 0px;}
  .projects-section-item-info{bottom:16px;left:16px;right:16px; }
  .projects-section-item-title{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 90%;
    color: var(--color-white-white-100);
    margin-bottom: 6px;
  }
  .projects-section-item-desc{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: var(--color-white-white-100);
  }
  .projects-section-right,
  .projects-section-item-1{height: 220px}
  .section-index-reviews{margin-top: 32px;width: 100%;margin-bottom: 32px;}
  .reviews-section{overflow: auto;margin-right: -15px;}
  .reviews-section .reviews-item{width: 320px;margin-right: 12px;flex:0 0 320px;}
  .reviews-section .reviews-item-text{
    padding: 24px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: var(--color-black-black-60);
  }
  .reviews-section .reviews-item-info-info b{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 120%;
    color: var(--color-black-black-100);
  }
  .reviews-section .reviews-item-info-info{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: var(--color-black-black-60);
  }
  .site-footer{
    padding: 16px 0px;
    padding-bottom: 0px;
  }
  .footer-form{
    padding: 32px 24px;
    background-size: cover;
    margin-bottom: 32px;
  }
  .footer-form .footer-form-title{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 90%;
    text-align: center;
    color: var(--color-white-white-100);
    margin-bottom: 20px;
  }
  .footer-form form{flex-wrap: wrap;}
  .footer-form form input, .footer-form form button{width: 100%;margin-bottom: 12px;}





  .footer-form form button{margin-bottom: 0px;}
  .footer-middle{flex-wrap: wrap;}
  .footer-logo{width: 100%;margin-bottom: 12px;}
  .footer-info{width: 100%;}
  .footer-menu{width: 100%;}
  .footer-menu ul li{width: 100%;margin-bottom: 15px;text-align: center;}
  .footer-info a,
  .footer-info,
  .footer-menu ul li a{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    text-align: right;
    color: var(--color-black-black-60);
  }
  .footer-info{margin: 20px 0px 40px;}
  .footer-info a{justify-content: center!important;}
  .footer-credits{margin-top: 0px;padding-bottom: 34px;font-family: var(--font-family);
    padding-top: 34px;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    text-align: center;
    color: var(--color-black-black-60);}
  body{overflow-x: hidden}
  body:after{content: none;}
  body:before{content: none;}


  .breadcrumbs{
    margin-top: 16px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: var(--color-black-black-40);
    align-content: center;
    align-items: center;
    margin-bottom: 24px;
  }
  .breadcrumbs a:before{
    content: none;
  }
  .breadcrumbs a:nth-child(2){
    display: none;
  }
  .breadcrumbs a{
    margin-right: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='16' fill='%23F5F5F5'/%3E%3Cpath d='M17.8068 12.4733C17.7451 12.4115 17.6718 12.3625 17.5912 12.3291C17.5105 12.2956 17.4241 12.2784 17.3368 12.2784C17.2495 12.2784 17.163 12.2956 17.0824 12.3291C17.0017 12.3625 16.9285 12.4115 16.8668 12.4733L13.8068 15.5333C13.745 15.595 13.6959 15.6683 13.6625 15.7489C13.629 15.8296 13.6118 15.916 13.6118 16.0033C13.6118 16.0907 13.629 16.1771 13.6625 16.2578C13.6959 16.3384 13.745 16.4117 13.8068 16.4733L16.8668 19.5333C16.9285 19.5951 17.0018 19.644 17.0824 19.6774C17.1631 19.7108 17.2495 19.728 17.3368 19.728C17.4241 19.728 17.5105 19.7108 17.5911 19.6774C17.6718 19.644 17.7451 19.5951 17.8068 19.5333C17.8685 19.4716 17.9175 19.3983 17.9509 19.3177C17.9843 19.2371 18.0015 19.1506 18.0015 19.0633C18.0015 18.9761 17.9843 18.8896 17.9509 18.809C17.9175 18.7283 17.8685 18.6551 17.8068 18.5933L15.2201 16L17.8068 13.4133C18.0668 13.1533 18.0601 12.7267 17.8068 12.4733Z' fill='black'/%3E%3C/svg%3E%0A");
    width: 32px;
    height: 32px;
    font-size: 0px!important;
  }

  .page-title{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    color: var(--color-black-black-100);
    margin-bottom: 16px;
  }
  .services-list .service-item{width: 100%;padding: 20px;background-position: right 20px bottom 20px;margin-bottom: 12px;padding-right:48px;}
  .services-list .service-item h2{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 90%;
    color: var(--color-black-black-100);
    margin-bottom: 12px;
  }
  .services-list .service-item p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: var(--color-black-black-100);
    margin-bottom: 0px;
  }
  .services-list{margin-bottom: 28px;}
/*  .section-index-products p{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 120%;
    color: var(--color-black-black-100);
  }*/
  .form-services{margin-top: 40px;}
  .special-section{flex-wrap: wrap;margin-top: 16px;}
  .special-section .special-section-item{width: 100%;margin-bottom: 16px;}
  .special-section{margin-bottom: 24px;}

  .current-services-image{height: 240px;margin-bottom: 32px;}
  .current-services-image img{height: 240px;object-fit: cover;}
  .current-services-image span{font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: var(--color-white-white-100);}
  .services-page p{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 120%;
    color: var(--color-black-black-100);
    margin-bottom: 16px;
  }
  .page-title{flex-wrap: wrap;}
  .page-title form{clear: left;margin-left: 0px;margin-top: 16px;}
  .page-title div{margin-left:auto;}
  .project-item{width: 100%;margin: 0px;margin-bottom:40px;}
  .project-thumbnail{width: 100%;height: 240px;margin-bottom: 16px;}
  .project-item h2{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: var(--color-black-black-100);
    margin-bottom: 4px;
  }
  .project-item p{margin-bottom: 16px;font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: var(--color-black-black-100);}
  .project-items-list{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: var(--color-black-black-60);
  }
  .project-gallery .project-gallery-image-item{width: 100%;height: 240px;}
  .services-page h2{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    color: var(--color-black-black-100);
    margin-bottom: 16px;
  }
  .project-gallery{margin-bottom: 32px;}
  .page-title div{width: 100%;display: flex;}
  .project-item{width: 100%!important;margin: 0px;margin-bottom: 32px;}
  .project-item .project-thumbnail{width: 100%!important;flex:0 0 100%!important;margin: 0px!important;margin-bottom: 16px!important;padding-top: 67%;height: auto!important;}
  .project-thumbnail img{height: 100%;width: auto;}
  .project-item.full-row a{flex-wrap: wrap;}
  .news-more-info{margin-top: 16px;position: static!important;}
  .page404-inner{flex-wrap: wrap;}
  .page404-right,
  .page404-left{width: 100%;margin: 20px 0px;}
  .page404-left img{width: 100%;}
  .page404-right{
    text-align: center;
    justify-content: center;
    justify-items: center;
  }
  .page404-row1{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: var(--color-black-black-100);
    margin-bottom: 4px;
  }
  .page404-row2{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 120%;
    text-align: center;
    color: var(--color-black-black-60);
    margin-bottom: 24px;
  }
  .page404-row3 a{width: 100%;}
  .popup-form-1{width: 100%;padding: 16px 24px;}
  .popup-title-1{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 28px;
    line-height: 120%;
    color: var(--color-black-black-100);
    margin-bottom: 4px;
  }
  .popup-title-2 br{display: none;}
  .popup-title-2{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: var(--color-black-black-100);
    margin-bottom: 12px;
  }
  .popup-form-1 select, .popup-form-1 textarea, .popup-form-1 input{width: 100%;padding: 17px 20px;font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: var(--color-black-black-40);}
  .popup-form-1 textarea{height: 86px;}
  .upload-files{flex-wrap: wrap;}
  .uf-right{width: 100%;margin-top:10px; }
  .uf-right button{width: 100%;}
  .popup-form-2{width: 100%;padding: 16px 24px;}
  body.home::before{content: none;}

  .popup-form-1,
  .popup-form-2{width: 97%;}
  .section-index-description{margin-top:0px;}
}


.animate__animated {
  --animate-duration: 1.5s;
}

.delay-1 {
  animation-delay: .25s;
}
.delay-2 {
  animation-delay: .5s;
}
.delay-3 {
  animation-delay: .75s;
}
.delay-4 {
  animation-delay: 1s;
}