/* Start:/local/templates/main/fonts/Montserrat.css?17176588208267*/ @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/fonts/Montserrat-ExtraLight.eot'); src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url('/local/templates/main/fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-ExtraLight.woff2') format('woff2'), url('/local/templates/main/fonts/Montserrat-ExtraLight.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/fonts/Montserrat-MediumItalic.eot'); src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'), url('/local/templates/main/fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-MediumItalic.woff2') format('woff2'), url('/local/templates/main/fonts/Montserrat-MediumItalic.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/fonts/Montserrat-Italic.eot'); src: local('Montserrat Italic'), local('Montserrat-Italic'), url('/local/templates/main/fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-Italic.woff2') format('woff2'), url('/local/templates/main/fonts/Montserrat-Italic.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/fonts/Montserrat-Regular.eot'); src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/local/templates/main/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-Regular.woff2') format('woff2'), url('/local/templates/main/fonts/Montserrat-Regular.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/fonts/Montserrat-ThinItalic.eot'); src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'), url('/local/templates/main/fonts/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-ThinItalic.woff2') format('woff2'), url('/local/templates/main/fonts/Montserrat-ThinItalic.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/fonts/Montserrat-Bold.eot'); src: local('Montserrat Bold'), local('Montserrat-Bold'), url('/local/templates/main/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-Bold.woff2') format('woff2'), url('/local/templates/main/fonts/Montserrat-Bold.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/fonts/Montserrat-Light.eot'); src: local('Montserrat Light'), local('Montserrat-Light'), url('/local/templates/main/fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-Light.woff2') format('woff2'), url('/local/templates/main/fonts/Montserrat-Light.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/fonts/Montserrat-Black.eot'); src: local('Montserrat Black'), local('Montserrat-Black'), url('/local/templates/main/fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-Black.woff2') format('woff2'), url('/local/templates/main/fonts/Montserrat-Black.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/fonts/Montserrat-Medium.eot'); src: local('Montserrat Medium'), local('Montserrat-Medium'), url('/local/templates/main/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-Medium.woff2') format('woff2'), url('/local/templates/main/fonts/Montserrat-Medium.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/fonts/Montserrat-ExtraLightItalic.eot'); src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'), url('/local/templates/main/fonts/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'), url('/local/templates/main/fonts/Montserrat-ExtraLightItalic.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/fonts/Montserrat-BlackItalic.eot'); src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'), url('/local/templates/main/fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-BlackItalic.woff2') format('woff2'), url('/local/templates/main/fonts/Montserrat-BlackItalic.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/fonts/Montserrat-ExtraBoldItalic.eot'); src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'), url('/local/templates/main/fonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'), url('/local/templates/main/fonts/Montserrat-ExtraBoldItalic.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/fonts/Montserrat-SemiBoldItalic.eot'); src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'), url('/local/templates/main/fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'), url('/local/templates/main/fonts/Montserrat-SemiBoldItalic.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/fonts/Montserrat-ExtraBold.eot'); src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('/local/templates/main/fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-ExtraBold.woff2') format('woff2'), url('/local/templates/main/fonts/Montserrat-ExtraBold.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/fonts/Montserrat-BoldItalic.eot'); src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url('/local/templates/main/fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-BoldItalic.woff2') format('woff2'), url('/local/templates/main/fonts/Montserrat-BoldItalic.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/fonts/Montserrat-LightItalic.eot'); src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url('/local/templates/main/fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-LightItalic.woff2') format('woff2'), url('/local/templates/main/fonts/Montserrat-LightItalic.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/fonts/Montserrat-SemiBold.eot'); src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('/local/templates/main/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-SemiBold.woff2') format('woff2'), url('/local/templates/main/fonts/Montserrat-SemiBold.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/fonts/Montserrat-Thin.eot'); src: local('Montserrat Thin'), local('Montserrat-Thin'), url('/local/templates/main/fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Montserrat-Thin.woff2') format('woff2'), url('/local/templates/main/fonts/Montserrat-Thin.woff') format('woff'), url('/local/templates/main/fonts/Montserrat-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } /* End */ /* Start:/local/templates/main/fonts/DINPro.css?17176588218983*/ @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-CondensedBlack.eot'); src: local('DIN Pro Condensed Black'), local('DINPro-CondensedBlack'), url('/local/templates/main/fonts/DINPro-CondensedBlack.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-CondensedBlack.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-CondensedBlack.woff') format('woff'), url('/local/templates/main/fonts/DINPro-CondensedBlack.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-Light.eot'); src: local('DIN Pro Light'), local('DINPro-Light'), url('/local/templates/main/fonts/DINPro-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-Light.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-Light.woff') format('woff'), url('/local/templates/main/fonts/DINPro-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro.eot'); src: local('DIN Pro'), local('DINPro'), url('/local/templates/main/fonts/DINPro.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro.woff') format('woff'), url('/local/templates/main/fonts/DINPro.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-BoldItalic.eot'); src: local('DIN Pro Bold Italic'), local('DINPro-BoldItalic'), url('/local/templates/main/fonts/DINPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-BoldItalic.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-BoldItalic.woff') format('woff'), url('/local/templates/main/fonts/DINPro-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-Bold.eot'); src: local('DIN Pro Bold'), local('DINPro-Bold'), url('/local/templates/main/fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-Bold.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-Bold.woff') format('woff'), url('/local/templates/main/fonts/DINPro-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-CondensedBoldItalic.eot'); src: local('DIN Pro Condensed Bold Italic'), local('DINPro-CondensedBoldItalic'), url('/local/templates/main/fonts/DINPro-CondensedBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-CondensedBoldItalic.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-CondensedBoldItalic.woff') format('woff'), url('/local/templates/main/fonts/DINPro-CondensedBoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-MediumItalic.eot'); src: local('DIN Pro Medium Italic'), local('DINPro-MediumItalic'), url('/local/templates/main/fonts/DINPro-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-MediumItalic.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-MediumItalic.woff') format('woff'), url('/local/templates/main/fonts/DINPro-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-Black.eot'); src: local('DIN Pro Black'), local('DINPro-Black'), url('/local/templates/main/fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-Black.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-Black.woff') format('woff'), url('/local/templates/main/fonts/DINPro-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-CondensedMedium.eot'); src: local('DIN Pro Condensed Medium'), local('DINPro-CondensedMedium'), url('/local/templates/main/fonts/DINPro-CondensedMedium.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-CondensedMedium.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-CondensedMedium.woff') format('woff'), url('/local/templates/main/fonts/DINPro-CondensedMedium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-CondensedLight.eot'); src: local('DIN Pro Condensed Light'), local('DINPro-CondensedLight'), url('/local/templates/main/fonts/DINPro-CondensedLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-CondensedLight.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-CondensedLight.woff') format('woff'), url('/local/templates/main/fonts/DINPro-CondensedLight.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-Medium.eot'); src: local('DIN Pro Medium'), local('DINPro-Medium'), url('/local/templates/main/fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-Medium.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-Medium.woff') format('woff'), url('/local/templates/main/fonts/DINPro-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-Italic.eot'); src: local('DIN Pro Italic'), local('DINPro-Italic'), url('/local/templates/main/fonts/DINPro-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-Italic.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-Italic.woff') format('woff'), url('/local/templates/main/fonts/DINPro-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-CondensedLightItalic.eot'); src: local('DIN Pro Condensed Light Italic'), local('DINPro-CondensedLightItalic'), url('/local/templates/main/fonts/DINPro-CondensedLightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-CondensedLightItalic.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-CondensedLightItalic.woff') format('woff'), url('/local/templates/main/fonts/DINPro-CondensedLightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-CondensedMediumItalic.eot'); src: local('DIN Pro Condensed Medium Italic'), local('DINPro-CondensedMediumItalic'), url('/local/templates/main/fonts/DINPro-CondensedMediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-CondensedMediumItalic.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-CondensedMediumItalic.woff') format('woff'), url('/local/templates/main/fonts/DINPro-CondensedMediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-CondensedBlackItalic.eot'); src: local('DIN Pro Condensed Black Italic'), local('DINPro-CondensedBlackItalic'), url('/local/templates/main/fonts/DINPro-CondensedBlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-CondensedBlackItalic.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-CondensedBlackItalic.woff') format('woff'), url('/local/templates/main/fonts/DINPro-CondensedBlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-CondensedBold.eot'); src: local('DIN Pro Condensed Bold'), local('DINPro-CondensedBold'), url('/local/templates/main/fonts/DINPro-CondensedBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-CondensedBold.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-CondensedBold.woff') format('woff'), url('/local/templates/main/fonts/DINPro-CondensedBold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-BlackItalic.eot'); src: local('DIN Pro Black Italic'), local('DINPro-BlackItalic'), url('/local/templates/main/fonts/DINPro-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-BlackItalic.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-BlackItalic.woff') format('woff'), url('/local/templates/main/fonts/DINPro-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-LightItalic.eot'); src: local('DIN Pro Light Italic'), local('DINPro-LightItalic'), url('/local/templates/main/fonts/DINPro-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-LightItalic.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-LightItalic.woff') format('woff'), url('/local/templates/main/fonts/DINPro-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-CondensedItalic.eot'); src: local('DIN Pro Condensed Italic'), local('DINPro-CondensedItalic'), url('/local/templates/main/fonts/DINPro-CondensedItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-CondensedItalic.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-CondensedItalic.woff') format('woff'), url('/local/templates/main/fonts/DINPro-CondensedItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/main/fonts/DINPro-CondensedRegular.eot'); src: local('DIN Pro Condensed Regular'), local('DINPro-CondensedRegular'), url('/local/templates/main/fonts/DINPro-CondensedRegular.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/DINPro-CondensedRegular.woff2') format('woff2'), url('/local/templates/main/fonts/DINPro-CondensedRegular.woff') format('woff'), url('/local/templates/main/fonts/DINPro-CondensedRegular.ttf') format('truetype'); font-weight: 400; font-style: normal; } /* End */ /* Start:/local/templates/main/css/swiper-bundle.css?171810912922804*/ /** * Swiper 10.2.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 17, 2023 */ /* FONT_START */ @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; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :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; overflow: clip; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 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; } /* Auto Height */ .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; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .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); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { 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, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 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, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 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, 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:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .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); } } /* Slide styles end */ .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-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { 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-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next 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; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next: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'; } /* Navigation font end */ :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms 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; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.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(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.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, 0.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-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms 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: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 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-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } :root { /* --swiper-scrollbar-border-radius: 10px; --swiper-scrollbar-top: auto; --swiper-scrollbar-bottom: 4px; --swiper-scrollbar-left: auto; --swiper-scrollbar-right: 4px; --swiper-scrollbar-sides-offset: 1%; --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1); --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5); --swiper-scrollbar-size: 4px; */ } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; -ms-touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 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-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { 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, 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; } /* Zoom container styles start */ .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } /* Zoom container styles end */ .swiper-slide-zoomed { cursor: move; touch-action: none; } /* a11y */ .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-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: 0.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; } /* Cube slide shadows start */ .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .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 { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Cube slide shadows end */ .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; } /* Flip slide shadows start */ .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, .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 { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Flip slide shadows end */ .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } /* End */ /* Start:/local/templates/main/css/styles.css?1758024351103953*/ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { font-family: Montserrat; font-size: 16px; line-height: 140%; } body { box-sizing: border-box; background-color: #FFF; width: 100%; max-width: none; position: relative; padding: 0; overflow: hidden; overflow-y: scroll; } .page { box-sizing: border-box; margin: 0 auto; position: relative; overflow: hidden; } button, a { cursor: pointer; } div, section { box-sizing: border-box; background-repeat: no-repeat; } section { display: flex; padding: 0 20px; } img { margin: 0; } b { font-weight: 600; } h1, h2 { color: #111827; font-size: 36px; font-family: Montserrat; margin-bottom: 30px; line-height: 130%; font-weight: 600; margin: 0; } h2 { font-weight: 500; } h3, h4, h5, h6, a, p, li, span { color: #111827; font-size: 16px; font-family: Montserrat; margin-bottom: 30px; line-height: 140%; font-weight: 400; text-decoration: none; list-style-type: none; margin: 0; } ul { padding: 0; margin: 0; } .overlay { width: 100%; height: 100%; background-color: rgba(10, 47, 69, .5); position: fixed; display: flex; top: 0px; padding: 0 20px; opacity: 0; visibility: hidden; z-index: 0; overflow-y: scroll; transform: translateX(-101%); transition: opacity 1s; padding: 0 20px; } .overlay_second { width: 100%; height: 100%; background-color: rgba(10, 47, 69, .5); position: fixed; display: flex; top: 0px; padding: 0 20px; opacity: 0; visibility: hidden; z-index: 0; overflow-y: scroll; transform: translateX(-101%); transition: opacity 1s; padding: 0 20px; } .overlay_open { opacity: 1; visibility: visible; transform: translateX(0); transition: opacity 0.3s ease; z-index: 21; } .popup { position: absolute; left: 50%; top: 10px; transform: translateX(-50%); max-width: 850px; background-color: #FFF; display: flex; box-sizing: border-box; padding: 20px; border-radius: 10px; flex-direction: column; margin: 100px 0; } .popupImg { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; max-width: 1200px; background-color: #FFF; display: flex; box-sizing: border-box; padding: 20px; border-radius: 10px; flex-direction: column; } @media (max-width: 838px) { .popupImg .swiper-wrapper img { max-height: 300px; } } .popupImg .swiper__container { width: 100%; max-width: 1290px; } .popupImg .swiper-wrapper img { height: 700px; width: 100%; object-fit: contain; border-radius: 7px; } .popupImg .swiper-slide { display: flex; justify-content: center; align-items: center; } .popupImg .popup-rec-online__close-btn { margin: 0; margin-left: auto; cursor: pointer; } .popup__height { min-height: auto; } header { margin: 0 auto; width: 100%; max-width: 1920px; display: flex; box-sizing: border-box; padding: 0 20px; z-index: 100; } header h1 { font-family: DIN Pro; font-size: 54px; font-weight: 700; line-height: 64px; letter-spacing: 0em; text-align: left; width: 100%; max-width: 1290px; margin: 0 auto; } @media (max-width: 600px) { header h1 { font-family: DIN Pro; font-size: 44px; font-weight: 700; line-height: 52px; letter-spacing: 0em; text-align: left; } } .header__top-container { display: flex; align-items: center; justify-content: space-between; position: relative; padding-top: 15px; } .header__box { width: 100%; max-width: 1290px; margin: 0 auto; } .header__img-ugra { object-fit: contain; width: 140px; height: 60px; position: absolute; left: -160px; top: 20px; } .header__img-logo-elips-desc { object-fit: contain; width: 223px; height: 70px; } @media (max-width: 1616px) { .header__img-ugra { visibility: hidden; height: 0; } } .header__img-logo-elips { object-fit: contain; width: 73px; height: 80px; cursor: pointer; } .header__img-logo-elips-desc { object-fit: contain; width: 223px; height: 70px; } .header__img-logo-title { object-fit: contain; width: 151px; height: 71px; margin-right: auto; } .header__adress-container { width: 100%; max-width: 320px; margin: 0 auto; } .header__adress-container-top { display: flex; } .header__adress-container-top img { object-fit: contain; width: 18px; height: 22px; margin-right: 10px; } .header__adress-container-top p { font-family: Montserrat; font-size: 16px; font-weight: 600; line-height: 20px; letter-spacing: 0em; text-align: left; } .header__adress-container-bottom { margin-top: 10px; } .header__adress-container-bottom p { font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 0em; text-align: left; margin-left: 26px; } .header__mail-container { display: flex; /* align-items: center; */ margin: 0 auto; margin-bottom: auto; margin-top: 15px; } .header__mail-container img { object-fit: contain; width: 20px; height: 16px; margin-right: 10px; } .header__mail-container a { font-family: Montserrat; font-size: 16px; font-weight: 600; line-height: 20px; letter-spacing: 0em; text-align: left; } .header__link-container { width: 100%; max-width: 100px; display: flex; justify-content: space-between; margin: 0 auto; gap: 5px; } .header__link-container img { object-fit: contain; width: 30px; height: 30px; } .header__phone-container { display: flex; /* margin: 0 auto; */ margin: 0 0 0 auto; margin-top: 15px; } .header .header__phone-container { margin-bottom: auto; } .header__phone-container img { object-fit: contain; width: 20px; height: 20px; margin-right: 10px; } .header__phone-container a { font-family: Montserrat; font-size: 18px; font-weight: 600; line-height: 22px; letter-spacing: 0em; text-align: left; color: #FD4328; } .header__callback-btn { background: none; font-family: Montserrat; font-size: 14px; font-weight: 600; line-height: 17px; letter-spacing: 0em; text-align: left; color: #FD4328; border: 1px solid #FD4328; border-radius: 5px; width: 100%; max-width: 190px; height: 50px; text-align: center; transition: all .5s; } .header__callback-btn:hover { color: #FFF; background-color: #FD4328; transition: all .5s; } .header__bottom-container { display: flex; justify-content: space-between; margin-top: 20px; align-items: center; border-bottom: 1px solid #D1D5DB; padding-bottom: 20px; } .header__nav { width: 100%; max-width: 1085px; margin-right: 10px; } .header__nav-list { display: flex; justify-content: space-between; width: 100%; } .header__nav-list li { display: flex; align-items: center; } .header__nav-list .img { background-size: contain; background-image: url("/local/templates/main/css/../images/arrow.svg"); width: 12px; height: 10px; margin-left: 5px; } .sectionPechati__section-list .img { background-image: url("/local/templates/main/images/arrow.svg"); } .header__nav-list a, .header__nav-list p { font-family: DIN Pro; font-size: 24px; font-weight: 600; line-height: 28px; letter-spacing: 0em; text-align: left; } .header__nav-list li:hover { cursor: pointer; } .header__nav-list .header__mobile-sublist li:hover { cursor: auto; } .header__nav-list li:hover .header__nav-list-container a { color: #FD4328; } .header__nav-list li:hover .header__nav-list-container a, .header__nav-list li:hover .header__nav-list-container p { color: #FD4328; cursor: pointer; } .header__nav-list li:hover .img { background-image: url('/local/templates/main/css/../images/arrowRed.svg'); } .header__advertising a, .header__advertising p { color: #FD4328; } .header__search-container { position: relative; display: flex; } .header__search-container { position: relative; display: flex; /* border: 1px solid red; */ } .header__hidden-search-container { position: absolute; display: flex; height: 50px; top: -50%; left: 22px; transform: translateX(-100%); z-index: 100; } .header__hidden-search-container .placeholder-box { margin: 0; width: 410px; } .header__hidden-search-container .placeholder-box input { padding-right: 100px; } .header__hidden-search-container .header__search-close-btn { position: absolute; right: 60px; top: 50%; transform: translateY(-50%); object-fit: contain; width: 22px; height: 22px; } .header__hidden-search-container .header__search-btn-orange { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); object-fit: contain; width: 22px; height: 22px; } /* .title-search-result { position: absolute; border: 1px solid red; top: 100%; width: 100%; border: 1px solid #D1D5DB; background-color: #FFF; box-sizing: border-box; padding: 5px 90px 20px 30px; -webkit-box-shadow: 4px 4px 0px 0px rgba(156, 163, 175, 1); -moz-box-shadow: 4px 4px 0px 0px rgba(156, 163, 175, 1); box-shadow: 4px 4px 0px 0px rgba(156, 163, 175, 1); } .search__title-container li { height: 50px; display: flex; align-items: center; border-bottom: 1px solid #D1D5DB; } .search__title-container li:last-of-type { border: none; } .search__title-container a { font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 0em; text-align: left; } .header__hidden-search-container a:hover { color: #FD4328; } */ .header__search-container img { cursor: pointer; object-fit: contain; width: 22px; height: 22px; } .header__navigate-container { padding: 0 20px; width: 100%; } .header__navigate { display: flex; word-break: break-all; box-sizing: border-box; padding: 20px 0; align-items: center; width: 100%; max-width: 1290px; margin: auto; flex-wrap: wrap; } .header__navigate a { font-family: Montserrat; font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0em; text-align: left; color: #6B7280; } .header__navigate span { font-family: Montserrat; font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0em; text-align: left; color: #6B7280; } .header__navigate p { font-family: Montserrat; font-size: 18px; font-weight: 300; line-height: 22px; letter-spacing: 0em; text-align: left; color: #6B7280; margin: 0 10px; } .header__hidden-menu-btn { visibility: hidden; height: 0; width: 0; } .header__mobile-img-logo { visibility: hidden; position: absolute; width: 0; height: 0; } .header__mobile { visibility: hidden; position: absolute; width: 0; height: 0; } .header__mobile-sublist, .header__mobile-sublist.no-default { background-color: #FFF; box-sizing: border-box; padding-inline-start: 0; padding: 0 30px; /* margin-top: 15px; */ overflow: hidden; max-height: 0; transition: all 1s; z-index: 20; } .header__mobile-sublist_open { -webkit-box-shadow: 4px 4px 0px 0px rgba(209, 213, 219, 1); -moz-box-shadow: 4px 4px 0px 0px rgba(209, 213, 219, 1); box-shadow: 4px 4px 0px 0px rgba(209, 213, 219, 1); max-height: 2000px; transition: all 1s; margin-top: 15px; } .header__nav-list li { position: relative; flex-direction: column; } .header__nav-list .header__mobile-sublist { position: absolute; top: 40px; width: 350px; transition: none; left: 0; } .header__nav-list .header__mobile-sublist li:last-of-type { border: none; } .header__nav-list-container { display: flex; align-items: center; } .header__nav-list .header__mobile-sublist a { font-family: Montserrat; font-size: 14px; font-weight: 500; line-height: 17px; letter-spacing: 0em; text-align: left; } .header__nav-list .header__mobile-sublist a:hover { color: #FD4328; } .header__nav-list li:hover .header__nav-line { height: 30px; border-bottom: 4px solid #FD4328; width: 100%; position: absolute; bottom: -22px; z-index: 30; } .header__nav-list li:hover .header__nav-line:last-of-type { bottom: -30px; border: none; } .header__nav-list .header__mobile-sublist li { display: flex; height: 50px; align-items: start; border-bottom: 1px solid #D1D5DB; justify-content: center; } /* .header__nav-list .header__mobile-sublist { -webkit-box-shadow: 4px 4px 0px 0px rgba(209, 213, 219, 1); -moz-box-shadow: 4px 4px 0px 0px rgba(209, 213, 219, 1); box-shadow: 4px 4px 0px 0px rgba(209, 213, 219, 1); max-height: 2000px; transition: all 1s; margin-top: 15px; } */ .header__nav-list li:hover .header__mobile-sublist { -webkit-box-shadow: 4px 4px 0px 0px rgba(209, 213, 219, 1); -moz-box-shadow: 4px 4px 0px 0px rgba(209, 213, 219, 1); box-shadow: 4px 4px 0px 0px rgba(209, 213, 219, 1); max-height: 2000px; transition: all 1s; margin-top: 15px; border: 1px solid #D1D5DB; transition: max-height 1s; } @media (max-width: 1224px) { .header__adress-container p { font-size: 14px; } .header__mail-container p { font-size: 14px; } .header__phone-container a { font-size: 14px; } } @media (max-width: 1179px) { .header__hidden-menu-btn { visibility: visible; width: 25px; height: 22px; background-image: url('/local/templates/main/css/../images/Меню.svg'); background-size: contain; z-index: 8; } /* .header__adress-container { display: none; } */ .header__top-container { border-bottom: 1px solid #D1D5DB; padding-bottom: 10px; padding-top: 10px; z-index: 8; } .header__bottom-container { visibility: hidden; position: absolute; height: 0; width: 0; } .header__adress-container { margin: 0; width: auto; } .header__navigate a, .header__navigate p { font-family: Montserrat; font-size: 10px; font-weight: 400; line-height: 17px; letter-spacing: 0em; text-align: left; } .header__img-logo-elips { width: 45px; height: 45px; margin-left: 20px; z-index: 8; } .header__img-logo-elips-desc { object-fit: contain; width: 223px; height: 70px; } .header__mobile-img-logo { width: 141px; height: 45px; margin-left: 20px; z-index: 8; visibility: visible; position: static; } .header__img-logo-title { width: 90px; height: 45px; margin-right: 10px; z-index: 8; } .header__link-container { align-items: end; max-width: 65px; margin: 0; margin-left: auto; margin-right: 30px; z-index: 8; } .header__mail-container { visibility: hidden; position: absolute; height: 0; width: 0; margin: 0; } .header__link-container img { margin-top: 10px; width: 25px; height: 25px; } .header__phone-container { width: auto; margin: 0; z-index: 8; margin-right: 10px; } .header__mobile { position: fixed; background-color: #0D121C; width: 100%; max-width: 375px; overflow-y: scroll; height: 100vh; visibility: visible; width: 100%; left: 0; padding: 150px 0 50px; transform: translateX(-101%); top: 0; z-index: 7; transition: transform .7s; } .header__mobile_open { transform: translateX(0%); transition: transform .7s; } .header__mobile-list p, .header__mobile-list a { color: #FFF; font-family: DIN Pro; font-size: 24px; font-weight: 400; line-height: 28px; letter-spacing: 0em; text-align: left; } .header__mobile-list li { margin-bottom: 30px; } .header__mobile-list li div { display: flex; align-items: center; } .header__mobile-list li:last-of-type { margin-bottom: 0; } .header__mobile-list img { margin-left: 10px; object-fit: contain; width: 12px; height: 10px; } .header__advertising a { color: #FD4328; } .header__mobile-search-container { height: 50px; display: flex; align-items: center; position: relative; } .header__mobile-search-container img { object-fit: contain; width: 22px; height: 22px; position: absolute; top: 50%; right: 10px; cursor: pointer; } .header__mobile-search-container input { height: 100%; width: 100%; box-sizing: border-box; padding: 0 50px 0 20px; background: none; font-family: Montserrat; font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: 0em; text-align: left; border-radius: 5px; border: 1px solid #6B7280; margin-top: 25px; } .header__mobile-search-container input:focus { border: 1px solid #6B7280; outline: none; color: #FFF; } .header__mobile-top-container { padding-bottom: 30px; border-bottom: 2px solid #374151; padding: 0 20px 40px; } .header__mobile-bottom-container { padding: 30px 20px 0; } .header__mobile-bottom-container .header__phone-link { display: flex; align-items: start; } .header__mobile-bottom-container .header__phone-link .header__phone-title-container { height: 55px; display: flex; flex-direction: column; justify-content: space-between; margin-left: 10px; } .header__mobile-bottom-container .header__phone-link .header__phone-title-container a, .header__mobile-bottom-container .header__phone-link .header__phone-title-container p { color: #FFF; font-family: Montserrat; font-size: 18px; font-weight: 600; line-height: 22px; letter-spacing: 0em; text-align: left; } .header__mobile-bottom-container .header__link-container { margin: 0; margin-left: auto; max-width: 115px; justify-content: space-between; } .header__mobile-bottom-container .header__link-container img { width: 35px; height: 35px; margin: 0; cursor: pointer; } .header__mobile-bottom-container .header__callback-btn { visibility: visible; position: static; width: 190px; height: 50px; margin-top: 20px; } .header__mobile-bottom-container .header__adress-container { visibility: visible; position: static; width: 100%; max-width: 322px; height: auto; margin-top: 25px; } .header__mobile-bottom-container .header__adress-container p { color: #FFF; } .header__mobile-bottom-container .header__mail-container { visibility: visible; position: static; width: 100%; /* max-width: 322px; */ margin-top: 25px; height: auto; } .header__mobile-bottom-container .header__mail-container p, .header__mobile-bottom-container .header__mail-container a { color: #FFF; display: flex; } .header__mobile-sublist li { height: 40px; display: flex; align-items: center; margin: 0; border-bottom: 1px solid #D1D5DB; } .header__mobile-sublist li:hover a { color: #FD4328; } .header__mobile-sublist li:last-of-type { border: none; } .header__mobile-sublist a { font-family: Montserrat; font-size: 14px; font-weight: 500; line-height: 17px; letter-spacing: 0em; text-align: left; color: #111827; } } @media (max-width: 919px) { .header__adress-container { visibility: hidden; position: absolute; height: 0; width: 0; } } @media (max-width: 797px) { .header__img-logo-elips-desc { object-fit: contain; width: 141px; height: 45px; } } @media (max-width: 687px) { .header__phone-container a { visibility: hidden; position: absolute; height: 0; width: 0; } .header .header__phone-container { margin-bottom: 0; margin-right: 0; } .header__link-container img { margin-top: 0; } .header__phone-container img { margin-right: 0px; } } @media (max-width: 533px) { .header__callback-btn { visibility: hidden; height: 0; width: 0; position: absolute; } .header .header__phone-container { margin: 0; } } @media (max-width: 520px) { .header__mail-container { visibility: hidden; position: absolute; height: 0; width: 0; } } @media (max-width: 342px) { .header__img-logo-elips { margin-left: 0; } } .baner { position: relative; display: flex; width: 100%; justify-content: center; background-color: #0D121C; background-position: 90% 0; padding: 0 20px; height: 432px; } .img-baner-1 { width: 100%; max-width: 800px; object-fit: cover; background-position: center; background-size: cover; position: absolute; left: 50%; top: 0; height: 100%; z-index: 1; -webkit-box-shadow: 0px 0px 31px 30px rgba(13, 18, 28, 1) inset; -moz-box-shadow: 0px 0px 31px 30px rgba(13, 18, 28, 1) inset; box-shadow: 0px 0px 31px 30px rgba(13, 18, 28, 1) inset; } .baner__container { width: 100%; max-width: 1290px; padding: 70px 0; z-index: 2; } @media all and (max-width: 900px) { .baner__container a { position: absolute; left: 20px; bottom: 30px; width: 220px; } } .baner__container h1 { font-family: DIN Pro; font-size: 64px; font-weight: 700; line-height: 76px; letter-spacing: 0em; text-align: left; color: #FFF; } .baner__container h2 { font-family: Montserrat; font-size: 24px; font-weight: 600; line-height: 40px; letter-spacing: 0em; text-align: left; color: #FD4328; max-width: 633px; } .baner__btn { font-family: Montserrat; font-size: 15px; font-weight: 600; line-height: 26px; letter-spacing: 0em; text-align: left; color: #FFFFFF; border: none; background-color: #FD4328; border: 1px solid #FD4328; width: 100%; max-width: 220px; height: 60px; text-align: center; border-radius: 7px; margin-top: 40px; transition: all .5s; } .baner__btn:hover { background-color: #FFF; color: #FD4328; transition: all .5s; } @media (max-width: 892px) { .baner { height: 785px; background-position: 50% 100%; background-size: contain; } .baner_2 { height: 490px; } .img-baner-1 { max-height: 500px; left: 0; top: auto; bottom: 0; width: 100%; max-width: 900px; } } @media (max-width: 640px) { .baner__container h1 { font-family: DIN Pro; font-size: 44px; font-weight: 700; line-height: 52px; letter-spacing: 0em; text-align: left; } .baner__container h2 { font-family: Montserrat; font-size: 18px; font-weight: 600; line-height: 34px; letter-spacing: 0em; text-align: left; margin-top: 15px; } } .advantage { display: flex; padding: 0 20px; margin-top: 30px; } .advantageSwiper { width: 100%; max-width: 1290px; margin: 0 auto; box-sizing: border-box; padding-bottom: 20px; } .swiper-slide { display: flex; justify-content: center; } .advantage__card { width: 100%; max-width: 275px; display: flex; flex-direction: column; align-items: center; } .advantage__card img { width: 80px; height: 80px; object-fit: contain; } .advantage__card h2 { font-family: DIN Pro; font-size: 20px; font-weight: 700; line-height: 24px; letter-spacing: 0em; text-align: center; margin-top: 20px; } .advantage__card p { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #6B7280; text-align: center; margin-top: 10px; } .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: var(--swiper-pagination-bullet-border-radius, 2px solid #9CA3AF); border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, none); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } .swiper-pagination-bullet-active { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px)); border: var(--swiper-pagination-bullet-border-radius, none); background: var(--swiper-pagination-bullet-inactive-color, #FD4328); opacity: var(--swiper-pagination-bullet-inactive-opacity, 1); } @media (max-width: 963px) { .advantageSwiper .swiper-slide { height: 250px; } } .video-baner { display: flex; padding: 20px; position: relative; justify-content: center; border-top: 1px solid #D1D5DB; box-sizing: border-box; } .video-baner img { position: absolute; width: 50px; height: 50px; /* left: 50%;*/ top: 50%; /* transform: translateX(-50%);*/ transform: translateY(-50%); z-index: 2; } .video-baner iframe { margin: 30px 0; width: 860px; height: 450px; z-index: 3; -webkit-box-shadow: 22px 22px 0px -7px rgba(209, 213, 219, 1); -moz-box-shadow: 22px 22px 0px -7px rgba(209, 213, 219, 1); box-shadow: 22px 22px 0px -7px rgba(209, 213, 219, 1); } @media (max-width: 608px) { .video-baner iframe { width: 345px; height: 190px; } } .tickets { background-color: #D1D5DB; padding: 70px 20px; display: flex; justify-content: center; } .tickets__box { display: flex; justify-content: space-between; width: 100%; max-width: 1290px; } .tickets__first-container h2 { font-family: Montserrat; font-size: 36px; font-weight: 700; line-height: 48px; letter-spacing: 0em; text-align: left; max-width: 790px; } .tickets__first-container span { font-family: Montserrat; font-size: 16px; font-weight: 600; line-height: 26px; letter-spacing: 0em; text-align: left; } .tickets__first-container p { font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0em; text-align: left; margin-top: 15px; max-width: 740px; } .tickets__btn-phone { margin-top: 15px; color: #FFF; background-color: #FD4328; font-family: Montserrat; font-size: 16px; font-weight: 600; line-height: 26px; letter-spacing: 0em; max-width: 240px; height: 60px; } .tickets__btn-phone:hover { color: #FD4328; background: none; } .tickets__second-container { width: 100%; max-width: 410px; height: 370px; background-color: #FFF; -webkit-box-shadow: 22px 22px 0px -7px #9CA3AF; -moz-box-shadow: 22px 22px 0px -7px #9CA3AF; box-shadow: 22px 22px 0px -7px #9CA3AF; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: 15px; } .tickets__second-container .header__phone-container { margin-bottom: 0; } .tickets__second-container h2 { font-family: Montserrat; font-size: 30px; font-weight: 600; line-height: 42px; letter-spacing: 0em; text-align: center; } .tickets__btn-ticket { max-width: 220px; height: 60px; margin-top: 30px; font-family: Montserrat; font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: 0em; } @media (max-width: 880px) { .tickets__first-container h2 { font-family: Montserrat; font-size: 30px; font-weight: 700; line-height: 42px; letter-spacing: 0em; text-align: left; } .tickets__first-container p { font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0em; text-align: left; } .tickets__first-container span { font-family: Montserrat; font-size: 16px; font-weight: 600; line-height: 26px; letter-spacing: 0em; text-align: left; } .tickets__box { flex-direction: column; align-items: center; } .tickets__second-container { margin: 0; margin-top: 30px; padding: 0 20px; } } @media (max-width: 533px) { .tickets .header__callback-btn { visibility: visible; width: 100%; max-width: 240px; height: 60px; position: static; } } .prevFotos { display: flex; box-sizing: border-box; padding: 0 20px; margin: 60px 0; justify-content: center; } .swiper__container { margin: 0 auto; position: relative; /* overflow: visible; */ overflow: clip; width: 100%; max-width: 1420px; padding: 0 40px; } @media (max-width: 452px) { .swiper__container { padding: 0; } } .prevSwiper, .prodSwiper { width: 100%; max-width: 1290px; margin: 0 auto; overflow: clip; } .swiper__nav-container { max-width: 1290px; /* position: relative; */ /* left: 50%; */ /* transform: translateX(-50%); */ /* position: absolute; */ /* margin: 0 50px; */ width: 100%; top: 0; } .prevSwiper .swiper-slide { display: flex; justify-content: center; cursor: pointer; } .prevSwiper img { width: 100%; max-width: 410px; /* height: 320px; */ object-fit: cover; } .examples img { height: 320px; } .prevFotos-swiper-button-prev, .archiveSwiper-swiper-button-prev, .popup-swiper-button-prev { background-image: url('/local/templates/main/css/../images/ArrowSwiperNext.png'); transform: rotate(180deg); } .prevFotos-swiper-button-next, .baner-swiper-button-next, .archiveSwiper-swiper-button-next, .popup-swiper-button-next { background-image: url('/local/templates/main/css/../images/ArrowSwiperNext.png'); } .examples .prevFotos-swiper-button-prev { background-image: url('/local/templates/main/css/../images/ArrowGrey.svg'); transform: rotate(360deg); } .examples .prevFotos-swiper-button-next { background-image: url('/local/templates/main/css/../images/ArrowGrey.svg'); transform: rotate(180deg); } .works-swiper-button-prev, .detail-swiper-button-prev, .prodSwiper-swiper-button-prev, .baner-swiper-button-prev { background-image: url('/local/templates/main/css/../images/ArrowGrey.svg'); } .works-swiper-button-next, .detail-swiper-button-next, .prodSwiper-swiper-button-next, .baner-swiper-button-next { background-image: url('/local/templates/main/css/../images/ArrowGrey.svg'); transform: rotate(180deg); } .prevFotos-swiper-button-next:after, .swiper-rtl .prevFotos-swiper-button-next:after, .prevFotos-swiper-button-prev:after, .swiper-rtl .prevFotos-swiper-button-prev:after, .popup-swiper-button-next:after, .swiper-rtl .popup-swiper-button-next:after, .popup-swiper-button-prev:after, .swiper-rtl .popup-swiper-button-prev:after, .archiveSwiper-swiper-button-next:after, .swiper-rtl .archiveSwiper-swiper-button-next:after, .archiveSwiper-swiper-button-prev:after, .swiper-rtl .archiveSwiper-swiper-button-prev:after, .prodSwiper-swiper-button-next:after, .swiper-rtl .prodSwiper-swiper-button-next:after, .prodSwiper-swiper-button-prev:after, .swiper-rtl .prodSwiper-swiper-button-prev:after, .baner-swiper-button-next:after, .swiper-rtl .baner-swiper-button-next:after, .baner-swiper-button-prev:after, .swiper-rtl .baner-swiper-button-prev:after, .detail-swiper-button-next:after, .swiper-rtl .detail-swiper-button-next:after, .detail-swiper-button-prev:after, .swiper-rtl .detail-swiper-button-prev:after, .works-swiper-button-next:after, .swiper-rtl .baner-swiper-button-next:after, .works-swiper-button-prev:after, .swiper-rtl .baner-swiper-button-prev:after { content: ''; } .prodSwiper-swiper-button-prev, .prevFotos-swiper-button-prev, .works-swiper-button-prev, .works-swiper-button-next, .detail-swiper-button-prev, .detail-swiper-button-next, .prodSwiper-swiper-button-next, .prevFotos-swiper-button-next, .popup-swiper-button-prev, .popup-swiper-button-next, .baner-swiper-button-prev, .baner-swiper-button-next, .archiveSwiper-swiper-button-prev, .archiveSwiper-swiper-button-next { width: 30px; height: 30px; background-size: contain; position: absolute; top: 50%; z-index: 10; /* background-color: #FFF; border-radius: 100%; */ } .works-swiper-button-prev, .works-swiper-button-next { top: 54%; } .prevFotos-swiper-button-prev { left: 30px; } .prevFotos-swiper-button-next { right: 30px; } .works-swiper-button-prev { left: 30px; } .works-swiper-button-next { right: 30px; } .baner-swiper-button-prev { left: 200px; } .baner-swiper-button-next { right: 200px; } @media (max-width: 1767px) { .baner-swiper-button-prev { left: 30px; } .baner-swiper-button-next { right: 30px; } } .banerSwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .banerSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 20px); } .package { background-color: #0D121C; padding: 70px 20px; display: flex; justify-content: center; } .package__box { width: 100%; max-width: 1290px; } .package__box h2 { color: #FFF; font-family: DIN Pro; font-size: 54px; font-weight: 700; line-height: 64px; letter-spacing: 0em; text-align: center; } .package__container { display: flex; justify-content: space-between; margin-top: 20px; } .package__card { background-color: #FFF; width: 100%; max-width: 410px; height: 720px; padding: 50px 40px; display: flex; flex-direction: column; align-items: center; } .package__card h3 { font-family: DIN Pro; font-size: 48px; font-weight: 700; line-height: 30px; letter-spacing: 0em; text-align: center; } .package__card-text { font-family: Montserrat; font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: 0em; text-align: center; border-top: 1px solid #D1D5DB; border-bottom: 1px solid #D1D5DB; box-sizing: border-box; padding: 30px 0; margin-top: 143px; } .package__card h4 { font-family: DIN Pro; font-size: 36px; font-weight: 700; line-height: 42px; letter-spacing: 0em; text-align: center; max-width: 290px; } .package__card span { font-family: Montserrat; font-size: 16px; font-weight: 500; line-height: 30px; letter-spacing: 0em; text-align: center; } .order__btn { margin-top: auto; width: 100%; max-width: 160px; height: 60px; border-radius: 7px; background-color: #FD4328; color: #FFF; border: none; border: 1px solid #FD4328; font-family: Montserrat; font-size: 16px; font-weight: 600; line-height: 26px; letter-spacing: 0em; transition: all .5s; text-align: center; line-height: 60px; } .order__btn:hover { background: none; color: #FD4328; transition: all .5s; } .package__card-container { display: flex; flex-direction: column; align-items: center; margin-top: auto; } .package__card ul { margin-top: 10px; width: 100%; } .package__card ul li { display: flex; align-items: start; box-sizing: border-box; padding: 15px 0; border-bottom: 1px solid #D1D5DB; width: 100%; } .package__card ul li:last-of-type { border: none; } .package__card img { object-fit: contain; width: 16px; height: 16px; margin-top: 2px; margin-right: 10px; } .package__card-list-text { font-family: Montserrat; font-size: 14px; font-weight: 500; line-height: 22px; letter-spacing: 0em; text-align: left; } @media (max-width: 1313px) { .package__container { flex-direction: column; align-items: center; } .package__card { margin-top: 30px; } .package__card:first-of-type { margin-top: 0px; } } @media (max-width: 460px) { .package__card-text, .package__card-list-text { font-size: 12px; } .package__card ul li { padding: 5px 0; } } .prodPrice { padding: 90px 20px; display: flex; flex-direction: column; align-items: center; overflow: clip; } .prodPrice h2 { font-family: DIN Pro; font-size: 54px; font-weight: 700; line-height: 48px; letter-spacing: 0em; } .prodPrice .swiper__container { margin-top: 20px; } .prodPrice__card { width: 300px; height: 450px; border: 1px solid #D1D5DB; padding: 20px 20px 30px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .prodPrice .swiper-slide { box-sizing: border-box; padding-bottom: 20px; } .prodPrice__card img { object-fit: contain; width: 100%; max-width: 260px; height: 230px; } .prodPrice__card .header__phone-container img { object-fit: contain; width: 20px; height: 20px; margin-right: 10px; } .archive .prodPrice__card .header__phone-container img { object-fit: contain; width: 20px; height: 20px; margin-right: 10px; } .prodPrice__card h2 { font-family: Montserrat; font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: 0em; text-align: center; margin-top: 20px; } .prodPrice__card p { font-family: DIN Pro; font-size: 30px; font-weight: 700; line-height: 36px; letter-spacing: 0em; text-align: center; margin-top: auto; } .schemas { padding: 70px 20px; background-color: #D1D5DB; display: flex; flex-direction: column; align-items: center; } .schema:first-of-type { margin-top: 0; } .schema { width: 100%; max-width: 1290px; background-color: #FFF; border: 1px solid #9CA3AF; overflow: hidden; margin-top: 70px; } .schema h2 { font-family: DIN Pro; font-size: 48px; font-weight: 700; line-height: 64px; letter-spacing: 0em; text-align: center; margin: 20px 20px; } .schema__container { border-top: 1px solid #9CA3AF; border-bottom: 1px solid #9CA3AF; display: flex; } .schema__img-container { display: flex; justify-content: center; align-items: center; overflow: hidden; border-right: 1px solid #9CA3AF; padding: 50px; width: 100%; max-width: 520px; } .schema__img-container img { object-fit: contain; width: 420px; height: 420px; } .schema__advertisement-container { padding: 40px 70px; width: 100%; } .schema__advertisement-container h3 { font-family: Montserrat; font-size: 24px; font-weight: 400; line-height: 28px; letter-spacing: 0em; text-align: left; color: #111827; } .schema__advertisement-container p { font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 28px; letter-spacing: 0em; text-align: left; color: #111827; } .schema__advertisement-container span { color: #FD4328; } .schema__card { display: flex; justify-content: space-between; width: 100%; max-width: 590px; align-items: center; height: 125px; background-color: #F3F4F6; border: 1px solid #9CA3AF; padding: 0 30px; } .schema__card h4 { font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0em; text-align: left; } .schema__card p { font-family: DIN Pro; font-size: 36px; font-weight: 700; line-height: 30px; letter-spacing: 0em; text-align: left; } .schema__card button { margin: 0; } .schema__bottom-container { display: flex; } .schema__bottom-container div { border-right: 1px solid #9CA3AF; overflow: hidden; } .schema__bottom-container div:last-of-type { border: none; } .schema__bottom-container p { font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: 0em; text-align: center; margin: 10px 0; } .schema__bottom-container img { object-fit: cover; width: 100%; } @media (max-width: 1112px) { .schema__container { flex-direction: column; align-items: center; } .schema__img-container { border: none; border-bottom: 1px solid #9CA3AF; width: 100%; max-width: none; } .schema__bottom-container { flex-direction: column; } } @media (max-width: 516px) { .schema h2 { font-family: DIN Pro; font-size: 30px; font-weight: 700; line-height: 36px; letter-spacing: 0em; text-align: left; } .schema__advertisement-container { padding: 30px 20px; } .schema__card { flex-direction: column; align-items: start; padding: 20px; height: auto; } .schema__card button { margin-top: 10px; } .schema__bottom-container p { font-family: Montserrat; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0em; text-align: center; } .schema__img-container { padding: 20px; } .schema__img-container img { width: 100%; height: auto; } .schema__card .header__phone-container { margin-top: 10px; } } .schema-ufo { margin-top: 70px; } .schema-ufo__container:first-of-type { border-top: 1px solid #9CA3AF; } .schema-ufo__container { border-bottom: 1px solid #9CA3AF; display: flex; } .schema-ufo__img-container { width: 600px; display: flex; } .schema-ufo__img { width: 50%; border-right: 1px solid #9CA3AF; } .schema-ufo__img img { object-fit: cover; width: 100%; } .schema-ufo__img p { font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: 0em; text-align: center; margin: 10px 0; } .schema-ufo__title-container { padding: 25px 40px 30px 60px; width: 100%; max-width: 690px; } .schema-ufo__title-container .schema__card { width: 100%; max-width: none; } @media (max-width: 1096px) { .schema-ufo__container { flex-direction: column; align-items: center; } .schema-ufo__img-container { border-bottom: 1px solid #9CA3AF; width: 100%; } } @media (max-width: 612px) { .schema-ufo__title-container { padding: 20px; } } .archive { display: flex; flex-direction: column; padding: 0px 20px 70px; } .archive h2 { margin-top: 70px; font-family: DIN Pro; font-size: 54px; font-weight: 700; line-height: 48px; letter-spacing: 0em; text-align: center; } .archive .swiper__container { margin-top: 30px; } .archive .prodPrice__card { width: 100%; max-width: 410px; height: auto; padding: 22px 15px 50px; justify-content: start; } .archive .prodPrice__card img { width: 100%; height: 250px; max-width: none; object-fit: cover; } .archive .prodPrice__card h2 { font-family: Montserrat; font-size: 18px; font-weight: 600; line-height: 28px; letter-spacing: 0em; text-align: center; margin-top: 24px; } .archive .prodPrice__card p { font-family: DIN Pro; font-size: 30px; font-weight: 700; line-height: 36px; letter-spacing: 0em; text-align: center; margin-top: 10px; } .archive .prodPrice__card button, .archive .prodPrice__card a { margin-top: 20px; background: none; color: #111827; border: 1px solid #111827; } .footer { background-color: #0D121C; } .footer h2, .footer p, .footer a { color: #FFF; } .footer__top-container { display: flex; justify-content: center; padding: 50px 20px 30px; border-bottom: 2px solid #374151; } .footer__box { max-width: 1290px; width: 100%; display: flex; justify-content: space-between; } .footer__container h2 { font-family: DIN Pro; font-size: 21px; font-weight: 500; line-height: 25px; letter-spacing: 0em; text-align: left; color: #9CA3AF; } .footer__container ul { margin-top: 30px; } .footer__container li:first-of-type { margin-top: 0; } .footer__container li { margin-top: 22px; } .footer__phone { display: flex; margin-top: 30px; } .footer__container img { object-fit: contain; width: 20px; height: 20px; margin-right: 10px; } .footer__phone ul { margin: 0; } .footer__phone li:first-of-type { margin-top: 0; } .footer__phone li { margin-top: 11px; } .footer__phone a { font-family: Montserrat; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: 0em; text-align: right; } .footer__phone a:hover { color: #FD4328; } .footer__link ul { display: flex; width: 100%; max-width: 270px; justify-content: space-between; } .footer__link li { margin-top: 0; } .footer__link a { font-family: DIN Pro; font-size: 18px; font-weight: 700; line-height: 21px; letter-spacing: 0em; text-align: left; } .footer__adress p { font-family: Montserrat; font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0em; text-align: left; color: #F3F4F6; } .footer__mail a { font-family: Montserrat; font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0em; text-align: left; color: #F3F4F6; } .footer__bottom-container { height: 96px; display: flex; align-items: center; justify-content: center; padding: 0 20px; } .footer__bottom-container p { font-family: Montserrat; font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0em; text-align: left; color: #9CA3AF; max-width: 1290px; width: 100%; flex-wrap: wrap; flex-direction: row; justify-content: space-between; display: flex; gap: 7px; } .footer__bottom-container a { font-family: Montserrat; font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0em; text-align: left; } .footer__list a { font-family: Montserrat; font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0em; text-align: left; color: #F3F4F6; } .footer__list a:hover { color: #FD4328; } @media (max-width: 1100px) { .footer__container:nth-of-type(1) { visibility: hidden; width: 0; height: 0; position: absolute; } } @media (max-width: 856px) { .footer__container:nth-of-type(2) { visibility: hidden; width: 0; height: 0; position: absolute; } } @media (max-width: 588px) { .footer__container:nth-of-type(3) { visibility: hidden; width: 0; height: 0; position: absolute; } } .just-container { width: 100%; max-width: 600px; margin: 0 auto; display: flex; justify-content: space-between; padding-bottom: 30px; } .just-container img { height: 100px; object-fit: contain; } @media (max-width: 550px) { .just-container { flex-direction: column; height: 400px; } } .calendar { padding: 70px 20px; display: flex; justify-content: center; } .calendar__box { width: 100%; max-width: 1290px; border-radius: 5px; background-color: #2F5FA6; padding: 50px 90px; background-position: 100% 100%; background-size: 860px 627px; } .calendar__container { width: 100%; max-width: 550px; } .calendar__container h2 { font-family: Montserrat; font-size: 36px; font-weight: 500; line-height: 46px; letter-spacing: 0em; text-align: left; color: #FFF; } .calendar__container span { font-family: DIN Pro; font-size: 61px; font-weight: 500; line-height: 70px; letter-spacing: 0em; text-align: left; color: #FFF; } .calendar__container p { font-family: Montserrat; font-size: 16px; font-weight: 500; line-height: 20px; letter-spacing: 0em; text-align: left; color: #FFF; margin-top: 46px; opacity: .7; } @media (max-width: 1180px) { .calendar__box { /* height: 531px; */ padding: 45px 10px; } .calendar__container { display: flex; flex-direction: column; height: 100%; } .calendar__container p { margin-top: auto; } } @media (max-width: 892px) { .calendar__box { background-size: cover; } } @media (max-width: 580px) { .calendar__box { background-size: 370px 270px; } .calendar__container h2 { font-family: Montserrat; font-size: 28px; font-weight: 500; line-height: 36px; letter-spacing: 0em; text-align: left; } .calendar__container span { font-family: DIN Pro; font-size: 48px; font-weight: 500; line-height: 36px; letter-spacing: 0em; text-align: left; margin-top: 10px; } .calendar__container p { font-family: Montserrat; font-size: 14px; font-weight: 500; line-height: 17px; letter-spacing: 0em; text-align: left; } } @media (max-width: 472px) { .calendar__container span { font-size: 32px; } } @media (max-width: 375px) { .calendar__box { padding: 45px 20px; } } .services { display: flex; justify-content: center; padding: 0 20px; } .services__box { width: 100%; max-width: 1290px; } .services__box h2 { font-family: Montserrat; font-size: 36px; font-weight: 500; line-height: 54px; letter-spacing: 0em; text-align: left; } .services__box span:not(.price-info-text) { font-family: Montserrat; font-size: 36px; font-weight: 600; line-height: 54px; letter-spacing: 0em; text-align: left; color: #FD4328; } .services__container { margin-top: 30px; display: grid; grid-template-columns: 410px 410px 410px; grid-template-rows: 300px; gap: 30px; } .services__card { background-color: #F3F4F6; display: flex; flex-direction: column; align-items: center; padding: 10px 20px 20px; justify-content: end; border: 1px solid #F3F4F6; } .services-pechati .services__card { background: none; } .services__card a { display: flex; flex-direction: column; align-items: center; justify-content: end; width: 100%; } .services__card:hover { cursor: pointer; border: 1px solid #FD4328; } .services__card img { object-fit: contain; margin: 0 auto; max-width: 100%; max-height: 215px; } .poligraf__sections .services__card img { width: 100%; max-height: 215px; /* object-fit: fill; */ } .two-rows img { max-height: 530px; } .services-pechati .services__card img { max-width: 340px; /* height: 171px; */ height: 100%; object-fit: contain; margin: 0 auto auto; } .services-pechati .services__card { align-items: start; } .services-pechati a { align-items: start; } .services-pechati .services__card h3, .services-pechati .services__card a { font-family: Montserrat; font-size: 20px; font-weight: 600; line-height: 29px; letter-spacing: 0em; text-align: left; } .services-pechati .services__card li { margin-top: 10px; } .services-pechati .services__card li a { font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 0em; text-align: left; } .services__card h3 { margin-top: 20px; font-family: DIN Pro; font-size: 20px; font-weight: 500; line-height: 30px; letter-spacing: 0em; text-align: center; } .services__card h3:hover, .services__card a:hover { color: #FD4328; } .card-orange { background-color: #FD4328; } .card-orange h3 { color: #FFF; } .card-orange h3:hover { color: #FFF; } .two-columns { grid-column-end: span 2; } .two-rows { grid-row-end: span 2; } @media (max-width: 1388px) { .services__container { grid-template-columns: 410px 410px; justify-content: center; } } @media (max-width: 920px) { .services__container { grid-template-columns: 410px; justify-content: center; } .two-columns { grid-column-end: span 1; } .two-columns img { max-width: 290px; margin: auto; } } @media (max-width: 476px) { .services__container { grid-template-columns: 335px; } .services__card img { max-width: 265px; } } @media (max-width: 370px) { .services__container { grid-template-columns: 280px; } .services__card img { max-width: 240px; } } .services-pechati { padding: 70px 0; } .works { background: #D9D9D94D; display: flex; flex-direction: column; } .works__box { width: 100%; max-width: 1290px; margin: 0 auto; padding: 50px 0 0; } .works__box h2 { font-family: Montserrat; font-size: 36px; font-weight: 500; line-height: 40px; letter-spacing: 0em; text-align: left; } .works__box span { font-family: Montserrat; font-size: 36px; font-weight: 600; line-height: 30px; letter-spacing: 0em; text-align: left; color: #FD4328; } .worksSwiper .swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center; } .worksSwiper a { cursor: default; } .worksSwiper { /* height: 100px; */ } .works .swiper__container { max-width: 1600px; padding-top: 40px; padding-bottom: 40px; } .baner-pechati { background-color: #D1D5DB; } .baner-pechati .baner__container span, .baner-pechati .baner__container h1 { font-family: DIN Pro; font-size: 54px; font-weight: 700; line-height: 64px; letter-spacing: 0em; text-align: left; color: #111827; } .baner-pechati .baner__container h1 { max-width: 500px; } .baner-pechati .baner__container span { color: #FD4328; } @media (max-width: 892px) { .baner-pechati { height: 470px; background-position: 50% 100%; background-size: contain; } .baner-pechati .baner__container span, .baner-pechati .baner__container h1 { font-family: DIN Pro; font-size: 44px; font-weight: 700; line-height: 54px; letter-spacing: 0em; text-align: left; } } .docs-table-section { background-color: #D1D5DB; } .docs-table, .docs-table_2 { margin: 0 auto; padding: 70px 0; width: 100%; max-width: 1290px; } .docs-table_2 .list__container li p { margin-bottom: 0; } .docs-table_2 { padding-top: 20px; width: 1290px; } .docs-table h2, .docs-table_2 h2 { font-family: DIN Pro; font-size: 36px; font-weight: 700; line-height: 43px; letter-spacing: 0em; text-align: left; margin-bottom: 20px; } .docs-table ul, .docs-table_2 ul { background-color: #F3F4F6; } .docs-table li, .docs-table_2 li { display: flex; } .docs-table li, .docs-table_2 li { padding-left: 40px; padding-right: 20px; height: 67px; display: flex; align-items: center; border-bottom: 1px solid #D1D5DB; } .docs-table li:first-of-type, .docs-table_2 li:first-of-type { background-color: #FD4328; height: 50px; border: none; } .docs-table li:last-of-type, .docs-table_2 li:last-of-type { border: none; } .docs-table h3, .docs-table_2 h3 { color: #FFF; font-family: Montserrat; font-size: 16px; font-weight: 600; line-height: 20px; letter-spacing: 0em; text-align: left; white-space: nowrap; } .docs-table h3:first-of-type, .docs-table p:first-of-type, .docs-table_2 h3:first-of-type, .docs-table_2 p:first-of-type { width: 100%; max-width: 33%; } .docs-table p:first-of-type, .docs-table_2 p:first-of-type { font-family: Montserrat; font-size: 16px; font-weight: 600; line-height: 30px; letter-spacing: 0em; text-align: left; } .docs-table p, .docs-table_2 p { font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0em; text-align: left; } .docs-table span, .docs-table_2 span { visibility: hidden; font-family: Montserrat; font-size: 16px; font-weight: 600; line-height: 20px; letter-spacing: 0em; text-align: left; color: #FFF; } @media (max-width: 940px) { .docs-table li:first-of-type { flex-direction: column; align-items: start; height: 77px; justify-content: center; padding-top: 0; padding-bottom: 0; } .docs-table span { visibility: visible; } .docs-table li { flex-direction: column; align-items: start; justify-content: space-between; padding-top: 20px; padding-bottom: 20px; height: auto; } .docs-table p:first-of-type { margin-bottom: 10px; } .docs-table h3:first-of-type, .docs-table p:first-of-type { width: 100%; max-width: none; } } @media (max-width: 370px) { .docs-table h3 { font-size: 14px; } .docs-table li { padding-left: 20px; padding-right: 20px; } } .non-background-section { background: none; } .time-section ul { background: none; } .time-section li, .time-section li:last-of-type, .time-section li:first-of-type { padding: 0; border-bottom: 1px solid #D1D5DB; height: 60px; } .time-section li:first-of-type { background: none; border-top: 1px solid #D1D5DB; } .time-section p:first-of-type { font-family: Montserrat; font-size: 24px; font-weight: 600; line-height: 29px; letter-spacing: 0em; text-align: left; max-width: 420px; } .time-section li div p:nth-of-type(1) { margin-left: 135px; width: 100%; max-width: 160px; } .time-section li div p:last-of-type { margin-left: 70px; } .time-section p { font-family: Montserrat; font-size: 24px; font-weight: 600; line-height: 29px; letter-spacing: 0em; text-align: left; } .time-section span { font-family: Montserrat; font-size: 24px; font-weight: 600; line-height: 29px; text-align: left; color: #FD4328; visibility: visible; } .time-section li div { display: flex; align-items: center; width: 100%; } @media (max-width: 940px) { .time-section li, .time-section li:last-of-type, .time-section li:first-of-type { padding: 0; border-bottom: 1px solid #D1D5DB; height: 105px; margin: 0; } .time-section li div p:first-of-type { margin-bottom: 0; margin-left: 0; } .time-section li div { justify-content: space-between; } .time-section .docs-table li { justify-content: center; } } .grey-background-section { background-color: #D1D5DB; } .placeholder-box { display: flex; position: relative; margin: 30px 0; } .placeholder-box input { display: block; box-sizing: border-box; width: 100%; height: 50px; border-radius: 5px; font-family: Montserrat; font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: 0em; text-align: left; padding-left: 20px; border: 1px solid rgba(4, 184, 224, 1); } .placeholder-text { display: block; width: 100%; line-height: 37px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); bottom: 0; color: #888; cursor: text; user-select: none; font-family: Montserrat; font-size: 16px; font-weight: 500; line-height: 30px; letter-spacing: 0em; text-align: left; } .placeholder-box input:focus+.placeholder-text { display: none; } .placeholder-box input:not(:placeholder-shown)+.placeholder-text { display: none; } .placeholder-box input:placeholder-shown+.placeholder-text { display: block; } .placeholder-box input:focus { outline: none; border-bottom: 4px solid rgba(4, 184, 224, 1); } .popup-rec-online__container { display: flex; align-items: center; } .popup-rec-online__container_checked p { color: #FFF; } .popup-rec-online__container { margin-bottom: 10px; } .popup-rec-online__container input[type=radio] { display: none; } .popup-rec-online__container label { display: flex; gap: 13px; align-items: center; } .popup-rec-online__container label:before { content: ""; cursor: pointer; width: 26px; height: 26px; background: url('/local/templates/main/css/../images/Ellipse 11.png') 0 0 no-repeat; /* margin-right: 10px; */ } /* Checked */ .popup-rec-online__container input[type=radio]:checked+label:before { background: url('/local/templates/main/css/../images/checked.png') 0 0 no-repeat; } /* Hover */ .popup-rec-online__container label:hover:before { filter: brightness(120%); } /* Disabled */ .popup-rec-online__container input[type=radio]:disabled+label:before { filter: grayscale(100%); } .square label { display: flex; justify-content: space-between; } .square label:before { background: url('/local/templates/main/css/../images/squareheck.png') 0 0 no-repeat; width: 100%; max-width: 26px; height: 26px; margin-right: 0; z-index: 20; } .square input[type=radio]:checked+label:before { background: url('/local/templates/main/css/../images/checkedSq.png') 0 0 no-repeat; z-index: 20; } .order { background-color: #FFF; width: 100%; max-width: 1290px; margin: 90px auto; padding: 110px; -webkit-box-shadow: 22px 22px 0px -7px #FD4328; -moz-box-shadow: 22px 22px 0px -7px #FD4328; box-shadow: 22px 22px 0px -7px #FD4328; } .order h2 { font-family: DIN Pro; font-size: 54px; font-weight: 700; line-height: 64px; letter-spacing: 0em; text-align: left; } .order__form { display: flex; justify-content: space-between; gap: 20px; } .order__input-container { width: 100%; max-width: 520px; } .order h3 { font-family: Montserrat; font-size: 16px; font-weight: 600; line-height: 26px; letter-spacing: 0em; text-align: left; } .order__check-input-container { width: 100%; } .order__grid-container { margin-top: 13px; display: grid; grid-template-columns: auto auto auto auto; justify-content: space-between; width: 100%; } .order__grid-container p { font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0em; text-align: left; } .order textarea { width: 100%; max-width: 520px; border-radius: 5px; margin-top: 35px; box-sizing: border-box; padding: 12px 20px; font-family: Montserrat; font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: 0em; text-align: left; border: 1px solid rgba(4, 184, 224, 1); height: 85px; max-height: 500px; } .order textarea:focus { outline: none; border-bottom: 4px solid rgba(4, 184, 224, 1); } .order textarea::placeholder { color: rgba(107, 114, 128, 1); } textarea::-webkit-resizer { background: url('/local/templates/main/css/../images/text-size (3) 1.png') no-repeat; } .square p { font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0em; text-align: left; margin-left: 15px; } .square a { font-family: Montserrat; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0em; text-align: left; text-decoration: underline; } .order .baner__btn { max-width: 270px; display: flex; align-items: center; justify-content: center; } .order .baner__btn img { margin-left: 10px; } .drop-zone { margin-top: 30px; width: 100%; max-width: 440px; } .drop-zone__container { border: 1px dotted rgba(253, 67, 40, 1); width: 100%; height: 425px; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; cursor: pointer; } /* .drop-zone__container:hover { background-color: rgba(253, 67, 40, 1); } */ .drop-zone__container p { font-family: DIN Pro; font-size: 24px; font-weight: 500; line-height: 26px; letter-spacing: 0em; text-align: left; color: #FD4328; } .drop-zone__container img { object-fit: contain; width: 70px; height: 70px; } .drop-zone__name-file { display: flex; justify-content: space-between; margin-top: 10px; align-items: center; } .drop-zone__name-file div { display: flex; align-items: center; } .drop-zone__name-file img { object-fit: contain; width: 14px; height: 14px; cursor: pointer; } .drop-zone__name-file div img { margin-right: 10px; object-fit: contain; width: 14px; height: 14px; cursor: default; } .drop-zone__name-file div p { font-family: Montserrat; font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0em; text-align: left; word-break: break-all; margin-right: 10px; } .drop-zone input { opacity: 0; cursor: pointer; position: absolute; box-sizing: border-box; width: 100%; height: 100%; border: 1px solid red; } .order .order__container-good span { font-family: DIN Pro; font-size: 54px; font-weight: 700; line-height: 64px; letter-spacing: 0em; text-align: left; color: rgba(253, 67, 40, 1); } .order .order__container-good h2 { font-family: DIN Pro; font-size: 54px; font-weight: 700; line-height: 64px; letter-spacing: 0em; text-align: left; } .order .order__container-good h3 { font-family: Montserrat; font-size: 30px; font-weight: 600; line-height: 44px; letter-spacing: 0em; text-align: left; max-width: 525px; margin-top: 25px; } .order__close-btn { margin-top: 50px; } @media (max-width: 572px) { .order .order__container-good span, .order .order__container-good h2 { font-family: DIN Pro; font-size: 44px; font-weight: 700; line-height: 52px; letter-spacing: 0em; text-align: left; } .order .order__container-good h3 { font-size: 25px; } } @media (max-width: 533px) { .order__close-btn { visibility: visible; width: 100%; max-width: 190px; height: 50px; position: static; } } @media (max-width: 956px) { .order__form { flex-direction: column; align-items: center; } } @media (max-width: 736px) { .order { padding: 70px 20px; } } @media (max-width: 572px) { .order__grid-container { grid-template-columns: auto auto; gap: 10px 20px; justify-content: center; } .order h2 { font-family: DIN Pro; font-size: 44px; font-weight: 700; line-height: 52px; letter-spacing: 0em; text-align: left; } .square p { font-family: Montserrat; font-size: 14px; font-weight: 400; line-height: 21px; letter-spacing: 0em; text-align: left; } .square a { font-family: Montserrat; font-size: 14px; font-weight: 600; line-height: 21px; letter-spacing: 0em; text-align: left; } } .placeholder-box .input__err { border: 1px solid rgba(253, 67, 40, 1); color: rgba(253, 67, 40, 1); } .placeholder-box .input__err:focus { outline: none; border-bottom: 4px solid rgba(253, 67, 40, 1); } .placeholder-box p { font-family: Montserrat; font-size: 14px; font-weight: 500; line-height: 17px; letter-spacing: 0em; text-align: left; color: #FD4328; position: absolute; bottom: -20px; margin-bottom: 0; } @media (max-width: 496px) { .placeholder-box p { font-size: 10px; } } .overlayForm .order { -webkit-box-shadow: 22px 22px 0px -7px rgba(75, 85, 99, 1); -moz-box-shadow: 22px 22px 0px -7px rgba(75, 85, 99, 1); box-shadow: 22px 22px 0px -7px rgba(75, 85, 99, 1); padding: 100px 80px; margin: auto; max-width: 850px; position: relative; } .overlayForm .popup-rec-online__close-btn { position: absolute; object-fit: contain; width: 25px; height: 25px; top: 30px; right: 30px; cursor: pointer; } .overlayForm .order__form { flex-direction: column; } .order__first-text { font-family: Montserrat; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; margin-top: 22px; max-width: 580px; } .order__box { display: flex; gap: 20px; } .order__box .placeholder-box input { max-width: 360px; } .order__box .drop-zone { max-width: 250px; } .order__box .drop-zone__container { height: 210px; } .overlayForm textarea { margin-top: 0; max-width: 690px; } .overlayForm .baner__btn { margin: 0 auto; } @media (max-width: 956px) { .overlayForm .order__box { justify-content: space-between; width: 100%; } } @media (max-width: 723px) { .overlayForm .order__box { flex-direction: column; } .overlayForm .drop-zone { width: 100%; max-width: none; margin-top: 0; } .overlayForm .order { padding: 70px 20px; } } .sectionPechati { display: flex; width: 100%; max-width: 1290px; margin: 30px auto; justify-content: space-between; gap: 20px; margin-bottom: 100px; } .sectionPechati__section-list { width: 100%; max-width: 260px; } .sectionPechati__section-list li { display: flex; flex-direction: column; box-sizing: border-box; padding: 0 20px; background-color: rgba(243, 244, 246, 1); border-bottom: 4px solid #FFF; } .sectionPechati__section-list a { display: flex; justify-content: space-between; align-items: center; height: 100%; font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 0em; text-align: left; /* height: 60px; */ padding: 20px 0; } .sectionPechati__section-list ul li a { padding: 0; } .sectionPechati__section-list .sectionPechati__section-name-bold { font-family: Montserrat; font-size: 16px; font-weight: 600; line-height: 20px; letter-spacing: 0em; text-align: left; } .sectionPechati__section-list li ul { padding: 0 0 20px; } .sectionPechati__section-list li li a { height: auto; } .sectionPechati__section-list li:hover a { color: #FD4328; cursor: pointer; } .sectionPechati__section-list li:hover li a { color: #111827; padding: 0; } .sectionPechati__section-list li li:hover a { color: #FD4328; } .sectionPechati__section-list a .img { background-image: url('/local/templates/main/css/../images/arrow.svg'); background-size: contain; width: 12px; height: 10px; } .sectionPechati__section-list li:hover .img { background-image: url('/local/templates/main/css/../images/arrowRed.svg'); transform: rotate(180deg); } .sectionPechati__section-list ul { max-height: 0px; visibility: hidden; position: absolute; overflow: hidden; } .sectionPechati__section-list li:hover ul { max-height: 2000px; visibility: visible; transition: max-height 5s; position: static; } .sectionPechati__section-list li ul { display: flex; flex-direction: column; gap: 10px; } .sectionPechati__section-list li .open_ul { max-height: 2000px; visibility: visible; transition: max-height 5s; position: static; } .sectionPechati__section-list li li { border: none; } .sectionPechati__container { width: 100%; max-width: 960px; } .sectionPechati__container p { font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0em; text-align: left; margin-bottom: 15px; } .sectionPechati__container span { font-family: Montserrat; font-size: 16px; font-weight: 700; line-height: 26px; letter-spacing: 0em; text-align: left; } .sectionPechati__grid-container { display: grid; grid-template-columns: 300px 300px 300px; justify-content: space-between; gap: 30px; } .sectionPechati__card { display: flex; flex-direction: column; align-items: center; padding: 20px; border: 1px solid #D1D5DB; height: 450px; } .sectionPechati__card img { object-fit: contain; width: 260px; height: 230px; } .sectionPechati__card h2 { font-family: Montserrat; font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: 0em; text-align: center; margin-top: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sectionPechati__card p { font-family: DIN Pro; font-size: 30px; font-weight: 700; line-height: 36px; letter-spacing: 0em; text-align: center; margin-top: 5px; } .sectionPechati__card button { margin-top: auto; } .pagin { display: flex; margin: auto; width: 100%; max-width: 360px; justify-content: center; gap: 10px; margin-top: 40px; } .pagin button { background: none; border: none; } .pagin button.pagin__disabled { cursor: default; /* border: 1px solid red; */ pointer-events: none; } .pagin button a { font-family: DIN Pro; font-size: 16px; font-weight: 500; line-height: 28px; letter-spacing: 0em; text-align: left; color: #111827; } .pagin .pagin__disabled a { color: #9CA3AF; cursor: default; pointer-events: none; } .pagin ul { display: flex; width: 100%; /* max-width: 160px; */ justify-content: center; align-items: center; gap: 10px; } .pagin li { border-radius: 50%; border: 2px solid #9CA3AF; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .pagin a { font-family: DIN Pro; font-size: 24px; font-weight: 500; line-height: 28px; letter-spacing: 0em; text-align: center; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .pagin__active { background-color: #111827; } .pagin__active a { color: #FFF; cursor: default; } @media (max-width: 1274px) { .sectionPechati__section-list { visibility: hidden; position: absolute; } .sectionPechati { justify-content: center; } } @media (max-width: 1038px) { .sectionPechati__grid-container { grid-template-columns: 300px 300px; justify-content: center; } } @media (max-width: 694px) { .sectionPechati__grid-container { grid-template-columns: 300px; } } @media (max-width: 370px) { .pagin li { width: 20px; height: 20px; } .pagin a { font-size: 18px; } } .detailSwiper2 { height: 80%; width: 100%; } .detailSwiper2 .swiper-wrapper { height: 100%; } .detailSwiper .swiper-wrapper { height: 100%; } .detailSwiper { height: 20%; box-sizing: border-box; padding: 10px 0; } .detailSwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .detailSwiper .swiper-slide-thumb-active { opacity: 1; } .detailSwiper .swiper-slide img, .detailSwiper2 .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .detailPechati__flex { display: flex; flex-direction: column; } .detailPechati__container { display: flex; gap: 20px; justify-content: end; } .detailPechati__swiper-container { max-width: 520px; } .detailSwiper2 { width: 520px; height: 480px; } .detailSwiper2 img { object-fit: contain; } .detailSwiper2 .swiper-slide { box-sizing: border-box; padding: 35px 60px; border: 1px solid #D1D5DB; height: 100%; } .detailSwiper { padding: 0; height: 80px; } .detailSwiper .swiper-slide { margin-right: 0; width: 80px; border: 1px solid #D1D5DB; padding: 8px; border-top: none; } .detailSwiper .swiper-slide img { object-fit: contain; } .detailPechati__price { display: flex; flex-direction: column; width: 100%; max-width: 410px; } .detailPechati__price-container { height: 480px; display: flex; flex-direction: column; } .detailPechati__price-container h2 { font-family: DIN Pro; font-size: 48px; font-weight: 700; line-height: 57px; letter-spacing: 0em; text-align: left; } .detailPechati__price-container .baner__btn { max-width: 190px; margin-top: 22px; } .detailPechati__price-time { margin-top: auto; padding: 20px 35px; border: 2px solid #D1D5DB; background-color: #F3F4F6; } .detailPechati__price-time h3 { font-family: Montserrat; font-size: 18px; font-weight: 600; line-height: 34px; letter-spacing: 0em; text-align: left; } .detailPechati__price-time p { font-family: Montserrat; font-size: 14px; font-weight: 400; line-height: 15px; letter-spacing: 0em; text-align: left; white-space: nowrap; } .detailPechati__price-time span { font-family: Montserrat; font-size: 14px; font-weight: 600; line-height: 15px; letter-spacing: 0em; text-align: left; white-space: nowrap; } .detailPechati__price_bottom-text { font-family: Montserrat; font-size: 12px; font-weight: 500; line-height: 20px; letter-spacing: 0em; text-align: left; color: #6B7280; margin-top: auto; } @media (max-width: 1032px) { .detailPechati__container { flex-direction: column; } .detailPechati__price-container { height: auto; display: flex; flex-direction: column; } .detailPechati__price-time { margin-top: 30px; } .detailPechati__price_bottom-text { margin-top: 30px; } } @media (max-width: 616px) { .detailSwiper2 { width: 335px; height: 310px; } .detailSwiper2 .swiper-slide { padding: 25px; } .detailSwiper { width: 335px; height: 80px; } } @media (max-width: 432px) { .detailPechati__price-time p { font-family: Montserrat; font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0em; text-align: left; white-space: wrap; } .detailPechati__price-time span { font-family: Montserrat; font-size: 14px; font-weight: 600; line-height: 17px; letter-spacing: 0em; text-align: left; white-space: wrap; } } @media (max-width: 370px) { .detailSwiper2 { width: 285px; height: 265px; } .detailSwiper2 .swiper-slide { padding: 25px; } .detailSwiper { width: 285px; height: 65px; } } .description .swiper__container { margin-bottom: 35px; max-width: 1290px; /* width: 1290px; */ border-bottom: 2px solid #D1D5DB; padding: 0; overflow: visible; } @media (max-width: 1340px) { .description .swiper__container { max-width: none; width: 1290px; } } .descriptionSwiper .swiper-wrapper, .descriptionSwiper_2 .swiper-wrapper { gap: 100px; margin-bottom: -1px; } .descriptionSwiper .swiper-slide, .descriptionSwiper_2 .swiper-slide { width: auto; justify-content: start; } .descriptionSwiper p, .descriptionSwiper_2 p { font-family: DIN Pro; font-size: 21px; font-weight: 700; line-height: 25px; letter-spacing: 0em; text-align: left; margin-bottom: -1px; cursor: pointer; padding-bottom: 18px; } .descriptionSwiper .description_active, .descriptionSwiper_2 .description_active { cursor: default; } .description_active { color: #FD4328; border-bottom: 3px solid #FD4328; } .descriptionSwiper p:hover, .descriptionSwiper_2 p:hover { color: #FD4328; border-bottom: 3px solid #FD4328; } .description__text-container { width: 100%; max-width: 850px; } /* .description__text-container div p { margin-bottom: 35px; } */ .description__text-container .docs-table p { margin: 0; } .description__box { width: 100%; max-width: 1290px; margin: 0 auto; /* overflow-x: scroll; */ } @media (max-width: 1340px) { .description__box { overflow-x: scroll; } } .description__box .docs-table { padding: 0 0 70px; } .description__box .docs-table p { font-family: Montserrat; font-size: 16px; font-weight: 600; line-height: 30px; letter-spacing: 0em; text-align: left; } @media (max-width: 615px) { .descriptionSwiper .swiper-wrapper { gap: 0; } } .baner-poligraf { background-position-y: 60px; height: auto; min-height: 450px; } .baner-poligraf .baner__container { padding: 50px 0; } .baner-poligraf .baner__container h1 { max-width: 570px; } .baner-poligraf .baner__container ul { margin-top: 35px; max-width: 560px; } .baner-poligraf .baner__container li { display: flex; gap: 10px; align-items: start; margin-top: 20px; } .baner-poligraf .baner__container li:first-of-type { margin: 0; } .baner-poligraf .baner__container img { object-fit: contain; width: 18px; height: 18px; } .baner-poligraf .baner__container p { font-family: Montserrat; font-size: 15px; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; } @media (max-width: 892px) { .baner-poligraf { height: auto; } .baner-poligraf .baner__container { margin-bottom: 135px; } .baner-poligraf { background-position-y: 95%; } } .visitki .sectionPechati__grid-container { grid-template-columns: 300px 300px 300px 300px; justify-content: center; } @media (max-width: 1362px) { .visitki .sectionPechati__grid-container { grid-template-columns: 300px 300px 300px; } } @media (max-width: 1020px) { .visitki .sectionPechati__grid-container { grid-template-columns: 300px 300px; } } @media (max-width: 686px) { .visitki .sectionPechati__grid-container { grid-template-columns: 300px; } } .examples { flex-direction: column; } .examples h2 { font-family: Montserrat; font-size: 36px; font-weight: 600; line-height: 44px; letter-spacing: 0em; text-align: left; width: 100%; max-width: 1290px; margin: 0 auto 20px; } @media (max-width: 1274px) { .detailVisitki { gap: 0; } } .detailVisitki .detailSwiper2 .swiper-slide { padding: 0; background: #f3f4f6; } .detailVisitki .detailSwiper .swiper-slide { padding: 0; } .detailVisitki .detailSwiper .swiper-slide img { object-fit: cover; } .detailVisitki .detailPechati__price-time { margin-top: 20px; } .detailVisitki .detailPechati__price-time p { white-space: wrap; } .detailVisitki .header__callback-btn { max-width: 150px; margin-top: 15px; } .detailVisitki .detailPechati__price-time:last-of-type { background: none; border: none; padding: 0; margin: 10px 0 0; } .detailVisitki .detailPechati__price-time span { color: #FD4328; } @media (max-width: 533px) { .detailVisitki .header__callback-btn { visibility: visible; height: auto; width: 100%; position: static; } } .ymaps-2-1-79-map-copyrights-promo { visibility: hidden; } [class*="ymaps-2"][class*="-ground-pane"] { filter: url(#grayscale); -webkit-filter: grayscale(100%); z-index: 5; } .ymaps-2 { height: 490px; width: 100%; max-width: 100%; } .contacts { padding-top: 41px; border-bottom: 2px solid #D1D5DB; padding-bottom: 25px; } .contacts__box { display: grid; grid-template-columns: auto auto auto auto; justify-content: space-between; width: 100%; max-width: 1290px; margin: 0 auto; gap: 20px; } .contacts__card { display: flex; gap: 10px; align-items: start; } .contacts__card img { object-fit: contain; width: 35px; height: 35px; } .contacts__card h2 { font-family: DIN Pro; font-size: 30px; font-weight: 700; line-height: 30px; letter-spacing: 0em; text-align: left; } .contacts__card ul { margin-top: 15px; width: 100%; max-width: 260px; } .contacts__card li { margin-top: 10px; } .contacts__card a { font-family: Montserrat; font-size: 18px; font-weight: 500; line-height: 34px; letter-spacing: 0em; text-align: left; } .contacts__card .contacts__bold-link { font-family: DIN Pro; font-size: 24px; font-weight: 500; line-height: 28px; letter-spacing: 0em; text-align: left; } @media (max-width: 1131px) { .contacts__box { grid-template-columns: auto auto; justify-content: center; } } @media (max-width: 531px) { .contacts__box { grid-template-columns: auto; justify-content: start; } } .recvizit { margin: 0 auto; width: 100%; max-width: 1290px; display: flex; justify-content: center; } .recvizit .detailPechati__price-time { width: 100%; max-width: 630px; padding: 70px 38px 70px 70px; margin: 50px 0; } .recvizit .detailPechati__price-time h3 { font-family: DIN Pro; font-size: 54px; font-weight: 700; line-height: 64px; letter-spacing: 0em; text-align: left; } .recvizit .detailPechati__price-time p { white-space: wrap; font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0em; text-align: left; } .recvizit .detailPechati__price-time button { margin-top: 30px; } @media (max-width: 533px) { .recvizit .detailPechati__price-time .header__callback-btn { visibility: visible; height: 50px; width: 220px; position: static; } .recvizit .detailPechati__price-time { padding: 40px 30px; } } .poligraf__sections .services__card { height: 300px; } .maket .services__card { align-items: start; background-size: cover; height: 320px; background-position: center; } .maket .services__container { margin-top: 30px; display: grid; grid-template-columns: 410px 410px 410px; grid-template-rows: none; gap: 30px; } .maket .services__card a { width: 100%; height: 100%; } .section-link { width: 100%; max-width: 1290px; margin: 40px auto 0; } .section-link ul { display: flex; gap: 20px; flex-wrap: wrap; } .section-link a { box-sizing: border-box; padding: 12px 30px; border: 1px solid #FD4328; border-radius: 7px; font-family: Montserrat; font-size: 14px; font-weight: 600; line-height: 26px; letter-spacing: 0em; text-align: left; color: #FD4328; transition: all .5s; } .section-link .section_active { color: #FFF; background-color: #FD4328; } .section-link a:hover { color: #FFF; background-color: #FD4328; transition: all .5s; } .sectionPechati__section-list .color_bold { font-weight: 800; } @media (max-width: 545px) { .time-section p, .time-section p:first-of-type, .time-section span { font-size: 18px; } .time-section span { white-space: nowrap } } .description__text-container-vis .description__content-container { max-width: 850px; } .description__text-container-vis, .description__text-container-vis .description__content-container-vis { max-width: none; } .docs-table__container { display: flex; width: 100%; /* justify-content: space-between; */ justify-content: space-around; align-items: center; } .docs-table__container h3:first-of-type, .docs-table__container p:first-of-type { max-width: none; width: auto; width: 90px; } .docs-table__container h3, .docs-table__container p, .docs-table__container div { width: 110px; } .docs-table__container div { display: flex; flex-direction: column; justify-content: center; align-items: center; } .description__box .docs-table .docs-table__container div span, .description__box .docs-table .docs-table__container div p { visibility: visible; font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; color: #111827; } .docs-table__hidden-container { display: none; } .list__container li:first-of-type { background: none; padding-left: 40px; padding-right: 20px; height: 67px; display: flex; align-items: center; border-bottom: 1px solid #D1D5DB; gap: 10px; } @media (max-width: 1032px) { .description__content-container-vis .docs-table ul { display: flex; grid-template-columns: 1fr 1fr; border-top: 1px solid #D1D5DB; } .docs-table__hidden-container { display: flex; flex-direction: column; background-color: #FD4328; width: 100px; } .description__content-container-vis .docs-table .list__container li:first-of-type, .description__content-container-vis .docs-table .list__container li { display: flex; flex-direction: column; } .docs-table .list__container li:first-of-type, .docs-table .list__container li { border: none; height: auto; padding: 0; } .description__content-container-vis .docs-table li { grid-column-start: 2; grid-column-end: 3; } .description__content-container-vis .docs-table li:first-of-type { display: none; } .docs-table .docs-table__container { display: flex; flex-direction: column; margin: 0; padding: 0; } .description__content-container-vis .docs-table h3:first-of-type, .description__content-container-vis .docs-table p:first-of-type { max-width: none; height: 50px; padding: 0 15px; width: 100%; display: flex; align-items: center; } .description__content-container-vis .docs-table .docs-table__container h3, .docs-table .docs-table__container p { padding: 0 15px; width: 100%; height: 50px; display: flex; align-items: center; } .description__content-container-vis .docs-table { max-width: 500px; margin: 0; } .description__content-container-vis .docs-table h3 { padding: 0 15px; width: 100%; height: 50px; display: flex; align-items: center; } .docs-table .docs-table__container div { height: 50px; flex-direction: row; justify-content: start; width: 100%; } .description__box .docs-table .docs-table__container div span, .description__box .docs-table .docs-table__container div p { width: auto; line-height: 20px; white-space: nowrap; font-size: 14px; } .description__content-container-vis .docs-table p:first-of-type { line-height: 20px; } .list__container li, .docs-table .list__container li:last-of-type { border-top: 1px solid #D1D5DB; } .list__container li:first-of-type { border: none; } .list__container { width: 100%; } } @media (max-width: 370px) { .description__box .docs-table p.name__vis { font-size: 14px; } } .description { padding-bottom: 40px; } @media (max-width: 1330px) { .description_overflow { overflow-x: scroll; margin-right: 20px; } .description_overflow .swiper__container { width: 1290px; } } @media (min-width: 1033px) { .detailPechati__price-time_height { height: 200px; overflow-y: scroll; } } .col-header { display: flex; flex-direction: column; /* gap: 5px; */ } .content-page { display: flex; flex-direction: column; margin-left: auto; margin-right: auto; max-width: 1330px; margin-bottom: 30px; } .content-page h1 { margin-bottom: 30px; } .content-page b { font-weight: bold; } .content-page a:hover { text-decoration: underline; } .content-page a { text-decoration: underline; } .content-page p { margin-bottom: 20px; } .content-page ul { list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 30px; } .content-page ul li { list-style-type: disc; } .content-page ol { list-style-type: circle; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 30px; } .content-page ol li { list-style-type: decimal; } /* a.no-default:hover { text-decoration: none; } a.no-default { text-decoration: none; } p.no-default { margin-bottom: 0; } ul.no-default { list-style-type: none; padding-inline-start: 0px; margin-block-start: 0; margin-block-end: 0; } ul.no-default li { list-style-type: none; } ol.no-default { list-style-type: none; } ol.no-default li { list-style-type: none; } .label__container p { margin: 0; } .popup-rec-online__container { margin-top: 20px; } .docs-table_1 ul { padding-left: 0; } .docs-table_1 p { margin-bottom: 0; } .no-default p { margin-bottom: 0; } */ .img-container { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .img-container-sub_2 { height: 58%; } .img-container-sub_1 { height: 70%; } .services-pechati .services__card .img-container img { height: 100%; } .services-pechati .services__card { height: 300px; } .sogl { position: fixed; bottom: 0; left: 0; background-color: #D1D5DB; width: 100%; transition: 0.5s; display: flex; padding: 30px 20px; z-index: 1000; -webkit-box-shadow: 1px -2px 8px 0px rgba(34, 60, 80, 0.2); -moz-box-shadow: 1px -2px 8px 0px rgba(34, 60, 80, 0.2); box-shadow: 1px -2px 8px 0px rgba(34, 60, 80, 0.2); width: -webkit-fill-available; right: auto; top: auto; } .sogl .cont { width: 100%; max-width: 1290px; margin: 0 auto; display: flex; gap: 20px; justify-content: space-between; align-items: center; } .sogl .cont p { font-size: 14px; font-family: Montserrat; line-height: 140%; font-weight: 400; text-decoration: none; list-style-type: none; } .sogl .cont p a { font-size: 14px; font-family: Montserrat; line-height: 140%; font-weight: 400; text-decoration: none; list-style-type: none; color: #FD4328; } .sogl .cont .button { font-family: Montserrat; font-size: 15px; font-weight: 600; line-height: 1.1; letter-spacing: 0em; text-align: left; color: #FFFFFF; border: none; background-color: #FD4328; border: 1px solid #FD4328; width: 100%; max-width: 265px; height: 60px; text-align: center; border-radius: 7px; transition: all .5s; display: flex; justify-content: center; align-items: center; } .sogl .cont .button:hover { background-color: #FFF; color: #FD4328; transition: all .5s; } @media (max-width: 655px) { .sogl .cont { flex-direction: column; } .sogl .cont p a, .sogl .cont p { font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; } } .sogl.invise { display: none !important; } .price-info-title { display: flex; gap: 15px; } .price-info-title-center { justify-content: center; } .price-info { position: relative; height: fit-content; width: fit-content; cursor: pointer; } .price-info-svg { max-width: 20px; max-height: 20px; min-height: 20px; min-width: 20px; } .price-info-text { transition: .5s; font-family: Montserrat; font-size: 12px; font-weight: 400; line-height: 120%; min-width: 200px; letter-spacing: 0em; text-align: left; background-color: #FFF; z-index: 2; color: #6B7280; -webkit-box-shadow: 1px -2px 8px 0px rgba(34, 60, 80, 0.2); -moz-box-shadow: 1px -2px 8px 0px rgba(34, 60, 80, 0.2); box-shadow: 1px -2px 8px 0px rgba(34, 60, 80, 0.2); border-radius: 7px; padding: 10px 20px; position: absolute; top: 100%; left: auto; right: 0; transform: translateX(0) translateY(0px); transition: .5s; cursor: default; opacity: 0; visibility: hidden; } .price-info:hover .price-info-text { transform: translateX(0) translateY(10px); opacity: 1; visibility: visible; } @media (max-width: 950px) { .footer__bottom-container p { flex-direction: column-reverse; } } .grecaptcha-badge { display: none !important; } .detailSwiper2 .swiper-slide img { object-fit: contain; } .search-page__form input:not([type=submit]) { padding: 5px 15px; border-radius: 5px; border: 1px solid #000; height: 50px; outline: none; font-family: Montserrat; font-size: 14px; font-weight: 600; line-height: 17px; letter-spacing: 0em; } .search-page__form { display: flex; gap: 20px; align-items: center; } .search-page__form .button { background: none; font-family: Montserrat; font-size: 14px; font-weight: 600; line-height: 17px; letter-spacing: 0em; text-align: left; color: #FD4328; border: 1px solid #FD4328; border-radius: 5px; width: 100%; max-width: 190px; height: 50px; text-align: center; transition: all .5s; } .search-page__form .button:hover { color: #FFF; background-color: #FD4328; transition: all .5s; } .search-page .default { gap: 0; } .search-page__small { border-bottom: 1px solid #000; margin-bottom: 30px; } @media (max-width: 720px) { .search-page__form { flex-direction: column; } .search-page__form .button { max-width: none; } .search-page__form input:not([type=submit]) { max-width: none; width: 100%; } .search-page__small { margin-bottom: 15px; } } .margin_bot { margin-bottom: 120px; } @media (max-width: 720px) { .margin_bot { margin-bottom: 40px; } } .def_div { width: 100%; max-width: 1280px; margin: 0 auto; } .padding { padding: 0 16px; } .flex { display: flex; } .flex-direct { flex-direction: column; } .default { width: 100%; max-width: 1280px; /* margin: 0 auto 120px; */ margin: 0 auto; display: inline-block; /* flex-direction: column; gap: 20px; */ } .default p { margin-bottom: 20px; } .default.no-margin-bot { margin-bottom: 0; } .default a { color: #000; text-decoration: underline; display: inline-block; } .default ul { list-style-position: inside; padding-left: 1.2rem; display: flex; flex-direction: column; gap: 5px; } .default ol { list-style-position: inside; padding-left: 1.2rem; display: flex; flex-direction: column; gap: 5px; padding-left: 0; } .default ul li { list-style: disc; } .default ul li::marker { color: #000; } .default table { width: 100%; } .default caption { border-bottom: none; background-color: #525172; } .default thead th { background-color: #525172; } .default tbody td { background-color: #E4E2DE; text-align: center; } .search-page__form select[name=where] { display: none; } .fix-square label { justify-content: start; width: 100%; } .politika h2, .politika .h2 { font-size: 30px; margin-bottom: 20px; } .politika h3, .politika .h3 { font-size: 24px; margin-bottom: 20px; } .fix-two-square { margin-top: 15px; } .fix-services .services__container { grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; } .fix-services .services-pechati .services__card { height: auto; } .fix-services .services__card { justify-content: start; } .services .price-info-title-center { margin: auto auto 0; padding-top: 10px; width: 100%; } @media (max-width: 1388px) { .fix-services .services__container { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 920px) { .fix-services .services__container { grid-template-columns: repeat(1, 1fr); } } /* End */ /* Start:/local/templates/main/css/invise.css?1718109128179*/ .invisibility { visibility: hidden; overflow: hidden; position: absolute; transform: translateX(-101%); height: 0; margin: 0; padding: 0; top: 0; } /* End */ /* Start:/local/templates/main/components/bitrix/search.title/searchTitle/style.css?1717658821843*/ div.title-search-result { border: 1px solid #D1D5DB; display:none; overflow:hidden; z-index:205; height: auto; background-color:#FFF; padding: 5px 90px 20px 30px; -webkit-box-shadow: 4px 4px 0px 0px rgba(156, 163, 175, 1); -moz-box-shadow: 4px 4px 0px 0px rgba(156, 163, 175, 1); box-shadow: 4px 4px 0px 0px rgba(156, 163, 175, 1); } ul.title-search-result { background-color:#FFF; white-space:nowrap; } ul.title-search-result li { height: 50px; display: flex; align-items: center; border-bottom: 1px solid #D1D5DB; } ul.title-search-result li:last-of-type { border: none; } ul.title-search-result li a { font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 0em; text-align: left; } ul.title-search-result a:hover { color: #FD4328; } /* End */ /* Start:/local/templates/main/components/bitrix/search.title/searchTitleMobile/style.css?1717658821843*/ div.title-search-result { border: 1px solid #D1D5DB; display:none; overflow:hidden; z-index:205; height: auto; background-color:#FFF; padding: 5px 90px 20px 30px; -webkit-box-shadow: 4px 4px 0px 0px rgba(156, 163, 175, 1); -moz-box-shadow: 4px 4px 0px 0px rgba(156, 163, 175, 1); box-shadow: 4px 4px 0px 0px rgba(156, 163, 175, 1); } ul.title-search-result { background-color:#FFF; white-space:nowrap; } ul.title-search-result li { height: 50px; display: flex; align-items: center; border-bottom: 1px solid #D1D5DB; } ul.title-search-result li:last-of-type { border: none; } ul.title-search-result li a { font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 0em; text-align: left; } ul.title-search-result a:hover { color: #FD4328; } /* End */ /* /local/templates/main/fonts/Montserrat.css?17176588208267 */ /* /local/templates/main/fonts/DINPro.css?17176588218983 */ /* /local/templates/main/css/swiper-bundle.css?171810912922804 */ /* /local/templates/main/css/styles.css?1758024351103953 */ /* /local/templates/main/css/invise.css?1718109128179 */ /* /local/templates/main/components/bitrix/search.title/searchTitle/style.css?1717658821843 */ /* /local/templates/main/components/bitrix/search.title/searchTitleMobile/style.css?1717658821843 */