/* Start:/local/templates/itach.by/libs/swiper/swiper.min.css?171915552219775*/
/**
 * Swiper 4.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 19, 2018
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;/*height:100%;*/position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/* End */


/* Start:/local/templates/itach.by/assets/css/font.css?17424591581127*/
/* main-text-style */
@font-face {
  font-family: "Gilroy Regular";
  src: url("/local/templates/itach.by/assets/css/../font/Gilroy-Regular.ttf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy Medium";
  src: url("/local/templates/itach.by/assets/css/../font/Gilroy-Medium.ttf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy SemiBold";
  src: url("/local/templates/itach.by/assets/css/../font/Gilroy-Semibold.ttf");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy Bold";
  src: url("/local/templates/itach.by/assets/css/../font/Gilroy-Bold.ttf");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy ExtraBold";
  src: url("/local/templates/itach.by/assets/css/../font/Gilroy-ExtraBold.ttf");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Tahoma";
  src: url("/local/templates/itach.by/assets/css/../font/tahoma.ttf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Bebas Neue Regular";
  src: url("/local/templates/itach.by/assets/css/../font/bebasneueregular.ttf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Bebas Neue Bold";
  src: url("/local/templates/itach.by/assets/css/../font/bebasneuebold.ttf");
  font-weight: 700;
  font-style: normal;
}
/* End */


/* Start:/local/templates/itach.by/assets/css/style.css?1756989542122429*/
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none
}

html {
    width: 100%;
    scroll-behavior: smooth
}

body {
    width: 100%;
    margin: 0;
    background-color: #ffffff;
    overflow-x: hidden;
    font-family: "Gilroy Regular";
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #222222
}

ul {
    margin: 0;
    padding: 0
}

ul li {
    margin: 0;
    padding: 0;
    list-style-type: none
}

ol {
    margin: 0;
    padding: 0 0 0 21px
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0
}

a {
    text-decoration: none;
    outline: none;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer
}

p {
    margin: 0
}

img {
    max-width: 100%;
    height: auto;
    display: block
}

h1,
h2,
h3 {
    margin: 0
}

#company-logo {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-animation: logo-scale-animation 4s forwards;
    animation: logo-scale-animation 4s forwards;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    z-index: 1000
}

@-webkit-keyframes logo-scale-animation {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        visibility: hidden
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }

    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
        visibility: hidden
    }
}

@keyframes logo-scale-animation {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        visibility: hidden
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }

    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
        visibility: hidden
    }
}

.text path,
.company-logo-ita path {
    fill: #ff661350;
    -webkit-animation: text-path-animation 1s forwards;
    animation: text-path-animation 1s forwards;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

@-webkit-keyframes text-path-animation {
    to {
        opacity: 0;
        fill: none
    }
}

@keyframes text-path-animation {
    to {
        opacity: 0;
        fill: none
    }
}

.company-logo-ita path {
    -webkit-animation: text-fill-animation 1s forwards;
    animation: text-fill-animation 1s forwards;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.company-logo-ita {
    -webkit-animation: triangle-animation 3s forwards;
    animation: triangle-animation 3s forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    opacity: 0
}

@-webkit-keyframes text-fill-animation {
    to {
        fill: white
    }
}

@keyframes text-fill-animation {
    to {
        fill: white
    }
}

.company-logo-triangle {
    -webkit-animation: triangle-animation 3s forwards;
    animation: triangle-animation 3s forwards;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    opacity: 0
}

@-webkit-keyframes triangle-animation {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    90% {
        fill: #adacac73
    }

    100% {
        fill: #F8F8F8
    }
}

@keyframes triangle-animation {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    90% {
        fill: #adacac73
    }

    100% {
        fill: #F8F8F8
    }
}

.indicator-load {
    height: 36px
}

#load-wrap {
    position: relative;
    width: 60px;
    height: 15px;
    margin: auto
}

.load-el {
    position: absolute;
    top: 0;
    border: 15px solid transparent;
    border-left: 15px solid #D2D2D2;
    -webkit-animation-name: load;
    animation-name: load;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

#load-el-1 {
    left: 0;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s
}

#load-el-2 {
    left: 29px;
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s
}

#load-el-3 {
    left: 58px;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s
}

@-webkit-keyframes load {
    0% {
        border-left: 20px solid #E8473A
    }

    100% {
        border-left: 20px solid #D2D2D2
    }
}

@keyframes load {
    0% {
        border-left: 20px solid #E8473A
    }

    100% {
        border-left: 20px solid #D2D2D2
    }
}

.block-with-triangles-back {
    position: relative;
    min-height: 392px
}

.block-with-triangles-back::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(/local/templates/itach.by/assets/css/../images/animations/triangles.svg) center no-repeat;
    background-size: 98%;
    z-index: -1
}

@media screen and (max-width: 1140px) {
    .block-with-triangles-back::after {
        background-size: 58%
    }

    .block-with-triangles-back {
        min-height: 270px
    }
}

@media screen and (max-width: 820px) {
    .block-with-triangles-back::after {
        background-size: 78%
    }
}

@media screen and (max-width: 500px) {
    .block-with-triangles-back::after {
        background-size: 100%
    }
}

.container {
    width: 100%;
    max-width: 1406px;
    margin: 0 auto;
    padding: 0 20px
}

.page-content:not(.main-page) {
    padding: 100px 0 75px
}

.breadcrumbs {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    text-wrap: nowrap
}

.breadcrumbs li:last-child {
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis
}

.breadcrumb {
    font-family: "Bebas Neue Bold";
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    color: #222222
}

.breadcrumb a {
    color: #222
}

.breadcrumb a:hover {
    color: #E8473A
}

.breadcrumb a:active {
    color: #E8473A
}

.breadcrumb a::after {
    position: relative;
    display: inline-block;
    content: "";
    width: 24px;
    height: 24px
}

.breadcrumb a::after {
    content: "/";
    margin: 0 10px;
    color: #222222
}

.breadcrumb.active {
    color: #E8473A
}

.section {
    padding: 75px 0
}

.section-services{
    overflow: hidden;
}

.main-page .section:nth-child(2) {
    padding-top: 40px
}

.section-block {
    margin-top: 60px
}

.section-block-xs {
    margin-top: 40px
}

.theme-back--dark {
    background-color: #222222
}

.theme-back--colored {
    background-color: #f8f8f8
}

.rel {
    position: relative
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.al-center {
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.jc-sb {
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify
}

.jc-center {
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

.jc-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.w-100 {
    width: 100%
}

.btn {
    border: 1px solid #e3e3e3;
    background-color: #ffffff;
    padding: 17px 32px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: "Gilroy Bold";
    font-size: 15px;
    font-weight: 700;
    line-height: 18.13px;
    text-align: center;
    color: #222222;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    cursor: pointer
}

.btn:hover {
    color: #E8473A;
    border: 1px solid #E8473A
}

.title-wrap {
    margin-bottom: 92px
}

.title-wrap-s {
    margin-bottom: 60px
}

.title {
    font-family: "Bebas Neue Bold";
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
    color: #222222;
    text-transform: uppercase
}

.title::before {
    position: relative;
    content: "/";
    display: inline-block;
    margin-right: 22px;
    width: 11px;
    height: 32px;
    -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg);
    font-family: "Gilroy Bold";
    font-size: 26px;
    line-height: 26px;
    color: #222222;
    top: -1px
}

.title::after {
    position: relative;
    content: "/";
    display: inline-block;
    margin-left: 20px;
    width: 11px;
    height: 32px;
    -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg);
    font-family: "Gilroy Bold";
    font-size: 26px;
    line-height: 26px;
    color: #222222;
    top: -1px
}

.list--styled-dot {
    margin-top: 20px
}

.list--styled-dot li {
    padding-left: 20px;
    position: relative
}

.list--styled-dot li::before {
    position: absolute;
    content: "";
    display: block;
    top: 9px;
    left: 9px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #222222
}

.list--styled-dot li:not(:first-child) {
    margin-top: 20px
}

.text-l {
    font-family: "Gilroy Bold";
    font-size: 40px;
    font-weight: 700;
    line-height: 48.36px
}

.text-styled {
    text-decoration: underline
}

.text-main {
    color: #E8473A
}

.text-pale-xxs {
    font-family: "Tahoma";
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #999
}

.text-bold,
b {
    font-family: "Gilroy Bold";
    font-weight: 700
}

header {
    position: sticky;
    top: 0;
    z-index: 10;
    width: 100%;
    -webkit-box-shadow: 0px 3px 10px 0px #0000000d;
    box-shadow: 0px 3px 10px 0px #0000000d;
    background-color: #ffffff
}

.header-top {
    padding: 20px 0;
    background-color: #f8f8f8
}

header .contact-item {
    padding: 7px 0;
    /* margin-right: 50px; */
    display: flex;
    gap: 12px;
}

footer .contact-item .contact-item__title {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.48px;
    color: #b9b9b9
}

.header-bottom__menu{
    display: flex;
    align-items: center;
}

.header-bottom__inner{
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
}

.header-bottom__contact{
    display: flex;
    align-items: center;
    gap: 16px;
}

header .contact-item__icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

header .contact-item__icon .icon {
    height: 25px;
    width: 25px;
}

footer .contact-item .contact-item__info {
    margin-top: 5px;
    font-family: "Gilroy Regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 17.4px;
    color: #212528
}

footer .contact-item .contact-item__info a {
    color: inherit
}

.logo-img {
    width: 82px
}

.menu-wrap {
    margin-left: auto
}

.menu-list{
    display: flex;
    align-items: center;
}

.menu-wrap .menu-item a {
    padding: 32px 20px
}

.menu-wrap:last-child a {
    padding-right: 0
}

.menu-wrap .menu-item:not(:last-child) {
    margin-right: 5px
}

.menu-wrap .menu-item a {
    font-family: "Gilroy Regular";
    font-size: 20px;
    font-weight: 400;
    line-height: 23.2px;
    color: #222222;
    display: flex;
    align-items: center;
    gap: 4px;
}

.menu-wrap .menu-item a:hover,
.menu-wrap .menu-item a.active {
    color: #E8473A
}

.menu-wrap .menu-item{
    display: flex;
    align-items: center;
}

.menu-item__icon{
    width: 24px;
    height: 24px;
}

.header-burger {
    display: none;
    width: 30px;
    height: 30px;
    position: relative;
    cursor: pointer
}

.burger-line {
    display: block;
    height: 2px;
    background-color: black;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.burger-line:first-child {
    top: 10px;
    width: 30px
}

.burger-line:nth-child(2) {
    top: 19px;
    width: 20px
}

.burger-line:last-child {
    bottom: 0
}

.burger.opened {
    height: 30px
}

.burger.opened .burger-line:last-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 20px;
    top: 50%
}

.burger.opened .burger-line:first-child {
    top: 50%;
    width: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fieldset-reset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0
}

.menu-dropdown {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
    padding: 85px 0 93px;
    position: absolute;
    z-index: 2;
    background: #ffffff;
    -webkit-box-shadow: 0px 3px 10px 0px #0000000D;
    box-shadow: 0px 3px 10px 0px #0000000D;
    width: 100%
}

.menu-dropdown.menu-active {
    visibility: visible;
    opacity: 1;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s
}

.menu-dropdown--mobile {
    display: none
}

.menu-dropdown-item {
    width: calc((100% - 90px) / 4)
}

.menu-dropdown-item:not(:nth-child(4n)) {
    margin-right: 30px
}

.menu-dropdown-item:nth-child(n+5) {
    margin-top: 50px
}

.menu-dropdown-item__title {
    font-family: "Gilroy Bold";
    font-size: 20px;
    font-weight: 700;
    line-height: 24.18px
}

.menu-dropdown-item__link a {
    color: inherit
}

.section-top__inner {
    height: 613px;
    background: url(/local/templates/itach.by/assets/css/../images/icons/back-top.svg) center 100% no-repeat;
    background-size: 102%
}

.section-top__title {
    font-family: "Gilroy ExtraBold";
    font-size: 77px;
    line-height: 120%;
    font-weight: 700;
    text-align: left;
    max-width: 1137px
}

.section-tizer__inner {
    border-bottom: 1px dashed #999999;
    padding: 0 10px
}

.tizer-item {
    width: calc(100% / 3);
    padding: 16px 30px;
    font-family: "Bebas Neue Bold";
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    color: #222222;
    border-left: 1px dashed #999999;
    margin-bottom: -10px;
    min-height: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tizer-item:nth-child(3n),
.tizer-item:last-child {
    border-right: 1px dashed #999999
}

.tizer-item span {
    display: block;
    color: #E8473A
}

.section-specializations__row {
    width: 100%;
    border-bottom: 0.42px solid #D2D2D2
}

.section-specializations__row:first-child {
    padding: 0 0 0 87px;
    width: 60%
}

.section-specializations__row:nth-child(2) {
    padding: 0 87px 0 0;
    width: 40%
}

.section-specializations__row:nth-child(3) {
    padding: 32px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-specializations__row:nth-child(4) {
    padding: 32px 52px 0
}

.section-specializations__row:last-child {
    padding: 32px 144px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.specialization-item {
    color: inherit;
    margin-bottom: -7px
}

.specialization-item a {
    color: inherit
}

.specialization-item:hover {
    color: #E8473A
}

.section__link {
    font-family: "Gilroy Bold";
    font-size: 20px;
    font-weight: 700;
    line-height: 24.18px;
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px
}

.section__link:hover {
    color: #E8473A
}

.nav-tab {
    margin-top: -1px
}

.content-nav__num {
    padding: 17px 20px;
    font-family: "Bebas Neue Regular";
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    min-width: 56px
}

.content-nav__psevdo-scroll {
    width: 2px;
    background-color: #D2D2D2;
    height: 65px;
    -webkit-transition: 0.6s all;
    transition: 0.6s all
}

.nav-tab .content-nav__title {
    padding: 14px 20px;
    border-left: 3px solid #D2D2D2;
    -webkit-transition: 1.2s;
    transition: 1.2s
}

.custom-tab.nav-tab.active .content-nav__title {
    border-left: 3px solid #E8473A
}

.nav-tab.active .content-nav__num {
    font-family: "Bebas Neue Bold";
    text-transform: uppercase;
    font-weight: 700
}

.nav-tab.active .content-nav__title {
    font-family: "Gilroy Bold";
    font-weight: 700
}

.content-nav__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.content-nav__title {
    font-size: 20px;
    line-height: 24.18px
}

.content-nav__title.service__title {
    font-family: "Gilroy Bold";
    font-weight: 700;
    color: #E8473A
}

.service-wrap {
    margin-top: 60px
}

.service-subitem {
    width: calc((100% - 30px) / 2);
    color: inherit
}

.service-subitem:nth-child(2n-1) {
    margin-right: 30px
}

.service-subitem:nth-child(n+3) {
    margin-top: 60px
}

.service-subitem .service-subitem__title {
    font-family: "Gilroy Bold";
    font-weight: 700
}

.service-subitem:hover .service-subitem__title {
    color: #E8473A
}

.service-subitem .service-subitem__desc {
    margin-top: 40px
}

@-webkit-keyframes moveArrow {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes moveArrow {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.block-with-arrow svg {
    width: 28px;
    height: 16px;
    fill: #222222;
    margin-top: 21px
}

.block-with-arrow:hover svg {
    fill: #E8473A !important;
    -webkit-animation: moveArrow .8s;
    animation: moveArrow .8s
}

.col-32 {
    width: 32% !important;
    margin-right: 30px !important
}

.col-68 {
    width: calc((100% - 30px) - 32%) !important
}

.title-l {
    max-width: 99%;
    font-family: "Gilroy Bold";
    font-size: 50px;
    font-weight: 700;
    line-height: 60.38px
}

.title~.title-l {
    margin-top: 60px
}

.section-content {
    margin-top: 60px
}

.section-list {
    margin-top: 60px
}

.section-list .section-list__item,
.section-list li {
    padding-left: 20px;
    position: relative
}

.section-list .section-list__item::before,
.section-list li::before {
    position: absolute;
    content: "";
    display: block;
    top: 9px;
    left: 9px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #222222
}

.section-list .section-list__item:not(:first-child),
.section-list li:not(:first-child) {
    margin-top: 20px
}

.section-portfolio__link {
    margin-top: 60px
}

.section-portfolio__col {
    width: calc(100% - 32% - 30px)
}

.project-card__type {
    width: 87px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    color: #999999;
    font-family: "Bebas Neue Bold";
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    background-color: #999999;
    text-transform: uppercase;
    -webkit-transition: all 0.8s;
    transition: all 0.8s
}

.main-page .section-portfolio .project-card:hover .project-card__type {
    background-color: #e8473ad6
}

.project-card__content {
    padding: 60px 60px 60px 50px;
    width: calc(100% - 87px);
    color: #222222
}

.project-card__content.block-with-arrow svg {
    margin-top: 60px
}

.project-card__title {
    margin-top: 60px
}

.project-card__title span {
    font-family: "Gilroy Regular";
    font-size: inherit;
    font-weight: 400;
    line-height: inherit
}

.project-card__logo {
    max-width: 263px
}

.project-card__desc {
    margin-top: 44px
}

.swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slider-nav {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 20px;
    margin-left: auto;
    margin-top: 69px
}

.swiper-pagination {
    position: relative;
    height: 1px;
    width: 253px;
    background: #D2D2D2
}

.swiper-pagination .swiper-pagination-progressbar-fill {
    background: #E8473A
}

.swiper-button {
    background-image: none;
    position: relative;
    width: 14px;
    height: 14px;
    border: solid #222222;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.swiper-button.swiper-button-prev {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    left: 3px
}

.swiper-button.swiper-button-next {
    right: 3px
}

.swiper-button:hover {
    border: solid #E8473A;
    border-width: 0 2px 2px 0
}

.custom-tabs-content {
    display: none
}

.custom-tabs-content.opened {
    display: block;
    min-height: 590px
}

.custom-tab {
    cursor: pointer
}

.questions-tab {
    padding: 46px 0;
    position: relative;
    border-bottom: 1px dashed #999999;
    max-width: 316px;
    padding-left: 45px
}

.questions-tab.active::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 50%;
    left: 0;
    border: solid #E8473A;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.questions-tabs-content-wrap {
    border-left: 1px dashed #999999
}

.questions-tabs-content {
    margin-left: -10px;
    margin-bottom: 10px
}

.accordion-wrap {
    border-bottom: 1px dashed #999999;
    padding: 17px 72px
}

.accordion {
    background-color: transparent;
    color: inherit;
    cursor: pointer;
    padding: 17px 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    outline: none;
    -webkit-transition: 1s;
    transition: 1s;
    font-family: "Bebas Neue Bold";
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    position: relative
}

.accordion::before {
    position: absolute;
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    left: -34px;
    right: auto;
    top: 20px
}

.accordion::before {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.accordion.active::before {
    top: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: solid #E8473A;
    border-width: 0 2px 2px 0
}

.accordion.active,
.accordion:hover {
    color: #E8473A;
    border-bottom: none
}

.accordion.active~.panel {
    visibility: visible
}

header .accordion {
    text-transform: none
}

.panel {
    padding-top: 13px 0 47px;
    background-color: transparent;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.section-constructor__col.col-68 {
    padding-left: 80px;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content
}

.constructor-title-accent{
    color: #E73230;
}


.form-swiper {
    background: url(/local/templates/itach.by/assets/css/../images/animations/form-back.svg) top no-repeat;
    background-size: contain
}

.form-swiper .swiper-wrapper {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.form-swiper .form-step__title {
    margin-top: 24px
}

.form-swiper .form-step__subtitle {
    width: 100%
}

.form-swiper .slider-nav-wrap {
    margin-top: 50px
}

.form-step__content {
    margin-top: 60px
}

.form-step__btns-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

.form-step__subtitle {
    font-family: "Bebas Neue Bold";
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: #222222;
    margin-bottom: 50px
}

.form-step__inner:not(:first-child) {
    margin-top: 100px
}

.form-step.step-4 .form-step__subtitle {
    margin-top: 50px
}

.form-step__content-inner.form-order {
    margin-top: 50px
}

.form-order__inner:first-child {
    max-width: 90%
}

.form-order__inner:first-child .col-50:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.form-order__inner:first-child span:last-child {
    margin-top: auto
}

.form-order__inner:nth-child(2) {
    margin-top: 60px
}

.form-order__inner:nth-child(2) .input-item__label {
    min-height: 36px;
    display: block
}

.form-order__inner:nth-child(2) .input-item-file {
    min-height: 225px
}

.form__radio-btn {
    display: inline-block
}

.form__radio-btn input[type=radio] {
    display: none
}

.form__radio-btn label {
    display: inline-block;
    cursor: pointer;
    padding: 17px 32px;
    font-family: "Gilroy Bold";
    font-size: 15px;
    font-weight: 700;
    line-height: 18.13px;
    text-align: center;
    border: 1px solid #D2D2D2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form__radio-btn input[type=radio]:checked+label {
    border: 1px solid #E8473A;
    color: #E8473A
}

.form__radio-btn input[type=checkbox]:checked+label {
    border: 1px solid #E8473A;
    color: #E8473A
}

.form__radio-btn:hover label {
    border: 1px solid #E8473A
}

.form-step__btn-next {
    margin-top: 70px;
    font-family: "Gilroy Bold";
    font-size: 20px;
    font-weight: 700;
    line-height: 24.18px;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer
}

.form-step__btn-next svg {
    width: 28px;
    height: 16px;
    margin-left: 15px;
    position: relative;
    top: 2px
}

.form-step__btn-next:hover {
    color: #E8473A
}

.form-step__btn-next:hover svg {
    fill: #E8473A
}

.slider-nav-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-top: 80px
}

.slider-nav-wrap .slider-nav {
    margin-top: 0
}

.slider-nav-wrap .slider-nav__title {
    font-family: "Gilroy Bold";
    font-size: 20px;
    font-weight: 700;
    line-height: 24.18px;
    margin-bottom: 7px
}

.slider-nav-wrap .swiper-button-next,
.slider-nav-wrap .swiper-button-prev {
    top: 10px
}

.slider-nav-wrap .counter__inner {
    margin-top: 7px;
    font-family: "Bebas Neue Bold";
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px
}

.section-steps__inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    position: relative
}

.step-item {
    width: calc((100% - 60px) / 3);
    padding: 40px 20px 20px;
    background: url(/local/templates/itach.by/assets/css/../images/icons/figure.svg) top left no-repeat;
    background-size: 49%
}

.step-item:not(:nth-child(3n)) {
    margin-right: 30px
}

.step-item:nth-child(2),
.step-item:nth-child(5) {
    min-height: 570px;
    background-size: 73%
}

.step-item:nth-child(3),
.step-item:nth-child(6) {
    background-size: 56%
}

.step-item .step-item__title {
    margin-top: 40px;
    font-family: "Gilroy Bold";
    font-size: 40px;
    font-weight: 700;
    line-height: 48.36px
}

.step-item .step-item__num {
    font-family: "Gilroy Bold";
    font-size: 64px;
    font-weight: 700;
    line-height: 77.38px
}

.step-item .step-item__text {
    margin-top: 30px
}

.theme-back--dark {
    color: #ffffff
}

.theme-back--dark .title {
    color: inherit
}

.theme-back--dark .title::after,
.theme-back--dark .title::before {
    color: #ffffff
}

.section-clients__inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.section-clients__col:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-item-align: start;
    align-self: flex-start;
    min-height: 416px
}

.section__info {
    margin-top: 40px
}

.section__info p:not(:first-child) {
    margin-top: 30px
}

.section-clients__bottom {
    margin-top: 100px
}

.client-item {
    width: auto
}

.client-item img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.client-item:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.rewiews-card {
    padding: 60px 20px;
    min-height: 738px
}

.rewiew-card__logo {
    max-width: 130px
}

.rewiew-card__logo img {
    max-height: 30px
}

.rewiew-card__author {
    margin-top: 80px
}

.card-author__photo {
    width: 85px;
    border-radius: 50%
}

.card-author__text {
    width: calc(100% - 85px - 34px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card-author__photo .card-author__text {
    margin-left: 34px
}

.author__name {
    font-family: "Bebas Neue Bold";
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
    text-align: left
}

.rewiew-card__text {
    margin-top: 40px
}

.rewiew-card__link {
    text-align: center;
    width: 100%;
    margin-top: 40px
}

.rewiew-card__link svg {
    width: 28px;
    height: 16px;
    margin-left: 20px;
    top: 2px;
    position: relative
}

.rewiew-card__link:hover svg {
    fill: #E8473A
}

.rewiew-card__link:hover {
    color: #E8473A
}

.news-block img {
    float: left;
    width: 30%;
    margin-right: 20px;
}

.news-block {
    clear: both;
}

.news-block ul li {
    overflow: auto;
}

.news-card {
    width: calc((100% - 60px) / 3);
    color: inherit
}

.news-card:not(:nth-child(3n)) {
    margin-right: 30px
}

.news-card .news-card__title {
    font-family: "Gilroy Bold";
    font-weight: 700
}

.news-card:hover .news-card__title {
    color: #E8473A
}

.news-card .news-card__date {
    margin-top: 4px
}

.news-card .news-card__desc {
    margin-top: 40px
}

footer {
    color: #ffffff
}

footer .contact-item__title {
    color: #B9B9B9
}

footer .contact-item:not(:first-child) {
    margin-top: 30px
}

footer .contact-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

footer .contact-item .contact-item__info {
    margin-top: 4px;
    color: #ffffff;
    line-height: 24px
}

footer .contacts__col {
    width: calc((100% - 30px) / 2)
}

footer .contacts__col:nth-child(2n-1) {
    margin-right: 30px
}

.footer__row:first-child {
    padding-top: 90px
}

.footer__row:nth-child(2) {
    padding: 100px 0 62px
}

.footer__row:last-child {
    padding: 26px 0;
    border-top: 1px dashed #999
}

.footer__col:first-child {
    width: 45%
}

.footer__col:last-child {
    width: 55%;
    padding-left: 50px
}

.footer__logo {
    width: 204px
}

.footer__logo img {
    width: 100%;
    height: auto
}

.footer__contacts-wrap-top {
    margin-top: 65px
}

.footer__phone {
    font-family: "Gilroy Bold";
    font-size: 22.51px;
    font-weight: 700;
    line-height: 27.22px;
    color: #ffffff
}

.footer__phone a {
    font-size: inherit;
    font-weight: 700;
    line-height: inherit;
    color: inherit
}

.footer__social-links {
    margin-top: 30px
}

.social-link__item {
    width: 27px;
    height: 27px;
    background-color: #ffffff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.social-link__item:not(:last-child) {
    margin-right: 16px
}

.social-link__item img {
    max-width: 20px
}

.ymaps-map {
    border-radius: 3.6px
}

.ymaps-layers-pane {
    -webkit-filter: grayscale(100%)
}

.ymaps3x0--tile-layer {
    filter: grayscale(1) !important;
    -ms-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1)
}

.footer__menu-wrap {
    width: calc((100% - 60px) / 3)
}

.footer__menu-wrap:not(:nth-child(3n)) {
    margin-right: 30px
}

.footer__menu-wrap .menu-item-link {
    color: #ffffff
}

.footer__menu-wrap .menu-item-link:first-child {
    font-family: "Gilroy Bold";
    font-size: 20px;
    font-weight: 700;
    line-height: 24.18px;
    text-align: left;
    color: #ffffff
}

.footer__menu-wrap .menu-item-link:nth-child(2) {
    margin-top: 20px
}

.requisites__wrap {
    margin-top: 52px;
    width: 100%
}

.requisites__title {
    font-family: "Gilroy Bold";
    font-size: 20px;
    font-weight: 700;
    line-height: 24.18px
}

.requisites__info {
    margin-top: 20px
}

.requisites__info span {
    font-family: "Gilroy Bold";
    font-weight: 700
}

.privacy-policy-link {
    margin-top: 26px;
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 2px
}

.payment__item {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.payment__item:not(:last-child) {
    margin-right: 30px;
	max-width: 100px;
}
.visa-secure {
	max-width: 50px !important;
}
.mastercard {
	max-width: 50px !important;
}
.belcard {
	max-width: 50px !important;
}
.samsung {
	max-width: 50px !important;
}
/*
.payment__item:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-filter: brightness(0) saturate(100%) invert(45%) sepia(71%) saturate(3744%) hue-rotate(337deg) brightness(92%) contrast(98%);
    filter: brightness(0) saturate(100%) invert(45%) sepia(71%) saturate(3744%) hue-rotate(337deg) brightness(92%) contrast(98%)
}

.payment__item:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.payment__item.pay:hover {
    content: url("/local/templates/itach.by/assets/css/../images/pay/pay-hover.svg");
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-filter: brightness(0) saturate(100%) invert(45%) sepia(71%) saturate(3744%) hue-rotate(337deg) brightness(92%) contrast(98%);
    filter: brightness(0) saturate(100%) invert(45%) sepia(71%) saturate(3744%) hue-rotate(337deg) brightness(92%) contrast(98%)
}
*/
.section-order__inner a {
    color: #0b40cc;
    display: inline-block
}

.input-block {
    max-width: 220px;
    margin-right: 20px
}

.visible-m,
.visible-l,
.visible-s {
    display: none
}

.col-44 {
    width: calc(100% - 56% - 146px)
}

.col-56 {
    width: 56%
}

.section-contacts__col.col-44 {
    margin-right: 146px
}

.section-contacts__list-item a {
    display: inline
}

.section-contacts__form-wrap {
    margin-top: 100px
}

.form-order__content {
    margin-top: 40px
}

form a {
    text-decoration: underline;
    color: #E8473A;
    display: inline
}

.input-item__label.req {
    position: relative
}

.input-item__label.req::after {
    position: absolute;
    display: inline-block;
    content: "";
    width: 2px;
    height: 2px;
    left: auto;
    right: -4px;
    top: -2px
}

.input-item__label.req::after {
    content: "*";
    font-family: "Tahoma";
    font-size: 12px;
    font-weight: 400;
    line-height: 14.48px;
    text-align: left;
    color: #E8473A
}

.input-item__label {
    font-family: "Tahoma";
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #999
}

.input-item {
    display: block
}

.input-item:not(:first-child) {
    margin-top: 50px
}

.input-item {
    color: #999999
}

.input-item input,
.input-item textarea {
    display: block;
    width: 100%;
    height: 42px;
    border: none;
    border-bottom: 1px solid #999999;
    background-color: transparent
}

.input-item input:hover,
.input-item input:focus,
.input-item textarea:hover,
.input-item textarea:focus {
    border-bottom: 1px solid #222222
}

.input-item input::-webkit-input-placeholder,
.input-item textarea::-webkit-input-placeholder {
    font-family: "Gilroy Regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-align: left
}

.input-item input:-ms-input-placeholder,
.input-item textarea:-ms-input-placeholder {
    font-family: "Gilroy Regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-align: left
}

.input-item input::-ms-input-placeholder,
.input-item textarea::-ms-input-placeholder {
    font-family: "Gilroy Regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-align: left
}

.input-item input::placeholder,
.input-item textarea::placeholder {
    font-family: "Gilroy Regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-align: left
}

.input-item:hover .input-item__label,
.input-item:focus .input-item__label {
    color: #222222
}

input[type=text],
textarea {
    padding: 0 4px
}

textarea {
    font-family: "Gilroy Regular";
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #222222
}

.input-item-file {
    border: 1px dashed #999999;
    padding: 30px 65px;
    text-align: center
}

.input-item-file:hover .input-item-file__btn {
    color: #222222
}

.input-item-file input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    width: 0
}

.input-item__label:not(:first-child) {
    margin-top: 20px;
    display: block
}

.input-item-file__btn,
.input-item-record__btn,
.form__btn {
    display: block;
    margin: 30px auto 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 17px 50px;
    border: 1px solid #999999;
    font-family: "Gilroy Bold";
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    background-color: transparent;
    color: #999;
    text-align: center;
    cursor: pointer;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.input-item-file__btn:hover,
.input-item-record__btn:hover,
.form__btn:hover {
    color: #222222
}

.input-item-record__btn img,
.input-item-record__btn svg {
    max-width: 14px;
    height: 20px
}

.input-item-record__btn svg {
    fill: #999
}

.input-item-record:hover .input-item-record__btn svg {
    fill: #222222
}

#stop,
#audio,
#delete {
    display: none
}

.voice-countdown {
    min-height: 30px;
    display: none
}

#audio,
.voice-countdown {
    margin-top: 20px
}

.file-load-name {
    display: block;
    margin-top: 20px
}

.input-item__error {
    color: #E8473A
}

.form__radio-btn input[type=checkbox] {
    display: none
}

.form-consent {
    margin-top: 40px
}

.form__checkeboxes .input-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form__checkeboxes .input-item:not(:first-child) {
    margin-top: 19px
}

.form__checkeboxes .input-item__label+span {
    font-family: "Tahoma";
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #999
}

.form__checkeboxes .input-item__label {
    position: relative;
    top: 0;
    left: 0;
    min-height: 20px
}

.custom-checkbox>input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-checkbox>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    padding-left: 34px
}

.custom-checkbox>span::before {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    left: 0;
    top: -2px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border: 1px solid #999;
    border-radius: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox>span.error::before {
    border: 1px solid #E8473A;
    background-color: #e8473a1a
}

.custom-checkbox>input:checked+span::before {
    background: url(/local/templates/itach.by/assets/css/../images/icons/cheked.svg) center no-repeat;
    background-size: 64%
}

.form-consent .input-item:hover .input-item__label,
.form-consent .input-item:focus .input-item__label {
    color: #999 !important
}

.contacts-tabs-wrap,
.contacts-tabs-content-wrap {
    margin-top: 60px
}

.contacts-tab {
    margin-right: 30px
}

.section-contacts .btn.active {
    border: 1px solid #E8473A
}

.contact-item__info {
    margin-top: 5px
}

.contact-item__info a {
    color: inherit
}

.contact-item__info a:hover {
    color: #E8473A
}

.contact-item__info a:active {
    color: #E8473A
}

.section-contacts .contact-item:not(:first-child) {
    margin-top: 30px
}

.section-contacts .contact-item:nth-last-child(2) {
    margin-top: 80px
}

.section-contacts .social-link__item {
    width: 55px;
    height: 55px;
    background-color: black
}

.contacts__map {
    margin-top: 110px
}

.col-50 {
    width: calc((100% - 30px) / 2)
}

.text-with-arr-l {
    position: relative;
    padding-left: 46px
}

.text-with-arr-l::before {
    position: absolute;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    top: 50%;
    left: -9px;
    border: solid #E8473A;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.portfolio-filter__btns-wrap {
    margin-top: 74px
}

.portfolio-filter__btn {
    margin-right: 30px;
    margin-bottom: 20px;
    padding: 10px;
    font-weight: 700;
    font-size: 15px;
    font-weight: 700;
    line-height: 18.13px
}

.portfolio-filter__btn:hover,
.portfolio-filter__btn.active {
    color: #E8473A;
    border-color: #E8473A
}

.portfolio__cards-wrap {
    margin-top: 80px
}

.card-rotate {
    position: relative;
    -webkit-perspective: 2000px;
    perspective: 2000px;
    -webkit-transition: 2s;
    transition: 2s;
    min-height: 436px
}

.card-rotate:hover .card-rotate__back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 2
}

.card-rotate:hover .card-rotate__front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.card-rotate__front {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 2s cubic-bezier(0.2, 0.85, 0.4, 1.275);
    transition: -webkit-transform 2s cubic-bezier(0.2, 0.85, 0.4, 1.275);
    transition: transform 2s cubic-bezier(0.2, 0.85, 0.4, 1.275);
    transition: transform 2s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 2s cubic-bezier(0.2, 0.85, 0.4, 1.275)
}

.card-rotate__back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    -webkit-transition: -webkit-transform 2s cubic-bezier(0.2, 0.85, 0.4, 1.275);
    transition: -webkit-transform 2s cubic-bezier(0.2, 0.85, 0.4, 1.275);
    transition: transform 2s cubic-bezier(0.2, 0.85, 0.4, 1.275);
    transition: transform 2s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 2s cubic-bezier(0.2, 0.85, 0.4, 1.275);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.card-rotate__back:hover svg {
    fill: #E8473A
}

.card-rotate__front,
.card-rotate__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.portfolio__cards-wrap .project-card {
    width: calc((100% - 60px) / 3);
    cursor: pointer
}

.portfolio__cards-wrap .project-card:not(:nth-child(3n)) {
    margin-right: 30px
}

.portfolio__cards-wrap .project-card:nth-child(n+3) {
    margin-bottom: 50px
}

.portfolio__cards-wrap .project-card__pic-wrap {
    width: calc(100% - 87px);
    background-color: #E73230
}

.portfolio__cards-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.portfolio__cards-wrap .card-rotate {
    width: 100%
}

.portfolio__cards-wrap .project-card__type {
    font-size: 28px;
    line-height: 40px
}

.portfolio__cards-wrap .project-card__content {
    padding: 0
}

.portfolio__cards-wrap .card-rotate__back .project-card__content {
    padding: 40px 30px 47px;
    overflow: hidden
}

.portfolio__cards-wrap .project-card__content svg {
    margin-top: 40px
}

.portfolio__cards-wrap .project-card__logo {
    max-width: 197px
}

.portfolio__cards-wrap .project-card__title {
    margin-top: 40px
}

.portfolio__cards-wrap .project-card__title span {
    font-family: inherit;
    font-weight: inherit
}

.project-card__title span {
    font-family: "Gilroy Regular";
    font-size: inherit;
    font-weight: 400;
    line-height: inherit
}

.project-card__logo {
    max-width: 263px
}

.project-card__desc {
    margin-top: 44px
}

.section-project {
    padding-bottom: 150px
}

.section-project__pic-wrap {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto
}

.section-project__pic-wrap img {
    -o-object-fit: contain;
    object-fit: contain
}

.section-project__descr {
    margin-top: 24px
}

.section-project__lin-wrap {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 50px
}

.section-project__lin-wrap a.section-project__link {
    font-family: "Gilroy Bold";
    font-size: 40px;
    font-weight: 700;
    line-height: 48.36px;
    text-align: left;
    color: #000000
}

.section-project__lin-wrap:hover a.section-project__link {
    color: #E8473A
}

.section-project__lin-wrap svg {
    margin-right: 10px;
    width: 28px;
    fill: #000000
}

.section-project__lin-wrap:hover svg {
    fill: #E8473A
}

.section-project-pic {
    background-image: url(/local/templates/itach.by/assets/css/../images/laptop-back.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: bottom
}

.section-project-pic-wrap {
    margin-top: -157px;
    margin-bottom: 50px
}

.goals__col:nth-child(2) .goal-item:first-child {
    margin-top: 174px
}

.section-project-goals__inner {
    position: relative
}

.section-project-goals__inner::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 200px;
    bottom: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 100%)
}

.section-project-goals__col.col-68 {
    max-height: 888px;
    overflow-y: scroll
}

.section-project-goals__col.col-68::-webkit-scrollbar {
    width: 0
}

.section-project-goals .title-l,
.section-project-goals .section-project-goals__content {
    max-width: 318px
}

.goals__col.col-50 {
    width: calc((100% - 35px) / 2)
}

.goal-item {
    position: relative;
    position: relative
}

.goal-item:not(:last-child) {
    padding-bottom: 210px
}

.goal-item::after {
    position: absolute;
    display: inline-block;
    content: "";
    width: 1px;
    height: 140px;
    left: 50%;
    right: auto;
    top: auto
}

.goal-item:not(:last-child)::after {
    display: block;
    border-left: 1px dashed #999;
    bottom: 0
}

.goal-item .goal-item__pic-wrap {
    max-width: 48px
}

.goal-item .goal-item__title {
    margin-top: 30px;
    font-family: "Bebas Neue Bold";
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
    color: #222222
}

.goal-item .goal-item__text p {
    margin-top: 30px;
    font-family: "Tahoma";
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #999
}

.goal-item .goal-item__text p:not(:first-child) {
    margin-top: 20px
}

.mouse {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin-bottom: 66px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(to top, rgba(255, 255, 255, 0), #fff 100%);
    z-index: 2
}

.theme-back--colored .mouse {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#f8f8f8));
    background: linear-gradient(to top, rgba(255, 255, 255, 0), #f8f8f8 100%)
}

.mouse img {
    position: relative;
    left: -10px
}

.col-25 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.col-25 .section-list {
    margin-top: 20px
}

.col-25__text {
    margin-top: 20px
}

.section-content p:not(:first-child) {
    margin-top: 30px
}

.section-content img:not(:first-child) {
    margin-top: 30px
}

.section-content a {
    display: inline-block;
    margin-left: 8px;
    color: #E8473A;
    text-decoration: underline;
    text-underline-offset: 2px
}

.pic-wrap:not(.col-50) {
    margin-top: 60px
}

.pic-wrap img {
    border-radius: 4px
}

.section.section-pic-50 {
    padding-bottom: 0 !important
}

.section-pic-50 .section-content,
.section-project__col ul {
    max-width: 434px
}

.section-slider__slider-wrap {
    margin-top: 100px
}

.section-slider .swiper-wrapper {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.section-slider__pic-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    min-height: 650px
}

.section-slider .slider-nav {
    margin: 100px auto 0
}

.section-project-review__col:first-child {
    width: 37%;
    padding-right: 50px
}

.section-project-review__col:last-child {
    width: calc((100% - 37%));
    padding-left: 74px;
    border-left: 1px dashed #999
}

.section-project-review__job-title,
.section-project-review__text {
    margin-top: 50px
}

.section-project-review__job-title {
    font-family: "Bebas Neue Bold";
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px
}

.section-news-year:not(:first-child) {
    margin-top: 150px
}

.section-news-year__bottom-wrap {
    margin-top: 40px;
    display: grid;
    gap: 100px 30px;
    grid-template-columns: repeat(auto-fit, minmax(435px, 1fr))
}

.section-news-year__bottom-wrap .news-card {
    width: 100%
}

.section-news-year__bottom-wrap .news-card__date {
    margin-top: 16px;
    font-family: "Tahoma";
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #999
}

.section-news-year__bottom-wrap .news-card .news-card__desc {
    margin-top: 30px
}

.section-news-year__bottom-wrap .svg {
    margin-top: 50px
}

.news-block:not(:last-child) {
    padding-bottom: 30px;
    margin-bottom: 30px
}

.news-block.news-block--styled {
    border-bottom: 1px dashed #999999
}

.news-block .title-l,
.news-block .text-l,
.news-block p:not(:last-child),
.news-block .news-list:not(:last-child),
.news-block ul:not(:last-child),
.news-block ol:not(:last-child) {
    margin-bottom: 40px
}

.news-block .title,
.news-block h4:not(:last-child),
.news-block h5:not(:last-child),
.news-block .text-pale-xxs:not(:last-child),
.news-block .video-wrap:not(:last-child),
.news-block img:not(:last-child) {
    margin-bottom: 50px
}

.news__content p:not(:last-child) {
    margin-bottom: 30px
}

.news-block ul,
.news-block ol {
    margin-top: 4px
}

.news-block ul li {
    padding-left: 24px;
    position: relative
}

.news-block ul li::before {
    position: absolute;
    content: "";
    display: block;
    top: 15px;
    left: 9px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #222222
}

.news-block li {
    padding: 4px
}

.news-block h4 {
    font-family: "Gilroy Bold";
    font-size: 20px;
    font-weight: 700;
    line-height: 24.18px;
    color: inherit
}

.news-block h4 span {
    color: #E8473A;
    text-decoration: underline;
    text-underline-offset: 2px
}

.news-block a {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    display: inline;
    text-decoration: underline;
    text-underline-offset: 2px;
    color: #222222
}

.video-wrap {
    min-height: 683px;
    background-color: #1B432B;
    border-radius: 15px;
    position: relative
}

.video-wrap:before {
    content: "";
    display: block;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-image: url(/local/templates/itach.by/assets/css/../images/icons/play.svg);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: 0;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 53%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 1
}

.quote {
    padding-left: 232px;
    position: relative;
    position: relative;
    position: relative
}

.quote::before {
    position: absolute;
    display: inline-block;
    content: "";
    width: 84px;
    height: 60px;
    left: 0;
    right: auto;
    top: 0
}

.quote::after {
    position: absolute;
    display: inline-block;
    content: "";
    width: 1px;
    height: 100%;
    left: 158px;
    right: auto;
    top: 0
}

.quote::before {
    background: url(/local/templates/itach.by/assets/css/../images/icons/quote.svg) center no-repeat;
    background-size: 100%
}

.quote::after {
    border-left: 1px dashed #999
}

.news-nav {
    font-family: "Gilroy Bold";
    font-size: 20px;
    font-weight: 700;
    line-height: 24.18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 100px auto 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.news-nav__prev {
    padding: 2px 22px 2px 0;
    position: relative
}

.news-nav__prev::after {
    position: absolute;
    display: inline-block;
    content: "";
    width: 2px;
    height: 100%;
    left: auto;
    right: 0;
    top: 0
}

.news-nav__prev.no-next::after {
    display: none
}

.news-nav__prev svg {
    width: 28px;
    height: 16px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 20px
}

.news-nav__prev:hover svg {
    fill: #E8473A;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.news-nav__prev::after {
    border-left: 2px solid #222222
}

.news-nav__prev:hover {
    color: #E8473A
}

.news-nav__next {
    padding: 2px 0px 2px 16px
}

.news-nav__next svg {
    width: 28px;
    height: 16px;
    margin-left: 20px
}

.news-nav__next:hover svg {
    fill: #E8473A
}

.news-nav__next:hover {
    color: #E8473A
}

.error-page {
    padding-bottom: 75px
}

.section-404-inner {
    min-height: 654px;
    background: url(/local/templates/itach.by/assets/css/../images/animations/back-404.svg) center no-repeat;
    background-size: 100%
}

.section-404 p {
    margin-top: 50px;
    max-width: 434px;
    text-align: center
}

.section-404 p a {
    display: inline;
    color: #E8473A
}

.section-about__inner .tizer-items-wrap {
    position: relative;
    position: relative
}

.section-about__inner .tizer-items-wrap::before {
    position: absolute;
    display: inline-block;
    content: "";
    width: 1px;
    height: 100%;
    left: 20px;
    right: auto;
    top: 29px
}

.section-about__inner .tizer-items-wrap::after {
    position: absolute;
    display: inline-block;
    content: "";
    width: 1px;
    height: 100%;
    left: auto;
    right: 20px;
    top: 29px
}

.section-about__inner .tizer-items-wrap:after,
.section-about__inner .tizer-items-wrap:before {
    border-left: 1px dashed #999999
}

.section-about__inner .tizer-item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px dashed #999999;
    min-width: 466px;
    min-height: 108px;
    padding: 28px 30px 15px
}

.section-about__inner .tizer-item:nth-child(2) span span {
    margin-left: 2px
}

.section-about__inner .tizer-item span span {
    display: inline;
    font-size: 48px;
    margin-left: 6px
}

.block-with-triangles {
    min-height: 390px
}

.section-about__col.col-68 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.section-history__col .mouse {
    margin-bottom: 0
}

.section-history__col .mouse img {
    left: 0
}

.section-history__pic-wrap {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0 0 44% 0;
    -webkit-transform: translate(0%, 0px);
    transform: translate(0%, 0px)
}

.section-history__pic-wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -16%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain
}

.section-history__pic-wrap object {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -16%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain
}

.section-history__col-bottom {
    max-width: 434px;
    margin-left: auto;
    border-top: 1px dashed #999999;
    position: absolute;
    bottom: 0;
    right: 0
}

.section-history__col-bottom .section-list {
    margin-top: 30px
}

.section-history__col:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section-history__text-wrap {
    overflow-y: scroll;
    max-height: 550px;
    width: 80%;
    padding: 0 0 50px 60px
}

.section-history__text-wrap::-webkit-scrollbar {
    width: 0
}

.history-year:not(:last-child) {
    position: relative;
    padding-bottom: 78px
}

.history-year__text {
    margin-top: 20px
}

.history-year:not(:last-child):after {
    position: absolute;
    content: "";
    width: 1px;
    height: 65px;
    left: 50%;
    right: auto;
    top: auto;
    display: block;
    border-left: 1px dashed #999999;
    bottom: 6px
}

.section-technologies__inner {
    display: grid;
    gap: 50px 30px;
    grid-template-columns: repeat(auto-fit, minmax(319px, 1fr))
}

.technology-card.card-rotate,
.technology-card .card-rotate__back,
.technology-card .card-rotate__front {
    min-height: 400px
}

.technology-card .card-rotate__front,
.technology-card .card-rotate__back {
    padding: 30px
}

.technology-card__logo {
    max-width: 100px;
    margin: 0 auto
}

.technology-card__text {
    margin-top: 30px
}

.section-team__col.col-32 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.section-team__col.col-32 .slider-nav {
    margin: auto 0 36px
}

.section-team__title-wrap {
    margin-bottom: 50px
}

.team-card__title {
    margin-top: 30px;
    font-family: "Bebas Neue Bold";
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
    text-align: center
}

.team-card__job-title {
    margin-top: 6px;
    font-family: "Tahoma";
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #999;
    text-align: center
}

.section-service-info__inner:not(:first-child) {
    margin-top: 150px
}

.section-service-info__bottom-wrap {
    margin-top: 40px;
    display: grid;
    gap: 100px 30px;
    grid-template-columns: repeat(auto-fit, minmax(435px, 1fr))
}

.section-service-info__bottom-wrap .services-card {
    width: 100%;
    color: inherit
}

.section-service-info__bottom-wrap .services-card:hover .services-card__title {
    color: #E8473A
}

.section-service-info__bottom-wrap .services-card .services-card__desc {
    margin-top: 30px
}

.section-service-info__bottom-wrap .block-with-arrow svg {
    margin-top: 50px
}

.btns-wrap {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px
}

.section-product__col:first-child {
    position: relative
}

.section-product__col:first-child img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.section-product__col:first-child::before {
    background-color: white;
    opacity: 0.6;
    top: 0;
    bottom: 0;
    content: '';
    left: 28%;
    position: absolute;
    width: 6%;
    -webkit-box-shadow: 0 0 100px white;
    box-shadow: 0 0 100px white;
    -webkit-transform: skew(-33deg);
    transform: rotate(31deg) skew(-43deg);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 8%;
    top: 36%;
    -webkit-animation: moveStripe 3s linear infinite;
    animation: moveStripe 3s linear infinite
}

@-webkit-keyframes moveStripe {
    0% {
        left: 28%;
        top: 38%
    }

    50% {
        left: 72%;
        top: 66%
    }

    100% {
        left: 28%;
        top: 38%
    }
}

@keyframes moveStripe {
    0% {
        left: 28%;
        top: 38%
    }

    50% {
        left: 72%;
        top: 66%
    }

    100% {
        left: 28%;
        top: 38%
    }
}

.section-product__col:last-child {
    padding-left: 132px
}

.section-product__text {
    margin-top: 50px
}

.section-product__text p:not(:first-child) {
    margin-top: 30px
}

.section-product__text:not(:nth-child(2)) {
    margin-top: 50px;
    padding-top: 40px;
    border-top: 1px dashed #999999;
    max-width: 80%
}

.section-offer__info.section__info {
    max-width: 319px
}

.section-offers__wrap {
    display: grid;
    gap: 30px 42px;
    grid-template-columns: repeat(auto-fit, minmax(390px, 1fr))
}

.section-offer-item:nth-last-child(n+3) {
    padding-bottom: 80px;
    position: relative
}

.section-offer-item:nth-last-child(n+3)::after {
    position: absolute;
    display: inline-block;
    content: "";
    width: 1px;
    height: 50px;
    left: 50%;
    right: auto;
    top: auto
}

.section-offer-item:nth-last-child(n+3):after {
    display: block;
    border-left: 1px dashed #999999;
    bottom: 0
}

.section-offer-item__pic-wrap {
    max-width: 38px
}

.section-offer-item__title.title::after,
.section-offer-item__title.title::before {
    display: none
}

.section-offer-item__title {
    margin-top: 20px
}

.section-offer-item__text {
    margin-top: 30px
}

.section-brunches__inner {
    display: grid;
    gap: 50px 30px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
}

.brunch-item {
    width: 100%
}

.brunch-item img {
    max-width: 150px;
    -webkit-filter: brightness(0) saturate(100%) invert(71%) sepia(0%) saturate(1538%) hue-rotate(326deg) brightness(85%) contrast(96%);
    filter: brightness(0) saturate(100%) invert(71%) sepia(0%) saturate(1538%) hue-rotate(326deg) brightness(85%) contrast(96%)
}

.brunch-item:hover img {
    -webkit-filter: brightness(0) saturate(100%) invert(10%) sepia(0%) saturate(0%) hue-rotate(252deg) brightness(94%) contrast(90%);
    filter: brightness(0) saturate(100%) invert(10%) sepia(0%) saturate(0%) hue-rotate(252deg) brightness(94%) contrast(90%)
}

.brunch-item:not(:first-child) {
    padding: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.brunch-item__btn {
    margin-top: 40px
}

.brunch-item__title {
    margin-top: 30px;
    font-family: "Gilroy Bold";
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    color: #222222
}

.section-tariff__filter-wrap {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.custom-tabs-content-wrap {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.section-tariff__btns-wrap {
    padding: 8px;
    background-color: #FBFBFB;
    border: 1px solid #D2D2D2
}

.section-tariff__btns-wrap .btn:not(.active) {
    border: none;
    background-color: transparent;
    text-decoration: underline;
    text-underline-offset: 2px;
    font-family: "Gilroy Regular";
    font-weight: 400
}

.section-tariff__btns-wrap .btn.active {
    color: #222222;
    border-color: #D2D2D2
}

.section-tariff__btns-wrap .btn:not(:first-child) {
    margin-left: 8px
}

.tariff-item {
    min-height: 1750px;
    background-color: #E7F9FF;
    border-radius: 15px
}

.tariff-slide:first-child .tariff-item {
    background-color: #F5FDD6
}

.tariff-top {
    min-height: 154px;
    background-color: #C9EFFC;
    padding: 37px 40px;
    border-radius: 15px 15px 0 0
}

.tariff-slide:first-child .tariff-top {
    background-color: #E3F3A4
}

.tariff-body {
    background-color: #E7F9FF;
    padding: 50px 37px 0;
    min-height: 430px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tariff-info {
    min-height: 1320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #E7F9FF;
    padding: 35px 24px 65px;
    border-radius: 0 0 15px 15px
}

.tariff-slide:first-child .tariff-info,
.tariff-slide:first-child .tariff-body {
    background-color: #F5FDD6
}

.tariff__text-l {
    font-family: "Bebas Neue Bold";
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
    text-align: center
}

.tariff__text {
    font-family: "Gilroy Bold";
    font-size: 20px;
    font-weight: 700;
    line-height: 20px
}

.tariff__text-s {
    font-family: "Gilroy Bold";
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    color: #999999
}

.tariff__text-xs {
    font-family: "Tahoma";
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #999999;
    text-align: center
}

.ta-center {
    text-align: center
}

.tariff__btn {
    border: 1px solid transparent;
    background-color: #21BDEE;
    padding: 19px 57px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: "Gilroy Bold";
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    color: #ffffff;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    cursor: pointer;
    border-radius: 26px;
    text-transform: uppercase
}

.tariff__btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tariff__btn--green {
    background-color: #A3CD00
}

.tariffs-wrap {
    margin-top: 50px
}

.custom-tabs-content:first-child .tariffs-wrap {
    max-width: 92%
}

.section-tariff .swiper-button {
    position: absolute;
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
    top: 178px;
    width: 51px;
    height: 191px;
    background-color: #21BDEE;
    border: none;
    border-radius: 0px 14px 14px 0px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-tariff .swiper-button-prev {
    background-color: #9DC400
}

.section-tariff .swiper-button-disabled {
    display: none
}

.swiper-btn-tariff-prev .swiper-btn-tariff__icon {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.swiper-btn-tariff-prev .swiper-btn-tariff__content {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.section-tariff .swiper-button-next {
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important
}

.swiper-btn-tariff__icon {
    width: 21px;
    height: 21px;
    background: url(/local/templates/itach.by/assets/css/../images/icons/swiper-arr.svg)
}

.swiper-btn-tariff__content {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.swiper-btn-tariff__label {
    font-family: "Gilroy Bold";
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    color: #ffffff;
    opacity: 0.6
}

.swiper-btn-tariff__text {
    font-family: "Gilroy Bold";
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    color: #ffffff
}

.tariff__desc {
    margin-top: 14px
}

.tariff__subtitle {
    min-height: 68px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.tariff__subtitle span,
.tariff__subtitle a {
    display: block;
    margin: 0 auto
}

.tariff__subtitle span:not(.tariff__text-l) {
    text-decoration: line-through
}

.tariff__subtitle.accordion,
.tariff__subtitle>.panel {
    font-size: inherit;
    line-height: inherit;
    font-family: inherit
}

.tariff__price-wrap {
    margin-top: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tariff__price {
    color: #21BDEE;
    display: none
}

.tariff__price.show {
    display: block
}

.tariff-slide:first-child .tariff__price {
    display: block !important
}

.tariff__text-xs.sale,
.tariff__price-percent {
    display: none
}

.tariff__text-xs.sale.show,
.tariff__price-percent.show {
    display: block
}

#tariff-cloud-price-second .tariff__price {
    display: none
}

#tariff-cloud-price-second .tariff__price.opened {
    display: block
}

.tariff__price-percent {
    padding: 10px 16px;
    margin-left: 10px;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    background-color: #D5F76F;
    color: #222222;
    border-radius: 6px;
    transform: skewX(-10deg)
}

.tariff__price-percent span {
    -webkit-transform: skewX(10deg);
    transform: skewX(10deg);
    display: block
}

.tariff__price-user {
    width: 100%;
    margin-top: 10px;
    color: #21BDEE;
    text-decoration: underline;
    text-align: center
}

.tariff-body__bottom {
    margin-top: auto
}

.tariff__size {
    margin-top: 27px;
    border-bottom: 1px dashed #D2D2D2;
    padding-bottom: 28px
}

.tariff-item ul {
    width: 100%
}

.tariff-item li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tariff-item .tariff__list li:not(:first-child) {
    margin-top: 30px
}

.tariff__list ul {
    margin-top: 30px;
    padding-left: 20px
}

.tariff__list ul li:not(:first-child) {
    margin-top: 21px !important
}

.tariff-slide:not(:first-child) .tariff__list:last-child {
    margin-top: auto;
    min-height: 70px
}

.tariff-slide:first-child .charge svg {
    fill: #579F1EE1
}

.charge svg {
    display: inline;
    width: 44px;
    height: 19px;
    margin-left: 7px;
    fill: #5BACC7
}

.tariff-item:first-child .charge .item-new::before {
    position: relative;
    display: inline-block;
    content: "";
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: auto;
    right: 0;
    top: 0
}

.tariff-item:first-child .charge .item-new::after {
    content: "New!";
    font-family: "Gilroy Bold";
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    color: #E8473A;
    margin-left: 8px
}

.fire::before {
    position: relative;
    display: inline-block;
    content: "";
    width: 15px;
    height: 20px;
    left: 0;
    right: auto;
    top: 0
}

.fire:before {
    background: url(/local/templates/itach.by/assets/css/../images/icons/fire.svg) center no-repeat;
    margin-right: 8px
}

.tariffs-box-wrap {
    padding: 20px 0;
    border: 2px solid #999999;
    border-radius: 30px;
    max-width: 1134px;
    margin: 50px auto 0;
    display: grid;
    gap: 50px 30px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
}

.tariff-box-item {
    padding: 40px
}

.tariff-box-item__user-num-wrap {
    margin-top: 64px
}

.tariff-box-item__price-wrap {
    margin-top: 60px
}

.tariff-box-item__period {
    font-family: "Gilroy Regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    margin-top: 10px;
    color: #999;
    min-height: 63px
}

.tariff-box-item__list {
    margin-top: 34px
}

.tariff-box-item__list {
    font-family: "Gilroy Regular";
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

.tariff-box-item__list li:not(:first-child) {
    margin-top: 35px
}

.tariff-box-item__list li {
    color: #999
}

.tariff-box-item__list li.checked {
    color: #222222
}

.tariff-box-item__list li.checked::after {
    position: relative;
    display: inline-block;
    content: "";
    width: 14px;
    height: 14px
}

.tariff-box-item__list li.checked::after {
    content: "✓";
    font-family: "Gilroy Regular";
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    color: #A3CD00;
    margin-left: 8px
}

.tariff-box-item .tariff__btn-wrap {
    margin-top: 60px
}

.tariff-box-item:nth-child(2) .tariff-box-item__price {
    display: none
}

.tariff-box-item:nth-child(2) .tariff-box-item__price.show {
    display: block
}

.tariff-box-item:nth-child(2) .tariff-box-item__user-num {
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer
}

.tariff-box-item:nth-child(2) .tariff-box-item__user-num.active {
    color: #E8473A;
    text-decoration: none
}

.tariff-box-item:nth-child(2) .tariff-box-item__user-num:not(:first-child) {
    margin-left: 26px
}

.tariff-box-item__link {
    font-family: "Gilroy Regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #3BC8F5;
    text-decoration: underline;
    text-underline-offset: 2px;
    margin: 10px auto 0
}

.tariff-box-item__user {
    min-height: 58px
}

.tariff-box-item__title {
    max-width: 80%;
    margin: 0 auto;
    min-height: 60px
}

.new-select {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ffffff;
    border: 1px solid #999;
    border-radius: 15px;
    width: 239px;
    margin: 0 auto;
    padding: 10px;
    color: #222222;
    background-color: transparent;
    height: 70px
}

.new-select span {
    display: block
}

.new-select:after {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: calc(50% - 6px);
    border: solid #222222;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    opacity: 0.6;
    -webkit-transition: all 0.27s ease-in-out;
    transition: all 0.27s ease-in-out;
    -webkit-transform: rotate(0deg);
    transform: rotate(45deg)
}

.new-select__list {
    position: absolute;
    background-color: #ffffff;
    width: 239px;
    max-height: unset;
    border-radius: 15px;
    border: 1px solid #999;
    padding: 8px 16px;
    left: 0;
    top: 78px;
    text-align: left;
    padding: 25px 15px;
    z-index: 4
}

.new-select__item span {
    text-decoration: none !important;
    text-align: center
}

.new-select__item:not(:first-child) {
    margin-top: 10px
}

.tariff-slide:last-child .tariff-body {
    padding: 10px 37px 0
}

.tariff-slide:last-child span.tariff__text-xs {
    padding-top: 20px
}

#tariff-cloud-price-first {
    min-height: 38px
}

.filter-btn--cloud {
    display: none
}

.filter-btn--cloud.opened {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.license-item {
    padding: 80px 56px 50px;
    background-color: #ffffff
}

.license-item__btn,
.license-item__text {
    margin: 50px auto 0
}

.license-item__pic-wrap {
    margin-top: 80px
}

.content-block:not(:last-child) {
    padding-bottom: 50px;
    border-bottom: 1px dashed #999999;
    margin-bottom: 50px
}

.section-integration .title-l,
.content-block .title-l,
.content-block .text-l,
.content-block .news-list:not(:last-child) {
    margin-bottom: 60px
}

.content-block .title,
.content-block h4:not(:last-child),
.content-block h5:not(:last-child),
.content-block .text-pale-xxs:not(:last-child),
.content-block .video-wrap:not(:last-child),
.content-block img:not(:last-child) {
    margin-bottom: 50px
}

.content-block p:not(:last-child),
.content-block ul,
.content-block ol {
    margin-bottom: 30px
}

.content-block ul li {
    padding-left: 24px;
    position: relative
}

.content-block ul li::before {
    position: absolute;
    content: "";
    display: block;
    top: 15px;
    left: 9px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #222222
}

.content-block li {
    padding: 4px
}

.content-block h4 {
    font-family: "Gilroy Bold";
    font-size: 20px;
    font-weight: 700;
    line-height: 24.18px;
    color: inherit
}

.content-block h4 span {
    color: #E8473A;
    text-decoration: underline;
    text-underline-offset: 2px
}

.content-block a {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    display: inline;
    text-decoration: underline;
    text-underline-offset: 2px;
    color: #E8473A
}

body.modal-open,
html.modal-open {
    overflow: hidden !important
}

.popup {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.45);
    width: 100%;
    height: 100%;
    overflow: auto;
    pointer-events: none;
    opacity: 0;
    visibility: hidden
}

.popup.is-active {
    pointer-events: auto;
    opacity: 1;
    visibility: visible
}

.popup.popup-success.is-active {
    z-index: 100
}

.popup__wrapper {
    display: table;
    width: 100%;
    height: 100%
}

.popup__inner {
    display: table-cell;
    vertical-align: middle;
    padding: 100px 0
}

.popup__content {
    background: #ffffff;
    padding: 50px 100px;
    max-width: 635px;
    margin: 0 auto;
    position: relative;
    border-radius: 15px;
    -webkit-box-shadow: 0px 3px 10px 0px #0000000D;
    box-shadow: 0px 3px 10px 0px #0000000D
}

.popup.is-active .popup__content {
    -webkit-animation: slideDown 0.6s forwards;
    animation: slideDown 0.6s forwards
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-110%);
        transform: translateY(-110%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-110%);
        transform: translateY(-110%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.popup__text {
    margin-top: 40px;
    font-family: "Tahoma";
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #999
}

.popup__pic-wrap {
    height: 95px;
    margin-bottom: 40px
}

.popup__pic-wrap img {
    max-width: 95px;
    -webkit-transform: rotate(26deg) translate(-11px, 18px);
    transform: rotate(26deg) translate(-11px, 18px)
}

.btn-close {
    position: relative;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    width: 30px;
    height: 30px;
    display: inline-block;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s
}

.popup__btn-close {
    position: absolute;
    top: 46px;
    right: 100px
}

.btn-close::before,
.btn-close::after {
    content: "";
    background: #2d2d2d;
    height: 20px;
    width: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.btn-close::before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.btn-close::after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.form-order__title.text-l,
.popup__title.text-l {
    color: #222222
}

@media (max-width: 768px) {
    .news-block img {
        float: none;
        width: 100%;
        margin-right: 0;
    }
}

@media screen and (max-width: 1440px) {
    .section-history__text-wrap {
        width: 100%
    }

    .header-burger{
        display: block;
    }

    .menu-wrap{
        display: none;
    }

    .header-bottom__menu{
        order: 1;
    }

    .header-bottom__inner{
        justify-content: start;
        gap: 32px;
    }

    .header-bottom__contact{
        margin-left: auto;
    }
}

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

    .section-tariff:not(.section-tariff--new) .swiper-btn-tariff-next,
    .section-tariff:not(.section-tariff--new) .swiper-btn-tariff-prev {
        display: none !important
    }

    .custom-tabs-content:first-child .tariffs-wrap {
        max-width: 100%
    }

    .section-tariff:not(.section-tariff--new) .tariffs-wrap .swiper-wrapper {
        display: grid;
        gap: 50px 30px;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
    }

    .section-tariff:not(.section-tariff--new) .tariffs-wrap .swiper-wrapper .tariff-slide {
        width: 100% !important
    }

    .section-tariff:not(.section-tariff--new) .tariff-info {
        min-height: 1246px
    }

    .section-tariff:not(.section-tariff--new) .tariff-item {
        min-height: 1550px
    }
}

@media screen and (max-width: 1240px) {
    .section-top__title {
        font-size: 52px;
        line-height: 120%;
    }

    .title-l,
    .step-item .step-item__title {
        font-size: 53px;
        line-height: 60px
    }

    .text-l {
        font-size: 35px;
        line-height: 40px
    }

    .specialization-item {
        margin-bottom: -5px
    }

    .step-item {
        width: calc((100% - 60px) / 2)
    }

    .step-item:not(:nth-child(3n)) {
        margin-right: unset
    }

    .step-item:not(:nth-child(2n)) {
        margin-right: 30px
    }

    .step-item:nth-child(n+3) {
        margin-top: 57px
    }

    .step-item:nth-child(2),
    .step-item:nth-child(5) {
        min-height: unset
    }

    .form-step__content {
        margin-top: 52px
    }

    .form-step__subtitle {
        font-size: 26px;
        line-height: 28px
    }

    .slider-nav-wrap {
        margin-top: 60px
    }

    .section-clients__col-inner {
        margin-top: 60px
    }

    .portfolio__cards-wrap .project-card {
        width: calc((100% - 30px) / 2)
    }

    .portfolio__cards-wrap .project-card:not(:nth-child(3n)) {
        margin-right: unset
    }

    .portfolio__cards-wrap .project-card:nth-child(n+3) {
        margin-bottom: unset
    }

    .portfolio__cards-wrap .project-card:not(:nth-child(2n)) {
        margin-right: 30px
    }

    .portfolio__cards-wrap .project-card:nth-child(n+2) {
        margin-bottom: 50px
    }

    .section-project-pic-wrap {
        margin-bottom: 10px
    }

    .section-404-inner {
        min-height: 554px
    }
}

@media screen and (max-width: 1140px) {
    .col-100-l {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .col-100-l:last-child {
        margin-top: 66px
    }

    #map {
        width: 100%
    }

    .visible-l {
        display: block
    }

    .hidden-l {
        display: none
    }
/*
    h1 {
        font-size: 70px;
        line-height: 100px;
        max-width: unset
    } */

    .tizer-item {
        padding: 14px 32px;
        font-size: 23px;
        line-height: 26px
    }

    .section-about__inner .tizer-item span span {
        font-size: 40px
    }

    .title {
        font-size: 23px;
        line-height: 26px
    }

    .title::before,
    .title::after {
        width: 11px;
        height: 21px;
        font-size: 21px;
        line-height: 21px;
        top: 0px
    }

    .title::before {
        margin-right: 14px
    }

    .title::after {
        margin-left: 14px
    }

    .title-wrap {
        margin-bottom: 82px
    }

    .title-l,
    .step-item .step-item__title {
        font-size: 46px;
        line-height: 52px
    }

    .text-l {
        font-size: 30px;
        line-height: 36px
    }

    .text-with-arr-l {
        padding-left: 36px
    }

    .text-with-arr-l::before {
        width: 15px;
        height: 15px;
        left: -5px
    }

    .section__link {
        font-size: 18px;
        line-height: 22px
    }

    .section-list,
    .section-content,
    .section-content.col-100-m {
        margin-top: 40px !important
    }

    .custom-tabs-content.opened {
        min-height: unset
    }

    .section-top__inner {
        background-position-y: 30%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-step__subtitle {
        font-size: 22px;
        line-height: 26px
    }

    .section-clients__col:first-child {
        min-height: unset
    }

    .footer__row:first-child .footer__col:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer__col:last-child {
        padding-left: 0;
        margin-top: 60px
    }

    .footer__contacts-wrap-top {
        margin-top: 0
    }

    .footer__social-links {
        margin-top: 30px
    }

    .footer__row:nth-child(2) {
        padding: 70px 0 62px
    }

    .payment.col-100-l:last-child {
        margin-top: 30px
    }

    .questions__accordion-main {
        width: 100%;
        padding: 40px 0 40px 44px;
        border-bottom: none;
        font-family: "Gilroy Bold";
        font-size: 24px;
        font-weight: 700;
        line-height: 29.02px;
        position: relative
    }

    .questions__accordion-main::before {
        position: absolute;
        content: "";
        width: 14px;
        height: 14px;
        border: solid #E8473A;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 2px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        display: block;
        left: 3px;
        top: calc(50% - 14px)
    }

    .section-constructor__col.col-68 {
        padding-left: 0px
    }

    .menu-dropdown-item {
        width: calc((100% - 60px) / 3)
    }

    .menu-dropdown-item:not(:nth-child(4n)) {
        margin-right: unset
    }

    .menu-dropdown-item:not(:nth-child(3n)) {
        margin-right: 30px
    }

    .menu-dropdown-item:nth-child(n+5) {
        margin-top: unset
    }

    .menu-dropdown-item:nth-child(n+4) {
        margin-top: 50px
    }

    .portfolio-filter__btns-wrap {
        margin-top: 60px
    }

    .portfolio__cards-wrap {
        margin-top: 70px
    }

    .news-block .title {
        font-size: 22px;
        line-height: 26px
    }

    .news-block.title::before {
        width: 11px;
        height: 21px;
        font-size: 21px;
        line-height: 21px;
        margin-right: 14px;
        top: 0px
    }

    .news-block.title::after {
        width: 11px;
        height: 21px;
        font-size: 21px;
        line-height: 21px;
        margin-left: 14px;
        top: 0px
    }

    .block-with-triangles {
        min-height: 300px
    }

    .tariffs-wrap {
        margin-top: 0
    }

    .popup .text-l {
        font-size: 35px;
        line-height: 40px;
        max-width: 94%
    }

    .section-history__inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .section-history__pic-wrap {
        padding: 0;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .section-history__pic-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .section-history__pic-wrap img,
    .section-history__pic-wrap object {
        position: relative;
        top: -40%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .section-history__col-bottom {
        position: relative
    }

    .section-history__col:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .section-history__text-wrap {
        width: 100%;
        margin-top: 30px;
        padding: 0
    }

    .section-history__text-wrap {
        overflow-y: visible;
        max-height: 100%
    }

    .section-history__text-wrap .mouse {
        display: none
    }
}

@media screen and (max-width: 960px) {
    .header-bottom {
        padding: 16px 0
    }

    .col-100-m {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .col-100-m:last-child:not(.tizer-item) {
        margin-top: 60px
    }

    .hidden-m {
        display: none !important
    }


    .portfolio__cards-wrap .card-rotate__back,
    .portfolio__cards-wrap .card-rotate:hover .card-rotate__front {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        z-index: 2
    }

    .section-project-review__col:first-child {
        padding-right: 0
    }

    .visible-m {
        display: block
    }

    .menu-item-mb {
        font-family: "Gilroy Bold";
        font-size: 40px;
        font-weight: 700;
        line-height: 48.36px;
        text-align: left;
        color: #999999
    }

    .menu-item-mb.accordion:hover {
        color: #999999
    }

    .menu-item-mb a {
        font-size: inherit;
        line-height: inherit;
        color: inherit
    }

    .menu-item-mb.accordion::before {
        display: none
    }

    .menu-item-mb.accordion.active {
        color: #222222
    }

    .menu-dropdown-item {
        width: 100%
    }

    .section-top__inner {
        height: 460px
    }

    /* h1 {
        font-size: 60px;
        line-height: 82px
    } */

    .section-tizer__inner {
        display: block;
        max-width: 400px;
        margin: 0 auto;
        position: relative;
        border-bottom: none
    }

    .section-tizer__inner::after,
    .section-tizer__inner::before {
        position: absolute;
        display: inline-block;
        content: "";
        width: 1px;
        height: 100%;
        right: auto;
        left: 18px;
        top: 10px
    }

    .section-tizer__inner:after,
    .section-tizer__inner:before {
        border-left: 1px dashed #999999
    }

    .section-tizer__inner:after {
        right: 18px;
        left: auto
    }

    .section-tizer__inner .tizer-item:nth-child(3n),
    .section-tizer__inner .tizer-item:last-child {
        border-right: none
    }

    .tizer-item {
        border-right: none;
        border-left: none;
        min-height: unset;
        border-bottom: 1px dashed #999999;
        margin-bottom: 0
    }

    .title-l,
    .step-item .step-item__title {
        font-size: 30px;
        line-height: 40px
    }

    .text-l {
        font-size: 22px;
        line-height: 28px
    }

    .text-with-arr-l::before {
        width: 12px;
        height: 12px
    }

    .specialization-item {
        margin-bottom: -6px
    }

    .form-step__title {
        font-size: 30px;
        line-height: 40px
    }

    .section-clients__bottom {
        margin: 50px 0 40px
    }

    .menu-dropdown--mobile {
        display: block;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #ffffff;
        z-index: 10;
        padding: 35px 20px 62px;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: 0.2s all linear;
        transition: 0.2s all linear
    }

    .menu-dropdown--mobile .menu-dropdown__wrap {
        margin-top: 63px
    }

    .menu-dropdown--mobile.menu-active {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .menu-dropdown--mobile .btn-consult.btn {
        margin: 30px auto 0
    }

    .menu-dropdown--mobile a.menu-dropdown__phone {
        font-family: "Gilroy Bold";
        font-size: 22.51px;
        font-weight: 700;
        line-height: 27.22px;
        color: #222222;
        margin: 90px auto 0
    }

    .menu-dropdown--mobile .social-links {
        margin: 30px auto 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .menu-dropdown--mobile .accordion {
        padding: 0
    }

    .menu-dropdown--mobile .menu-item-mb-wrap:not(:last-child) {
        margin-bottom: 30px
    }

    .menu-dropdown-item:nth-child(n+4) {
        margin-top: unset
    }

    .menu-dropdown-item {
        margin-top: 30px !important
    }

    .header-close {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 50px;
        right: 30px;
        z-index: 11;
        cursor: pointer
    }

    .close-line {
        display: block;
        width: 20px;
        height: 1px;
        background-color: #222222;
        position: absolute;
        top: 50%
    }

    .close-line:first-child {
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg)
    }

    .close-line:last-child {
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg)
    }

    .col-50:last-child {
        margin-top: 40px
    }

    .form-step__inner:not(:first-child) {
        margin-top: 60px
    }

    .form-step__subtitle {
        margin-bottom: 30px
    }

    .form-swiper .text-l {
        font-size: 22px;
        line-height: 26px
    }

    .form-swiper .col-100-m:last-child:not(.tizer-item) {
        margin-top: 40px
    }

    .form-swiper .input-item__label:not(:first-child) {
        margin-top: 0px
    }

    .form-swiper .form-consent {
        margin-top: 30px
    }

    .form-swiper .form-step__btn-next {
        display: none
    }

    .form-swiper .form-order__inner:first-child span:last-child {
        margin-top: 30px
    }

    .form-step__subtitle {
        font-size: 20px;
        line-height: 22px
    }

    .portfolio__cards-wrap {
        margin-top: 60px
    }

    .portfolio-filter__btns-wrap {
        margin-top: 40px
    }

    .breadcrumb {
        font-size: 20px;
        line-height: 26px
    }

    .section-project__pic-wrap {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .section-project__lin-wrap {
        margin-top: 30px
    }

    .section-project__lin-wrap a.section-project__link {
        font-size: 30px;
        line-height: 30px
    }

    .page-content:not(.main-page) .title-l {
        font-size: 40px;
        line-height: 46px
    }

    .page-content:not(.main-page) .text-l {
        font-size: 32px;
        line-height: 34px
    }

    .page-content:not(.main-page) {
        padding: 70px 0 75px
    }

    .page-content:not(.main-page) .section {
        padding: 60px 0
    }

    .section-project-pic-wrap {
        margin-top: 0;
        margin-bottom: 0
    }

    .section-project__pic-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .section-project-desc__inner {
        display: grid;
        gap: 40px;
        grid-template-columns: repeat(auto-fit, minmax(254px, 1fr))
    }

    .section-content p:not(:first-child) {
        margin-top: 20px
    }

    .section-content img:not(:first-child) {
        margin-top: 20px
    }

    .section-project-review__col:last-child {
        padding-left: 0;
        border-left: none;
        border-top: 1px dashed #999999;
        margin-top: 50px !important;
        padding-top: 50px
    }

    .col-50.pic-wrap img {
        width: 100%
    }

    .section-slider__slider-wrap {
        margin-top: 60px
    }

    .section-slider .slider-nav {
        margin: 60px auto 0
    }

    .section-news-year:not(:first-child) {
        margin-top: 120px
    }

    .section-news-year__bottom-wrap {
        gap: 60px 30px
    }

    .section-service-info__inner:not(:first-child) {
        margin-top: 120px
    }

    .section-service-info__bottom-wrap {
        gap: 60px 30px
    }

    .section-404-inner {
        min-height: 454px
    }

    .quote {
        padding-left: 132px
    }

    .quote::before {
        content: "";
        width: 64px;
        height: 40px
    }

    .quote::after {
        left: 90px
    }

    .news-nav {
        margin: 74px auto 0
    }

    .section-about .tizer-item:not(:first-child) {
        border-top: 0
    }

    .section-about__inner .tizer-item {
        min-width: 360px
    }

    .section-team__col.col-32 .slider-nav {
        margin: 40px 0 0
    }

    .team-card__title {
        font-size: 24px;
        line-height: 26px
    }

    .section-team__title-wrap {
        margin-bottom: 30px
    }

    .section-product__col:last-child {
        padding-left: 0
    }

    .section-offer__info.section__info {
        max-width: 100%
    }

    .section-offer-item:nth-last-child(n+3) {
        padding-bottom: unset
    }

    .section-offer-item:nth-last-child(n+2) {
        padding-bottom: 60px;
        position: relative
    }

    .section-offer-item:nth-last-child(n+2):after {
        position: absolute;
        display: inline-block;
        content: "";
        width: 1px;
        height: 40px;
        left: 50%;
        display: block;
        border-left: 1px dashed #999999;
        bottom: 0
    }

    .section-offers__wrap {
        gap: 20px 30px
    }

    .section-tariff:not(.section-tariff--new) .section-tariff__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .section-tariff__filter-wrap {
        margin-top: 30px
    }
}

@media screen and (max-width: 820px) {
    /* h1 {
        font-size: 50px;
        line-height: 72px
    } */
    .section-top__title {
        font-size: 40px;
        line-height: 120%;
    }

    .form-step__content {
        max-width: 100%
    }

    .rewiews-card {
        padding: 60px 20px;
        min-height: unset
    }

    .project-card {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 30px !important
    }

    .portfolio__cards-wrap .project-card:nth-child(n+2) {
        margin-bottom: unset
    }

    .page-content:not(.main-page) .contact-item__info.text-l {
        font-size: 24px;
        line-height: 30px
    }

    .section-contacts .contact-item:nth-last-child(2) {
        margin-top: 60px
    }

    .contacts__map {
        margin-top: 60px
    }

    .section-404-inner {
        min-height: 354px
    }

    .section-technologies__inner {
        gap: 40px 20px
    }

    .section-offers__wrap {
        grid-template-columns: auto
    }

    .popup__content {
        padding: 50px
    }

    .popup__btn-close {
        right: 50px
    }
}

@media screen and (max-width: 680px) {
    .col-100-s {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .hidden-s {
        display: none
    }

    .visible-s {
        display: block;
    }

    .container {
        padding: 0 16px
    }

    header .contact-item {
        margin-right: 20px
    }

    .menu-item-mb {
        font-size: 32px;
        line-height: 39px
    }

    .section-top__inner {
        height: 350px
    }

    /* h1 {
        font-size: 38px;
        line-height: 48px
    } */

    .section-top__title {
        font-size: 34px;
    }

    .section {
        padding: 60px 0
    }

    .section-tizer__inner {
        max-width: 360px
    }

    .tizer-item,
    .title {
        font-size: 18px;
        line-height: 20px
    }

    .section-about__inner .tizer-item span span {
        font-size: 30px
    }

    .title::before,
    .title::after {
        width: 11px;
        height: 14px;
        font-size: 14px;
        line-height: 14px;
        top: 0.5px
    }

    .title::before {
        margin-right: 8px
    }

    .title::after {
        margin-left: 11px
    }

    .title-wrap {
        margin-bottom: 50px
    }

    .page-content:not(.main-page) .title-l,
    .title-l,
    .news-wrap-custom h2 {
        font-size: 34px !important;
        line-height: 40px !important
    }

    .step-item .step-item__title {
        font-size: 24px;
        line-height: 29px
    }

    .specialization-item {
        margin-bottom: -3px;
        text-align: center
    }

    .specialization-item.title-l {
        font-size: 24px;
        line-height: 30px
    }

    .section-specializations__row:not(:first-child) {
        padding-top: unset !important;
        padding: 20px 0 0 !important
    }

    .section-specializations__row:nth-child(2) {
        padding-top: 0 !important
    }

    .section-specializations__row:first-child {
        padding-left: 0;
        padding-top: 0 !important
    }

    .service-wrap {
        margin-top: 40px
    }

    .service-subitem .service-subitem__desc {
        margin-top: 24px
    }

    .service-subitem:nth-child(n+3) {
        margin-top: unset
    }

    .service-subitem:not(:first-child) {
        margin-top: 40px
    }

    .title~.title-l,
    .section-clients__col-inner {
        margin-top: 40px
    }

    .col-100-l:last-child {
        margin-top: 40px
    }

    .project-card__title {
        margin-top: 40px
    }

    .project-card__content.block-with-arrow svg {
        margin-top: 40px
    }

    .slider-nav,
    .section-slider .slider-nav {
        margin-top: 40px
    }

    .section__link {
        margin-top: 30px;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .section-portfolio__col:first-child {
        display: contents
    }

    .section-portfolio__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form-step__title {
        font-size: 26px;
        line-height: 32px
    }

    .form-step__content,
    .slider-nav-wrap {
        margin: 37px auto 0
    }

    .form-step__btn-next {
        margin-top: 20px
    }

    .step-item:nth-child(2n-1) {
        background-size: 36%
    }

    .step-item:nth-child(2n) {
        background-size: 48%
    }

    .step-item:nth-child(n+3) {
        margin-top: unset
    }

    .step-item:not(:first-child) {
        margin-top: 57px
    }

    .rewiews-card {
        padding: 40px 18px
    }

    .rewiew-card__author {
        margin-top: 40px
    }

    .rewiew-card__logo {
        margin: 0 auto
    }

    .author__name {
        font-size: 24px
    }

    .news-card:not(:first-child) {
        margin-top: 40px
    }

    .footer__social-links {
        margin-top: 27px
    }

    .footer__row:first-child {
        padding-top: 76px
    }

    .footer__logo {
        width: 160px
    }

    .footer__row:nth-child(2) {
        padding: 70px 0 42px
    }

    .requisites__wrap {
        margin-top: 0
    }

    .footer__row:last-child {
        padding: 33px 0 26px
    }

    #map {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0
    }

    .accordion-wrap {
        border-bottom: 1px dashed #999999;
        padding: 13px 0 13px 36px
    }

    .payment__item {
        margin-bottom: 36px
    }

    .portfolio-filter__btns-wrap {
        margin-top: 40px
    }

    .portfolio__col:last-child {
        margin-top: 30px !important
    }

    .portfolio__cards-wrap {
        margin-top: 40px
    }

    .card-rotate {
        position: relative;
        -webkit-perspective: 2000px;
        perspective: 2000px;
        -webkit-transition: 2s;
        transition: 2s;
        min-height: 368px
    }

    .section-project__lin-wrap a.section-project__link {
        font-size: 24px;
        line-height: 24px
    }

    .section-project-goals__col.col-68 {
        max-height: 100%;
        overflow-y: visible
    }

    .section-project-goals__col.col-68 .mouse {
        display: none
    }

    .section-project-goals__inner::after {
        display: none
    }

    .breadcrumb {
        font-size: 17px;
        line-height: 24px;
        letter-spacing: 0.1px
    }

    .page-content:not(.main-page) .section {
        padding: 50px 0
    }

    .section-contacts__form-wrap {
        margin-top: 80px
    }

    .page-content:not(.main-page) .section:last-child {
        padding-bottom: 0
    }

    .section-project__list.col-100-m:last-child:not(.tizer-item) {
        margin-top: 40px
    }

    .pic-wrap:not(.col-50),
    .col-50.pic-wrap.col-100-m,
    .section-slider__slider-wrap {
        margin-top: 40px
    }

    .goals__col:nth-child(2) .goal-item:first-child {
        margin-top: 0
    }

    .mouse {
        margin-bottom: 36px
    }

    .goal-item:not(:last-child) {
        padding-bottom: inherit
    }

    .goal-item:not(:last-child) {
        padding-bottom: inherit
    }

    .goals__col:nth-child(2) .goal-item {
        padding-bottom: 100px
    }

    .goals__col:last-child .goal-item:not(:last-child) {
        padding-bottom: 100px
    }

    .goal-item::after {
        height: 70px
    }

    .goal-item .goal-item__title {
        font-size: 26px;
        line-height: 28px
    }

    .goals__col:nth-child(2) .goal-item::after {
        display: block;
        border-left: 1px dashed #999999 !important;
        bottom: 0
    }

    .mouse img {
        left: 0
    }

    .section-project-review__col:last-child {
        margin-top: 40px !important;
        padding-top: 40px
    }

    .section-project-review__job-title,
    .section-project-review__text {
        margin-top: 40px
    }

    .section-news-year:not(:first-child) {
        margin-top: 100px
    }

    .section-news-year__bottom-wrap {
        gap: unset
    }

    .section-news-year__bottom-wrap .block-with-arrow svg {
        margin-top: 30px
    }

    .section-news-year__bottom-wrap .news-card:not(:first-child) {
        margin-top: 50px
    }

    .section-news-year__bottom-wrap,
    .section-service-info__bottom-wrap {
        grid-template-columns: auto
    }

    .section-service-info__inner:not(:first-child) {
        margin-top: 100px
    }

    .section-service-info__bottom-wrap {
        gap: unset
    }

    .section-service-info__bottom-wrap .block-with-arrow svg {
        margin-top: 30px
    }

    .section-service-info__bottom-wrap .services-card:not(:first-child) {
        margin-top: 50px
    }

    .news-block .title-l,
    .news-block .text-l,
    .news-block p:not(:last-child),
    .news-block .news-list:not(:last-child),
    .news-block ul:not(:last-child),
    .news-block ol:not(:last-child) {
        margin-bottom: 30px
    }

    .news-wrap-custom h2 {
        margin-bottom: 40px
    }

    .news-wrap-custom h3 {
        margin-bottom: 30px
    }

    .news-block .title,
    .news-block h4:not(:last-child),
    .news-block h5:not(:last-child),
    .news-block .text-pale-xxs:not(:last-child),
    .news-block .video-wrap:not(:last-child),
    .news-block img:not(:last-child) {
        margin-bottom: 30px
    }

    .news-block:not(:last-child) {
        padding-bottom: 25px;
        margin-bottom: 25px
    }

    .news-block .d-flex.jc-end {
        -webkit-box-pack: baseline;
        -ms-flex-pack: baseline;
        justify-content: baseline
    }

    .video-wrap {
        min-height: 250px
    }

    .quote {
        padding-left: 82px
    }

    .quote::before {
        content: "";
        width: 36px;
        height: 24px
    }

    .quote::after {
        left: 55px
    }

    .news-nav {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        margin-top: 60px
    }

    .news-nav__next,
    .news-nav__prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .news-nav__next svg,
    .news-nav__prev svg {
        width: 24px;
        height: 14px
    }

    .section-about__inner .tizer-item {
        min-width: 278px;
        min-height: inherit
    }

    .section-about__inner .tizer-items-wrap::before {
        left: 10px;
        top: 22px
    }

    .section-about__inner .tizer-items-wrap::after {
        right: 10px;
        top: 22px
    }

    .section-technologies__inner {
        gap: 30px
    }

    .section-team__col.col-32 .slider-nav {
        margin: 40px auto 0
    }

    .section-team .col-100-m:last-child:not(.tizer-item) {
        margin-top: 30px
    }

    .section-offer-item__title.title {
        font-size: 23px;
        line-height: 26px
    }

    .section-brunches__inner {
        gap: 40px
    }

    .brunch-item__btn {
        margin-top: 30px
    }

    .tariff-info {
        min-height: unset
    }

    .tariff-item {
        min-height: unset
    }

    .tariff-slide:not(:first-child) .tariff__list:last-child {
        margin-top: 32px
    }

    .tariff-slide:not(:first-child) .tariff__list:last-child {
        min-height: unset
    }

    .tariff-body {
        min-height: unset
    }

    .tariff-body__bottom {
        margin-top: 32px
    }

    .section-tariff:not(.section-tariff--new) .tariffs-wrap .swiper-wrapper {
        gap: 40px
    }

    .tariff-box-item__user-num-wrap,
    .tariff-box-item__price-wrap {
        margin-top: 42px
    }

    .tariff-box-item__title,
    .tariff-box-item__user {
        min-height: unset
    }

    .tariff-box-item {
        border: 2px solid #999999;
        border-radius: 30px
    }

    .tariffs-box-wrap {
        border: none
    }

    .section-integration .title-l,
    .content-block .title-l,
    .content-block .text-l,
    .content-block .news-list:not(:last-child) {
        margin-bottom: 40px
    }

    .content-block:not(:last-child) {
        padding-bottom: 40px;
        margin-bottom: 40px
    }

    .license-item {
        padding: 40px
    }

    .license-item__btn,
    .license-item__text {
        margin: 30px auto 0
    }

    .license-item__pic-wrap {
        margin-top: 40px
    }

    .popup__content {
        max-width: 90%;
        padding: 40px
    }

    .popup__btn-close {
        right: 40px
    }

    .input-item-file {
        border: 1px dashed #999999;
        padding: 30px;
        text-align: center
    }
}

@media screen and (max-width: 590px) {
    .section__info {
        margin-top: 30px
    }

    .step-item:nth-child(2n-1) {
        background-size: 37%
    }

    .step-item:nth-child(2n) {
        background-size: 63%
    }

    .contacts-tabs-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contacts-tab {
        margin-right: 0;
        min-width: 246px
    }

    .contacts-tab:not(:first-child) {
        margin-top: 30px
    }

    .section-contacts .social-link__item {
        width: 45px;
        height: 45px;
        padding: 10px
    }

    .social-link__item.facebook svg {
        height: 26px
    }

    .section-contacts .contact-item:nth-last-child(2) {
        margin-top: 50px
    }

    .contacts__map {
        margin-top: 50px
    }


}

@media screen and (max-width: 500px) {
    body {
        font-size: 16px
    }

    .container {
        padding: 0 10px
    }

    .page-content:not(.main-page) {
        padding: 50px 0 60px
    }

    .col-100-xs {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .section-top__inner {
        height: 250px
    }

    .section-list,
    .section-content,
    .section-content.col-100-m {
        margin-top: 30px !important
    }

    .section-tizer__inner {
        max-width: 280px
    }

    /* h1 {
        font-size: 24px;
        line-height: 29.02px;
        max-width: 292px;
        margin: 0 auto
    } */

    .section-top__title {
        font-size: 24px;
        max-width: 100%;
    }

    .tizer-item,
    .title {
        font-size: 16px;
        line-height: 18px
    }

    .section-about__inner .tizer-item span span {
        font-size: 24px
    }

    .title-wrap {
        margin-bottom: 40px
    }

    .page-content:not(.main-page) .title-l,
    .title-l,
    .news-wrap-custom h2 {
        font-size: 24px !important;
        line-height: 30px !important
    }

    .project-detailed-text h3,
    .itach-wrap-custom .itach-block h3 {
        margin-bottom: 20px !important;
        font-size: 24px !important;
        line-height: 30px !important
    }

    .news-wrap-custom h3 {
        font-size: 24px !important;
        line-height: 30px !important
    }

    .section {
        padding: 50px 0
    }

    .section-specializations__row:nth-child(2) {
        padding-top: 20px !important
    }

    .section-specializations__row {
        padding-left: 0;
        padding-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .project-card__type {
        width: 34px;
        font-size: 11.02px;
        line-height: 15.75px
    }

    .project-card__content {
        padding: 24px 24px 24px 20px;
        width: calc(100% - 34px);
        color: #222222
    }

    .project-card__logo {
        max-width: 103px
    }

    .page-content:not(.main-page) .text-l,
    .text-l {
        font-size: 22px !important;
        line-height: 24px !important
    }

    .swiper-button.swiper-button-prev {
        left: -20px
    }

    .swiper-button.swiper-button-next {
        right: -20px
    }

    .slider-nav {
        margin: 30px auto 0
    }

    .form-step__title {
        font-size: 24px;
        line-height: 29px
    }

    .footer__row:first-child {
        padding-top: 60px
    }

    .footer__logo {
        width: 103px
    }

    .footer__phone {
        font-size: 20px;
        line-height: 24px
    }

    #map {
        height: 331px
    }

    .social-link__item {
        width: 25px;
        height: 25px
    }

    .social-link__item:not(:last-child) {
        margin-right: 12px
    }

    .portfolio__cards-wrap .project-card__type {
        width: 54px;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: 0.6px
    }

    .portfolio__cards-wrap .project-card__pic-wrap {
        width: calc(100% - 50px)
    }

    .section-contacts__form-wrap {
        margin-top: 60px
    }

    .card-rotate {
        min-height: unset
    }

    .section-404-inner {
        background-size: 184%;
        background-position-x: 55%
    }

    .error-page {
        padding-bottom: 50px
    }

    .section-tariff__btns-wrap {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .section-tariff__btns-wrap .btn:not(:first-child) {
        margin-left: 0px;
        margin-top: 8px
    }

    .section-tariff__btns-wrap .btn {
        width: 100%
    }
}

@media screen and (max-width: 450px) {
    .nav-tab .content-nav__title {
        padding: 17px 20px
    }

    .content-nav__title {
        font-size: 16px;
        line-height: 20.18px
    }

    .content-nav__num {
        font-size: 18px;
        line-height: 20px
    }

    .step-item:nth-child(2n-1) {
        background-size: 67%
    }

    .step-item:nth-child(2n) {
        background-size: 96%
    }

    #map,
    #mapBy,
    #mapRu,
    .ymaps-map .ymaps-i-ua_js_yes {
        height: 231px !important
    }

    .ymaps-image-with-content {
        width: 88px !important;
        height: 72px !important;
        background-size: contain !important
    }

    .block-with-triangles-back {
        min-height: 220px
    }
}

/*.section-tariff--new*/
.section-tariff--new .tariff-slide:not(:first-child) .tariff__list:last-child {
    margin-top: 0;
}

.section-tariff--new .tariff-info {
    min-height: 900px;
}

.section-tariff--new .tariff-item {
    min-height: 900px;
}

.section-tariff--new .tariff-body {
    min-height: 110px;
}

.section-tariff--new .tariff__price-wrap {
    margin-top: 0px;
}

.section-tariff--new .section-tariff__inner {
    gap: 20px;
}

.section-tariff--new .section-tariff__col:first-child {
    width: 279px;
}

.section-tariff--new .section-tariff__col:last-child {
    width: calc(100% - 279px - 20px);
}

.section-tariff--new .section-tariff__col:last-child .tariffs-wrap {
    margin-top: 0;
}

.section-tariff--new .tariff-item li {
    min-height: 80px;
}

.section-tariff--new .tariff-item li:last-child {
    min-height: 160px;
}

.section-tariff--new .section-tariff__col:last-child .tariff-item li {
    justify-content: center;
    text-align: center;
}

.section-tariff--new .swiper-button {
    height: 42px;
}

.section-tariff--new.section-tariff .swiper-button-prev,
.section-tariff--new.section-tariff .swiper-button {
    background-color: #222222;
}

.section-tariff--new .section-tariff__col:last-child .tariff__text {
    font-family: "Gilroy Regular";
    font-weight: 400;
}

.section-tariff--new .tariff-slide:last-child .tariff-body {
    padding: 50px 37px 0;
}

.section-tariff--new .section-tariff__col:first-child .tariff-top,
.section-tariff--new .section-tariff__col:first-child .tariff-body,
.section-tariff--new .section-tariff__col:first-child .tariff-info {
    background-color: #222222;
    color: #ffffff;
}

.section-tariff--new .tariff-slide:first-child .tariff-body,
.section-tariff--new .tariff-slide:first-child .tariff-info,
.section-tariff--new .tariff-item,
.section-tariff--new .tariff-body,
.section-tariff--new .tariff-info {
    background-color: #f8f8f8;
}

.section-tariff--new .tariff__price {
    color: #E8473A;
    display: block;
}

.section-tariff--new .section-tariff__col:first-child .tariff-body {
    padding: 50px 24px 0;
}

.section-tariff--new .section-tariff__col:first-child .tariff__price-wrap {
    text-decoration: underline;
    text-underline-offset: 3px;
    justify-content: flex-start;
}

.section-tariff--new .section-tariff__col:first-child .tariff__price {
    color: #ffffff;
    text-align: left;
}

.section-tariff--new .tariff-top,
.section-tariff--new .tariff-slide:first-child .tariff-top {
    background-color: #E8473A;
    color: #ffffff;
}

.section-tariff--new .tariff-info,
.section-tariff--new .tariff-body {
    margin-top: -1px;
}

@media screen and (max-width: 680px) {
    .section-tariff--new .section-tariff__col:first-child {
        display: none;
    }

    .section-tariff--new .section-tariff__col:last-child {
        width: 100%;
    }

    .section-tariff--new .section-tariff__col:last-child .tariff__text .visible-s {
        width: 100%;
        margin-bottom: 10px;
        font-family: "Gilroy SemiBold";
        font-weight: 600;
    }

    .section-tariff--new .tariff-item .tariff__list li:not(:first-child) {
        margin-top: 40px;
    }

    .section-tariff--new .tariff-item li {
        min-height: unset;
    }

    .contact-item__phone .contact-item__info{
        display: none;
    }

    .btn-consult{
        padding: 10px;
        font-size: 12px;
    }
}

@media screen and (max-width: 500px) {
    .section-tariff--new .swiper-button.swiper-button-next {
        right: 0;
    }

    .section-tariff--new .swiper-button.swiper-button-prev {
        left: 0;
    }
}

/*top section*/
.section-top__text {
    margin-top: 30px;
    max-width: 490px;
    text-align: right;
    margin-left: auto;
}

@media screen and (max-width: 960px) {
    .section-top__text {
        text-align: left;
        margin-left: unset;
    }
}

/* End */


/* Start:/local/templates/itach.by/assets/css/custom.css?175706158317978*/
:root {
	--bg: #222222;
	--text: #ffffff;
	--stroke: white;
	--muted: #b5b5b5;
	--form-stroke: #616161;
}

/* Наша специализация */

.specialization {
	background: var(--bg);
	padding: 60px 0 80px;
}

.section-title {
	margin-bottom: 153px;
	text-align: left;
	font-size: 32px;
	line-height: 30px;
	font-weight: 500;
	color: var(--text);
}

.section-title::before,
.section-title::after {
	position: relative;
	content: "/";
	display: inline-block;
	margin-right: 22px;
	width: 11px;
	height: 32px;
	-webkit-transform: rotateZ(20deg);
	transform: rotateZ(20deg);
	font-size: 32px;
	line-height: 26px;
	color: var(--text);
	top: -1px;
}

.section-title::after {
	margin-right: 0;
	margin-left: 22px;
}

.cards-grid {
	display: grid;
	grid-template-columns: repeat(4, 325px);
	grid-auto-rows: 256px;
	gap: 79px 20px;
	justify-content: center;
}

.cards-grid .card:nth-child(1) {
	grid-column: 1;
	grid-row: 1;
}
.cards-grid .card:nth-child(2) {
	grid-column: 2;
	grid-row: 1;
}
.cards-grid .card:nth-child(3) {
	grid-column: 3;
	grid-row: 1;
}
.cards-grid .card:nth-child(4) {
	grid-column: 2;
	grid-row: 2;
}
.cards-grid .card:nth-child(5) {
	grid-column: 3;
	grid-row: 2;
}
.cards-grid .card:nth-child(6) {
	grid-column: 4;
	grid-row: 2;
}

.card {
	position: relative;
	width: 325px;
	height: 256px;
	border: 2px solid var(--stroke);
  color: var(--text);
	border-radius: 8px;
	background: transparent;
	box-sizing: border-box;
	padding: 112px 20px 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.card-icon {
	position: absolute;
	left: 50%;
	top: -75.8px;
	transform: translateX(-50%);
	width: 148px;
	height: 148px;
	border-radius: 50%;
	background: var(--bg);
	display: grid;
	place-items: center;
}

.card-icon svg {
	overflow: visible;
}

.card-icon svg > path:first-of-type {
	transform-box: fill-box;
	transform-origin: 50% 50%;
}

.card-icon svg > g {
	transform-box: fill-box;
	transform-origin: 50% 50%;
}

/* .card:hover .gear-main {
    animation: spin-right 12s linear infinite;
}

.card:hover .gear-inner {
    animation: spin-left 10s linear infinite;
}

@keyframes spin-right {
	to {
		transform: rotate(360deg);
	}
}

@keyframes spin-left {
	to {
		transform: rotate(-360deg);
	}
} */

.card-icon::after {
	content: "";
	position: absolute;
	inset: 0;
	border: 2px solid var(--stroke);
	border-radius: 50%;
	clip-path: inset(50% 0 0 0);
	pointer-events: none;
}

.card-icon svg {
	width: 119px;
	height: 119px;
	display: block;
}

.card-title {
	margin-top: auto;
	margin-bottom: 12px;
	text-align: center;
	font-size: 28px;
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1.2;
}

.card-sub {
	margin: 0;
	text-align: center;
	font-size: 20px;
	color: var(--muted);
	margin-inline: auto;
	line-height: 1.2;
}

/* =====================
   Адаптивные правила
   База макета: 1920px
   ===================== */

/* ≤1279px: 2 колонки, убираем фиксированные позиции карточек */
@media (max-width: 1440px) {
	.container {
		max-width: calc(3 * 325px + 20px + 40px);
	}
	.cards-grid {
		grid-template-columns: repeat(3, 325px);
		gap: 75px 20px;
		justify-content: center;
	}
	.cards-grid .card {
		grid-column: auto !important;
		grid-row: auto !important;
	}
}

/* ≤767px: 1 колонка */
@media (max-width: 1080px) {
	.specialization .container {
		max-width: calc(2 * 325px + 20px + 40px);
	}
	.cards-grid {
		grid-template-columns: repeat(2, 325px);
		gap: 75px 20px;
	}
	.card {
		width: 100%;
		max-width: 325px;
		margin-inline: auto;
	}
}

@media (max-width: 767px) {
	.cards-grid {
		grid-template-columns: 1fr;
		gap: 75px;
	}
	.card {
		width: 100%;
		max-width: unset;
		margin-inline: auto;
	}

	.section-title {
		font-size: 24px;
		line-height: 22px;
	}

	.section-title::before,
	.section-title::after {
		width: 11px;
		height: 24px;
		font-size: 24px;
		line-height: 22px;
		margin-right: 18px;
	}

	.section-title::after {
		margin-left: 18px;
		margin-right: 0;
	}
}

@media (max-width: 425px) {
	.section-title {
		font-size: 20px;
		line-height: 18px;
	}

	.section-title::before,
	.section-title::after {
		width: 11px;
		height: 20px;
		font-size: 20px;
		line-height: 18px;
		margin-right: 16px;
	}

	.section-title::after {
		margin-left: 16px;
		margin-right: 0;
	}
}

/* html {
  overflow-x: hidden;
} */

.section-service-info__col-top .section-service-info__title a {
  color: #E8473A !important;
}

/*делталка новости*/

.itach-block:not(:last-child) {
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.itach-block .title-l,
.itach-block .text-l,
.itach-block p:not(:last-child),
.itach-block .itach-list:not(:last-child) {
  margin-bottom: 60px;
}

.itach-block ul,
.itach-block ol {
  margin-top: 4px;
}

.itach-block ul li {
  position: relative;
  padding: 4px;
  padding-left: 24px;
}

.itach-block ul li::before {
  position: absolute;
  content: "";
  display: block;
  top: 15px;
  left: 9px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #222222;
}

.itach-wrap-custom .itach-block h3 {
  margin-bottom: 50px;
  font-family: "Bebas Neue Bold";
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
  color: #222222;
  text-transform: uppercase;
}

.news-wrap-custom h2 {
  margin-bottom: 40px;
  font-family: "Gilroy Bold";
  font-size: 40px;
  font-weight: 700;
  line-height: 48.36px;
}

.news-wrap-custom h3 {
  margin-bottom: 30px;
  font-family: "Bebas Neue Bold";
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
  color: #222222;
  text-transform: uppercase;
}

.news-wrap-custom a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  display: inline;
  text-decoration: underline;
  text-underline-offset: 2px;
  color: #222222;
}

.news-wrap-custom h5 {
  font-family: "Tahoma";
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #999999;
}


/* конец */

.project-detailed-text h3 {
  margin-bottom: 36px;
  font-family: "Bebas Neue Bold";
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
  color: #222222;
  text-transform: uppercase;
}

.project-detailed-text h3:not(:first-child) {
  margin-top: 50px;
}

.project-detailed-text ul li {
  position: relative;
  padding: 4px;
  padding-left: 24px;
}

.project-detailed-text ul li::before {
  position: absolute;
  content: "";
  display: block;
  top: 15px;
  left: 9px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #222222;
}

input[type="text"]:invalid {
  border: 1px solid red;
}

input[type="tel"]:invalid {
  border: 1px solid red;
}

.section-otrasli-info .brunch-item:first-child {
  padding: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.news-nav a {
  color: #222222;
}

.section-offer-item__title.title a {
  color: #222222;
}

.section-offer-item__title.title a:hover {
  color: #e8473a;
}

.menu-dropdown-item .menu-dropdown-item__title a {
  color: #222222;
}

.section-service-info__col-top .section-service-info__title a {
  color: #222222;
}

.section-service-info__col-top .section-service-info__title a:hover {
  color: #e8473a;
}

.section-service-info__col-top {
  max-width: 60%;
}

.slider-nav:has(.swiper-button-disabled + .swiper-pagination + .swiper-button-disabled) {
  opacity: 0;
  visibility: hidden;
}

.form-swiper.swiper-container .slider-nav-wrap .slider-nav {
  opacity: 1;
  visibility: visible;
}

.content-nav__title.service__title a {
  font-family: "Gilroy Bold";
  font-weight: 700;
  color: #e8473a;
}

.menu-dropdown--mobile.menu-active {
  overflow: auto;
}

.section-usp .title-l {
  max-width: 780px;
}

.client-item img {
  margin: 0 auto;
}

.client-item {
  margin: 0 45px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: none;
  display: flex;
  align-items: center;
  left: -45px;
}



.swiper-button-next,
.swiper-container-rtl .swiper-button-next {
  background-image: none;
  display: flex;
  align-items: center;
  right: -20px;
}


.slider-nav-wrap {
  margin-left: calc(100% - 410px);
}

.btn-slider-wrap {
  position: relative;
}

.slider-nav-text {
  position: relative;
}

.btn-slider-wrap.after-left::after {
  content: '';
  position: absolute;
  left: -15px;
  width: 14px;
  height: 14px;
  border: solid #222222;
  border-width: 0 2px 2px 0;
  padding: 2px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.btn-slider-wrap.after-right::after {
  content: '';
  position: absolute;
  left: 50px;
  width: 14px;
  height: 14px;
  border: solid #222222;
  border-width: 0 2px 2px 0;
  padding: 2px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.section-specializations__row:nth-child(5) {
  padding: 32px 280px 0;

}

.form-order__inner-center {
  justify-content: center;
}

.services-detail-page .tizer-item,
.otrasli-detail-page .tizer-item {
  text-transform: none;
  font-size: 16px;
  line-height: 20px;
  font-family: inherit;
  padding: 16px;
}

.services-detail-page .tizer-item span,
.otrasli-detail-page .tizer-item span {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 12px;
}

.section-integration .content-block h3:not(.text-l) {
  font-family: "Gilroy Bold";
  font-size: 21px;
  line-height: 24px;
  color: #222222;
  margin-bottom: 12px;
}

.feedback-section__title {
  font-family: "Gilroy Bold";
  font-size: 50px;
  line-height: 60.38px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  max-width: 570px;
  cursor: pointer;
}

.feedback-section__title span {
  width: 100%;
  padding-left: 60px;
}

.feedback-section__title svg {
  width: 40px;
  height: 23px;
  fill: #222222;
  position: absolute;
  right: 0;
  bottom: 16px;
}

.feedback-section__title:hover {
  color: #E8473A;
}

.feedback-section__title:hover svg {
  fill: #E8473A !important;
  -webkit-animation: moveArrow .8s;
  animation: moveArrow .8s;
}

/* Vacancies */
.vacancies-page__accordion.accordion-wrap {
  width: 100%;
}

.vacancies-page__accordion p {
  margin-bottom: 24px;
}

.vacancies-page__accordion p strong {
  font-family: "Gilroy Bold";
}

.vacancies-page__accordion ul {
  margin-bottom: 24px;
}

.vacancies-page__accordion ul li {
  position: relative;
  padding: 4px;
  padding-left: 24px;
}

.vacancies-page__accordion ul li:before {
  position: absolute;
  content: "";
  display: block;
  top: 15px;
  left: 9px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #222222;
}

/* Vacancies end */


.photo-wrapper {
  margin-top: 30px;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
}

.photo-wrapper a:nth-child(1) {
  grid-row: 1 / 2;
  grid-column: 1 / 3;
}

.photo-wrapper a:nth-child(2) {
  grid-row: 1 / 3;
  grid-column: 3 / 5;
}

.photo-wrapper a:nth-child(3) {
  grid-row: 2 / 4;
  grid-column: 1 / 2;
}

.photo-wrapper a:nth-child(4) {
  grid-row: 3 / 4;
  grid-column: 2 / 4;
}


.photo-wrapper a {
  display: block;
  overflow: hidden;
}

.photo-wrapper a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1240px) {
  .about-page .itach-block .text-l {
    font-size: 36px;
    line-height: 40px;
  }
}


.vue-portal-target .b24-window-popup.b24-window-popup-p-center {
  z-index: 10000000;
}

@media screen and (max-width: 680px) {
  .itach-block:not(:last-child) {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .itach-block .title-l,
  .itach-block .text-l,
  .itach-block p:not(:last-child),
  .itach-block .itach-list:not(:last-child) {
    margin-bottom: 40px;
  }

  .news-wrap-custom h2 {
    margin-bottom: 30px;
  }

  .news-wrap-custom h3 {
    margin-bottom: 30px;
  }

  .form-order__inner:first-child {
    max-width: 100%;
  }

  .form__radio-btn label {
    width: 100%;
  }

  .slider-nav-wrap {
    margin: auto;
  }

  .nav-container .swiper-pagination {
    width: 190px;
  }

  .slider-nav-text {
    font-size: 14px;
  }



  .btn-slider-wrap.after-right::after {
    left: 40px;
  }

  .form-order__inner {
    max-width: 100%;
  }

  .feedback-section__title {
    font-size: 26px;
    line-height: 31.38px;
    max-width: 90%;
  }

  .feedback-section__title svg {
    width: 28px;
    height: 16px;
    bottom: 7px;
  }
}

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

  .menu-item-mb {
    color: #000000;
  }

  .menu-item-mb a {
    color: #000000;
  }

  /* .menu-dropdown--mobile .accordion { */
  /* color: #000000; */
  /* } */
  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    left: -20px;
  }

  .swiper-button-next,
  .swiper-container-rtl .swiper-button-next {
    right: -5px;
  }

  .services-detail-page .section-tizer__inner,
  .otrasli-detail-page .section-tizer__inner {
    max-width: 100%;
  }
}

/* Cookie */

.cookies {
  display: none;
  position: fixed;
  bottom: 5px;
  left: 0;
  z-index: 12;
  width: 100%;
}

.cookies__view {
  max-width: 1315px;
  position: relative;
  width: 100%;
  background-color: #fff;
  padding: 23px;
  margin: 0 auto;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 15px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cookies__text {
  max-width: 900px;
  font-size: 12px;
}

.cookies__text a {
  display: inline;
  color: #0088ff;
}

.btn-cookies {
  min-width: 160px;
  justify-content: center;
}

.btn-cookies:hover {
  opacity: 1;
}

.btn-cookies::after {
  min-width: 160px;
  content: unset;
}

.js-cookie-agree {
  border-color: #FFF;
  background-color: #e8473ad6;
  color: #fff;
}

.js-cookie-agree:hover {
  color: #fff;
}

.cookies__buttons {
  display: flex;
  gap: 10px;
}

#cookies-save-btn {
  min-width: 210px;
}

.cookies-modal-confirm {
  position: fixed;
  width: 480px;
  background: #fff;
  display: block;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  padding: 40px;
  border-radius: 8px;
  z-index: 1000;
}

.cookies-modal-confirm__title {
  font-size: 18px;
  text-align: center;
  margin: 0;
}

.cookies-modal-confirm__body {
  margin: 8px 0;
}

.cookies-modal-confirm__text {
  font-size: 14px;
}

.cookies-modal-confirm__buttons {
  display: flex;
  justify-content: space-between;
}

.base-modal {
  display: none;
}

.base-modal_show {
  display: block;
}

.base-modal__backdrop {
  background-color: hsla(0, 0%, 5%, .5);
  max-width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}


@media screen and (max-width: 960px) {
  .cookies__view {
    flex-direction: column;
    align-items: flex-start;
  }

  .cookies__buttons {
    margin-top: 20px;
  }
}

@media screen and (max-width: 500px) {
  .cookies__buttons {
    margin-top: 20px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 480px) {
  .cookies-modal-confirm {
    width: 320px;
  }

  .cookies-modal-confirm__buttons {
    flex-wrap: wrap;
    gap: 10px;
  }

  .btn-cookies {
    width: 100%;
  }
}

.cookies-setting {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.15);
  line-height: 1.3;
}

.cookies-setting__bg {
  width: 100%;
  height: 100%;
  padding: 20px;
  color: #323E48;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cookies-setting__modal {
  position: relative;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
}

.cookies-setting__buttons {
  margin-top: 20px;
}

.cookies-setting__title {
  margin: 0;
  margin-bottom: 10px;
  max-width: 80%;
}

.cookies-setting__close {
  position: absolute;
  right: 20px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.cookies-setting__list {
  margin-top: 20px;
}

.cookies-setting__list>li:before {
  content: none;
}

.cookies-setting__body {
  max-width: 1000px;
  height: 400px;
  overflow-y: scroll;
}

.cookies-setting__description {
  font-size: 12px;
}

.cookies-setting__description_red {
  color: red;
}

.checkbox-item {
  display: flex;
  align-items: center;
}

.checkbox-item input {
  margin-right: 5px;
  -webkit-appearance: auto;
  position: static;
}

.cookies-setting__item {
  margin-bottom: 10px;
}

.cookies-setting a {
  text-decoration: underline;
  color: #0088ff;
}


/* Cookie end */

.section-clients__inner {
  align-items: flex-start;
}

.section-clients .col-32 .section-clients__title {
  margin-top: 40px;
}

.section-clients .medal-block {
  margin-top: 40px;
}

.section-clients  .col-68 {
  padding-top: 73px;
}

@media (max-width: 1240px) {
  .section-clients .col-32 .section-clients__title {
    margin-top: 0;
  }

  .section-clients .col-68 {
    padding-top: 0px;
  }
}


.btn-consult{
  background-color: #E8473A;
  color: #fff;
  font-weight: 700;
}

.btn-consult:hover{
  color: #fff;
}

/* End */


/* Start:/local/templates/itach.by/components/bitrix/menu/mobMenu/style.min.css?1719155522490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/itach.by/components/bitrix/menu/mobMenu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* /local/templates/itach.by/libs/swiper/swiper.min.css?171915552219775 */
/* /local/templates/itach.by/assets/css/font.css?17424591581127 */
/* /local/templates/itach.by/assets/css/style.css?1756989542122429 */
/* /local/templates/itach.by/assets/css/custom.css?175706158317978 */
/* /local/templates/itach.by/components/bitrix/menu/mobMenu/style.min.css?1719155522490 */