/* Minification failed. Returning unminified contents. (2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,17): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-width' (13,18): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-height' (24,32): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-stroke' (29,30): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-color-1' (33,30): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-color-2' (61,21): run-time error CSS1039: Token not allowed after unary operator: '-f-throw-out-duration' (65,21): run-time error CSS1039: Token not allowed after unary operator: '-f-throw-out-duration' (70,45): run-time error CSS1039: Token not allowed after unary operator: '-f-throw-out-distance' (77,40): run-time error CSS1039: Token not allowed after unary operator: '-f-throw-out-distance' (83,21): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (87,21): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (110,21): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (110,56): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-easing' (110,89): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-delay' (115,21): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (115,56): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-easing' (115,89): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-delay' (136,21): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (141,21): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (162,21): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (167,21): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (188,21): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (193,26): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (214,21): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (218,21): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (222,21): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (226,21): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (262,21): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (267,21): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (272,21): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (277,21): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (347,17): run-time error CSS1039: Token not allowed after unary operator: '-f-button-width' (348,18): run-time error CSS1039: Token not allowed after unary operator: '-f-button-height' (349,18): run-time error CSS1039: Token not allowed after unary operator: '-f-button-border' (350,25): run-time error CSS1039: Token not allowed after unary operator: '-f-button-border-radius' (351,17): run-time error CSS1039: Token not allowed after unary operator: '-f-button-color' (352,22): run-time error CSS1039: Token not allowed after unary operator: '-f-button-bg' (353,22): run-time error CSS1039: Token not allowed after unary operator: '-f-button-shadow' (356,22): run-time error CSS1039: Token not allowed after unary operator: '-f-button-transition' (361,21): run-time error CSS1039: Token not allowed after unary operator: '-f-button-hover-color' (362,32): run-time error CSS1039: Token not allowed after unary operator: '-f-button-hover-bg' (367,28): run-time error CSS1039: Token not allowed after unary operator: '-f-button-active-bg' (376,34): run-time error CSS1039: Token not allowed after unary operator: '-f-button-outline' (376,63): run-time error CSS1039: Token not allowed after unary operator: '-f-button-outline-color' (376,93): run-time error CSS1039: Token not allowed after unary operator: '-f-button-color' (380,17): run-time error CSS1039: Token not allowed after unary operator: '-f-button-svg-width' (381,18): run-time error CSS1039: Token not allowed after unary operator: '-f-button-svg-height' (382,16): run-time error CSS1039: Token not allowed after unary operator: '-f-button-svg-fill' (384,24): run-time error CSS1039: Token not allowed after unary operator: '-f-button-svg-stroke-width' (388,21): run-time error CSS1039: Token not allowed after unary operator: '-f-button-transform' (389,18): run-time error CSS1039: Token not allowed after unary operator: '-f-button-svg-filter' (398,23): run-time error CSS1039: Token not allowed after unary operator: '-f-button-svg-disabled-opacity' (412,16): run-time error CSS1039: Token not allowed after unary operator: '-f-button-prev-pos' (416,17): run-time error CSS1039: Token not allowed after unary operator: '-f-button-next-pos' (421,17): run-time error CSS1039: Token not allowed after unary operator: '-f-button-next-pos' (426,16): run-time error CSS1039: Token not allowed after unary operator: '-f-button-prev-pos' (436,15): run-time error CSS1039: Token not allowed after unary operator: '-f-button-next-pos' (440,18): run-time error CSS1039: Token not allowed after unary operator: '-f-button-next-pos' (463,37): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-body-margin' (463,72): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-scrollbar-compensate' (469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (474,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (492,19): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-zIndex' (517,22): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-bg' (518,19): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-opacity' (561,20): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-slide-gap' (603,17): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-content-color' (604,22): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-content-bg' (677,17): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-color' (678,19): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-opacity' (693,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (738,23): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-opacity' (756,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (771,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (777,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (778,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (781,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (782,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (784,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (790,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (791,19): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-opacity' (817,18): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-top' (817,44): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-width' (817,80): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-left' (817,107): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-height' (856,80): run-time error CSS1030: Expected identifier, found ',' (856,100): run-time error CSS1031: Expected selector, found ')' (856,100): run-time error CSS1025: Expected comma or open brace, found ')' (861,21): run-time error CSS1039: Token not allowed after unary operator: '-f-backdrop-enter-duration' (864,79): run-time error CSS1030: Expected identifier, found ',' (864,99): run-time error CSS1031: Expected selector, found ')' (864,99): run-time error CSS1025: Expected comma or open brace, found ')' (869,21): run-time error CSS1039: Token not allowed after unary operator: '-f-backdrop-exit-duration' (929,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (930,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (932,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (934,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (935,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (936,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (937,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (938,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (943,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (944,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (945,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (946,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (950,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (951,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (952,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1005,17): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-width' (1006,18): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-height' (1028,26): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-clip-width' (1029,26): run-time error CSS1039: Token not allowed after unary operator: '-width' (1029,48): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-clip-width' (1034,17): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-clip-width' (1035,38): run-time error CSS1039: Token not allowed after unary operator: '-shift' (1049,43): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-outline-color' (1049,97): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-outline-color' (1049,152): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-outline-color' (1049,206): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-outline-color' (1054,17): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-width' (1060,25): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-border-radius' (1067,19): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-opacity' (1072,23): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-hover-opacity' (1081,23): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-selected-opacity' (1085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,21): run-time error CSS1039: Token not allowed after unary operator: '-clip-path' (1090,19): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-selected-opacity' (1101,22): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-outline' (1101,54): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-outline-color' (1102,29): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-border-radius' (1117,19): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-offset' (1121,25): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-border-radius' (1129,20): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-gap' (1138,22): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-gap' (1142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1148,19): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-opacity' (1153,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1154,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1155,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1163,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1164,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1165,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1166,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1167,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1175,25): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-gap' (1179,23): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-gap' (1183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1219,17): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-color' (1220,19): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-opacity' (1221,23): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-toolbar-text-shadow' (1262,23): run-time error CSS1039: Token not allowed after unary operator: '-f-button-height' (1276,26): run-time error CSS1039: Token not allowed after unary operator: '-f-button-bg' (1330,22): run-time error CSS1039: Token not allowed after unary operator: '-f-progress-color' (1330,46): run-time error CSS1039: Token not allowed after unary operator: '-f-carousel-theme-color' (1356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1389,38): run-time error CSS1039: Token not allowed after unary operator: '-swiper-wrapper-transition-timing-function' (1491,31): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before' (1497,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after' (1501,30): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before' (1507,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after' (1551,28): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color' (1551,57): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (1561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1593,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size' (1598,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size' (1602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1607,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-top-offset' (1608,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (1609,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (1610,34): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (1616,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color' (1616,47): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (1647,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset' (1652,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset' (1662,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (1674,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset' (1699,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bottom' (1700,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-top' (1740,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-width' (1740,54): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size' (1741,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-height' (1741,56): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size' (1743,25): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-border-radius' (1744,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-color' (1745,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-opacity' (1766,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-opacity' (1767,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (1767,52): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (1771,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-right' (1772,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-left' (1778,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-vertical-gap' (1794,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-horizontal-gap' (1812,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-fraction-color' (1816,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-bg-color' (1821,26): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (1821,56): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (1837,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-size' (1843,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-size' (1854,25): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-border-radius' (1857,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-bg-color' (1866,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset' (1867,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-bottom' (1868,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-top' (1870,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-size' (1871,37): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset' (1876,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-left' (1877,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-right' (1878,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset' (1880,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-size' (1881,38): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset' (1888,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-drag-bg-color' (1889,25): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-border-radius' (2490,21): run-time error CSS1039: Token not allowed after unary operator: '-vh' (8504,27): run-time error CSS1039: Token not allowed after unary operator: '-vh' */ :root { --f-spinner-width: 36px; --f-spinner-height: 36px; --f-spinner-color-1: rgba(0, 0, 0, 0.1); --f-spinner-color-2: rgba(17, 24, 28, 0.8); --f-spinner-stroke: 2.75 } .f-spinner { margin: auto; padding: 0; width: var(--f-spinner-width); height: var(--f-spinner-height) } .f-spinner svg { width: 100%; height: 100%; vertical-align: top; animation: f-spinner-rotate 2s linear infinite } .f-spinner svg * { stroke-width: var(--f-spinner-stroke); fill: none } .f-spinner svg *:first-child { stroke: var(--f-spinner-color-1) } .f-spinner svg *:last-child { stroke: var(--f-spinner-color-2); animation: f-spinner-dash 2s ease-in-out infinite } @keyframes f-spinner-rotate { 100% { transform: rotate(360deg) } } @keyframes f-spinner-dash { 0% { stroke-dasharray: 1,150; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90,150; stroke-dashoffset: -35 } 100% { stroke-dasharray: 90,150; stroke-dashoffset: -124 } } .f-throwOutUp { animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp } .f-throwOutDown { animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown } @keyframes f-throwOutUp { to { transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0); opacity: 0 } } @keyframes f-throwOutDown { to { transform: translate3d(0, var(--f-throw-out-distance, 150px), 0); opacity: 0 } } .f-zoomInUp { animation: var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp } .f-zoomOutDown { animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown } @keyframes f-zoomInUp { from { transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0 } to { transform: scale(1) translate3d(0, 0, 0); opacity: 1 } } @keyframes f-zoomOutDown { to { transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0 } } .f-fadeIn { animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn; z-index: 2 } .f-fadeOut { animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut; z-index: 1 } @keyframes f-fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes f-fadeOut { 100% { opacity: 0 } } .f-fadeFastIn { animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn; z-index: 2 } .f-fadeFastOut { animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut; z-index: 2 } @keyframes f-fadeFastIn { 0% { opacity: .75 } 100% { opacity: 1 } } @keyframes f-fadeFastOut { 100% { opacity: 0 } } .f-fadeSlowIn { animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn; z-index: 2 } .f-fadeSlowOut { animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut; z-index: 1 } @keyframes f-fadeSlowIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes f-fadeSlowOut { 100% { opacity: 0 } } .f-crossfadeIn { animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn; z-index: 2 } .f-crossfadeOut { animation: calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut; z-index: 1 } @keyframes f-crossfadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes f-crossfadeOut { 100% { opacity: 0 } } .f-slideIn.from-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext } .f-slideIn.from-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev } .f-slideOut.to-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext } .f-slideOut.to-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev } @keyframes f-slideInPrev { 0% { transform: translateX(100%) } 100% { transform: translate3d(0, 0, 0) } } @keyframes f-slideInNext { 0% { transform: translateX(-100%) } 100% { transform: translate3d(0, 0, 0) } } @keyframes f-slideOutNext { 100% { transform: translateX(-100%) } } @keyframes f-slideOutPrev { 100% { transform: translateX(100%) } } .f-classicIn.from-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext; z-index: 2 } .f-classicIn.from-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev; z-index: 2 } .f-classicOut.to-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext; z-index: 1 } .f-classicOut.to-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev; z-index: 1 } @keyframes f-classicInNext { 0% { transform: translateX(-75px); opacity: 0 } 100% { transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes f-classicInPrev { 0% { transform: translateX(75px); opacity: 0 } 100% { transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes f-classicOutNext { 100% { transform: translateX(-75px); opacity: 0 } } @keyframes f-classicOutPrev { 100% { transform: translateX(75px); opacity: 0 } } :root { --f-button-width: 40px; --f-button-height: 40px; --f-button-border: 0; --f-button-border-radius: 0; --f-button-color: #374151; --f-button-bg: #f8f8f8; --f-button-hover-bg: #e0e0e0; --f-button-active-bg: #d0d0d0; --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-stroke-width: 1.5; --f-button-svg-fill: none; --f-button-svg-filter: none; --f-button-svg-disabled-opacity: 0.65 } .f-button { display: flex; justify-content: center; align-items: center; box-sizing: content-box; position: relative; margin: 0; padding: 0; width: var(--f-button-width); height: var(--f-button-height); border: var(--f-button-border); border-radius: var(--f-button-border-radius); color: var(--f-button-color); background: var(--f-button-bg); box-shadow: var(--f-button-shadow); pointer-events: all; cursor: pointer; transition: var(--f-button-transition) } @media(hover: hover) { .f-button:hover:not([disabled]) { color: var(--f-button-hover-color); background-color: var(--f-button-hover-bg) } } .f-button:active:not([disabled]) { background-color: var(--f-button-active-bg) } .f-button:focus:not(:focus-visible) { outline: none } .f-button:focus-visible { outline: none; box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)) } .f-button svg { width: var(--f-button-svg-width); height: var(--f-button-svg-height); fill: var(--f-button-svg-fill); stroke: currentColor; stroke-width: var(--f-button-svg-stroke-width); stroke-linecap: round; stroke-linejoin: round; transition: opacity .15s ease; transform: var(--f-button-transform); filter: var(--f-button-svg-filter); pointer-events: none } .f-button[disabled] { cursor: default } .f-button[disabled] svg { opacity: var(--f-button-svg-disabled-opacity) } .f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next { position: absolute; z-index: 1 } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next { top: 50%; transform: translateY(-50%) } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev { left: var(--f-button-prev-pos) } .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next { right: var(--f-button-next-pos) } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev { left: auto; right: var(--f-button-next-pos) } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next { right: auto; left: var(--f-button-prev-pos) } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next { top: auto; left: 50%; transform: translateX(-50%) } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev { top: var(--f-button-next-pos) } .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next { bottom: var(--f-button-next-pos) } .is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg { transform: rotate(90deg) } .f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled { pointer-events: none } html.with-fancybox { width: auto; overflow: visible; scroll-behavior: auto } html.with-fancybox body { touch-action: none } html.with-fancybox body.hide-scrollbar { width: auto; margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px)); overflow: hidden !important; overscroll-behavior-y: none } .fancybox__container { --fancybox-color: #dbdbdb; --fancybox-hover-color: #fff; --fancybox-bg: rgba(24, 24, 27, 0.98); --fancybox-slide-gap: 10px; --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-color-1: rgba(255, 255, 255, 0.1); --f-spinner-color-2: #bbb; --f-spinner-stroke: 3.65; position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; display: flex; flex-direction: column; box-sizing: border-box; margin: 0; padding: 0; color: #f8f8f8; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow: visible; z-index: var(--fancybox-zIndex, 1050); outline: none; transform-origin: top left; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%; text-size-adjust: 100%; overscroll-behavior-y: contain } .fancybox__container *, .fancybox__container *::before, .fancybox__container *::after { box-sizing: inherit } .fancybox__container::backdrop { background-color: rgba(0,0,0,0) } .fancybox__backdrop { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: var(--fancybox-bg); opacity: var(--fancybox-opacity, 1); will-change: opacity } .fancybox__carousel { position: relative; box-sizing: border-box; flex: 1; min-height: 0; z-index: 10; overflow-y: visible; overflow-x: clip } .fancybox__viewport { width: 100%; height: 100% } .fancybox__viewport.is-draggable { cursor: move; cursor: grab } .fancybox__viewport.is-dragging { cursor: move; cursor: grabbing } .fancybox__track { display: flex; margin: 0 auto; height: 100% } .fancybox__slide { flex: 0 0 auto; position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; margin: 0 var(--fancybox-slide-gap) 0 0; padding: 4px; overflow: auto; overscroll-behavior: contain; transform: translate3d(0, 0, 0); backface-visibility: hidden } .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 40px } .fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video { overflow: hidden } .fancybox__slide.has-image { overflow: hidden } .fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected { overflow: visible } .fancybox__slide::before, .fancybox__slide::after { content: ""; flex: 0 0 0; margin: auto } .fancybox__backdrop:empty, .fancybox__viewport:empty, .fancybox__track:empty, .fancybox__slide:empty { display: block } .fancybox__content { align-self: center; display: flex; flex-direction: column; position: relative; margin: 0; padding: 2rem; max-width: 100%; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); cursor: default; border-radius: 0; z-index: 20 } .is-loading .fancybox__content { opacity: 0 } .is-draggable .fancybox__content { cursor: move; cursor: grab } .can-zoom_in .fancybox__content { cursor: zoom-in } .can-zoom_out .fancybox__content { cursor: zoom-out } .is-dragging .fancybox__content { cursor: move; cursor: grabbing } .fancybox__content [data-selectable], .fancybox__content [contenteditable] { cursor: auto } .fancybox__slide.has-image > .fancybox__content { padding: 0; background: rgba(0,0,0,0); min-height: 1px; background-repeat: no-repeat; background-size: contain; background-position: center center; transition: none; transform: translate3d(0, 0, 0); backface-visibility: hidden } .fancybox__slide.has-image > .fancybox__content > picture > img { width: 100%; height: auto; max-height: 100% } .is-animating .fancybox__content, .is-dragging .fancybox__content { will-change: transform,width,height } .fancybox-image { margin: auto; display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; user-select: none; filter: blur(0px) } .fancybox__caption { align-self: center; max-width: 100%; flex-shrink: 0; margin: 0; padding: 14px 0 4px 0; overflow-wrap: anywhere; line-height: 1.375; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); cursor: auto; visibility: visible } .is-loading .fancybox__caption, .is-closing .fancybox__caption { opacity: 0; visibility: hidden } .is-compact .fancybox__caption { padding-bottom: 0 } .f-button.is-close-btn { --f-button-svg-stroke-width: 2; position: absolute; top: 0; right: 8px; z-index: 40 } .fancybox__content > .f-button.is-close-btn { --f-button-width: 34px; --f-button-height: 34px; --f-button-border-radius: 4px; --f-button-color: var(--fancybox-color, #fff); --f-button-hover-color: var(--fancybox-color, #fff); --f-button-bg: transparent; --f-button-hover-bg: transparent; --f-button-active-bg: transparent; --f-button-svg-width: 22px; --f-button-svg-height: 22px; position: absolute; top: -38px; right: 0; opacity: .75 } .is-loading .fancybox__content > .f-button.is-close-btn { visibility: hidden } .is-zooming-out .fancybox__content > .f-button.is-close-btn { visibility: hidden } .fancybox__content > .f-button.is-close-btn:hover { opacity: 1 } .fancybox__footer { padding: 0; margin: 0; position: relative } .fancybox__footer .fancybox__caption { width: 100%; padding: 24px; opacity: var(--fancybox-opacity, 1); transition: all .25s ease } .is-compact .fancybox__footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 20; background: rgba(24,24,27,.5) } .is-compact .fancybox__footer .fancybox__caption { padding: 12px } .is-compact .fancybox__content > .f-button.is-close-btn { --f-button-border-radius: 50%; --f-button-color: #fff; --f-button-hover-color: #fff; --f-button-outline-color: #000; --f-button-bg: rgba(0, 0, 0, 0.6); --f-button-active-bg: rgba(0, 0, 0, 0.6); --f-button-hover-bg: rgba(0, 0, 0, 0.6); --f-button-svg-width: 18px; --f-button-svg-height: 18px; --f-button-svg-filter: none; top: 5px; right: 5px } .fancybox__nav { --f-button-width: 50px; --f-button-height: 50px; --f-button-border: 0; --f-button-border-radius: 50%; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: transparent; --f-button-hover-bg: rgba(24, 24, 27, 0.3); --f-button-active-bg: rgba(24, 24, 27, 0.5); --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 26px; --f-button-svg-height: 26px; --f-button-svg-stroke-width: 2.5; --f-button-svg-fill: none; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5)); --f-button-svg-disabled-opacity: 0.65; --f-button-next-pos: 1rem; --f-button-prev-pos: 1rem; opacity: var(--fancybox-opacity, 1) } .fancybox__nav .f-button:before { position: absolute; content: ""; top: -30px; right: -20px; left: -20px; bottom: -30px; z-index: 1 } .is-idle .fancybox__nav { animation: .15s ease-out both f-fadeOut } .is-idle.is-compact .fancybox__footer { pointer-events: none; animation: .15s ease-out both f-fadeOut } .fancybox__slide > .f-spinner { position: absolute; top: 50%; left: 50%; margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5)); z-index: 30; cursor: pointer } .fancybox-protected { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 40; user-select: none } .fancybox-ghost { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 0; object-fit: contain; z-index: 40; user-select: none; pointer-events: none } .fancybox-focus-guard { outline: none; opacity: 0; position: fixed; pointer-events: none } .fancybox__container:not([aria-hidden]) { opacity: 0 } .fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop,.fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) { animation: var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn } .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop { animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn } .fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop,.fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) { animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut } .fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop { animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { max-width: 100%; flex-shrink: 1; min-height: 1px; overflow: visible } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content { width: calc(100% - 120px); height: 90% } .fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content { width: 100%; height: 100% } .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100% } .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { padding: 0; background: rgba(24,24,27,.9); color: #fff } .has-map .fancybox__content { background: #e5e3df } .fancybox__html5video, .fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: rgba(0,0,0,0) } .fancybox-placeholder { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important } .f-carousel__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-outline: 0; --f-thumb-outline-color: #5eb0ef; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; --f-thumb-border-radius: 2px; --f-thumb-offset: 0px; --f-button-next-pos: 0; --f-button-prev-pos: 0 } .f-carousel__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1 } .f-carousel__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 16px; --f-thumb-clip-width: 46px } .f-thumbs { position: relative; flex: 0 0 auto; margin: 0; overflow: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0); user-select: none; perspective: 1000px; transform: translateZ(0) } .f-thumbs .f-spinner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; background-image: linear-gradient(#ebeff2, #e2e8f0); z-index: -1 } .f-thumbs .f-spinner svg { display: none } .f-thumbs.is-vertical { height: 100% } .f-thumbs__viewport { width: 100%; height: auto; overflow: hidden; transform: translate3d(0, 0, 0) } .f-thumbs__track { display: flex } .f-thumbs__slide { position: relative; flex: 0 0 auto; box-sizing: content-box; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; width: var(--f-thumb-width); height: var(--f-thumb-height); overflow: visible; cursor: pointer } .f-thumbs__slide.is-loading img { opacity: 0 } .is-classic .f-thumbs__viewport { height: 100% } .is-modern .f-thumbs__track { width: max-content } .is-modern .f-thumbs__track::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc((var(--f-thumb-clip-width, 0))*-0.5); width: calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0)); cursor: pointer } .is-modern .f-thumbs__slide { width: var(--f-thumb-clip-width); transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); transition: none; pointer-events: none } .is-modern.is-resting .f-thumbs__slide { transition: transform .33s ease } .is-modern.is-resting .f-thumbs__slide__button { transition: clip-path .33s ease } .is-using-tab .is-modern .f-thumbs__slide:focus-within { filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color)) } .f-thumbs__slide__button { appearance: none; width: var(--f-thumb-width); height: 100%; margin: 0 -100% 0 -100%; padding: 0; border: 0; position: relative; border-radius: var(--f-thumb-border-radius); overflow: hidden; background: rgba(0,0,0,0); outline: none; cursor: pointer; pointer-events: auto; touch-action: manipulation; opacity: var(--f-thumb-opacity); transition: opacity .2s ease } .f-thumbs__slide__button:hover { opacity: var(--f-thumb-hover-opacity) } .f-thumbs__slide__button:focus:not(:focus-visible) { outline: none } .f-thumbs__slide__button:focus-visible { outline: none; opacity: var(--f-thumb-selected-opacity) } .is-modern .f-thumbs__slide__button { --clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) ); clip-path: var(--clip-path) } .is-classic .is-nav-selected .f-thumbs__slide__button { opacity: var(--f-thumb-selected-opacity) } .is-classic .is-nav-selected .f-thumbs__slide__button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: auto; bottom: 0; border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent); border-radius: var(--f-thumb-border-radius); animation: f-fadeIn .2s ease-out; z-index: 10 } .f-thumbs__slide__img { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: var(--f-thumb-offset); box-sizing: border-box; pointer-events: none; object-fit: cover; border-radius: var(--f-thumb-border-radius) } .f-thumbs.is-horizontal .f-thumbs__track { padding: 8px 0 12px 0 } .f-thumbs.is-horizontal .f-thumbs__slide { margin: 0 var(--f-thumb-gap) 0 0 } .f-thumbs.is-vertical .f-thumbs__track { flex-wrap: wrap; padding: 0 8px } .f-thumbs.is-vertical .f-thumbs__slide { margin: 0 0 var(--f-thumb-gap) 0 } .fancybox__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-border-radius: 2px; --f-thumb-outline: 2px; --f-thumb-outline-color: #ededed; position: relative; opacity: var(--fancybox-opacity, 1); transition: max-height .35s cubic-bezier(0.23, 1, 0.32, 1) } .fancybox__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1 } .fancybox__thumbs.is-classic .f-spinner { background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)) } .fancybox__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 16px; --f-thumb-clip-width: 46px; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1 } .fancybox__thumbs.is-modern .f-spinner { background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)) } .fancybox__thumbs.is-horizontal { padding: 0 var(--f-thumb-gap) } .fancybox__thumbs.is-vertical { padding: var(--f-thumb-gap) 0 } .is-compact .fancybox__thumbs { --f-thumb-width: 64px; --f-thumb-clip-width: 32px; --f-thumb-height: 48px; --f-thumb-extra-gap: 10px } .fancybox__thumbs.is-masked { max-height: 0px !important } .is-closing .fancybox__thumbs { transition: none !important } .fancybox__toolbar { --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94)); --f-button-width: 46px; --f-button-height: 46px; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: rgba(24, 24, 27, 0.65); --f-button-hover-bg: rgba(70, 70, 73, 0.65); --f-button-active-bg: rgba(90, 90, 93, 0.65); --f-button-border-radius: 0; --f-button-svg-width: 24px; --f-button-svg-height: 24px; --f-button-svg-stroke-width: 1.5; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15)); --f-button-svg-fill: none; --f-button-svg-disabled-opacity: 0.65; display: flex; flex-direction: row; justify-content: space-between; margin: 0; padding: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5)); pointer-events: none; z-index: 20 } .fancybox__toolbar :focus-visible { z-index: 1 } .fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar { position: absolute; top: 0; left: 0; right: 0 } .is-idle .fancybox__toolbar { pointer-events: none; animation: .15s ease-out both f-fadeOut } .fancybox__toolbar__column { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start } .fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right { flex-grow: 1; flex-basis: 0 } .fancybox__toolbar__column.is-right { display: flex; justify-content: flex-end; flex-wrap: nowrap } .fancybox__infobar { padding: 0 5px; line-height: var(--f-button-height); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased; cursor: default; user-select: none } .fancybox__infobar span { padding: 0 5px } .fancybox__infobar:not(:first-child):not(:last-child) { background: var(--f-button-bg) } [data-fancybox-toggle-slideshow] { position: relative } [data-fancybox-toggle-slideshow] .f-progress { height: 100%; opacity: .3 } [data-fancybox-toggle-slideshow] svg g:first-child { display: flex } [data-fancybox-toggle-slideshow] svg g:last-child { display: none } .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child { display: none } .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child { display: flex } [data-fancybox-toggle-fullscreen] svg g:first-child { display: flex } [data-fancybox-toggle-fullscreen] svg g:last-child { display: none } :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none } :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: flex } .f-progress { position: absolute; top: 0; left: 0; right: 0; height: 3px; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff)); z-index: 30; user-select: none; pointer-events: none } /** * Swiper 11.1.14 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 12, 2024 */ @font-face { font-family: swiper-icons; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1 } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block } .swiper-vertical > .swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px,0,0) } .swiper-horizontal { touch-action: pan-y } .swiper-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .swiper-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-3d { perspective: 1200px } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999 } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before) } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after) } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before) } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after) } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0,0,0,.15) } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0) } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size) } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size) } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset,50%); width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important } .swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg) } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset,10px); right: auto } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto } .swiper-button-lock { display: none } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1 } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev' } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next' } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom,8px); top: var(--swiper-pagination-top,auto); left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius,50%); background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2) } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none !important } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color,var(--swiper-theme-color)) } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right,8px); left: var(--swiper-pagination-left,auto); top: 50%; transform: translate3d(0px,-50%,0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform,.2s top } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px) } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s left } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s right } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color,inherit) } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25)); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size,4px); left: 0; top: 0 } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size,4px); height: 100%; left: 0; top: 0 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius,10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1)) } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset,1%); bottom: var(--swiper-scrollbar-bottom,4px); top: var(--swiper-scrollbar-top,auto); z-index: 50; height: var(--swiper-scrollbar-size,4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)) } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left,auto); right: var(--swiper-scrollbar-right,4px); top: var(--swiper-scrollbar-sides-offset,1%); z-index: 50; width: var(--swiper-scrollbar-size,4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)) } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5)); border-radius: var(--swiper-scrollbar-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: flex; justify-content: 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%; object-fit: contain } .swiper-slide-zoomed { cursor: move; touch-action: none } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-grid > .swiper-wrapper { flex-wrap: wrap } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-fade .swiper-slide-active { pointer-events: auto } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper.swiper-cube { overflow: visible } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0 } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px) } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper.swiper-flip { overflow: visible } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform,opacity,height } .swiper.swiper-cards { overflow: visible } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: .67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font: 1em monospace,monospace; } a { background: 0 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font: 1em monospace,monospace; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font: 100%/1.15 inherit; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: .35em .75em .625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } *, ::after, ::before { box-sizing: border-box; } a { display: block; line-height: normal; text-decoration: none; cursor: pointer; } a:focus { outline: 0; } a:focus-visible { outline: 2px solid #ffbe55; } img { display: block; max-width: 100%; height: auto; } h1, h2, h3, h4, h5, h6 { margin: 0; } p { margin: 0; } select { appearance: none; border: none; font: inherit; cursor: pointer; } select:focus { outline: 0; } select:focus-within { border-color: #ffbe55; } input, textarea { font: inherit; color: #252525; border: none; background: 0 0; outline: 0; } html.vi input, html.vi textarea { color: #252525; } input[type=button] { padding: 0; cursor: pointer; } input::placeholder, textarea::placeholder { opacity: 1; color: rgba(37,37,37,.6); } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } button { display: inline-block; font: inherit; color: inherit; padding: 0; margin: 0; -webkit-user-select: none; user-select: none; cursor: pointer; border: none; background: 0 0; } button:focus { outline: 0; } button:focus-visible { outline: 2px solid #ffbe55; } main { flex: 1 1 auto; } main.ov-h { overflow: hidden; } html { scroll-behavior: smooth; font-size: 62.5%; } body { font: 1.6rem Raleway,sans-serif; background: #fff; position: relative; color: #252525; font-variant-numeric: lining-nums; letter-spacing: .02em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body::before { background: rgba(37,37,37,.6); position: absolute; z-index: 4; content: ''; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity .2s ease; } body.dark-overlay::before { opacity: 1; visibility: visible; } body, html { min-height: 100%; } .page { min-height: 100%; display: flex; flex-direction: column; } .container { max-width: 144rem; width: 100%; height: 100%; margin: 0 auto; padding: 0 10rem; } .container--sm { max-width: 112.2rem; } .scroll-hidden { overflow: hidden; } .list-reset { list-style: none; padding: 0; margin: 0; } .svg-store { opacity: 0; pointer-events: none; position: absolute; height: 0; width: 0; } .header { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; } .header.fixed { background: #fff; position: fixed; z-index: 4; box-shadow: 0 0 5px 0 rgba(0,0,0,.15); animation: fadeUp .3s ease; } .header.fixed .header__inner { padding: .8rem 0; } .header.fixed .header__logo { max-width: 9.6rem; } .header.hover { background: #fff; z-index: 4; } .header.hover::after { position: absolute; pointer-events: none; content: ''; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 5px 0 rgba(0,0,0,.15); } .header.open { background: #252525; position: fixed; z-index: 4; height: calc(var(--vh,1vh) * 100); height: 100svh; overflow-y: auto; overflow-x: hidden; } .header.open .container { padding: 0 6.4rem; } .header.open .header__logo { position: absolute; top: 3.2rem; left: 0; display: none; max-width: 12.6rem; } .header.open .header__logo.hidden { display: block; } .header.open .header__controls { display: none; } .header.open .header__inner { position: relative; align-items: flex-start; justify-content: flex-start; padding: 16.4rem 0 5rem; } .header.open .menu__sublist-wrapper .container { padding: 0; } .header.open .menu { display: flex; width: 100%; } .header.open .menu__list { flex-direction: column; align-items: flex-start; width: 100%; } .header.open .menu__link { font-size: 2.6rem; text-transform: unset; letter-spacing: normal; } .header.open .menu__link-icon { fill: #fff; } .header.open .menu__item { width: 100%; } .header.open .menu__item:not(:last-child) { margin-bottom: 2.4rem; margin-right: 0; padding-bottom: 2.4rem; border-bottom: 1px solid rgba(255,255,255,.1); } .header.open .header__right { width: 100%; } .header.open .header__contact { display: block; margin: 0 auto; } .header.open .header__contact .button { background: #fff; color: #484849; font-size: 1.6rem; } .header__inner { display: flex; align-items: center; justify-content: space-between; padding: 3rem 0; } .header__controls { display: flex; margin-right: 3rem; } .header__control:not(:last-child) { margin-right: 2rem; } .header__right { display: flex; align-items: center; } .header__logo { margin-right: 6.6rem; } .header__logo.hidden { display: none; } .header__logo.hidden { visibility: hidden; } @keyframes fadeUp { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } .footer { background: #252525; padding: 18.4rem 0 10.5rem; } .footer__menu { display: flex; justify-content: space-between; padding: 8rem 0; border-bottom: 1px solid rgba(255,255,255,.2); } .footer__menu-block { width: 100%; } .footer__menu-block--sm { max-width: 40.4rem; } .footer__menu-block--sm .footer__menu-item { max-width: 18rem; } .footer__menu-item:not(:last-child) { margin-bottom: 4rem; } .footer__menu-link { color: #fff; font-weight: 600; letter-spacing: .02em; font-size: 2.6rem; max-width: -moz-fit-content; max-width: fit-content; } .footer__menu-sublink { color: #fff; line-height: 150%; max-width: -moz-fit-content; max-width: fit-content; } .footer__menu-sublink::before { background: #fff; content: ''; display: inline-block; width: 4px; height: 4px; margin-right: 1.2rem; border-radius: 50%; vertical-align: middle; } .footer__menu-sublist { width: 100%; max-width: 40.4rem; } .footer__menu-sublist:not(:last-child) { margin-right: 2rem; } .footer__menu-subitem:not(:last-child) { margin-bottom: 2.4rem; } .footer__menu-sublist-wrapper { display: flex; margin-top: 2.4rem; } .footer__bot { padding-top: 8rem; color: #8d8d8d; } .footer__descrip { font-weight: 300; font-size: 1.6rem; line-height: 150%; max-width: 55.9rem; width: 100%; } .footer__descrip-group { display: flex; justify-content: space-between; margin-bottom: 2rem; } .footer__descrip-text { max-width: 34.5rem; width: 100%; } .footer__copy { font-weight: 300; font-size: 1.6rem; } .footer__company { display: flex; justify-content: space-between; align-items: center; } .footer__madeby { font-size: 1.6rem; } .footer__madeby a { display: inline-block; } a.footer__madeby-logo { margin-right: 1.4rem; vertical-align: bottom; transition: opacity .2s ease; } a.footer__madeby-logo:hover { opacity: .7; } .footer__madeby-link { color: #8d8d8d; transition: opacity .2s ease; } .footer__madeby-link:hover { opacity: .7; } .content h2:not(.info__title), .title { font-weight: 600; font-size: 3.2rem; letter-spacing: .04em; text-transform: uppercase; } .title--bold { font-weight: 700; } .title--center { text-align: center; } .title--light { color: #fff; } .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .burger-button { display: none; align-items: center; justify-content: flex-end; margin-left: 1.8rem; z-index: 10; width: 2rem; height: 3rem; } .burger-button span { background: #252525; position: relative; width: 1.8rem; height: .2rem; border-radius: 1px; } .burger-button span::after, .burger-button span::before { background: inherit; position: absolute; width: 100%; height: .2rem; border-radius: inherit; } .burger-button span::after, .burger-button span::before { display: block; content: ''; transition: transform .15s; } .burger-button span::before { transform: translateY(-7px); } .burger-button span::after { transform: translateY(7px); } .burger-button.active { position: absolute; align-self: flex-start; right: 0; top: 4.7rem; width: 3rem; } .burger-button.active span { background: #fff; height: 0; width: 2.4rem; } .burger-button.active span::before { transform: rotate(-45deg); } .burger-button.active span::after { transform: rotate(45deg); width: 100%; } .icon { width: 4rem; height: 4rem; transition: fill .2s ease,stroke .2s ease; } .icon-globe { fill: #484849; } .icon-globe:hover { fill: #db9a30; } .icon-search { fill: #484849; } .icon-search:hover { fill: #db9a30; } .menu__link-arrow { display: flex; align-items: center; justify-content: center; margin-left: .7rem; } body:not(.touch) .menu__link-arrow { pointer-events: none; } .menu__link-icon { width: 1.2rem; min-width: 1.2rem; height: 1.2rem; fill: #484849; transition: transform .2s ease; } .menu__list { display: flex; } .menu__item { display: flex; align-items: center; } .menu__item:not(:last-child) { margin-right: 4.8rem; } .menu__item.open>.menu__sublist-wrapper { opacity: 1; visibility: visible; } .menu__item.open>.menu__link-wrapper .menu__link-arrow .menu__link-icon { transform: scale(-1,-1); } .menu__item.hover .menu__sublist-wrapper { opacity: 1; visibility: visible; } .menu__item.hover .menu__link-arrow .menu__link-icon { transform: scale(-1,-1); } .menu__link { color: #484849; letter-spacing: .02em; line-height: 1.5; font-size: 1.6rem; } .menu__sublist-title { display: block; margin-bottom: 5.5rem; padding-left: 1.5rem; font-size: 2.4rem; font-weight: 600; letter-spacing: .02em; color: #484849; } .menu__sublist-wrapper { background: #fafafa; position: absolute; padding: 2.4rem 0 2.8rem; top: 100%; left: 0; width: 100%; max-height: 100vh; overflow-y: auto; opacity: 0; visibility: hidden; } .menu__sublist { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 2.4rem 12.8rem; } .menu__sublink { display: flex; align-items: center; font-weight: 600; letter-spacing: 0; color: #252525; font-size: 1.8rem; word-break: break-word; } .menu__sublink:not(:last-child) { margin-bottom: 1rem; } .menu__subitem-img { width: 6.4rem; height: 4.8rem; object-fit: contain; margin-right: 1.2rem; } .menu__sub-sublist { padding-left: 7.8rem; } .menu__sub-subitem:not(:last-of-type) { margin-bottom: 1rem; } .menu__sub-sublink { color: #252525; font-size: 1.4rem; } .menu__link-wrapper { display: flex; } .button { background: #484849; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.6rem; letter-spacing: .07em; text-transform: uppercase; text-align: center; word-break: break-word; max-width: -moz-fit-content; max-width: fit-content; padding: 1.3rem 3rem; transition: background-color .2s ease,color .2s ease,border-color .2s ease; } .button:hover { background: #e3a239; } .button:hover .button__icon { transform: translateX(5px); fill: #fff; } .button--lg { padding: 1.5rem 5rem; } .button--secondary { color: #ffbe55; background: rgba(255,255,255,.1); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .button--outline { background: 0 0; color: #fff; border: 2px solid #ffbe55; border-color: #484849; color: #484849; } .button--outline:hover { border-color: #e3a239; } .button--tertiary { color: #fff; background: rgba(0,0,0,.2); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .button--light { background: #fff; color: #252525; } .button--bold { font-weight: 600; } .button--icon .button__icon { margin-left: 0; fill: #484849; } .button--icon:hover .button__icon { transform: translateX(0); } .button--outline-light { border-color: #fff; color: #fff; background: 0 0; } .button__icon { margin-left: 1rem; width: 2rem; height: 2rem; fill: #fff; transition: transform .2s ease,fill .2s ease; } .button-close { background: #e9e9e9; display: flex; align-items: center; justify-content: center; min-width: 4rem; min-height: 4rem; border-radius: 50%; transition: opacity .2s; } .button-close:hover { opacity: .7; } .button-close__icon { width: 1.8rem; height: 1.8rem; background: url(../img/svg/close-2.svg); background-position: center; background-repeat: no-repeat; background-size: contain; } .button-back { display: flex; align-items: center; letter-spacing: normal; color: #767676; line-height: 1.5; font-size: 1.2rem; } .button-back__icon { width: 1.2rem; height: 1.2rem; margin-right: .4rem; fill: #767676; } .link-hover { transition: color .2s ease; } .link-hover:hover { color: #ffbe55; } .intro { padding-top: 16.6rem; } .intro--bg { position: relative; padding-bottom: 14.2rem; background-position: center; background-repeat: no-repeat; background-size: cover; } .intro--bg::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg,rgba(21,21,21,.55) 0,rgba(40,40,40,0) 100%); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .intro--catalog { display: flex; justify-content: space-between; max-width: 112.2rem; width: 100%; margin-left: auto; margin-right: auto; } .intro--contract { margin-bottom: 9.6rem; } .intro--products { padding-top: 0; } .intro--products .intro__head { position: relative; padding-top: 15rem; padding-bottom: 3rem; margin-bottom: 6.4rem; } .intro--products .intro__head-bg { background: rgba(233,236,239,.7); position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-backdrop-filter: blur(.6rem); backdrop-filter: blur(.6rem); } .intro--products .intro__head-bg-image { position: absolute; z-index: -1; bottom: 0; right: 0; } .intro--products .info__title { min-width: 44.3rem; } .intro--products .info__descrip { color: #252525; } .intro--products .button-back { display: none; margin-bottom: 3.2rem; } .intro--products .crumbs { margin-bottom: 4.3rem; } .intro--content { margin-bottom: 6.4rem; } .intro--dealers { padding: 16.6rem 0 17.2rem; } .intro--search { margin-bottom: 4.8rem; } .intro--search .intro__controls { max-width: 92.1rem; width: 100%; } .intro--search-no-result { margin-bottom: 36.6rem; } .intro--search-no-result .search { max-width: 76.3rem; width: 100%; } .intro--contacts { margin-bottom: 12.4rem; } .intro__inner { position: relative; z-index: 3; } .intro__info { word-break: break-word; } .intro__info:not(:last-child) { margin-bottom: 4.8rem; } .intro__title { word-break: break-word; font-weight: 600; } .intro__search { margin-bottom: 3.2rem; } .intro__controls { width: 100%; } .intro__img { position: relative; padding-right: 9.3rem; } .intro__img::after { position: absolute; content: ''; top: 7.2rem; left: -15rem; width: 56.4rem; height: 56.2rem; background: url(../img/svg/ellipse-1.svg); background-repeat: no-repeat; background-position: center; background-size: cover; } .intro__search-not-found { margin: 3rem 0 1.6rem; padding-left: 2rem; letter-spacing: normal; } .intro__search-not-found strong { display: block; font-weight: 400; line-height: 1.5; margin-bottom: 2.4rem; } .intro__search-not-found p { line-height: 1.5; } .intro__filters { position: relative; } .intro__tech-table { margin-bottom: 3.5rem; } .intro__tech-table .table-tech__head { font-size: 1.6rem; } .intro__tech-table .table-tech__row { padding: 1.6rem 0; } .text { font-size: 1.8rem; line-height: 150%; color: #000; } .text p:not(:last-child) { margin-bottom: 4rem; } .text--light { font-weight: 300; color: #767676; } .text--lg { font-size: 2.2rem; } .input { background: #252525; padding: .6rem 1.2rem; width: 100%; color: #fff; font-size: 1.8rem; line-height: 150%; letter-spacing: .02em; border: 1px solid #767676; transition: border-color .1s linear; } .input:focus-visible, .input:hover { border-color: rgba(255,255,255,.7); } .input--light { background: #fff; border-color: #252525; color: #252525; font-size: 2rem; line-height: 1.5; text-overflow: ellipsis; } .input--light:focus-visible, .input--light:hover { border-color: rgba(37,37,37,.7); } textarea.input { min-height: 9rem; resize: none; overflow: hidden; } .logo { transition: opacity .2s ease; } .logo:hover { opacity: .7; } .search { position: relative; } .search.active .search__tips { opacity: 1; visibility: visible; } .search__form { background: #fff; position: relative; width: 100%; border: 1px solid #767676; } .search__input { width: 100%; padding: 1.6rem 4.8rem 1.6rem 4.8rem; font-size: 1.4rem; font-weight: 500; letter-spacing: normal; text-overflow: ellipsis; } .search__input::placeholder { color: #8d8d8d; transition: color .2s ease; } .search__input:hover::placeholder { color: #e3a239; } .search__input:focus::placeholder { color: #252525; } .search__icon { position: absolute; top: 50%; left: 6px; transform: translateY(-50%); } .search__tips { background: #fff; position: absolute; z-index: 3; top: calc(100% - 1px); left: 0; width: calc(100% + 0px); padding: 3.4rem 1rem; border: 1px solid #767676; box-shadow: 8px 8px 15px 0 rgba(0,0,0,.13); opacity: 0; visibility: hidden; } .search__tips-inner { scrollbar-width: thin; scrollbar-color: #a6a6a6 #f7f7f7; max-height: 53.1rem; min-height: 10rem; padding-right: .3rem; overflow-x: hidden; overflow-y: auto; } .search__tips-inner::-webkit-scrollbar { width: 4px; height: 4px; } .search__tips-inner::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 4px; } .search__tips-inner::-webkit-scrollbar-thumb { background: #f7f7f7; border-radius: 4px; } .search__clear { position: absolute; display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; top: 50%; right: .6rem; transform: translateY(-50%); transition: opacity .2s ease; } .search__clear:hover { opacity: .7; } .search__clear.mobile { display: none; top: 4.6rem; right: 3.6rem; } .search__clear.mobile .search__clear-icon { width: 2.2rem; height: 2.2rem; } .search__clear-icon { width: 2rem; height: 2rem; } .search__tips-empty { font-weight: 600; color: #8d8d8d; font-size: 2rem; margin-bottom: 3rem; padding-left: 4rem; } .search__tips-category-list { margin-bottom: 3.2rem; } .search__tips-category-item:not(:last-child) { padding-bottom: 1.9rem; margin-bottom: 1.8rem; border-bottom: 1px solid rgba(0,0,0,.1); } .search__tips-products-item:not(:last-child) { margin-bottom: .7rem; } .filter { position: relative; cursor: pointer; -webkit-user-select: none; user-select: none; } .filter__logic { position: absolute; left: 0; top: 0; opacity: 0; } .filter__logic:checked+.filter__styled { background: #ffbe55; } .filter__logic:checked+.filter__styled .filter__icon--remove { display: block; } .filter__logic:checked+.filter__styled .filter__icon--add { display: none; } .filter__logic--dark:checked+.filter__styled { background: #484849; color: #fff; } .filter__logic--gray+.filter__styled { color: #252525; border-color: #a3a3a4; } .filter__logic--gray+.filter__styled .filter__icon { fill: #252525; } .filter__logic--gray:checked+.filter__styled { background: #ddd; border-color: #ddd; } .filter__styled { background: #f0f0f0; display: flex; align-items: center; font-size: 1.4rem; padding: 1rem 1.6rem; transition: background-color .2s ease,color .2s ease,border-color .2s ease; } .filter__styled:hover { background: #ddd; } .filter__icon { min-width: 1.2rem; max-height: 1.2rem; width: 1.2rem; height: 1.2rem; margin-left: 1.5rem; fill: #252525; } .filter__icon--remove { display: none; } .filters { position: relative; display: flex; flex-wrap: wrap; max-height: 0; opacity: 0; pointer-events: none; transition: max-height .3s ease,opacity .2s ease,margin-top .3s ease; } .filters.open { max-height: 50rem; opacity: 1; margin-top: 0; pointer-events: all; } .filters__item { margin-bottom: 1.6rem; } .filters__item:not(:last-child) { margin-right: 1.6rem; } .control { position: relative; display: block; } .control--dark .control__label { color: #252525; } .control--dark .input { color: #252525; } .control--dark .input:focus-visible, .control--dark .input:hover { border-color: #484849; } .control.error .control__error { display: block; } .control.error .input { border-color: #fc6e6e; } .control.active .control__icon { transform: scale(-1,-1) translateY(50%); fill: #ffbe55; } .control__label { display: block; font-weight: 300; line-height: 150%; letter-spacing: .02em; color: #fff; font-size: 1.8rem; padding-left: 1.2rem; margin-bottom: 1.2rem; } .control__label span { color: #8d8d8d; } .control__icon { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); transition: transform .2s ease,color .2s ease; fill: #ffbe55; } .control__error { position: absolute; font-size: 1.2rem; line-height: 140%; color: #fc6e6e; top: calc(100% + 2px); left: 0; } .select { position: relative; } .select.static .select__selected { display: none; } .select.static .select__options { position: static; opacity: 1; pointer-events: all; filter: none; padding: 0; } .select.static .select__option { line-height: 1.5; } .select.static .select__option label { padding: 0; } .select.static .select__option:not(:last-child) { margin-bottom: 1.2rem; } .select__selected { position: relative; cursor: pointer; white-space: nowrap; overflow: hidden; font-size: 1.6rem; line-height: 1.5; color: #767676; text-overflow: ellipsis; text-align: left; transition: color .2s ease; } .select__selected:hover { color: #e3a239; } .select__selected:hover .select__selected-label { color: #e3a239; } .select__selected.active { opacity: 1; overflow-y: auto; pointer-events: all; } .select__options { position: absolute; z-index: 3; right: 0; top: calc(100% + 12px); width: 100%; min-width: 27rem; padding: 8px; background: #fff; opacity: 0; overflow: hidden; pointer-events: none; padding: 1.2rem 1.6rem; transition: opacity .1s ease-in-out; box-shadow: 0 8px 25px 0 rgba(0,0,0,.1); } .select__options.active { opacity: 1; overflow-y: auto; pointer-events: all; } .select__option { font-size: 1.6rem; color: #767676; cursor: pointer; border-radius: 4px; transition: background-color .1s linear,color .1s linear; } .select__option:not(:last-child) { margin-bottom: 4px; } .select__option label { display: block; padding: 8px 0; cursor: pointer; transition: background-color .1s linear; } .select__option input { display: none; } .select__option.active, .select__option.active a { color: #252525; } .select__option.active .select__option-icon { opacity: 1; } .select__option:hover, .select__option:hover a { color: #252525; } .select__selected-label { font-size: 1.6rem; color: #252525; font-weight: 500; transition: color .2s ease; } .select__option-icon { width: 1.2rem; height: 1.2rem; margin-right: .8rem; fill: #252525; opacity: 0; } .recommend { margin-bottom: 15rem; overflow: hidden; } .recommend__title { margin-bottom: 6.4rem; } .recommend__slider-btn { position: absolute; z-index: 1; top: 27%; } .recommend__slider-btn--prev { left: 0; } .recommend__slider-btn--prev .swiper-button__icon { transform: rotate(-180deg); } .recommend__slider-btn--next { right: 0; } .recommend__catalog-btn { margin: 6.4rem auto 0; } .swiper-slide { height: auto; } .swiper-button-wrapper { display: flex; align-items: center; } .swiper-button-wrapper:hover .swiper-button { background: #e3a239; } .swiper-button { background: #484849; display: flex; align-items: center; justify-content: center; min-height: 4.8rem; min-width: 4.8rem; border-radius: 50%; transition: background-color .2s ease; } .swiper-button:disabled { display: none; } .swiper-button--brand { background: #ffbe55; box-shadow: 0 10px 20px -8px rgba(255,191,88,.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); min-height: 4.8rem; min-width: 4.8rem; } .swiper-button:hover { background: #e3a239; } .swiper-button__icon { width: 2.4rem; height: 2.4rem; fill: #f0f0f0; } .swiper-pagination { display: flex; align-items: center; justify-content: center; z-index: 0; } .swiper-pagination-bullet { background: #d1d1d1; opacity: 1; width: 4px; height: 4px; } .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ffbe55; width: 8px; height: 8px; } .swiper-gallery-slides img { object-fit: contain; } .section { margin-bottom: 11.2rem; } .content ol, .list-ordered { list-style: none; padding: 0; margin: 0; padding-left: 2rem; } .content ol:not(:last-child), .list-ordered:not(:last-child) { margin-bottom: 3.2rem; } .content ol li, .list-ordered li { line-height: 150%; } .content ol li:not(:last-child), .list-ordered li:not(:last-child) { margin-bottom: 1.6rem; } .content ul, .list-unordered { list-style: none; padding: 0; margin: 0; padding-left: .6rem; } .content ul li, .list-unordered li { position: relative; padding-left: 2rem; line-height: 150%; } .content ul li::before, .list-unordered li::before { background: #252525; position: absolute; content: ''; top: 1rem; left: 0; border-radius: 50%; width: 4px; height: 4px; } .content ul li:not(:last-child), .list-unordered li:not(:last-child) { margin-bottom: 1rem; } .content .gallery-thumbs, .content-wrapper { max-width: 95.6rem; width: 100%; margin: 0 auto; } .content blockquote, .content h3:not(.product-card__title):not(.order-product__title), .content h4:not(.product-card__title), .content ol, .content p, .content ul, .content-wrapper-sm, .content__footer, .content__image-labeled { position: relative; max-width: 75rem; width: 100%; margin: 0 auto; } .content-wrapper-md { position: relative; max-width: 81.6rem; width: 100%; margin: 0 auto; } .products-list { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 3.2rem; } .table-tech { width: 100%; } .table-tech__row { display: flex; justify-content: space-between; padding: 1.2rem 0; } .table-tech__row:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,.1); } .table-tech__col { flex: 1 1 50%; word-break: break-word; } .table-tech__col:not(:last-child) { margin-right: 2rem; } .table-tech__col.col-2 { flex: 1 1 24%; } .table-tech__col.col-8 { flex: 1 1 76%; } .table-tech__head { padding-bottom: 1.2rem; font-size: 2rem; border-bottom: 1px solid #252525; } .table-tech__col-underline { border-bottom: 1px dashed #8d8d8d; letter-spacing: -.014em; } .table-tech__color { display: inline-block; vertical-align: middle; margin-left: 8px; width: 14px; height: 14px; border-radius: 50%; } .table__row { display: flex; padding: 2.4rem 0; border-bottom: 1px solid rgba(255,255,255,.1); } .table__col { flex: 1 1 30%; word-break: break-word; } .table__col:not(:last-child) { margin-right: 4rem; } .table__col-address { line-height: 150%; color: #d1d1d1; } .table__col-contacts { font-size: 18px; line-height: 115%; color: #fff; transition: color .2s ease; } .table__col-contacts:not(:last-child) { margin-bottom: 1.6rem; } .table__col-contacts[href]:hover { color: #e3a239; } .link-text { display: block; color: #252525; font-weight: 500; line-height: 1.5; max-width: -moz-fit-content; max-width: fit-content; border-bottom: 1px solid #d1d1d1; transition: border-color .2s ease; } .link-text:hover { border-color: transparent; } .link-text:hover .link-text__icon { transform: rotate(45deg); } .link-text__icon { margin-left: 8px; fill: #252525; width: 1.2rem; height: 1.2rem; transition: transform .2s ease; } .contacts-item { font-style: normal; } .contacts-item--dark .contacts-item__label { color: #484849; } .contacts-item--dark .contacts-item__link { color: #252525; } .contacts-item--dark .contacts-item__link:hover { color: #8d8d8d; } .contacts-item__label { display: block; font-weight: 300; line-height: 150%; font-size: 1.6rem; color: #8d8d8d; letter-spacing: normal; margin-bottom: 1.2rem; } .contacts-item__link { font-size: 2rem; line-height: 150%; color: #fff; max-width: -moz-fit-content; max-width: fit-content; } .gallery-thumbs .swiper-gallery-thumbs { margin-left: -2px; margin-right: -2px; padding: 0 2px; } .gallery-thumbs .swiper-button-wrapper:disabled { display: block; visibility: hidden; } .gallery-thumbs__slides { position: relative; display: flex; justify-content: space-between; align-items: stretch; margin-bottom: 2.4rem; } p.gallery-thumbs__label { font-size: 1.6rem; color: #d1d1d1; line-height: 150%; margin-top: 1rem; } .gallery-thumbs__miniatures { margin-bottom: 3rem; } .gallery-thumbs__miniature { position: relative; max-width: 6rem; min-width: 6rem; max-height: 6rem; cursor: pointer; } .gallery-thumbs__miniature--lg { max-width: 8.6rem; min-width: 8.6rem; max-height: 8.6rem; } .gallery-thumbs__miniature img { height: 100%; object-fit: cover; } .gallery-thumbs__miniature.swiper-slide-thumb-active::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; border: 2px solid #ffbe55; } .gallery-thumbs__footer { display: flex; justify-content: flex-end; margin-top: 6.4rem; } .gallery-thumbs__pagination { display: none; } .gallery-thumbs__pagination.swiper-pagination-horizontal { bottom: -2.6rem; } .gallery { overflow: visible; } .gallery__slider-btn { position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); } .gallery__slider-btn--prev { left: 2rem; } .gallery__slider-btn--prev .swiper-button__icon { transform: rotate(-180deg); } .gallery__slider-btn--next { right: 2rem; } .plug { position: relative; left: 50%; height: 45rem; width: 100vw; margin-top: 12.8rem; margin-bottom: 12.8rem; transform: translateX(-50%); background-position: center; background-repeat: no-repeat; background-size: cover; } .plug:last-child { margin-bottom: -15rem; } .plug::after { background: rgba(0,0,0,.1); position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; } .crumbs { position: relative; margin-bottom: 3.2rem; } .crumbs__list { display: flex; } .crumbs__list li { font-size: 1.4rem; letter-spacing: normal; } .crumbs__list li:not(:last-of-type)::after { background: #a3a3a4; content: ''; display: inline-block; width: 12px; height: 1px; margin: 0 10px; vertical-align: middle; } .crumbs__list li:not(:last-of-type):nth-last-child(2)::after { background: #252525; } .crumbs__list a { display: inline-block; color: #8d8d8d; } .crumbs__list span { color: #252525; font-weight: 600; } .order { margin-bottom: 13.8rem; } .order__title { margin-bottom: 3rem; } .order__descrip { margin-bottom: 4rem; width: 100%; text-align: center; } .order__text { opacity: .7; } .order__info { display: flex; flex-direction: column; align-items: center; margin: 0 auto 6.4rem; max-width: 65rem; width: 100%; } .order__products.no-slider .swiper-slide { width: 100%; max-width: 28.6rem; } .order__products.no-slider .swiper-wrapper { gap: 3.2rem; justify-content: center; flex-wrap: wrap; } .order__products.no-slider .swiper-button, .order__products.no-slider .swiper-pagination { display: none; } .order__slider-btn { position: absolute; z-index: 1; top: 35%; } .order__slider-btn--prev { left: 0; } .order__slider-btn--prev .swiper-button__icon { transform: rotate(-180deg); } .order__slider-btn--next { right: 0; } .order-product { position: relative; overflow: hidden; } .order-product__figure { position: relative; display: flex; flex-direction: column; height: 100%; margin: 0; word-break: break-word; } .order-product__title { position: relative; z-index: 1; margin-top: 1.8rem; font-weight: 600; letter-spacing: normal; font-size: 2rem; color: #252525; transition: color .2s ease; } .order-product__img { position: relative; object-fit: cover; width: 100%; max-width: 28.6rem; max-height: 28rem; } .order-product__link { overflow: hidden; height: 100%; } .order-product__link:hover .order-product__title { color: #e3a239; } .image-labeled { margin: 0; } .image-labeled__label { font-size: 1.6rem; line-height: 150%; letter-spacing: normal; color: #767676; } .image-labeled__img { margin-bottom: 1rem; width: 100%; } .product-card { background: #fff; } .product-card__link { color: #252525; height: 100%; } .product-card__link:hover .product-card__title { color: #e3a239; } .product-card__figure { display: flex; flex-direction: column; justify-content: space-between; height: 100%; margin: 0; } .product-card__descrip { display: flex; flex-direction: column; padding: 1.8rem; word-break: break-word; } .product-card__img { width: 100%; max-height: 25.6rem; object-fit: contain; } .product-card__title { font-weight: 500; letter-spacing: normal; font-size: 1.6rem; margin-bottom: 1rem; transition: color .2s ease; } .product-card__code { font-weight: 600; } .modal { position: fixed; display: flex; align-items: center; justify-content: center; z-index: 5; top: 0; right: 0; height: 100%; width: 100%; opacity: 0; visibility: hidden; overflow: hidden; background: rgba(0,0,0,.5); box-shadow: 0 8px 15px 0 rgba(0,0,0,.05),0 0 10px 0 rgba(0,0,0,.05); transition: opacity .2s ease-in-out; } .modal.active { opacity: 1; visibility: visible; } .modal__content { max-width: 95.8rem; width: 100%; border-radius: 2rem; overflow-y: auto; overflow-x: hidden; } .modal__inner { position: relative; overflow-y: auto; overflow-x: hidden; padding: 11rem 10.5rem; max-height: 90vh; width: 100%; background: #fff; box-shadow: 0 20px 40px rgba(37,37,37,.16); } .modal__close { position: absolute; z-index: 1; top: 2.8rem; right: 2.8rem; } .modal__title { display: block; margin-bottom: 5rem; text-transform: uppercase; font-weight: 700; letter-spacing: 2.5px; color: #252525; } .modal__form { max-width: 60.4rem; width: 100%; margin: 0 auto; } .modal__form-label { color: #252525; } .modal__form-inputs { margin-bottom: 4rem; } .modal__form-group { display: flex; width: 100%; margin-bottom: 3.1rem; } .modal__form-control { width: 100%; } .modal__form-control:not(:last-child) { margin-right: 3.2rem; } .modal__form-input { background: #fff; border-color: #8d8d8d; color: #252525; } .modal__form-footer { display: flex; justify-content: flex-end; } .modal-notif .modal__content { max-width: 102.8rem; } .modal-notif .modal__inner { display: flex; flex-direction: column; align-items: center; padding-top: 17.8rem; padding-bottom: 13.8rem; } .modal-notif .modal__title { margin-bottom: 0; } .modal-notif__head { display: flex; align-items: center; flex-direction: column; margin-bottom: 6.4rem; } .modal-notif__icon { width: 9.6rem; height: 9.6rem; background: url(../img/svg/check-2.svg); background-position: center; background-repeat: no-repeat; background-size: contain; } .modal-notif__body { margin-bottom: 6.4rem; } .modal__text { text-align: center; font-size: 1.8rem; font-weight: 300; line-height: 150%; color: #252525; } .modal-map .modal__close { background: rgba(0,0,0,.1); } .modal-map .modal__inner { padding: 0; } .modal-map__map { overflow: hidden; width: 100%; height: 27rem; } .modal-map__title { display: block; font-weight: 500; color: #252525; margin-bottom: 1.2rem; } .modal-map__address { color: #8d8d8d; line-height: 1.5; font-style: normal; margin-bottom: 1.6rem; } .modal-map__content { padding: 2rem; } .modal-map__link { margin-bottom: 1.6rem; } .modal-map__contacts-link a { color: #252525; line-height: 115%; } .modal-map__contacts-link:not(:last-child) { margin-bottom: 1.6rem; } .lang { position: relative; display: flex; align-items: center; text-transform: capitalize; cursor: pointer; } .lang .select__selected-label { display: none; } .lang__button { display: flex; align-items: center; } .lang__list { background: #fff; position: absolute; z-index: 3; display: flex; flex-direction: column; align-items: flex-end; min-width: 14rem; top: 100%; left: 50%; padding: 12px 16px; min-width: 13.7rem; opacity: 0; visibility: hidden; transition: opacity .1s ease-in-out; transform: translateX(-50%); } .lang__list.active { visibility: visible; opacity: 1; } .lang__list li { position: relative; display: flex; align-items: center; width: 100%; transition: background-color .2s ease; } .lang__list li:not(:last-of-type) { margin-bottom: 10px; } .lang__list li a { display: flex; align-items: center; color: #252525; line-height: 140%; font-size: 1.6rem; width: 100%; transition: color .2s ease; } .button-catalog { display: none; position: relative; position: fixed; z-index: 2; top: calc(100vh - 8rem); left: 50%; padding: 0 2rem; width: 100%; transform: translate(-50%,-70px); } .button-catalog::after { position: absolute; z-index: -1; content: ''; top: 0; left: 0; width: 100%; height: 8rem; background: linear-gradient(180deg,rgba(37,37,37,.2) 0,#252525 100%); opacity: 0; } .preloader { position: sticky; top: 0; padding-top: 9rem; height: 100%; width: 100%; min-height: 30rem; display: none; justify-content: center; } .preloader.active { display: flex; } .preloader__spinner { width: 4rem; height: 4rem; color: #ffbe55; background: linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0); background-size: 2.1rem 2.1rem; background-repeat: no-repeat; animation: spinnerRotate 1.5s infinite cubic-bezier(.3,1,0,1); } @keyframes spinnerRotate { 0% { background-position: 0 0,100% 0,100% 100%,0 100%; } 33% { background-position: 0 0,100% 0,100% 100%,0 100%; width: 6rem; height: 6rem; } 66% { background-position: 100% 0,100% 100%,0 100%,0 0; width: 6rem; height: 6rem; } 100% { background-position: 100% 0,100% 100%,0 100%,0 0; } } .search-controls { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; } .search-controls__res { margin-right: 3rem; line-height: 1.5; } .search-controls__sort:only-child { margin-left: auto; } .search-controls__filters-wrap { display: none; } .search-controls__filters-btn { background: rgba(255,255,255,.1); display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 50%; } .search-controls__filters-btn .icon { width: 2.2rem; height: 1.9rem; } .search-controls__filters { position: fixed; z-index: 5; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100vh; overflow-y: auto; visibility: hidden; opacity: 0; transition: opacity .3s ease; } .search-controls__filters.active { visibility: visible; opacity: 1; } .search-controls__filters-top { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 3.2rem; } .search-controls__filters-title { font-weight: 500; color: #252525; margin: 0 auto; } .search-controls__filters-item-title { display: block; line-height: 1.5; font-size: 2rem; font-weight: 400; color: #252525; margin-bottom: 1.6rem; } .search-controls__filters-item:not(:last-child) { margin-bottom: 2.8rem; } .search-controls__filters-inner { background: #fff; padding: 4.6rem 2rem; min-height: 100%; } .scroll-shadow { position: relative; } .scroll-shadow::after, .scroll-shadow::before { display: none; } .scroll-shadow--horizontal::before { position: absolute; z-index: 1; left: -2rem; top: 50%; transform: translateY(-50%); width: 7.3rem; height: 7.1rem; content: ''; background: linear-gradient(270deg,rgba(37,37,37,0) 0,#252525 100%); } .scroll-shadow--horizontal::after { position: absolute; z-index: 1; right: -2rem; top: 50%; transform: translateY(-50%); width: 7.3rem; height: 7.1rem; content: ''; background: linear-gradient(90deg,rgba(37,37,37,0) 0,#252525 100%); } .catalog { margin-top: 3.2rem; margin-bottom: 12.4rem; } .catalog__inner { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 3.2rem; } .catalog__inner .catalog-card:nth-child(10n+1) { grid-column: 1/3; grid-row: auto; } .catalog__inner .catalog-card:nth-child(10n+6) { grid-column: 3/5; grid-row: auto; } .catalog-card { position: relative; } .catalog-card--stub .catalog-card__img-wrapper { border: 1px solid #767676; height: 100%; } .catalog-card--stub .catalog-card__img { position: absolute; top: 0; right: 0; filter: grayscale(100%); } .catalog-card__figure { display: flex; flex-direction: column; height: 100%; margin: 0; word-break: break-word; } .catalog-card__link { height: 100%; } .catalog-card__link:hover .catalog-card__title { color: #e3a239; } .catalog-card__title { font-weight: 400; font-size: 2.4rem; letter-spacing: normal; color: #484849; margin-top: 1.8rem; transition: color .2s ease; } .catalog-card__img-wrapper { position: relative; overflow: hidden; height: 39.2rem; min-height: 39.2rem; } .catalog-card__img { width: 100%; height: 100%; object-fit: cover; } .catalog-recommend { display: none; margin-top: 6.4rem; } .catalog-recommend .recommend { margin-bottom: 0; } .section-descrip { margin: 0 auto; max-width: 101.8rem; width: 100%; } .section-descrip__text { max-width: 65rem; width: 100%; margin: 0 auto; } .section-descrip__title:not(:last-child) { margin-bottom: 4rem; } .info-wrapper { margin-bottom: 8.6rem; } .info { display: flex; justify-content: space-between; max-width: 92.2rem; width: 100%; margin-left: auto; margin-right: auto; } .info__title { width: calc(50% + 4.2rem); } .info__title:not(:last-child) { display: flex; justify-content: space-between; } .info__title:not(:last-child)::after { background: #000; display: inline-block; content: ''; min-width: 2px; height: 10rem; margin: 0 2rem; } body.home .info__title { max-width: 31.8rem; width: 100%; } body.home .info__title:not(:last-child)::after { margin-left: .5rem; margin-right: 0; } .info__descrip { line-height: 150%; color: #484849; letter-spacing: normal; width: 50%; } body.home .info__descrip { max-width: 44.5rem; width: 100%; } .content { overflow: hidden; margin-bottom: 15rem; } .content--service { margin-bottom: 0; padding-bottom: 15rem; } .content .gallery-thumbs { margin-top: 6.4rem; margin-bottom: 6.4rem; } .content .gallery { margin-top: 6.4rem; margin-bottom: 6.4rem; } .content ul.content__social .content__social-item { padding-left: 0; } .content p { line-height: 150%; } .content p:not(:last-child) { margin-bottom: 2.4rem; } .content p strong { font-weight: 600; } .content h2:not(.info__title) { margin: 6.4rem 0 4rem; } .content h3:not(.product-card__title):not(.order-product__title) { font-size: 2.6rem; margin-bottom: 3.2rem; } .content h4:not(.product-card__title) { margin-bottom: 1.6rem; } .content h3:not(.product-card__title):not(.order-product__title), .content h4:not(.product-card__title) { margin-top: 8rem; font-weight: 600; line-height: normal; } .content ul { margin-top: 3.2rem; margin-bottom: 3.2rem; } .content ol { padding-left: 2rem; margin-bottom: 11.1rem; list-style: decimal; } .content ol li { padding-left: .6rem; } .content ol li:not(:last-child) { margin-bottom: 1.6rem; } .content blockquote { position: relative; margin: 5rem auto; padding: 4rem 0; font-weight: 400; line-height: 150%; font-style: italic; font-size: 2rem; text-align: center; letter-spacing: normal; } .content blockquote::after, .content blockquote::before { background: #767676; position: absolute; left: 50%; transform: translateX(-50%); content: ''; max-width: 30rem; width: 100%; height: 2px; } .content blockquote::after { top: 0; } .content blockquote::before { bottom: 0; } .content .info.intro__info { margin-top: 0; } .content .info { margin-top: 12.4rem; margin-bottom: 6.4rem; } .content .order { margin: 9.6rem 0; } .content__inner { position: relative; } .content__image-labeled { margin: 4rem auto; } .content__top { margin-bottom: 17.4rem; } .content__top p:not(:last-child) { margin-bottom: 4rem; } .content__gallery-thumbs { margin: 4rem -7rem 6rem; } .content__img-stub { margin: 6rem 0 6.4rem; } .content__footer { margin-top: 4rem; } .content__footer-top { display: flex; justify-content: space-between; color: #8d8d8d; font-size: 1.4rem; font-style: italic; line-height: 150%; margin-bottom: 2.4rem; } .content__footer-bot { display: flex; justify-content: flex-end; max-width: -moz-fit-content; max-width: fit-content; margin-left: auto; } ul.content__social { display: flex; flex-wrap: wrap; margin-left: auto; margin: 0; padding-left: 0; } li.content__social-item { padding-left: 0; } li.content__social-item:not(:last-child) { margin-right: 2rem; margin-bottom: 0; } li.content__social-item::before { display: none; } .content__social-link { display: flex; align-items: center; color: #8d8d8d; font-size: 1.6rem; line-height: 150%; letter-spacing: normal; transition: color .2s ease; padding: 5px 8px 5px 6px; } .content__social-link:hover { color: #484849; } .content__social-icon { width: 1.6rem; height: 1.6rem; fill: #484849; margin-right: 6px; } .content__card { position: absolute; bottom: 22rem; left: 0; padding: 9rem 1.2rem 1.2rem; max-width: 18rem; min-height: 18rem; width: 100%; color: #fff; } .content__card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .content__card-img::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(180deg,rgba(41,41,41,0) 0,rgba(21,21,21,.9) 100%); } .content__card-img img { height: 100%; object-fit: cover; } .content__card-text { position: relative; z-index: 1; font-weight: 500; word-break: break-word; } .quote { display: flex; margin: 4rem auto; max-width: 73.6rem; width: 100%; } .quote__img { border-radius: 50%; max-width: 12rem; max-height: 12rem; margin-right: 3.2rem; } .quote__author { margin-bottom: 1.6rem; } .quote__author-name { font-size: 1.8rem; font-weight: 600; line-height: 1.5rem; letter-spacing: normal; margin-bottom: 2px; } .quote__author-position { color: #8d8d8d; font-size: 1.4rem; line-height: 150%; letter-spacing: normal; } .quote__text { font-style: italic; line-height: 150%; } .about-contacts { padding-bottom: 9rem; border-bottom: 1px solid rgba(255,255,255,.2); } .about-contacts__item { width: 50%; } .about-contacts__inner { display: flex; justify-content: space-between; } .about-contacts__links { display: flex; flex-wrap: wrap; margin-bottom: 4rem; } .about-contacts__title { margin-bottom: 4.2rem; } .about-contacts__info { max-width: 60.4rem; width: 100%; margin-right: 3rem; } .about-contacts__form { max-width: 49.8rem; width: 100%; } .about-contacts__form-title { font-weight: 600; font-size: 2.6rem; color: #fff; margin-bottom: 4.2rem; } .about-contacts__control:not(:last-child) { margin-bottom: 3rem; } .about-contacts__control--sm { max-width: 28.6rem; width: 100%; } .about-contacts__form-footer { display: flex; justify-content: flex-end; } .about-contacts__btn-modal { display: none; } .about-contacts__address { max-width: 39.2rem; width: 100%; } .filter-controls { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4rem; } .filter-controls__toggle { display: flex; align-items: center; margin-right: 3rem; max-width: 30rem; text-align: left; word-break: break-word; transition: opacity .2s ease; } .filter-controls__toggle:hover { opacity: .8; } .filter-controls__icon { min-width: 2.4rem; height: 2.4rem; width: 2.4rem; stroke: #252525; } .filter-controls__text { font-size: 2rem; line-height: 1.5; font-weight: 600; margin-left: .8rem; } .filter-controls__selected { letter-spacing: normal; font-size: 1.6rem; } .filter-controls__selected-count { color: #767676; line-height: 1.4; } .filter-controls__selected-count::after { content: '/'; margin: 0 .5rem 0 .8rem; } .filter-controls__clear { line-height: 1.5; font-weight: 500; border-bottom: 1px solid #d1d1d1; transition: border-color .2s ease; } .filter-controls__clear:hover { border-color: transparent; } .pages-result { display: flex; align-items: center; white-space: nowrap; } .pages-result__text { font-size: 1.6rem; line-height: 1.5; letter-spacing: normal; } .pages-result__input { margin: 0 1rem; width: 5.5rem; height: 4.6rem; text-align: center; } .slider-pagination.swiper-pagination { display: none; position: static; margin-top: 2.4rem; } .slider-pagination.swiper-pagination .swiper-pagination-bullet { background: #d1d1d1; opacity: 1; border-radius: 0; width: 3rem; height: 3px; } .slider-pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ffbe55; } .search-link { display: flex; align-items: center; justify-content: space-between; padding: 0 2.4rem; transition: opacity .2s ease; } .search-link:hover { opacity: .7; } .search-link__content { display: flex; align-items: center; margin-right: 5rem; } .search-link__title { margin-right: 1.6rem; color: #000; font-size: 2rem; word-break: break-word; transition: color .3s; } .search-link__count { font-size: 1.4rem; color: rgba(0,0,0,.5); white-space: nowrap; } .search-link__icon { min-width: 2rem; width: 2rem; height: 2rem; transition: fill .3s; } .search-item { display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 2rem; transition: background-color .2s ease; } .search-item:hover { background: #f0f0f0; } .search-item__description { word-break: break-word; } .search-item__content { display: flex; align-items: center; } .search-item__img { margin-right: 1.6rem; max-width: 9rem; width: 100%; object-fit: cover; } .search-item__title { margin-bottom: .8rem; font-size: 1.6rem; color: #000; } .search-item__subtitle { font-size: 1.4rem; color: rgba(0,0,0,.5); } .cookie { background: #252525; display: none; justify-content: space-between; align-items: center; position: fixed; z-index: 4; bottom: 0; right: 0; left: 0; padding: 3.2rem 4rem; } .cookie.active { display: flex; } .cookie__description { margin-right: 3rem; font-size: 2rem; } .cookie__description a { display: inline-flex; align-items: center; font-weight: 600; color: #fff; border-bottom: 1px solid currentColor; transition: border-color .3s ease; } .cookie__description a:hover { border-color: transparent; } .cookie__description p { color: #fff; } .cookie__controls { display: flex; align-items: stretch; } .cookie__control { word-break: normal; } .cookie__control:not(:last-child) { margin-right: 2rem; } .cookie__accept { min-width: 15.7rem; } .cookie__decline { transition: opacity .3s ease; } .cookie__decline:hover { opacity: .8; } .cookie__link-icon { width: 1.2rem; height: 1.2rem; margin-left: .8rem; fill: #fff; } .hero { padding-top: 11.8rem; margin-bottom: 12.4rem; } .hero__slide .banner { opacity: 0; } .hero__slide .banner__img { transition: transform 1s ease-in-out; transform: scale(1.1); } .hero__slide .banner__inner { opacity: 0; transition: opacity 1s; } .hero__slide.swiper-slide-fully-visible .banner { opacity: 1; transition: opacity 1s; } .hero__slide.swiper-slide-fully-visible .banner__img { transform: scale(1); } .hero__slide.swiper-slide-fully-visible .banner__inner { opacity: 1; } .hero__pagination.swiper-pagination-bullets { position: absolute; display: flex; justify-content: center; bottom: 1.2rem; top: unset; left: 50%; padding: 0 1rem; max-width: 100rem; width: 100%; z-index: 1; transform: translate(-50%,0); } .hero__pagination .swiper-pagination-bullet { background: rgba(255,255,255,.3); position: relative; border-radius: 0; height: .6rem; max-width: 25rem; width: 100%; } .hero__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .swiper-bullet-progress { animation-name: countingBar; animation-duration: 6s; animation-timing-function: ease-in; animation-iteration-count: 1; animation-direction: alternate; animation-fill-mode: forwards; } .hero__pagination .swiper-bullet-progress { background: #fff; position: absolute; bottom: 0; left: 0; width: 0; height: 100%; } @keyframes countingBar { 0% { width: 0; } 100% { width: 100%; } } .banner { position: relative; padding: 5.9rem 6rem 5rem; aspect-ratio: 4.8; height: auto; background: #8d8d8d; } .banner--light .banner__button { background: #171b24; } .banner--light .banner__button:hover { background: #000; } .banner--dark .banner__button { background: #caf0f8; color: #11235c; } .banner--dark .banner__button:hover { background: #b3eaf5; } .banner--left .banner__inner { margin-right: auto; } .banner--right .banner__inner { margin-left: auto; } .banner--center .banner__inner { text-align: center; margin-left: auto; margin-right: auto; align-items: center; } .banner__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .banner__inner { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; max-width: 56rem; height: 100%; width: 100%; } .banner__title { display: block; margin-bottom: 1.8rem; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 2.6rem; letter-spacing: .04em; } .banner__text { color: #fff; font-size: 1.6rem; line-height: 1.5; margin-bottom: 2.4rem; } .service-card { display: flex; flex-direction: column; align-items: center; } .service-card__img { margin-bottom: 3.2rem; transition: transform .2s ease; } .service-card__img-link { clip-path: inset(0 0 0 0); transition: clip-path .2s ease; } .service-card__description { display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 100%; text-align: center; } .service-card__title { margin-bottom: 1.6rem; letter-spacing: normal; font-weight: 600; font-size: 2.6rem; color: #484849; } .service-card__title[href] { transition: color .2s ease; } .service-card__title[href]:hover { color: #ffbe55; } .service-card__text { margin-bottom: 3.2rem; line-height: 1.5; color: #484849; } .services-container { margin-bottom: 16.8rem; } .services-container__inner { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 3.5rem; } .about { padding: 20rem 0 11.3rem; background: linear-gradient(180deg,#e6e6e6,#fbfbfb 75%); background-repeat: no-repeat; background-position: center; background-size: cover; } .about__images { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 3.2rem; margin-bottom: 16.4rem; } .about__img:nth-child(2) { grid-row: 1/3; grid-column: 2/3; } .about__description { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 70rem; width: 100%; margin: 0 auto; } .about__description-title { margin-bottom: 2.4rem; font-size: 2.6rem; line-height: 1.5; letter-spacing: normal; } .tabs { position: relative; } .tabs__nav { margin-bottom: 18rem; } .tabs__content { position: absolute; visibility: hidden; pointer-events: none; z-index: 1; } .tabs__content.active { position: relative; pointer-events: all; visibility: visible; } .tabs__nav-btn { background: #f0f0f0; color: #252525; } .tabs__nav-list { display: flex; justify-content: center; } .tabs__nav-item.active .tabs__nav-btn { background: #ffbe55; } .tabs__nav-item:not(:last-child) { margin-right: 3.2rem; } .components__tab.active .components__demo-img-transport { opacity: 1; } .components__demo-inner { position: relative; display: flex; justify-content: flex-end; } .components__demo-img-transport { position: relative; transition: opacity .7s ease; opacity: 0; } .components__demo-img { position: relative; width: 100%; max-height: 48rem; } .components__demo-img--belaz { max-width: 73.7rem; margin-right: 12rem; } .components__demo-img--belaz .components__list-item--1 { top: 48%; left: -52%; } .components__demo-img--belaz .components__list-item--1 .components__list-item-line { bottom: -8rem; width: 40.9rem; } .components__demo-img--belaz .components__list-item--2 { top: -5%; left: -37%; } .components__demo-img--belaz .components__list-item--2 .components__list-item-line { bottom: -16rem; left: 11rem; width: 21.7rem; } .components__demo-img--belaz .components__list-item--3 { top: -26%; left: 8%; } .components__demo-img--belaz .components__list-item--3 .components__list-item-line { bottom: -17.2rem; width: 17.7rem; } .components__demo-img--belaz .components__list-item--4 { top: -8%; left: 80%; } .components__demo-img--belaz .components__list-item--4 .components__list-item-line { bottom: -15.2rem; left: 6rem; width: 5.2rem; } .components__demo-img--belaz .components__list-item--4 .components__list-item-line::before { right: -.3rem; left: unset; } .components__demo-img--belaz .components__list-item--4 .components__list-item-line::after { right: 5.5rem; } .components__demo-img--truck { max-width: 69.9rem; margin-right: 15rem; } .components__demo-img--truck .components__list-item--1 { top: 27%; left: -50%; } .components__demo-img--truck .components__list-item--1 .components__list-item-line { left: 11rem; bottom: -10rem; width: 26.5rem; } .components__demo-img--truck .components__list-item--1 .components__list-item-line::after { width: 4rem; height: 4rem; right: -3.9rem; } .components__demo-img--truck .components__list-item--2 { top: -7%; left: 83%; } .components__demo-img--truck .components__list-item--2 .components__list-item-line { bottom: -18rem; left: -6rem; width: 17.8rem; } .components__demo-img--truck .components__list-item--2 .components__list-item-line::before { right: -.3rem; left: unset; } .components__demo-img--truck .components__list-item--2 .components__list-item-line::after { left: -3.8rem; right: unset; } .components__demo-img--truck .components__list-item--3 { top: 41%; left: 96%; } .components__demo-img--truck .components__list-item--3 .components__list-item-line { left: 0; bottom: -7.5rem; width: 11.5rem; } .components__demo-img--truck .components__list-item--3 .components__list-item-line::before { right: -.3rem; left: unset; } .components__demo-img--truck .components__list-item--3 .components__list-item-line::after { left: -3.8rem; right: unset; } .components__demo-img--tractor { max-width: 82.8rem; margin-right: 10rem; } .components__demo-img--tractor .components__list-item--1 { top: -1%; left: -31%; } .components__demo-img--tractor .components__list-item--1 .components__list-item-line { left: 11rem; bottom: -18.5rem; width: 26.5rem; } .components__demo-img--tractor .components__list-item--1 .components__list-item-line::after { width: 4rem; height: 4rem; right: -3.9rem; } .components__demo-img--tractor .components__list-item--2 { top: -24%; left: 18%; } .components__demo-img--tractor .components__list-item--2 .components__list-item-line { bottom: -9.5rem; left: 11rem; width: 17.6rem; } .components__demo-img--tractor .components__list-item--2 .components__list-item-line::before { left: -.3rem; } .components__demo-img--tractor .components__list-item--2 .components__list-item-line::after { right: -3.8rem; } .components__demo-img--tractor .components__list-item--3 { top: -3%; left: 78%; } .components__demo-img--tractor .components__list-item--3 .components__list-item-line { left: 6rem; bottom: -15rem; width: 5.2rem; } .components__demo-img--tractor .components__list-item--3 .components__list-item-line::before { right: -.3rem; left: unset; } .components__demo-img--tractor .components__list-item--3 .components__list-item-line::after { left: -3.8rem; right: unset; } .components__demo-img--passenger { max-width: 100.5rem; top: 1rem; margin-right: 0; } .components__demo-img--passenger .components__list-item--1 { top: 40%; left: -21%; } .components__demo-img--passenger .components__list-item--1 .components__list-item-line { bottom: -10rem; left: 11rem; width: 26.5rem; } .components__demo-img--passenger .components__list-item--2 { top: -5%; left: -11%; } .components__demo-img--passenger .components__list-item--2 .components__list-item-line { bottom: -10rem; width: 7.7rem; } .components__demo-img--passenger .components__list-item--3 { top: -26%; left: 24%; } .components__demo-img--passenger .components__list-item--3 .components__list-item-line { bottom: -21.2rem; width: 17.8rem; } .components__demo-img--passenger .components__list-item--4 { top: -4%; left: 71%; } .components__demo-img--passenger .components__list-item--4 .components__list-item-line { bottom: -26rem; left: 6rem; width: 5.2rem; } .components__demo-img--passenger .components__list-item--4 .components__list-item-line::before { right: -.3rem; left: unset; } .components__demo-img--passenger .components__list-item--4 .components__list-item-line::after { right: 5.5rem; } .components__list { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .components__list-item { position: absolute; max-width: -moz-fit-content; max-width: fit-content; opacity: 0; transition: opacity .5s ease; } .components__list-item.show { opacity: 1; } .components__list-item-line { position: absolute; left: 11rem; width: 100%; } .components__list-item-line::before { background: #ffaf2f; position: absolute; top: -.6rem; left: -.3rem; display: block; content: ''; width: 1rem; height: 1rem; border-radius: 50%; opacity: 0; transition: opacity .5s ease; } .components__list-item-line.show-before::before { opacity: 1; } .components__list-item-line::after { position: absolute; content: ''; display: block; right: -3.8rem; bottom: -1.3rem; width: 4rem; height: 4rem; border-radius: 50%; border: .3rem solid #ffaf2f; opacity: 0; transition: opacity .5s ease; } .components__list-item-line.show-after::after { opacity: 1; } .components__list-item-line svg { opacity: 0; transition: opacity .5s ease; } .components__list-item-line.show-svg svg { opacity: 1; } .components__list-img { min-width: 6.4rem; width: 6.4rem; height: 4.8rem; margin-right: .5rem; mix-blend-mode: multiply; } .components__list-title { font-weight: 700; line-height: 1; letter-spacing: normal; font-size: 1.2rem; } .components__list-link { background: rgba(255,190,85,.3); display: flex; align-items: center; justify-content: center; padding: .4rem 2rem; width: 22.5rem; min-width: 22.5rem; color: #000; border-radius: 4rem; opacity: 0; transition: opacity .5s ease; -webkit-backdrop-filter: blur(2rem); backdrop-filter: blur(2rem); } .components__list-link::before { background: #ffeccc; position: absolute; z-index: -1; width: 100%; height: 100%; content: ''; border-radius: 4rem; transition: transform .2s ease; } .components__list-link.show-link { opacity: 1; } .components__demo-earth { position: absolute; bottom: -1px; left: 0; width: 100%; } .components__demo-earth.mobile { display: none; position: relative; margin-top: -4rem; } .products { margin-top: 1.6rem; margin-bottom: 12.4rem; } .products__list { margin-bottom: 6.4rem; } .products__footer { display: flex; justify-content: space-between; margin-left: auto; max-width: 87.5rem; width: 100%; } .products__footer-buttons { display: flex; align-items: stretch; } .products__footer-button:not(:last-child) { margin-right: 3.2rem; } .product { margin-bottom: 14.7rem; } .product__about { display: flex; justify-content: space-between; margin-bottom: 8.6rem; } .product__gallery { margin-right: 6rem; max-width: 60.4rem; width: 100%; height: 100%; } .product__gallery .gallery-thumbs__miniatures, .product__gallery .swiper-gallery-slides { max-width: 44.8rem; width: 100%; } .product__gallery .gallery-thumbs__miniatures { margin: 0 auto; } .product__info-wrapper { display: flex; flex-direction: column; flex: 1; letter-spacing: normal; padding-top: 2.4rem; } .product__info { margin-bottom: 4.8rem; max-width: 52.8rem; width: 100%; word-break: break-word; } .product__title { font-weight: 600; font-size: 2.6rem; letter-spacing: normal; margin-bottom: 2.2rem; } .product__buttons { display: flex; flex-direction: column; align-items: flex-end; } .product__button:not(:last-child) { margin-bottom: 1.6rem; } .product__number { margin-bottom: 2.2rem; font-size: 2rem; font-weight: 600; line-height: 150%; } .product__text { line-height: 150%; color: #252525; } .product__sidebar { position: sticky; top: 15rem; max-width: 21.9rem; width: 100%; margin-right: 10.1rem; } .product__sidebar-item { word-break: break-word; } .product__sidebar-item:not(:last-child) { margin-bottom: 2.4rem; } .product__sidebar-link { color: #8d8d8d; text-transform: uppercase; letter-spacing: .04em; font-weight: 500; font-size: 1.4rem; transition: color .2s ease; } .product__sidebar-link:hover { color: #252525; } .product__sidebar-link.active { color: #252525; font-weight: 600; } .product__descrip-title { margin-bottom: 3.2rem; font-weight: 600; font-size: 2.6rem; } .product__descrip-title--md { font-size: 2.4rem; margin-bottom: 4.6rem; } .product__descrip-subtitle { margin-bottom: 1.6rem; font-weight: 500; font-size: 1.8rem; } .product__sidebar-list { margin-bottom: 3.2rem; } .product__descrip.content { margin-bottom: 3.2rem; width: 100%; } .product__descrip.content .table-tech__head h4 { margin-bottom: 0; } .product__descrip.content .product__descrip-docs { padding-left: 0; } .product__descrip.content .product__descrip-docs li { padding-left: 0; } .product__descrip.content .product__descrip-docs li::before { display: none; } .product__descrip.content .product__descrip-docs li:not(:last-child) { margin-bottom: 1.6rem; } .product__descrip.content h3:not(.product-card__title), .product__descrip.content h4:not(.product-card__title), .product__descrip.content ol, .product__descrip.content p, .product__descrip.content ul { max-width: unset; margin-top: 0; } .product__descrip.content p:not(:last-child) { margin: 3.2rem 0; } .product__descrip.content h4 { margin-bottom: 1.6rem; } .product__descrip-block { margin-bottom: 8rem; } .product__content { display: flex; justify-content: space-between; align-items: flex-start; } .product__descrip-list { margin-bottom: 3.2rem; } .product__techs { margin-bottom: 8rem; } .product__techs-table:not(:last-child) { margin-bottom: 5rem; } .product__additional { margin-bottom: 0; } .p-search { margin: 2rem 0 17rem; } .p-search__res { color: #a3a3a4; font-weight: 300; line-height: 1.5; margin-right: 2rem; } .p-search__products { position: relative; } .p-search__products.loading .products-list { visibility: hidden; } .contacts { margin-bottom: 10rem; } .contacts__inner { display: flex; justify-content: space-between; } .contacts__block { max-width: 60.4rem; width: 100%; } .contacts__block:not(:last-child) { margin-right: 3.2rem; } .contacts__group { display: flex; justify-content: space-between; margin-bottom: 3rem; } .contacts__item { width: 50%; } .contacts-item__btn { display: none; align-items: center; color: #fff; font-size: 1.4rem; line-height: 150%; font-weight: 600; padding: 5px 8px 5px 6px; margin-top: 1.6rem; border: 1px solid #fff; } .contacts-item__btn--light { color: #252525; border-color: #252525; } .contacts-item__btn--light .contacts-item__btn-icon { fill: #252525; } .contacts-item__btn-icon { width: 1.6rem; height: 1.6rem; margin-right: .6rem; fill: #fff; } .contacts__title { display: flex; align-items: center; margin-bottom: 3rem; } .contacts__title-icon { width: 2rem; height: 2.6rem; margin-left: 2rem; } .contacts__button { display: none; } .contacts__map-zoom-btn { display: flex; align-items: center; transition: opacity .2s ease; } .contacts__map-zoom-btn:hover { opacity: .8; } .contacts-form { padding: 10.7rem 0; margin-bottom: 8.6rem; background: #f0f0f0; } .contacts-form__title { margin-bottom: 5rem; } .contacts-form__form { max-width: 60.4rem; width: 100%; margin: 0 auto; } .contacts-form__group { display: flex; width: 100%; } .contacts-form__control { margin-bottom: 3.1rem; width: 100%; } .contacts-form__control:not(:last-child) { margin-right: 3.2rem; } .contacts-form__footer { display: flex; justify-content: flex-end; margin-top: 4rem; } .contacts-form__input { background: 0 0; border-color: #8d8d8d; } .divisions { margin-bottom: 8.6rem; } .divisions__title { margin-bottom: 3rem; } .divisions__row { border-bottom: 1px solid #e9e9e9; } .divisions__row:last-child { border: 0; } .divisions__col { flex: 1 1 38%; font-size: 2rem; line-height: 150%; } .divisions__col:not(:last-child) { margin-right: 3.2rem; } .divisions__col a { color: #252525; font-weight: 500; font-size: 2rem; letter-spacing: normal; line-height: 1.5; } .divisions__col--sm { flex: 1 1 35%; } .divisions__col--lg { flex: 2 1 53%; } .divisions__row-title { font-size: 1.6rem; font-weight: 300; letter-spacing: normal; line-height: 150%; color: #8d8d8d; } .divisions__col-name { color: #484849; font-weight: 500; letter-spacing: normal; line-height: 1.5; } .represent { margin-bottom: 15rem; } .represent__inner { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 3.2rem; } .represent__title { margin-bottom: 4.8rem; } .represent__item-img { margin-bottom: 1.2rem; } .represent__item { word-break: break-word; } .represent__item-title { margin-bottom: 1.6rem; font-size: 2rem; line-height: 150%; font-weight: 600; letter-spacing: normal; } .represent__item-contacts li { font-size: 2rem; line-height: 1.5; } .represent__item-contacts li a { color: #8d8d8d; letter-spacing: normal; } .contacts-location__map { overflow: hidden; width: 100%; height: 56.5rem; } .contacts-location__map .ymaps-2-1-79-controls__control { position: absolute!important; right: 3rem!important; left: unset!important; } .not-found { margin-bottom: 6rem; } .not-found__title { max-width: 64.5rem; width: 100%; margin-bottom: 4rem; } h2.not-found__subtitle { order: -1; margin-bottom: 2.4rem; font-weight: 700; } .not-found__info { display: flex; flex-direction: column; } .not-found__link { display: inline; } .not-found-catalog { margin-bottom: 16.4rem; } @media only screen and (max-width:1599.98px) { .intro__content:not(:only-child) { margin-bottom: 4rem; } } @media only screen and (max-width:1439.98px) { .menu__sublist { grid-gap: 2.4rem 9rem; } .menu__subitem-img { max-width: 5rem; height: auto; } .menu__sub-sublist { padding-left: 6.3rem; } .intro__img { padding-right: 0; padding-left: 9rem; } .intro__img::after { left: 0; } .content__card { display: none; } .banner { aspect-ratio: auto; height: 100%; } .components__demo .container { padding: 0 2rem; } .components__demo-img--truck { margin-right: 19rem; } } @media only screen and (max-width:1279.98px) { .container { padding: 0 4rem; } .header__inner { padding: 1.4rem 0; } .header__controls { margin-right: 0; } .header__contact { display: none; } .header__logo { margin-right: 0; max-width: 8.6rem; } .content h2:not(.info__title), .title { font-size: 2.6rem; line-height: normal; } .menu__item:not(:last-child) { margin-right: 3.2rem; } .menu__sublist-title { font-size: 2rem; margin-bottom: 4rem; } .menu__sublist { grid-gap: 2.4rem 4rem; } .menu__sublink { font-size: 1.6rem; } .intro { padding-top: 12rem; } .intro--catalog .search { max-width: 45.2rem; margin-left: auto; margin-right: auto; } .intro--products .intro__head { padding-top: 10.5rem; } .intro--products .info__title { min-width: 33.2rem; } .intro--products { padding-top: 0; } .intro--search .intro__info:not(:last-child) { margin-bottom: 5.6rem; } .intro--search-no-result { margin-bottom: 20.9rem; } .intro--contacts { margin-bottom: 9.6rem; } .text { font-size: 1.4rem; line-height: 1.4; } .search__input { line-height: 1.5; } .recommend { margin-bottom: 9.3rem; } .recommend__title { margin-bottom: 4.8rem; } .recommend__catalog-btn { margin-top: 4.8rem; } .products-list { grid-template-columns: repeat(3,1fr); grid-gap: 2rem; } .order { margin-bottom: 9.6rem; } .order__title { margin-bottom: 2.4rem; } .order__descrip { margin-bottom: 2.4rem; } .order__info { max-width: 50rem; } .order-product__title { font-size: 2rem; line-height: 1.5; } .product-card__title { font-size: 1.4rem; line-height: 1.4; margin-bottom: 1.6rem; } .product-card__code { font-size: 1.4rem; } .modal-notif .modal__content { max-width: 68.8rem; } .preloader { min-height: 20rem; padding-top: 5rem; } .catalog { margin-bottom: 9.6rem; } .catalog__inner { grid-gap: 3rem 2rem; grid-template-columns: repeat(3,1fr); } .catalog__inner .catalog-card:nth-child(10n+1) { grid-column: 1/3; grid-row: auto; } .catalog__inner .catalog-card:nth-child(10n+6) { grid-column: 1/3; grid-row: auto; } .catalog-card__title { font-size: 1.6rem; line-height: 1.2; margin-top: 1.2rem; } .info-wrapper { margin-bottom: 6.4rem; } .hero { padding-top: 7.2rem; margin-bottom: 8.6rem; } .service-card__img { padding: 0 2.6rem; } .service-card__title { font-size: 2.2rem; } .service-card__title { font-size: 2rem; } .service-card__text { font-size: 1.4rem; max-width: 28rem; } .service-card__button { padding: 1rem 2.4rem; } .services-container { margin-bottom: 12.4rem; } .services-container__inner { grid-gap: 2.2rem; } .about { padding-top: 12rem; } .about__images { grid-gap: 2rem; margin-bottom: 12.4rem; } .tabs__nav-btn { padding: 1rem; } .tabs__nav-item:not(:last-child) { margin-right: 2rem; } .components__demo .container { padding: 0 4rem; } .components__demo-img { max-width: 45rem; height: 30rem; } .components__demo-img--belaz { margin-right: 8rem; } .components__demo-img--belaz .components__list-item--1 { left: -43%; } .components__demo-img--belaz .components__list-item--1 .components__list-item-line { left: -3rem; bottom: -6.1rem; } .components__demo-img--belaz .components__list-item--2 { top: -5%; left: -41%; } .components__demo-img--belaz .components__list-item--2 .components__list-item-line { left: 5.5rem; bottom: -12.2rem; } .components__demo-img--belaz .components__list-item--3 .components__list-item-line { bottom: -13.2rem; left: 5rem; } .components__demo-img--belaz .components__list-item--4 { top: -5%; left: 75%; } .components__demo-img--belaz .components__list-item--4 .components__list-item-line { bottom: -11.2rem; left: 6rem; } .components__demo-img--truck { margin-right: 10rem; } .components__demo-img--truck .components__list-item--1 { left: -38%; top: 29%; } .components__demo-img--truck .components__list-item--1 .components__list-item-line { bottom: -7.8rem; left: 0; } .components__demo-img--truck .components__list-item--2 { top: -2%; left: 77%; } .components__demo-img--truck .components__list-item--2 .components__list-item-line { bottom: -13.5rem; left: -6rem; } .components__demo-img--truck .components__list-item--3 { top: 46%; left: 86%; } .components__demo-img--truck .components__list-item--3 .components__list-item-line { left: 2rem; bottom: -5.5rem; } .components__demo-img--tractor { top: 4rem; } .components__demo-img--tractor .components__list-item--1 { left: -36%; top: -6%; } .components__demo-img--tractor .components__list-item--1 .components__list-item-line { left: 3rem; bottom: -14.1rem; } .components__demo-img--tractor .components__list-item--2 { top: -29%; left: 13%; } .components__demo-img--tractor .components__list-item--2 .components__list-item-line { bottom: -7.3rem; left: 5rem; } .components__demo-img--tractor .components__list-item--3 { top: -6%; left: 72%; } .components__demo-img--tractor .components__list-item--3 .components__list-item-line { bottom: -11.4rem; left: 5rem; } .components__demo-img--passenger { margin-right: 10rem; top: 8rem; } .components__demo-img--passenger .components__list-item--1 { top: 20%; left: -34%; } .components__demo-img--passenger .components__list-item--1 .components__list-item-line { bottom: -7.7rem; left: 2rem; } .components__demo-img--passenger .components__list-item--2 { top: -15%; left: -24%; } .components__demo-img--passenger .components__list-item--2 .components__list-item-line { bottom: -7.6rem; left: 8rem; } .components__demo-img--passenger .components__list-item--3 { top: -33%; left: 14%; } .components__demo-img--passenger .components__list-item--3 .components__list-item-line { bottom: -16.2rem; left: 5rem; } .components__demo-img--passenger .components__list-item--4 { top: -17%; left: 62%; } .components__demo-img--passenger .components__list-item--4 .components__list-item-line { bottom: -19.6rem; left: 6rem; } .components__list-item-line { transform: scale(.51); } .components__list-title { font-size: 1rem; } .components__info { margin-bottom: 4.8rem; } .components__list-link { width: 18rem; min-width: unset; padding: .4rem .8rem; } .products__list { margin-bottom: 4.8rem; } .product__additional { margin-top: 8.6rem; } .p-search { margin-bottom: 8.5rem; } } @media only screen and (max-width:1199.98px) { .button { letter-spacing: .04em; } .intro__tech-table { margin-bottom: 1.6rem; } .products__footer { max-width: 100%; margin-left: 0; } .product__about { flex-direction: column-reverse; margin-bottom: 6.4rem; } .product__gallery { margin-left: auto; margin-right: auto; } .product__info-wrapper { align-items: flex-start; max-width: 80rem; margin-bottom: 4.8rem; padding-top: 0; } .product__info { max-width: 100%; margin-bottom: 1.6rem; } .product__title { font-size: 2.2rem; margin-bottom: 1.6rem; } .product__number { margin-bottom: 1.6rem; } .product__text { font-size: 1.4rem; color: #a3a3a4; } } @media only screen and (max-width:1023.98px) { body.search-open { overflow: hidden; } body.search-open .header { z-index: 3; } .header__logo.hidden { visibility: visible; } .footer { padding: 6rem 0; } .footer__menu { padding: 4rem 0; border-bottom: 0; } .footer__menu-link { font-size: 2.2rem; } .footer__menu-sublist-wrapper { display: none; } .footer__bot { padding-top: 4rem; } .footer__descrip { max-width: unset; } .footer__descrip-text { margin-bottom: 4rem; } .menu__link { font-size: 1.2rem; } .menu__sublist { grid-gap: 2.4rem; } .menu__sublink { font-size: 1.4rem; } .menu__sub-sublink { font-size: 1.2rem; } .button { font-size: 1.4rem; } .intro--bg { padding: 15.4rem 0 11.7rem; } .intro--catalog .intro__filters { padding-right: 2rem; padding-left: 2rem; margin-left: -2rem; margin-right: -2rem; } .intro--contract { margin-bottom: 6.4rem; } .intro--products .intro__head-bg-image { right: -15rem; } .intro--products .button-back { display: flex; } .intro--products .crumbs { display: none; } .intro--dealers { padding: 15.4rem 0 6.4rem; } .intro__info:not(:last-child) { margin-bottom: 3.2rem; } .intro__title { margin-bottom: 1.6rem; } .intro__img { display: none; } .intro__search-not-found { font-size: 1.4rem; } .search.active { position: fixed; z-index: 5; max-width: unset; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; padding: 9.6rem 4rem 6rem; background-color: #fff; } .search.active .search__clear.mobile { display: flex; } .search.active .search__tips { position: static; } .search.active .search__form { max-width: 50rem; margin-left: auto; margin-right: auto; margin-bottom: 1.6rem; } .search__input { padding-right: 2rem; } .search__tips { width: 100%; height: 100%; padding-left: 0; padding-right: 0; border: 0; box-shadow: none; } .search__tips-inner { width: 100%; height: 100%; padding-right: 0; max-height: unset; } .search__clear { display: none; } .search__tips-empty { padding-left: 0; text-align: center; } .search__tips-category-list, .search__tips-products-list { max-width: 60.1rem; margin-left: auto; margin-right: auto; } .control__label { font-size: 1.4rem; line-height: 1.4; letter-spacing: normal; margin-bottom: .8rem; } .recommend__slider-btn { top: 25%; } .swiper-button { min-height: 4rem; min-width: 4rem; } .swiper-button__icon { width: 1.8rem; height: 1.8rem; } .section { margin-bottom: 9.7rem; } .content blockquote, .content h3:not(.product-card__title):not(.order-product__title), .content h4:not(.product-card__title), .content ol, .content p, .content ul, .content-wrapper-sm, .content__footer, .content__image-labeled { max-width: 55rem; } .content-wrapper-md { max-width: 55rem; } .table-tech__row { line-height: 1.6; } .table-tech__row:not(:last-child) { margin-bottom: 0; } .table__row { flex-direction: column; } .table__col:not(:last-child) { margin-right: 0; margin-bottom: 1.2rem; flex: 1 1 100%; } .contacts-item__link { font-size: 1.6rem; } .gallery-thumbs__slides { max-width: 64.6rem; margin-left: auto; margin-right: auto; } .gallery-thumbs__miniatures { display: none; } .gallery-thumbs__footer { display: none; } .gallery-thumbs__pagination { display: flex; } .gallery .swiper-slide { max-width: 22.7rem; } .plug { height: 24rem; margin-top: 9.6rem; margin-bottom: 9.6rem; } .plug:last-child { margin-bottom: -8rem; } .order__products.no-slider .swiper-slide { flex: 0 0 45%; } .order__products { max-width: 58rem; } .order__slider-btn { display: none; } .image-labeled__label { font-size: 1.4rem; } .modal__content { max-width: 68.8rem; } .modal__inner { padding: 3rem 2rem; } .modal__close { top: 3rem; right: 2rem; } .modal__title { font-size: 2.6rem; letter-spacing: normal; margin-bottom: 2.4rem; } .modal__form { margin: 0; max-width: 100%; } .nowrap { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; white-space: nowrap; flex-wrap: nowrap; } .nowrap::-webkit-scrollbar { width: 0; height: 0; } .search-controls { margin-bottom: 2.4rem; padding-right: 0; padding-left: 0; } .search-controls__res { font-size: 1.6rem; } .search-controls__filters-wrap { display: block; } .search-controls__filters.active .filters { display: flex; } .scroll-shadow--right::after { display: block; } .scroll-shadow--left::before { display: block; } .catalog-card__img-wrapper { min-height: 28rem; height: 28rem; } .catalog-recommend { display: block; } .info { max-width: 68.8rem; } body.home .info__title { max-width: 26.8rem; } body.home .info__descrip { max-width: 33.4rem; } .info__descrip { font-size: 1.4rem; } .content { margin-bottom: 10rem; font-size: 1.4rem; } .content--service { margin-bottom: 0; padding-bottom: 8rem; } .content .gallery-thumbs { margin-bottom: 8.4rem; } .content .gallery { margin-top: 4.8rem; margin-bottom: 4.8rem; } .content p:not(:last-child) { margin-bottom: 1.2rem; } .content h2:not(.info__title) { margin: 4.8rem 0 1.6rem; } .content h3:not(.product-card__title):not(.order-product__title) { font-size: 2.2rem; } .content h3:not(.product-card__title):not(.order-product__title), .content h4:not(.product-card__title) { margin-bottom: 3.2rem; margin-top: 6.4rem; } .content blockquote { margin: 4rem auto; } .content .info { margin-top: 8.6rem; } .content .order { margin: 3.2rem 0 6.4rem; } .content__image-labeled { margin: 2.4rem auto; } .content__img-stub { margin: 2.4rem 0 4.8rem; } .quote { max-width: 55rem; margin: 3.2rem auto; } .quote__img { margin-right: 2.6rem; } .quote__author-name { font-size: 1.6rem; } .quote__text { font-size: 1.6rem; } .about-contacts { padding-bottom: 4rem; display: block; } .about-contacts__item { width: 100%; } .about-contacts__item:not(:last-child) { margin-bottom: 3rem; } .about-contacts__links { flex-direction: column; margin-bottom: 0; } .about-contacts__wrapper { display: grid; grid-template-columns: repeat(auto-fit,minmax(29.9rem,29.9rem)); grid-gap: 5.5rem; margin-bottom: 6rem; } .about-contacts__info { max-width: unset; margin-right: 0; } .about-contacts__form { display: none; } .about-contacts__btn-modal { display: flex; } .filter-controls__icon { width: 2rem; height: 2rem; } .filter-controls__text { font-size: 1.6rem; } .filter-controls__selected { font-size: 1.4rem; } .pages-result__text { font-size: 1.4rem; } .pages-result__input { width: 4rem; height: 4rem; font-size: 1.6rem; } .slider-pagination.swiper-pagination { display: block; } .search-item__title { font-size: 1.8rem; line-height: 1.2; } .cookie { padding: 1.5rem; } .cookie__description { font-size: 1.4rem; } .hero__pagination .swiper-pagination-bullet { width: 6.8rem; height: .4rem; } .banner { padding: 5.6rem 3.8rem; } .banner__inner { max-width: 46rem; } .banner__title { font-size: 2.2rem; margin-bottom: 1.6rem; } .banner__text { font-size: 1.4rem; margin-bottom: 1.6rem; max-width: 35rem; width: 100%; } .about__description { max-width: 60rem; } .about__description-title { font-size: 2.2rem; } .products { margin-bottom: 9.6rem; } .product { margin-bottom: 6.4rem; } .product { margin-bottom: 1.2rem; } .product__gallery .gallery-thumbs__miniatures, .product__gallery .swiper-gallery-slides { max-width: 55rem; } .product__gallery { flex-direction: column; overflow: hidden; max-width: 100%; max-height: 100%; margin-right: 0; overflow: unset; } .product__gallery .gallery-thumbs__pagination { display: flex; } .product__gallery .gallery-thumbs__slides { padding-bottom: 1.8rem; } .product__info-wrapper { max-width: 57rem; } .product__sidebar { display: none; } .product__descrip.content { margin-bottom: 0; overflow: unset; } .product__descrip.content .product__descrip-docs { margin-top: 2.4rem; } .product__descrip.content ul { margin: 1.6rem 0 2.4rem; } .product__descrip.content p:not(:last-child) { margin: 1.6rem 0 2.4rem; } .product__descrip.content h4 { font-size: 1.8rem; margin-bottom: 1.6rem; } .product__descrip.content h3 { margin-bottom: 1.6rem; } .product__descrip.content .table-tech__head { font-size: 1.8rem; } .product__descrip-block { margin-bottom: 6.4rem; } .product__techs { margin-top: 2.4rem; margin-bottom: 6.4rem; } .product__additional { overflow: unset; } .product__additional-items { margin-top: 2.4rem; } .p-search__products.loading .products-list { max-height: 40rem; } .contacts { margin-bottom: 8.6rem; } .contacts__group { flex-direction: column; } .contacts__item { width: 100%; } .contacts__item:not(:last-child) { margin-bottom: 2.4rem; } .contacts-form { padding: 7rem 0; } .contacts-form__title { margin-bottom: 2.7rem; } .contacts-form__form { max-width: 45.3rem; } .contacts-form__footer { margin-top: 3rem; } .divisions { margin-bottom: 9.6rem; } .divisions__title { margin-bottom: 4.2rem; } .represent { margin-bottom: 11rem; } .represent__inner { grid-gap: 4rem 2rem; grid-template-columns: repeat(2,1fr); } } @media only screen and (max-width:767.98px) { body.dark-overlay::before { display: none; } .container { padding: 0 2rem; } .header.hover::after { display: none; } .header.open .container { padding: 0 2.8rem; } .header.open .header__inner { flex-direction: column; } .header.open .menu { margin-right: 0; margin-bottom: 3.4rem; } .header.open .menu__link { font-size: 2rem; color: #fff; font-weight: 600; } .header.open .menu__item:not(:last-child) { margin-bottom: 2.4rem; } .header.open .header__logo { margin-left: -1.4rem; } .header__inner { padding: .8rem 0; } .header__logo { max-width: 7.2rem; } .footer { padding: 4rem 0; } .footer__menu { padding-bottom: 4rem; flex-direction: column; border-bottom: 1px solid rgba(255,255,255,.2); } .footer__menu-block--sm { max-width: unset; } .footer__menu-block--sm .footer__menu-item { max-width: unset; } .footer__menu-block:not(:last-child) { margin-bottom: 3.2rem; } .footer__menu-item:not(:last-child) { margin-bottom: 3.2rem; } .footer__menu-link { font-size: 2rem; } .footer__bot { padding-top: 4rem; } .footer__descrip-group { flex-direction: column; align-items: center; margin-bottom: 4rem; } .footer__descrip-text { text-align: center; max-width: unset; } .footer__copy { margin-bottom: 4rem; } .footer__company { flex-direction: column; align-items: center; } a.footer__madeby-logo { display: flex; justify-content: center; margin-right: 0; margin-bottom: .8rem; } .content h2:not(.info__title), .title { font-size: 2rem; } .burger-button { display: flex; } .menu { display: none; } .menu__link-arrow { margin-left: 1.6rem; } .menu__link-icon { width: 1.4rem; height: 1.4rem; } .menu__list { max-width: 40.4rem; width: 100%; } .menu__item.open>.menu__sublist-wrapper { max-height: 100rem; opacity: 1; pointer-events: all; padding: 2.4rem 0 0; } .menu__item { position: relative; flex-direction: column; align-items: flex-start; } .menu__link { border: 0; } .menu__link.active { border: 0; } .menu__sublist-title { display: none; } .menu__sublist-wrapper { position: static; background-color: transparent; max-height: unset; overflow: unset; opacity: 0; max-height: 0; visibility: visible; pointer-events: none; overflow: hidden; padding: 0; transition: opacity .2s ease,max-height .2s ease,padding .2s ease; } .menu__sublist { grid-template-columns: repeat(1,1fr); } .menu__sublink { color: #fff; font-size: 1.6rem; position: relative; } .menu__sublink::before { background: #fff; content: ''; display: inline-block; width: 4px; height: 4px; margin-right: 1.2rem; border-radius: 50%; vertical-align: middle; } .menu__subitem-img { display: none; } .menu__sub-sublist { padding-left: 1.6rem; } .menu__sub-sublink { color: #fff; font-size: 1.4rem; } .button { max-width: unset; } .intro { padding-top: 11.2rem; } .intro--contract { margin-bottom: 4.8rem; } .intro--contract .intro__info:not(:last-child) { margin-bottom: 2.5rem; } .intro--products .intro__head { padding-top: 9.2rem; padding-bottom: 4.3rem; margin-bottom: 4.8rem; } .intro--products .intro__head-bg-image { right: -9rem; } .intro--products { padding-top: 0; } .intro--content { margin-bottom: 4.8rem; } .intro--search { margin-bottom: 2.4rem; } .intro--search-no-result { margin-bottom: 11.2rem; } .intro--contacts { margin-bottom: 6.4rem; } .intro__info:not(:last-child) { margin-bottom: 4rem; } .text p:not(:last-child) { margin-bottom: 1.6rem; } .search.active { padding: 8.4rem 1.6rem 5rem; } .search.active .search__form { margin-bottom: 0; } .search__input { line-height: 1.2; font-size: 1.2rem; } .search__clear.mobile { top: 4rem; right: 1rem; } .search__tips-category-list { margin-bottom: 2.4rem; } .search__tips-category-item:not(:last-child) { padding-bottom: 1.2rem; margin-bottom: 1.2rem; } .filter__styled { font-size: 1.2rem; } .filters { margin-top: -4rem; } .filters__item.mobile-hide { display: none; } .filters__item { margin-bottom: 1.2rem; } .select__selected { font-size: 1.2rem; } .select__options { left: 0; right: unset; } .select__option { font-size: 1.2rem; } .select__selected-label { font-size: 1.2rem; } .recommend__title { margin-bottom: 3.2rem; } .recommend__slider-btn { display: none; } .recommend__catalog-btn { margin-top: 3.2rem; } .section { margin-bottom: 7rem; } .products-list { grid-template-columns: repeat(2,1fr); } .table-tech__row { flex-direction: column; } .table-tech__col { font-size: 1.4rem; } .link-text { font-size: 1.6rem; } .contacts-item__label { margin-bottom: .8rem; } .contacts-item__label { font-size: 1.2rem; } .contacts-item__link { font-size: 1.4rem; } .gallery-thumbs .swiper-button-wrapper, .gallery-thumbs .swiper-button-wrapper:disabled { display: none; } .gallery-thumbs__slides { padding-bottom: 1.8rem; } .gallery-thumbs__slides .swiper-button { display: none; } .gallery-thumbs__pagination.swiper-pagination-horizontal { bottom: 0; } .plug { height: 15rem; margin-bottom: 4.8rem; margin-top: 4.8rem; } .plug:last-child { margin-top: 9.6rem; margin-bottom: -8rem; } .crumbs { display: none; } .order__products.no-slider .swiper-slide { flex: 0 0 100%; } .order__slider-btn { display: none; } .order-product__title { font-size: 1.6rem; line-height: 1.2; margin-top: 1.2rem; } .product-card__descrip { padding: 1.2rem 0; } .product-card__title { font-size: 1.1rem; } .product-card__code { font-size: 1.1rem; } .modal__content { max-width: 100%; border-radius: 0; } .modal__inner { min-height: calc(var(--vh,1vh) * 100); min-height: 100svh; } .modal__close { top: 2.6rem; } .modal__form-group { flex-direction: column; } .modal__form-control:not(:last-child) { margin-right: 0; margin-bottom: 2rem; } .modal-notif .modal__content { max-width: 100%; } .button-catalog { display: block; } .search-controls { flex-direction: column; align-items: flex-start; } .search-controls__res { font-size: 1.2rem; margin-bottom: 3.2rem; margin-right: 0; } .search-controls__sort:only-child { margin-left: 0; } .catalog { margin-bottom: 8rem; } .catalog__inner { grid-gap: 2rem 1.6rem; grid-template-columns: repeat(2,1fr); } .catalog__inner .catalog-card:nth-child(10n+6) { grid-row: auto; } .catalog-card__title { font-size: 1.2rem; } .catalog-recommend { display: none; } .info-wrapper { margin-bottom: 4.8rem; } .info { flex-direction: column; } body.home .info__title { max-width: unset; } .info__title { max-width: unset; width: 100%; } .info__title:not(:last-child) { margin-bottom: 2.4rem; } .info__title:not(:last-child)::after { display: none; } body.home .info__descrip { max-width: unset; } .info__descrip { display: flex; align-items: flex-start; max-width: unset; width: 100%; } .info__descrip::before { display: inline-block; content: ''; min-width: 2px; height: 10rem; margin-right: 1.6rem; background-color: #000; } .info__descrip p { max-width: unset; } .content { margin-bottom: 7.6rem; } .content--service { margin-bottom: 0; } .content .gallery-thumbs { margin-top: 3.2rem; margin-bottom: 4.8rem; } .content h2:not(.info__title) { margin: 6.4rem 0 2.3rem; } .content h3:not(.product-card__title):not(.order-product__title) { font-size: 2rem; } .content h3:not(.product-card__title):not(.order-product__title), .content h4:not(.product-card__title) { margin-top: 4.8rem; margin-bottom: 2.4rem; } .content ol li { font-size: 1.4rem; } .content ol li:not(:last-child) { margin-bottom: 1.2rem; } .content ol { margin-top: 2.4rem; padding-left: 1.5rem; } .content ol:not(:last-child) { margin-bottom: 4.8rem; } .content blockquote { padding: 2.4rem 0; margin: 2.4rem auto; font-size: 1.6rem; } .content .info { margin-top: 4.8rem; } .content .order { margin-bottom: 4.8rem; } .content__img-stub { margin: 2.4rem 0; } .content__footer { margin-top: 2.4rem; } .content__footer-top { flex-direction: column; } .content__footer-bot { margin-left: 0; justify-content: unset; } li.content__social-item { width: 50%; } li.content__social-item:not(:last-child) { margin-right: 0; } .quote__img { max-width: 5.8rem; max-height: 5.8rem; margin-right: 1.8rem; } .quote__author-name { font-size: 1.4rem; } .quote__author-position { font-size: 1.2rem; } .quote__text { font-size: 1.4rem; } .about-contacts__item:not(:last-child) { margin-bottom: 2.4rem; } .about-contacts__wrapper { grid-template-columns: 1fr; grid-gap: 2.4rem; margin-bottom: 4rem; } .about-contacts__title { font-size: 1.8rem; font-weight: 500; margin-bottom: 2.4rem; } .filter-controls__toggle { background-color: #484849; padding: 1.2rem 1.9rem; } .filter-controls__icon { stroke: #fff; } .filter-controls__text { display: none; } .filter-controls__selected { font-size: 1.2rem; } .filter-controls__clear { font-size: 1.4rem; } .pages-result { margin-top: 3.2rem; } .pages-result__text { font-size: 1.2rem; } .pages-result__input { font-size: 1.4rem; width: 3.8rem; height: 3.8rem; } .search-link { padding: 0; } .search-link__content { margin-right: 0; flex-direction: column; align-items: flex-start; } .search-link__title { font-size: 1.6rem; margin-bottom: .8rem; } .search-link__count { font-size: 1.2rem; } .search-item { padding: .8rem .4rem; } .search-item__img { margin-right: .8rem; } .search-item__title { font-size: 1.2rem; margin-bottom: 0; } .search-item__subtitle { display: none; } .cookie { flex-direction: column; } .cookie__description { margin-bottom: 2rem; margin-right: 0; text-align: center; } .cookie__control { font-size: 1.4rem; } .cookie__control:not(:last-child) { margin-right: 1rem; } .cookie__accept { min-width: unset; } .hero { padding-top: 6rem; margin-bottom: 6.4rem; } .banner .container { padding: 0 1.1rem; } .banner { padding: 4rem 0 7.3rem; } .banner__inner { margin-left: auto; margin-right: auto; align-items: center; text-align: center; } .banner__title { font-size: 1.8rem; } .banner__text { font-size: 1.2rem; } .service-card__img { padding: 0 4rem; } .services-container { margin-bottom: 8.6em; } .services-container__inner { grid-template-columns: repeat(1,1fr); grid-gap: 4.8rem; } .about { padding: 6.4rem 0 8.6rem; } .about__images { grid-template-columns: 1fr; grid-gap: 2.4rem; justify-content: center; padding: 0 2.4rem; margin-bottom: 8.6rem; margin-left: auto; margin-right: auto; max-width: 44.5rem; } .about__img:nth-child(2) { grid-row: 3/3; grid-column: auto; } .tabs__nav { margin-bottom: 6rem; } .tabs__nav-btn { font-size: 1rem; width: 100%; } .tabs__nav-list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; max-width: 40rem; margin: 0 auto; } .tabs__nav-item:not(:last-child) { margin-right: 0; } .components__demo .container { padding: 0; } .components__demo-inner { flex-direction: column; } .components__demo-img-transport { max-width: 30rem; width: 100%; height: 17rem; padding: 0 2rem; margin: 0 auto; z-index: 1; bottom: -2rem; object-fit: contain; } .components__demo-img { max-width: 100%; height: unset; } .components__demo-img--belaz { margin-right: 0; } .components__demo-img--truck { margin-right: 0; } .components__demo-img--tractor { margin-right: 0; top: 0; } .components__demo-img--tractor .components__demo-img-transport { bottom: -3rem; } .components__demo-img--tractor .components__list { padding-top: 4.2rem; } .components__demo-img--passenger { margin-right: 0; top: 0; } .components__list { position: static; background-color: #e6e6e6; padding: 5.2rem 2rem 0; } .components__list-item { position: static; opacity: 1; } .components__list-item:not(:last-child) { margin-bottom: .4rem; } .components__list-item::after { display: none; } .components__list-item-line { display: none; } .components__list-link { justify-content: flex-start; background: 0 0; -webkit-backdrop-filter: none; backdrop-filter: none; padding: .4rem 0; width: 100%; opacity: 1; } .components__list-link::before { display: none; } .components__demo-earth { display: none; } .components__demo-earth.mobile { display: block; } .products { margin-top: 3.2rem; margin-bottom: 8rem; } .products__list { margin-bottom: 4rem; } .products__footer { flex-direction: column; align-items: center; } .products__footer .button { font-size: 1.2rem; padding-left: 1.5rem; padding-right: 1.5rem; } .products__footer-button:not(:last-child) { margin-right: 2rem; } .product__gallery .gallery-thumbs__slides { margin-bottom: 0; } .product__info-wrapper { margin-bottom: 4rem; } .product__title { font-size: 2rem; line-height: normal; margin-bottom: 1.6rem; } .product__number { margin-bottom: 1.6rem; font-size: 1.6rem; } .product__descrip.content .table-tech__head { font-size: 1.6rem; } .product__descrip-block { margin-bottom: 4.8rem; } .product__additional { margin-bottom: 6.4rem; } .p-search { margin-bottom: 4.6rem; } .p-search__res { font-size: 1.2rem; } .p-search__products.loading .products-list { max-height: 20rem; } .contacts__inner { flex-direction: column; } .contacts__block { max-width: 100%; } .contacts__block .contacts-item__label { font-size: 1.4rem; } .contacts__block .contacts-item__link { font-size: 1.6rem; } .contacts__block .contacts__item:not(:last-child) { margin-bottom: 1.6rem; } .contacts__block:not(:last-child) { margin-right: 0; margin-bottom: 6.4rem; } .contacts__group { margin-bottom: 1.6rem; } .contacts-item__btn { display: flex; } .contacts__title { margin-bottom: 1.6rem; } .contacts__button { display: block; margin: 6.4rem auto 0; } .contacts__map-zoom-btn { pointer-events: none; } .contacts-form { display: none; } .divisions { margin-bottom: 6.4rem; } .divisions__title { margin-bottom: .4rem; } .divisions__col a { font-size: 1.6rem; } .divisions__row-title { font-size: 1.4rem; } .divisions__col-name { font-size: 1.6rem; } .represent__inner { grid-template-columns: repeat(1,1fr); } .represent__title { margin-bottom: 3rem; } .contacts-location { display: none; } .not-found { margin-bottom: 3.2rem; } .not-found__title { text-transform: inherit; } h2.not-found__subtitle { font-size: 1.8rem; line-height: normal; text-transform: inherit; margin-bottom: 1.6rem; } .not-found-catalog { margin-bottom: 7.6rem; } } @media only screen and (max-width:479.98px) { .catalog-card__img-wrapper { min-height: 20rem; height: 20rem; } } @media (hover:hover) { .service-card__img-link:hover { clip-path: inset(.3rem .3rem .3rem .3rem); } .components__list-link:hover::before { transform: scale(1.1); } } .contacts-form:last-child{ margin-bottom:0; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }