@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.woff2') format('woff2');       
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]::before, [class*=" icon-"]::before,
[class^="icon-"]::after, [class*=" icon-"]::after {
  font-family: "fontello"; 
  font-size: 50px; 
  font-style: normal; 
  font-weight: normal; 
  font-variant: normal; 
  display: inline-block;
  width: 1em; 
  text-align: center; 
  text-transform: none; 
  line-height: 1em; 
  position: relative; 
}
.icon-logo-spetzpozh:before {content: '\e800'; font-size: 75px; width: auto;}
.icon-element-360:before {content: '\e801'; font-size: 60px; color: #000;}
.icon-element-arrow:before {content: '\e802'; }
.icon-element-checked:before {content: '\e803'; font-size: 20px;}
.icon-element-compare:before {content: '\e804'; font-size: 24px; margin-right: 8px;}
.icon-element-cross:before {content: '\e805'; font-size: 16px;}
.icon-element-download:before {content: '\e806'; font-size: 18px; margin-right: 8px;}
.icon-element-filter:before {content: '\e807'; font-size: 15px; margin-right: 8px;}
.icon-element-hexagon:before {content: '\e808'; color: #12948b; font-size: 60px; position: absolute; left: 0; top: 0;}
.icon-element-mail:before {content: '\e809'; font-size: 15px; margin-right: 8px;}
.icon-element-printer:before {content: '\e80a'; font-size: 20px; margin-right: 8px;}
.icon-element-search:before {content: '\e80b'; font-size: 26px; margin-right: 5px; transform: rotate(90deg);}
.icon-element-share:before {content: '\e80c'; font-size: 24px; margin-right: 8px;}
.icon-element-shevron:before {content: '\e80d'; font-size: 12px; position: absolute; top: 9px; right: 4px; transition-duration: 0.8s;}
.icon-product-1:before {content: '\e80e'; font-size: 54px;}
.icon-product-2:before {content: '\e80f'; font-size: 54px;}
.icon-product-3:before {content: '\e810'; font-size: 54px;}
.icon-product-4:before {content: '\e811'; font-size: 54px;}
.icon-product-5:before {content: '\e812'; font-size: 54px;}
.icon-product-6:before {content: '\e813'; font-size: 54px;}
.icon-product-7:before {content: '\e814'; font-size: 54px;}
.icon-product-8:before {content: '\e815'; font-size: 54px;}
.icon-product-9:before {content: '\e816'; font-size: 54px;}
.icon-product-10:before {content: '\e817'; font-size: 54px;}
.icon-product-11:before {content: '\e818'; font-size: 54px;}
.icon-product-12:before {content: '\e819'; font-size: 54px;}
.icon-product-13:before {content: '\e81a'; font-size: 54px;}
.icon-project-1:before {content: '\e81b'; font-size: 54px;}
.icon-project-2:before {content: '\e81c'; font-size: 54px;}
.icon-project-3:before {content: '\e81d'; font-size: 54px;}
.icon-project-4:before {content: '\e81e'; font-size: 54px;}
.icon-project-5:before {content: '\e81f'; font-size: 54px;}
.icon-project-6:before {content: '\e820'; font-size: 54px;}
.icon-product-14:before {content: '\e825'; font-size: 54px;}

.animation360.icon-element-360:before {
  position: absolute; 
  top: 0; 
  right: 0; 
  opacity: 0.25; 
  z-index: 2;
}
.breadcrumbs .icon-element-arrow:before {
  font-size: 12px;
}
.catalog-item-top-icons [class^="icon-product"]::before,
.catalog-item-top-icons [class*=" icon-product"]::before,
.projects-item-icons [class^="icon-project"]::before,
.projects-item-icons [class*=" icon-project"]::before {
  font-size: 40px;
}
.search-form .icon-element-arrow::before {
  font-size: 30px;
}
.top-scroll-arrow.icon-element-arrow::before {
  font-size: 22px; 
  transform: rotate(-90deg);
}

@media (max-width: 1365.98px) {
	.icon-logo-spetzpozh:before {
    font-size: 58px;
  }
  #mobile-menu .icon-logo-spetzpozh:before {
    color: var(--color-white);
  }
}
@media (max-width: 767.98px) {	
  .catalog-item-top-icons [class^="icon-product"]::before,
  .catalog-item-top-icons [class*=" icon-product"]::before,
  .projects-item-icons [class^="icon-project"]::before,
  .projects-item-icons [class*=" icon-project"]::before {
    font-size: 30px;
  }
  [class^="icon-product"]::before,
  [class*=" icon-product"]::before,
  [class^="icon-project"]::before,
  [class*=" icon-project"]::before {
    font-size: 40px;
  }
}