/* Start:/local/templates/loco/components/bitrix/menu/horizontal_multilevel1/style.min.css?16345599673715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/loco/components/bitrix/menu/horizontal_multilevel1/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/loco/components/bitrix/menu/horizontal_multilevel1/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/loco/components/bitrix/menu/horizontal_multilevel1/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/local/templates/loco/components/bitrix/menu/horizontal_mobile/style.min.css?16345631443715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/loco/components/bitrix/menu/horizontal_mobile/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/loco/components/bitrix/menu/horizontal_mobile/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/loco/components/bitrix/menu/horizontal_mobile/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/local/templates/loco/css/all.css?1751628965161270*/ @charset "UTF-8"; @font-face { font-family: "SF Pro Display"; src: url("/local/templates/loco/css/../fonts/SFProDisplay-Thin.eot"); src: local("SF Pro Display Thin"), local("SFProDisplay-Thin"), url("/local/templates/loco/css/../fonts/SFProDisplay-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/loco/css/../fonts/SFProDisplay-Thin.woff2") format("woff2"), url("/local/templates/loco/css/../fonts/SFProDisplay-Thin.woff") format("woff"), url("/local/templates/loco/css/../fonts/SFProDisplay-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; } @font-face { font-family: "SF Pro Display"; src: url("/local/templates/loco/css/../fonts/SFProDisplay-ThinItalic.eot"); src: local("SF Pro Display ThinItalic"), local("SFProDisplay-ThinItalic"), url("/local/templates/loco/css/../fonts/SFProDisplay-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/loco/css/../fonts/SFProDisplay-ThinItalic.woff2") format("woff2"), url("/local/templates/loco/css/../fonts/SFProDisplay-ThinItalic.woff") format("woff"), url("/local/templates/loco/css/../fonts/SFProDisplay-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic; } @font-face { font-family: "SF Pro Display"; src: url("/local/templates/loco/css/../fonts/SFProDisplay-Light.eot"); src: local("SF Pro Display Light"), local("SFProDisplay-Light"), url("/local/templates/loco/css/../fonts/SFProDisplay-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/loco/css/../fonts/SFProDisplay-Light.woff2") format("woff2"), url("/local/templates/loco/css/../fonts/SFProDisplay-Light.woff") format("woff"), url("/local/templates/loco/css/../fonts/SFProDisplay-Light.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: "SF Pro Display"; src: url("/local/templates/loco/css/../fonts/SFProDisplay-LightItalic.eot"); src: local("../fonts/SF Pro Display LightItalic"), local("SFProDisplay-LightItalic"), url("/local/templates/loco/css/../fonts/SFProDisplay-LightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/loco/css/../fonts/SFProDisplay-LightItalic.woff2") format("woff2"), url("/local/templates/loco/css/../fonts/SFProDisplay-LightItalic.woff") format("woff"), url("/local/templates/loco/css/../fonts/SFProDisplay-LightItalic.ttf") format("truetype"); font-weight: 200; font-style: italic; } @font-face { font-family: "SF Pro Display"; src: url("/local/templates/loco/css/../fonts/SFProDisplay-Regular.eot"); src: local("SF Pro Display Regular"), local("SFProDisplay-Regular"), url("/local/templates/loco/css/../fonts/SFProDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/loco/css/../fonts/SFProDisplay-Regular.woff2") format("woff2"), url("/local/templates/loco/css/../fonts/SFProDisplay-Regular.woff") format("woff"), url("/local/templates/loco/css/../fonts/SFProDisplay-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "SF Pro Display"; src: url("/local/templates/loco/css/../fonts/SFProDisplay-RegularItalic.eot"); src: local("SF Pro Display Regular Italic"), local("SFProDisplay-RegularItalic"), url("/local/templates/loco/css/../fonts/SFProDisplay-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/loco/css/../fonts/SFProDisplay-RegularItalic.woff2") format("woff2"), url("/local/templates/loco/css/../fonts/SFProDisplay-RegularItalic.woff") format("woff"), url("/local/templates/loco/css/../fonts/SFProDisplay-RegularItalic.ttf") format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: "SF Pro Display"; src: url("/local/templates/loco/css/../fonts/SFProDisplay-Medium.eot"); src: local("SF Pro Display Medium"), local("SFProDisplay-Medium"), url("/local/templates/loco/css/../fonts/SFProDisplay-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/loco/css/../fonts/SFProDisplay-Medium.woff2") format("woff2"), url("/local/templates/loco/css/../fonts/SFProDisplay-Medium.woff") format("woff"), url("/local/templates/loco/css/../fonts/SFProDisplay-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "SF Pro Display"; src: url("/local/templates/loco/css/../fonts/SFProDisplay-MediumItalic.eot"); src: local("SF Pro Display MediumItalic"), local("SFProDisplay-MediumItalic"), url("/local/templates/loco/css/../fonts/SFProDisplay-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/loco/css/../fonts/SFProDisplay-MediumItalic.woff2") format("woff2"), url("/local/templates/loco/css/../fonts/SFProDisplay-MediumItalic.woff") format("woff"), url("/local/templates/loco/css/../fonts/SFProDisplay-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; } @font-face { font-family: "SF Pro Display"; src: url("/local/templates/loco/css/../fonts/SFProDisplay-Semibold.eot"); src: local("SF Pro Display Semibold"), local("SFProDisplay-Semibold"), url("/local/templates/loco/css/../fonts/SFProDisplay-Semibold.eot?#iefix") format("embedded-opentype"), url("/local/templates/loco/css/../fonts/SFProDisplay-Semibold.woff2") format("woff2"), url("/local/templates/loco/css/../fonts/SFProDisplay-Semibold.woff") format("woff"), url("/local/templates/loco/css/../fonts/SFProDisplay-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "SF Pro Display"; src: url("/local/templates/loco/css/../fonts/SFProDisplay-SemiboldItalic.eot"); src: local("SF Pro Display SemiboldItalic"), local("SFProDisplay-SemiboldItalic"), url("/local/templates/loco/css/../fonts/SFProDisplay-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/loco/css/../fonts/SFProDisplay-SemiboldItalic.woff2") format("woff2"), url("/local/templates/loco/css/../fonts/SFProDisplay-SemiboldItalic.woff") format("woff"), url("/local/templates/loco/css/../fonts/SFProDisplay-SemiboldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: "SF Pro Display"; src: url("/local/templates/loco/css/../fonts/SFProDisplay-Bold.eot"); src: local("SF Pro Display Bold"), local("SFProDisplay-Bold"), url("/local/templates/loco/css/../fonts/SFProDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/loco/css/../fonts/SFProDisplay-Bold.woff2") format("woff2"), url("/local/templates/loco/css/../fonts/SFProDisplay-Bold.woff") format("woff"), url("/local/templates/loco/css/../fonts/SFProDisplay-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "SF Pro Display"; src: url("/local/templates/loco/css/../fonts/SFProDisplay-BoldItalic.eot"); src: local("../fonts/SF Pro Display BoldItalic"), local("SFProDisplay-BoldItalic"), url("/local/templates/loco/css/../fonts/SFProDisplay-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/loco/css/../fonts/SFProDisplay-BoldItalic.woff2") format("woff2"), url("/local/templates/loco/css/../fonts/SFProDisplay-BoldItalic.woff") format("woff"), url("/local/templates/loco/css/../fonts/SFProDisplay-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; } @font-face { font-family: "SF Pro Display"; src: url("/local/templates/loco/css/../fonts/SFProDisplay-Black.eot"); src: local("SF Pro Display Black"), local("SFProDisplay-Black"), url("/local/templates/loco/css/../fonts/SFProDisplay-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/loco/css/../fonts/SFProDisplay-Black.woff2") format("woff2"), url("/local/templates/loco/css/../fonts/SFProDisplay-Black.woff") format("woff"), url("/local/templates/loco/css/../fonts/SFProDisplay-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: "SF Pro Display"; src: url("/local/templates/loco/css/../fonts/SFProDisplay-BlackItalic.eot"); src: local("SF Pro Display Black Italic"), local("SFProDisplay-BlackItalic"), url("/local/templates/loco/css/../fonts/SFProDisplay-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/loco/css/../fonts/SFProDisplay-BlackItalic.woff2") format("woff2"), url("/local/templates/loco/css/../fonts/SFProDisplay-BlackItalic.woff") format("woff"), url("/local/templates/loco/css/../fonts/SFProDisplay-BlackItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; } /** * Swiper 6.8.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 22, 2021 */ @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") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff ; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-container-pointer-events { touch-action: pan-y; } .swiper-container-pointer-events.swiper-container-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px ; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 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: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #ffffff ; } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000000 ; } .swiper-button-lock { display: none; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .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%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff ; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 ; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-container-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-pagination { display: flex; } @media screen and (max-width: 1370px) { .swiper-pagination { display: flex; } } @media (max-width: 960px) { .swiper-pagination { margin-left: -10px; margin-right: -10px; } } .swiper-pagination .swiper-pagination-bullet { cursor: pointer; display: block; margin: 0 10px; width: 10px; height: 10px; border: 1px solid #000000; border-radius: 50%; } .swiper-pagination .swiper-pagination-bullet:first-child:last-child { display: none; } .swiper-pagination .swiper-pagination-bullet:hover, .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #2164ff; border-color: #2164ff; } /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; -webkit-transform-origin: center bottom; animation-name: bounce; transform-origin: center bottom; } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } @keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scaleX(1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scaleX(1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { 0%, to { transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { -webkit-animation-name: headShake; -webkit-animation-timing-function: ease-in-out; animation-name: headShake; animation-timing-function: ease-in-out; } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } to { transform: rotate(0deg); } } .swing { -webkit-animation-name: swing; -webkit-transform-origin: top center; animation-name: swing; transform-origin: top center; } @keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { transform: scaleX(1); } } .tada { animation-name: tada; } @keyframes wobble { 0% { transform: translateZ(0); } 15% { transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { transform: translateZ(0); } } .wobble { animation-name: wobble; } @keyframes jello { 0%, 11.1%, to { transform: translateZ(0); } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; -webkit-transform-origin: center; animation-name: jello; transform-origin: center; } @keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } } .heartBeat { -webkit-animation-duration: 1.3s; -webkit-animation-name: heartBeat; -webkit-animation-timing-function: ease-in-out; animation-duration: 1.3s; animation-name: heartBeat; animation-timing-function: ease-in-out; } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { -webkit-transform: scaleX(1); opacity: 1; transform: scaleX(1); } } .bounceIn { -webkit-animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-duration: 0.75s; animation-name: bounceIn; } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(0, -3000px, 0); opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { -webkit-transform: translate3d(0, 25px, 0); opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: translateZ(0); } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(-3000px, 0, 0); opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { -webkit-transform: translate3d(25px, 0, 0); opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: translateZ(0); } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(3000px, 0, 0); opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { -webkit-transform: translate3d(-25px, 0, 0); opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: translateZ(0); } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(0, 3000px, 0); opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translateZ(0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { -webkit-transform: scale3d(1.1, 1.1, 1.1); opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-duration: 0.75s; animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0); } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { -webkit-transform: translate3d(20px, 0, 0); opacity: 1; transform: translate3d(20px, 0, 0); } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { -webkit-transform: translate3d(-20px, 0, 0); opacity: 1; transform: translate3d(-20px, 0, 0); } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, 20px, 0); opacity: 1; transform: translate3d(0, 20px, 0); } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { 0% { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { 0% { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { 0% { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { 0% { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { 0% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); } 40% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); } 50% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); } 80% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); } to { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); } } .animated.flip { -webkit-animation-name: flip; -webkit-backface-visibility: visible; animation-name: flip; backface-visibility: visible; } @keyframes flipInX { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); } 60% { -webkit-transform: perspective(400px) rotateX(10deg); opacity: 1; transform: perspective(400px) rotateX(10deg); } 80% { transform: perspective(400px) rotateX(-5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-animation-name: flipInX; -webkit-backface-visibility: visible !important; animation-name: flipInX; backface-visibility: visible !important; } @keyframes flipInY { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg); } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg); } 60% { -webkit-transform: perspective(400px) rotateY(10deg); opacity: 1; transform: perspective(400px) rotateY(10deg); } 80% { transform: perspective(400px) rotateY(-5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-animation-name: flipInY; -webkit-backface-visibility: visible !important; animation-name: flipInY; backface-visibility: visible !important; } @keyframes flipOutX { 0% { transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); opacity: 1; transform: perspective(400px) rotateX(-20deg); } to { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; transform: perspective(400px) rotateX(90deg); } } .flipOutX { -webkit-animation-duration: 0.75s; -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; animation-duration: 0.75s; animation-name: flipOutX; backface-visibility: visible !important; } @keyframes flipOutY { 0% { transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); opacity: 1; transform: perspective(400px) rotateY(-15deg); } to { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; transform: perspective(400px) rotateY(90deg); } } .flipOutY { -webkit-animation-duration: 0.75s; -webkit-animation-name: flipOutY; -webkit-backface-visibility: visible !important; animation-duration: 0.75s; animation-name: flipOutY; backface-visibility: visible !important; } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(-30deg); } 60% { -webkit-transform: skewX(20deg); opacity: 1; transform: skewX(20deg); } 80% { transform: skewX(-5deg); } to { transform: translateZ(0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(30deg); } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(-200deg); transform-origin: center; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: center; opacity: 1; transform: translateZ(0); transform-origin: center; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(45deg); transform-origin: right bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-90deg); transform-origin: right bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { 0% { -webkit-transform-origin: center; opacity: 1; transform-origin: center; } to { -webkit-transform: rotate(200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(200deg); transform-origin: center; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom; } to { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom; } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-45deg); transform-origin: right bottom; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom; } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom; } to { -webkit-transform: rotate(90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(90deg); transform-origin: right bottom; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform-origin: top left; } 20%, 60% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform: rotate(80deg); transform-origin: top left; } 40%, 80% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); transform-origin: top left; } to { -webkit-transform: translate3d(0, 700px, 0); opacity: 0; transform: translate3d(0, 700px, 0); } } .hinge { -webkit-animation-duration: 2s; -webkit-animation-name: hinge; animation-duration: 2s; animation-name: hinge; } @keyframes jackInTheBox { 0% { -webkit-transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { -webkit-transform: scale(1); opacity: 1; transform: scale(1); } } .jackInTheBox { animation-name: jackInTheBox; } @keyframes rollIn { 0% { -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .rollIn { animation-name: rollIn; } @keyframes rollOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); opacity: 0; transform: translate3d(100%, 0, 0) rotate(120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { 0% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } to { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } to { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translateZ(0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translateZ(0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translateZ(0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translateZ(0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { 0% { transform: translateZ(0); } to { transform: translate3d(0, 100%, 0); visibility: hidden; } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { 0% { transform: translateZ(0); } to { transform: translate3d(-100%, 0, 0); visibility: hidden; } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { 0% { transform: translateZ(0); } to { transform: translate3d(100%, 0, 0); visibility: hidden; } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { 0% { transform: translateZ(0); } to { transform: translate3d(0, -100%, 0); visibility: hidden; } } .slideOutUp { animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.delay-1s { animation-delay: 1s; } .animated.delay-2s { animation-delay: 2s; } .animated.delay-3s { animation-delay: 3s; } .animated.delay-4s { animation-delay: 4s; } .animated.delay-5s { animation-delay: 5s; } .animated.fast { animation-duration: 0.8s; } .animated.faster { animation-duration: 0.5s; } .animated.slow { animation-duration: 2s; } .animated.slower { animation-duration: 3s; } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; -webkit-transition: none !important; animation: unset !important; transition: none !important; } } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity 0.25s ease, visibility 0s ease 0.25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity 0.25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: grabbing; } .fancybox-container [data-selectable=true] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color 0.2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: 0.8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } /* Caption */ .fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: 0.7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all 0.2s; -webkit-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: 0.5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } body { margin: 0; color: #000000; font: 300 17px/1.65 "SF Pro Display", Arial, Helvetica, sans-serif; background: #ffffff; -webkit-font-smoothing: antialiased; } @media (max-width: 960px) { body { font-size: 15px; line-height: 25px; } .list-border li { font-size: 14px; } } img { display: block; border-style: none; max-width: 100%; } a { color: #000000; outline: none; transition: all 200ms linear; } a:hover { text-decoration: none; } * { outline: none; box-sizing: border-box; } input, textarea, select { font: 100% "SF Pro Display", Arial, Helvetica, sans-serif, sans-serif; vertical-align: middle; -webkit-appearance: none; -webkit-border-radius: 0; } input:not([type=radio], [type=checkbox]), textarea, select { font: 100% "SF Pro Display", Arial, Helvetica, sans-serif; vertical-align: middle; -webkit-appearance: none; } form, fieldset { margin: 0; padding: 0; border-style: none; min-width: 0; } fieldset { /*max-width: 100%;*/ /*display: table-cell;*/ } header, nav, section, article, aside, footer, figure, menu, dialog { display: block; } dl { margin: 0 0 10px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } nav li { list-style: none; list-style: none outside; } p { margin: 0 0 10px; } .title-h1, h1, .service_h1 { display: block; font-family: "SF Pro Display", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 48px; line-height: 1.3; margin: 0 0 38px; } .title-h1 span, h1 span, .service_h1 span{ color: #469E46; display: block; } @media (max-width: 960px) { .title-h1, h1, .service_h1 { font-size: 38px; line-height: 1.35; } } @media (max-width: 767px) { .title-h1, h1, .service_h1 { font-size: 28px; margin: 0 0 42px; } } .title-h2, h2, .container-small h1 { display: block; font-family: "SF Pro Display", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 38px; line-height: 1.4; margin: 0 0 35px; } .title-h2 span, h2 span { color: #469E46; display: block; } @media (max-width: 960px) { .title-h2, h2 { font-size: 27px; margin: 0 0 45px; } } .title-h3, h3 { display: block; font-family: "SF Pro Display", Arial, Helvetica, sans-serif; margin: 16px 0px 30px 0px; font-weight: 700; font-size: 30px; line-height: 1.45; } @media (max-width: 960px) { .title-h3, h3 { font-size: 26px; line-height: 1.4; } } .title-h4, h4 { display: block; font-weight: 600; font-size: 27px; line-height: 1; font-family: "SF Pro Display", Arial, Helvetica, sans-serif; margin: 0 0 30px; } @media (max-width: 767px) { .title-h4, h4 { font-size: 26px; } } @media (max-width: 960px) { .title-h4, h4 { font-size: 22px; } } .title-h5, h5 { display: block; font-weight: 700; letter-spacing: -0.1px; font-size: 25px; line-height: 1.5; margin: 0 0 35px; } h6 { font-size: 18px; line-height: 20px; margin: 0 0 10px; } a { text-decoration: none; outline: none; } button, input[type=submit], input[type=file]::-webkit-file-upload-button { cursor: pointer; } textarea::placeholder { color: rgba(24, 24, 24, 0.5); font-weight: 400; } input::placeholder { color: rgba(24, 24, 24, 0.5); font-weight: 400; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } input:focus:-ms-input-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } /* ============================================================================= MAIN ========================================================================== */ html, body { height: 100%; margin: 0; -webkit-text-size-adjust: none; } .none-scroll { overflow: hidden; } #wrapper { overflow: hidden; position: relative; width: 100%; min-height: 100%; display: flex; flex-direction: column; } #main { position: relative; flex: 5000 1 auto; } * html #wrapper { height: 100%; } .container { width: 100%; margin: 0 auto; padding: 0 10px; max-width: 1700px; } @media (max-width: 960px) { .container { padding: 0 19px; } .shipping-slider .arrow { right: 10px !important; bottom: 0px; background-color: #fff; } .shipping-slider .arrow.swiper-button-prev { left: 10px !important; } .swiper-button-next, .swiper-button-prev { top: initial; } .section-title-page h1 { font-size: 20px; } .section-title-page p { font-size: 18px; } } .container-medium { width: 100%; margin: 0 auto; padding: 0 10px; max-width: 1290px; } @media (max-width: 960px) { .container-medium { padding: 0 19px; } } .container-small { width: 100%; margin: 0 auto; padding: 0 10px; max-width: 980px; } @media (max-width: 960px) { .container-small { padding: 0 19px; } } b { font-weight: 500; } .btn { width: 100%; display: flex; justify-content: center; align-items: center; } .btn:hover { box-shadow: none; opacity: 0.8; } .border-btn { display: inline-block; vertical-align: top; padding: 10px 20px; border: 1px solid rgba(24, 24, 24, 0.15); border-radius: 16px; } @media (max-width: 767px) { .border-btn { font-size: 16px; line-height: 24px; padding: 12px 20px; } } .border-btn:hover { opacity: 0.8; } @media (max-width: 960px) { .hide-on-m { display: none !important; } } @media (min-width: 961px) { .show-on-m { display: none !important; } } strong { font-weight: 500; } hr { border: none; border-bottom: 1px solid rgba(2, 34, 196, 0.2); margin: 0 0 40px; } .green-link { display: inline-block; vertical-align: top; color: #469E46; font-weight: 600; font-size: 15px; line-height: 1; } .green-link:hover { opacity: 0.8; } .white-border-btn { display: inline-block; vertical-align: top; border: 1px solid #ffffff; background: transparent; cursor: pointer; padding: 15px 30px; border-radius: 20px; font-size: 16px; line-height: 18px; font-weight: 600; color: #ffffff; transition: all 200ms linear; } @media (max-width: 960px) { .white-border-btn { padding: 10px 30px; } } .white-border-btn:hover { background: rgba(2, 34, 196, 0.2); } .btn-green { border: none; display: block; padding: 17px 42px; background: #469E46; border-radius: 1px; color: #ffffff; font-size: 15px; line-height: 18px; font-weight: 600; transition: all 200ms linear; } .btn-green:hover { opacity: 0.8; } @media (max-width: 767px) { .btn-green { padding: 15px 40px; } } .grey-btn { border: none; display: inline-block; vertical-align: top; margin-bottom: 20px; padding: 12px 30px; background: rgba(2, 34, 196, 0.05); border-radius: 20px; color: #000000; font-size: 16px; line-height: 20px; font-weight: 600; transition: all 200ms linear; } @media (max-width: 960px) { .grey-btn { padding: 10px 18px; font-size: 14px; border-radius: 15px; } } .grey-btn:hover { background: rgba(2, 34, 196, 0.2); } .grey-btn .icon { display: inline-block; vertical-align: middle; margin: 0 -10px 0 22px; width: 24px; height: 24px; } .black-btn { display: inline-block; vertical-align: top; border: 1px solid #000000; padding: 10px 45px; border-radius: 15px; font-size: 16px; line-height: 18px; font-weight: 600; color: #000000; background: transparent; transition: all 200ms linear; } @media (max-width: 960px) { .black-btn { padding: 11px 37px; font-size: 14px; } } .black-btn:hover { background-color: #FFB400; border-color: #FFB400; } .holder-switcher { overflow-x: auto; } @media (max-width: 960px) { .holder-switcher { margin-bottom: 36px; } } @media (max-width: 500px) { .holder-switcher { margin-right: -20px; } } .default-tab-controls { padding: 5px 0 0; display: flex; justify-content: space-between; color: #060A14; font-size: 0; line-height: 0; list-style: none; margin-bottom: 25px; border-bottom: 2px solid #E8E8E8; } @media (max-width: 500px) { .default-tab-controls { min-width: 375px; } } @media (max-width: 960px) { .default-tab-controls { margin-bottom: 0; } } .default-tab-controls > li { position: relative; display: inline-block; vertical-align: top; white-space: nowrap; margin: 0 25px -2px 0; padding-bottom: 24px; font-size: 14px; line-height: 1; text-transform: uppercase; font-weight: 500; border-bottom: 2px solid transparent; } @media (max-width: 960px) { .default-tab-controls > li { font-size: 13px; margin: 0 25px -2px 0; padding-bottom: 30px; } } .default-tab-controls > li:last-child { margin-right: 0; } @media (max-width: 500px) { .default-tab-controls > li:last-child { margin-right: 20px; } } .default-tab-controls > li a { position: static; display: inline-block; vertical-align: top; border: none; } .default-tab-controls > li a:hover { color: #469E46; } .default-tab-controls > li.active { border-color: #469E46; color: #469E46; font-weight: 600; } .default-tab-controls > li.active a { color: #469E46; font-weight: 600; } .tabset { padding-bottom: 10px; } .tab-body { position: relative; } .tab { opacity: 0; width: 100%; height: 100%; top: -9999px; left: -9999px; position: absolute; transition: all 0s ease 0.35s, opacity 0.35s ease, height 0s ease 0s; } .tab.active { top: 0; left: 0; opacity: 1; position: relative; transition: opacity 0.35s ease; } .accordion .item { background: rgba(2, 34, 196, 0.05); margin-bottom: 20px; border-radius: 5px; } @media (max-width: 960px) { .accordion .item { margin-bottom: 15px; } } .accordion .item.active .heading:before { transform: rotate(180deg); } .accordion .expanded { display: none; } .accordion .heading { cursor: pointer; display: flex; position: relative; font-size: 20px; font-weight: 400; line-height: 1; padding: 27px 60px 27px 20px; border-radius: 5px; } @media (max-width: 960px) { .accordion .heading { padding: 20px 60px 20px 15px; font-size: 16px; line-height: 24px; } } .accordion .heading:before { content: ""; top: 20px; right: 20px; position: absolute; background: #FFFFFF url(/local/templates/loco/css/../img/arrow-down.svg) no-repeat 50% 50%; width: 40px; height: 40px; border-radius: 15px; } @media (max-width: 960px) { .accordion .heading:before { top: 15px; right: 15px; } } .accordion .accordion-text { padding: 0 20px 1px; font-size: 14px; line-height: 22px; } @media (max-width: 960px) { .accordion .accordion-text { padding: 0 15px 1px; } } .link-green { color: #469E46; text-decoration: underline; } /* ============================================================================= HasLayot ========================================================================== */ .group:after { display: block; content: ""; clear: both; } .resolution-mobile { display: none; } @media (max-width: 960px) { .resolution-mobile { display: block; } } .index #wrapper { display: block; min-height: 100vh; color: #ffffff; } .index #header { position: absolute; z-index: 2; left: 0; right: 0; top: 0; padding: 25px 0; border-bottom-color: transparent; } @media (max-width: 960px) { .index #header { padding: 25px 0; } } .index #header a:hover { opacity: 0.8; } .index #header .phone-number { font-size: 20px; font-weight: 500; } .index a { color: #ffffff; } .index .lang.active .btn-lang { background: rgba(0, 0, 0, 0.2); } .index .lang .btn-lang { color: #ffffff; background: transparent; } .index .lang .btn-lang:before { background: url("/local/templates/loco/css/../img/down.svg") no-repeat 50% 50%; background-size: contain; } .index .lang .list-lang { background: rgba(0, 0, 0, 0.2); } .index .lang a { color: #ffffff; } .index .logo { background: url(/local/templates/loco/css/../img/index-logo.svg) no-repeat 0 50%; } .index .open-menu span { background-color: #ffffff; } .index .open-menu span:after, .index .open-menu span:before { background-color: #ffffff; } #header { padding: 25px 0 20px; border-bottom: 1px solid #E1E2E5; } @media (max-width: 960px) { #header { padding: 23px 0 16px; } } #header .container { display: flex; justify-content: space-between; align-items: center; } #header .info-header { display: flex; justify-content: flex-end; align-items: center; } #header .phone-number { font-size: 18px; line-height: 1; font-weight: 400; padding: 0 60px 0 30px; white-space: nowrap; } @media (max-width: 1100px) { #header .phone-number { padding: 0 10px 0 10px; } } @media (max-width: 767px) { #header .phone-number { /* display: none;*/ } .promo-video-slider-block { position: absolute; top: 40vh; right: 1px; } } .holder-logo { display: flex; align-items: center; } .logo { position: relative; z-index: 12; flex: 0 0 200px; display: block; background: url(/local/templates/loco/css/../img/logo.svg) no-repeat 0 50%; background-size: contain; text-indent: -9999px; overflow: hidden; margin: 0; width: 200px; height: 48px; } @media (max-width: 960px) { .logo { width: 162px; height: 40px; } } .none-scroll .logo { z-index: 999; background: url(/local/templates/loco/css/../img/index-logo.svg) no-repeat 0 50%; background-size: contain; } .logo a { display: block; height: 100%; } body:not(.index) #header { position: relative; z-index: 2; } body:not(.index) #nav > ul > li.has-drop > a:before { background: url("/local/templates/loco/css/../img/down-black.svg") no-repeat 50% 50%; background-size: contain; } body:not(.index) #nav .drop:after { border-bottom: 7px solid #F4F6F8; } body:not(.index) #nav .drop ul { background: #F4F6F8; } #nav { margin: 0 30px; } @media (max-width: 1100px) { #nav { margin: 0 0 0 20px; } } @media (max-width: 960px) { #nav { display: none; } } #nav > ul { display: flex; } #nav > ul > li { margin: 0 15px; font-size: 13px; line-height: 1; font-weight: 600; text-transform: uppercase; } #nav > ul > li.has-drop { position: relative; } #nav > ul > li.has-drop > a { position: relative; padding-right: 18px; } #nav > ul > li.has-drop > a:before { content: ""; position: absolute; right: 0; top: 50%; margin: -2px 0 0; background: url("/local/templates/loco/css/../img/down.svg") no-repeat 50% 50%; background-size: contain; width: 10px; height: 6px; } .active #nav > ul > li.has-drop > a:before { transform: rotate(-180deg) rotateY(0deg); } #nav > ul > li:hover .drop { display: block; visibility: visible; opacity: 1; z-index: 1; } #nav > ul > li:hover > a:before { transform: rotate(-180deg) rotateY(0deg); } #nav .drop { display: block; position: absolute; z-index: 1; left: 0; top: 100%; padding: 21px 0 0; left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden; transition: all 400ms ease; } #nav .drop:after { position: absolute; content: ""; border-bottom: 7px solid #ffffff; border-right: 15px solid transparent; border-left: 15px solid transparent; left: 50%; transform: translateX(-50%); top: 15px; } #nav .drop ul { list-style: none; margin: 0; min-width: 259px; padding: 33px 26px 12px; background: #ffffff; border-radius: 1px; } #nav .drop ul li { margin: 0 0 18px; } #nav .drop ul a { color: #060A14; font-size: 13px; line-height: 1.2; text-transform: uppercase; } #nav .drop ul a:hover { color: #469E46; } .lang { margin: 0 0 0 19px; text-transform: uppercase; font-size: 13px; line-height: 1; font-weight: 600; position: relative; } @media (max-width: 1100px) { .lang { margin: 0 0 0 10px; } } .lang .btn-lang { position: relative; display: inline-block; vertical-align: top; padding: 9px 27px 9px 11px; color: #060A14; background: #F4F6F8; border-radius: 2px; } .lang .btn-lang.active { border-radius: 2px 2px 0 0; } .lang .btn-lang:before { content: ""; position: absolute; right: 10px; top: 50%; margin: -2px 0 0; background: url("/local/templates/loco/css/../img/down-black.svg") no-repeat 50% 50%; background-size: contain; width: 10px; height: 6px; } .active .lang .btn-lang:before { transform: rotate(-180deg) rotateY(0deg); } .lang.active .list-lang { display: block; } .lang .list-lang { position: absolute; z-index: 1; top: 100%; left: 0; right: 0; margin: 0; padding: 0; display: none; list-style: none; border-radius: 0 0 2px 2px; background: #F4F6F8; } .lang .list-lang li { margin: 0 0 5px; padding: 0; } .lang .list-lang a { padding: 9px 11px; } .lang a { display: block; color: #060A14; } .open-menu { display: flex; align-items: center; position: relative; margin: 0 0 0 23px; flex: 0 0 35px; width: 35px; height: 16px; cursor: pointer; z-index: 999; } @media (max-width: 960px) { .open-menu { margin: 0 0 0 15px; } } .open-menu span { display: block; position: relative; width: 100%; height: 2px; transition-duration: 0.25s; background-color: #060A14; border-radius: 1px; } .open-menu span:after, .open-menu span:before { content: ""; display: block; position: absolute; width: 100%; height: 2px; transition-duration: 0.25s; top: 7px; background-color: #060A14; border-radius: 1px; } .open-menu span:after { width: 45%; right: 0; } .open-menu span:before { top: -7px; } .open-menu.active span { transform: rotate(45deg); } .open-menu.active span:before { top: 0; transform: rotate(0); background-color: #ffffff; } .open-menu.active span:after { top: 0; width: 100%; transform: rotate(90deg); background-color: #ffffff; } .general-menu { position: fixed; left: 0; right: 0; top: 0; overflow-y: auto; height: 100%; opacity: 0; width: 100%; background-color: #131313; padding: 150px 0 40px; z-index: 0; line-height: 1; text-align: center; display: block; transition: visibility 0.1s ease, opacity 0.3s ease; visibility: hidden; box-sizing: border-box; } .general-menu:before { content: ""; position: fixed; z-index: 1; top: 0; left: 0; right: 0; height: 80px; background-color: #131313; } @media (max-width: 767px) { .general-menu { padding: 145px 0 40px; } } .general-menu.open { visibility: visible; top: 0; left: 0; opacity: 1; z-index: 99; } .general-menu .content-nav { max-width: 500px; padding: 0 30px; margin: 0 auto; } .nav-accordion { color: #ffffff; } .nav-accordion a { color: #ffffff; } .nav-accordion > ul { margin: 0; padding: 0; list-style: none; } .nav-accordion > ul > li { margin: 0 0 30px; border-bottom: 1px solid rgba(232, 232, 232, 0.12); } .nav-accordion > ul > li:last-child { margin-bottom: 15px; border-bottom-color: transparent; } .nav-accordion > ul > li .heading, .nav-accordion > ul > li > a { cursor: pointer; display: block; margin: 0 0 32px; text-align: center; position: relative; font-weight: 600; font-size: 22px; text-transform: uppercase; transition: all 200ms linear; } .nav-accordion > ul > li .heading:hover, .nav-accordion > ul > li > a:hover { opacity: 0.8; } @media (max-width: 767px) { .nav-accordion > ul > li .heading, .nav-accordion > ul > li > a { font-size: 17px; margin: 0 0 18px; } .nav-accordion > ul > li { margin: 0 0 20px; } } .nav-accordion > ul > li .heading:after { content: ""; position: absolute; right: 29px; top: 50%; margin: -4px 0 0; background: url("/local/templates/loco/css/../img/drop-icon.svg") no-repeat 50% 50%; background-size: contain; width: 10px; height: 8px; transform: rotate(-90deg) rotateY(0deg); } @media (max-width: 767px) { .nav-accordion > ul > li .heading:after { right: 20px; } } .nav-accordion > ul > li.active .heading:after { transform: rotate(0deg) rotateY(0deg); } .nav-accordion .expanded { display: none; padding: 5px 0; text-align: left; } @media (max-width: 767px) { .nav-accordion .expanded { padding: 10px 0; } } .nav-accordion .expanded ul { list-style: none; margin: 0; padding: 0; font-weight: 300; font-size: 16px; } @media (max-width: 767px) { .nav-accordion .expanded ul { font-size: 15px; } } .nav-accordion .expanded ul li { margin: 0 0 23px; } @media (max-width: 767px) { .nav-accordion .expanded ul li { margin: 0 0 24px; } } .nav-accordion .expanded .group { overflow: hidden; margin: 0 -15px; } .nav-accordion .expanded .group ul { float: left; width: 50%; padding: 0 15px; } @media (max-width: 767px) { .nav-accordion .expanded .group ul { float: none; text-align: left !important; width: 100%; padding: 0 25px; } } .nav-accordion .expanded .group ul:first-child { text-align: right; } .contact-menu { display: flex; text-align: left; margin: 0 -20px; line-height: 1; } @media (max-width: 767px) { .contact-menu { display: block; } } .contact-menu .holder-block { flex: 0 0 50%; width: 50%; padding: 0 20px; } @media (max-width: 767px) { .contact-menu .holder-block { flex: 0 0 100%; width: 100%; margin-bottom: 10px; display: flex; flex-direction: column; align-items: center; } } .contact-menu span { display: block; margin-bottom: 14px; font-size: 15px; } @media (max-width: 767px) { .contact-menu span { font-weight: 300; font-size: 13px; } } .contact-menu .phone { display: inline-block; vertical-align: top; margin-bottom: 15px; font-weight: 500; font-size: 21px; } @media (max-width: 767px) { .contact-menu .phone { font-size: 19px; margin-bottom: 9px; } } .contact-menu .phone:hover { opacity: 0.8; } .contact-menu .mail { display: inline-block; vertical-align: top; margin-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } @media (max-width: 767px) { .contact-menu .mail { font-size: 14px; } } .contact-menu .mail:hover { opacity: 1; border-color: transparent; } .promo-slider .holder-text { max-width: 900px; margin: 0 0 0 120px; } @media (max-width: 1470px) { .promo-slider .holder-text { margin: 0 0 40px 0; } } @media (max-width: 767px) { .promo-slider .holder-text { margin: 0; } } .promo-slider .swiper-pagination { display: block; position: absolute; z-index: 3; left: 50%; top: 55%; margin: 0 0 0 710px; } @media (max-width: 1470px) { .promo-slider .swiper-pagination { left: auto; right: 20px; margin: 0; } } @media (max-width: 767px) { .promo-slider .swiper-pagination { top: 260px; } } .promo-slider .swiper-pagination .swiper-pagination-bullet { border: none; position: relative; width: 8px; height: 8px; margin: 10px 0; border-radius: 50%; overflow: hidden; } @media (max-width: 767px) { .promo-slider .swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; margin: 9px 0; } } .promo-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { left: 0; right: 0; top: 0; bottom: 0; background: #469E46; } .promo-slider .swiper-pagination .swiper-pagination-bullet:before { content: ""; position: absolute; left: 1px; right: 1px; top: 1px; bottom: 1px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); } .promo-slider .swiper-slide { display: flex; align-items: flex-end; min-height: 100vh; padding: 120px 0 262px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } @media (max-width: 960px) { .promo-slider .swiper-slide { padding: 120px 0 470px; } } @media (max-width: 767px) { .promo-slider .swiper-slide { padding: 80px 0 552px; } } .promo-slider .title { display: block; margin: 0 0 60px; letter-spacing: 0.1rem; font-weight: 700; font-size: 64px; line-height: 1.25; } @media (max-width: 960px) { .promo-slider .title { font-size: 50px; } } @media (max-width: 767px) { .promo-slider .title { font-size: 24px; line-height: 1.4; margin: 0 0 10px; letter-spacing: 0.02rem; } } .promo-footer { position: absolute; z-index: 1; left: 0; right: 0; bottom: 7px; line-height: 1; font-size: 13px; } @media (max-width: 767px) { .promo-footer { font-size: 12px; bottom: 21px; font-weight: 300; } } .promo-footer .container { max-width: 1458px; } .promo-footer .holder-link { display: flex; margin: 0 0 35px; } @media (max-width: 767px) { .promo-footer .holder-link { display: block; margin: 0 0 25px; } } .promo-footer .holder-link > div { display: flex; align-items: center; margin: 0 30px 17px 0; } @media (max-width: 767px) { .promo-footer .holder-link > div { margin: 0 0 10px; } } .promo-footer .holder-link .btn { position: relative; width: auto; font-size: 15px; line-height: 18px; font-weight: 600; justify-content: start; align-items: center; } @media (max-width: 767px) { .promo-footer .holder-link .btn { margin: 0 0 1px 33px; font-size: 14px; } } @media (max-width: 767px) { .promo-footer .holder-link .btn.btn-green { margin: 0 0 10px; } } .promo-footer .holder-link .btn.btn-green:after { content: ""; position: absolute; left: 20px; top: 50%; margin: -4px 0 0; background: url(/local/templates/loco/css/../img/drop-icon.svg) no-repeat 50% 50%; background-size: contain; width: 10px; height: 8px; transform: rotate(-90deg) rotateY(0deg); } .promo-footer .sub-nav { margin: 0 0 50px; padding: 0; list-style: none; display: flex; justify-content: center; flex-wrap: wrap; } @media (max-width: 960px) { .promo-footer .sub-nav { display: block; margin: 0 0 35px 10px; } } @media (max-width: 767px) { .promo-footer .sub-nav { margin: 0 0 45px 10px; } } .promo-footer .sub-nav li { margin: 0 17px 10px; font-size: 18px; font-weight: 500; letter-spacing: 0.05rem; } @media (max-width: 1220px) { .promo-footer .sub-nav li { margin: 0 12px 10px; font-size: 16px; } } @media (max-width: 1100px) { .promo-footer .sub-nav li { margin: 0 5px 10px; } } @media (max-width: 960px) { .promo-footer .sub-nav li { display: block; margin: 0 0 14px; padding: 12px 0 0; } } .promo-footer .sub-nav a { border-bottom: 1px solid rgba(251, 248, 244, 0.4); } .promo-footer .sub-nav a:hover { border-color: transparent; } .promo-footer .copyright { display: block; margin: 0 0 7px; color: rgba(251, 248, 244, 0.4); } .promo-footer .politics-link { display: inline-block; margin: 0 5px 0px 0px; vertical-align: top; color: rgba(251, 248, 244, 0.4); border-bottom: 1px solid rgba(251, 248, 244, 0.4); } .promo-footer .politics-link:hover { text-decoration: none; border-color: transparent; } .breadcrumbs { display: flex; white-space: nowrap; overflow-x: auto; margin: 0 0 40px; list-style: none; color: rgba(57, 62, 70, 0.6); padding: 20px 0 0; } @media (max-width: 767px) { .breadcrumbs { padding: 35px 0 0; } } @media (max-width: 767px) { .breadcrumbs { margin: 0 0 30px; } } .breadcrumbs li { position: relative; font-size: 13px; line-height: 1; font-weight: 300; padding-right: 14px; margin: 0 1px 5px 0; } @media (max-width: 767px) { .breadcrumbs li { font-size: 11px; } } .breadcrumbs li a { color: rgba(57, 62, 70, 0.6); } .breadcrumbs li a:hover { text-decoration: underline; } .breadcrumbs li:after { content: "/"; position: absolute; right: 0; top: 50%; margin: -6px 0 0; width: 8px; height: 8px; } .breadcrumbs li:last-child { padding: 0; } .breadcrumbs li:last-child:after { display: none; } .title-section { display: block; margin: 0 0 30px; font-weight: 300; font-size: 15px; line-height: 1; } @media (max-width: 767px) { .title-section { font-size: 13px; margin: 0 0 40px; } } .section-about { display: flex; margin-bottom: 35px; } @media (max-width: 1100px) { .section-about { display: block; } } @media (max-width: 767px) { .section-about { padding: 15px 0 0; margin-bottom: 30px; } } .section-about .holder-title { flex: 0 0 50%; padding: 0 17px 0 0; font-size: 27px; line-height: 1.6; font-weight: 300; } @media (max-width: 1100px) { .section-about .holder-title { padding: 0; font-size: 22px; margin: 0 0 40px; } } @media (max-width: 767px) { .section-about .holder-title { font-size: 16px; } } .section-about .list { flex: 1 1 auto; margin: 0; padding: 15px 0 0; list-style: none; page-break-inside: avoid; columns: 2; font-weight: 300; } @media (max-width: 1100px) { .section-about .list { margin: 0 0 0 -15px; } } @media (max-width: 767px) { .section-about .list { columns: 1; padding: 0 40px 0 40px; margin: 0; } } .section-about .list li { display: block; margin-bottom: 42px; font-weight: 300; font-size: 15px; line-height: 1.65; padding: 0 0 0 14px; } @media (max-width: 767px) { .section-about .list li { font-size: 13px; padding: 0; margin-bottom: 25px; } } .nav-anchor { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; flex-wrap: wrap; } @media (max-width: 767px) { .nav-anchor { justify-content: start; margin-bottom: 30px; } } .nav-anchor li { margin: 0 0 35px; border-right: 1px solid #E1E2E5; padding: 8px 65px; font-weight: 600; font-size: 14px; line-height: 1; text-transform: uppercase; } @media (max-width: 1100px) { .nav-anchor li { padding: 8px 30px; } } @media (max-width: 767px) { .nav-anchor li { flex: 0 0 50%; border: none; padding: 0 0 0 10px; margin: 0 0 20px; font-size: 13px; } .nav-anchor li:nth-child(even) { padding-left: 20px; } } .nav-anchor li:last-child { border: none; } .nav-anchor a { color: #469E46; } .nav-anchor a:hover { opacity: 0.8; } .section-transportation { padding: 100px 0 45px; position: relative; overflow: hidden; } @media (max-width: 767px) { .section-transportation { padding: 85px 0 45px; } } .section-transportation:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: -150px; bottom: 0; background: #F4F6F8; } .section-news:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0px; bottom: 0; background: #F4F6F8; } .section-transportation .description { margin: 0 0 35px; } @media (max-width: 767px) { .section-transportation .description { padding: 0 10px; } } .section-transportation .description .holder-img { float: left; width: 130px; margin: 0 0 0 60px; } @media (max-width: 960px) { .section-transportation .description .holder-img { margin: 0; } } @media (max-width: 767px) { .section-transportation .description .holder-img { float: none; margin: 0 0 30px; width: 101px; } } .section-transportation .description .holder-text { overflow: hidden; padding: 0 5% 0 11.5%; } @media (max-width: 767px) { .section-transportation .description .holder-text { padding: 0; font-size: 13px; line-height: 1.6; } } .section-forwarding { padding: 68px 0 50px; } @media (max-width: 767px) { .section-forwarding { padding: 90px 0 32px; } } .section-forwarding .title-section { margin: 0 0 50px; } @media (max-width: 767px) { .section-forwarding .title-section { margin: 0 0 45px; } } .section-forwarding h2 { margin-bottom: 45px; } .list-forwarding { max-width: 1180px; margin: 0 auto; padding: 0; list-style: none; display: flex; flex-wrap: wrap; } @media (max-width: 767px) { .list-forwarding { display: block; margin: 0 -10px; } } .list-forwarding li { width: 33.3%; margin: 0 0 17px; padding: 0 9px; } @media (max-width: 767px) { .list-forwarding li { width: 100% !important; padding: 0; } } .list-forwarding li.item-1 a { background-position: 55px -40px; } @media (max-width: 1100px) { .list-forwarding li.item-1 a { background-position: 0 -39px; } } @media (max-width: 767px) { .list-forwarding li.item-1 a { background-position: 92% -52px; background-size: 334px 314px; } } .list-forwarding li.item-2 a { background-position: 110% -120px; } @media (max-width: 1100px) { .list-forwarding li.item-2 a { background-position: 110% -115px; } } @media (max-width: 767px) { .list-forwarding li.item-2 a { background-position: 95% -10px; background-size: 340px 270px; } } .list-forwarding li.item-3 a { background-position: 55px -60px; } @media (max-width: 1100px) { .list-forwarding li.item-3 a { background-position: 40% -83px; } } @media (max-width: 767px) { .list-forwarding li.item-3 a { background-position: 95% -10px; background-size: 336px 257px; } } .list-forwarding li.item-4 a { background-position: 68px -60px; } @media (max-width: 1100px) { .list-forwarding li.item-4 a { background-position: -20% -64px; } } @media (max-width: 767px) { .list-forwarding li.item-4 a { background-position: 95% -20px; background-size: 300px 275px; } } .list-forwarding li.item-5 a { background-position: 100% 0px; } @media (max-width: 767px) { .list-forwarding li.item-5 a { background-position: 95% 0; background-size: 286px 208px; } } .list-forwarding li.item-6 a { background-position: 100% -33px; } @media (max-width: 767px) { .list-forwarding li.item-6 a { background-position: 100% -10px; background-size: 317px 234px; min-height: 295px; } } .list-forwarding li.item-7 a { background-position: 85% -136px; } @media (max-width: 767px) { .list-forwarding li.item-7 a { min-height: 295px; background-size: 228px 334px; background-position: 95% -130px; } } .list-forwarding li.big { width: 66.6%; } .list-forwarding a { display: block; position: relative; min-height: 295px; background-color: #F4F6F8; background-repeat: no-repeat; } @media (max-width: 767px) { .list-forwarding a { min-height: 270px; } } .list-forwarding a:hover:before { opacity: 1; } .list-forwarding a:before { opacity: 0; content: ""; position: absolute; left: 36px; top: 42px; width: 50px; height: 50px; background: #469E46 url("/local/templates/loco/css/../img/arrow-right.svg") no-repeat 50% 50%; background-size: 50%; transition: all 200ms linear; } .list-forwarding a span { position: absolute; max-width: 190px; left: 36px; bottom: 30px; font-size: 21px; line-height: 1.45; } @media (max-width: 767px) { .list-forwarding a span { font-size: 20px; left: 25px; right: 25px; max-width: 100%; } } .promo-video { position: relative; display: block; max-width: 1680px; margin: 0 auto; background-repeat: no-repeat; background-position: 50% 50%; min-height: 500px; color: #ffffff; } @media (max-width: 767px) { .promo-video { min-height: 580px; } } .promo-video:hover:before { opacity: 0.8; } .promo-video:before { content: ""; position: absolute; left: 50%; top: 50%; width: 86px; height: 86px; background: url("/local/templates/loco/css/../img/play.svg") no-repeat 50% 50%; background-size: cover; transform: translateX(-50%) translateY(-50%); transition: all 200ms linear; } @media (max-width: 767px) { .promo-video:before { width: 76px; height: 76px; } } .promo-video .title-section { position: absolute; left: 21.5%; right: 20px; top: 73px; } @media (max-width: 1470px) { .promo-video .title-section { left: 15%; } } @media (max-width: 1220px) { .promo-video .title-section { left: 20px; top: 59px; } } .promo-video .description { position: absolute; left: 21.5%; bottom: 45px; font-size: 27px; line-height: 1.6; max-width: 350px; } @media (max-width: 1470px) { .promo-video .description { left: 15%; } } @media (max-width: 1220px) { .promo-video .description { left: 20px; } } @media (max-width: 767px) { .promo-video .description { font-size: 20px; bottom: 40px; } } .section-brand { padding: 83px 0; position: relative; } @media (max-width: 767px) { .section-brand { padding: 65px 0 40px; } } .section-brand:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0px; bottom: 0; background: #F4F6F8; } .section-brand .content { margin: 0 auto; max-width: 1200px; width: 100%; } .section-brand h2 { margin-left: 40px; margin-bottom: 65px; } @media (max-width: 767px) { .section-brand h2 { margin-left: 20px; margin-bottom: 30px; } } .section-brand h2 span { display: inline; } .section-calculation { border-bottom: 1px solid #E1E2E5; position: relative; } .section-calculation .content { max-width: 1000px; width: 100%; padding: 0 20px; margin: 0 auto; } @media (max-width: 960px) { .section-calculation .title-section { display: none; } } .section-calculation .holder-img { position: absolute; left: 59%; top: 0; bottom: 0; right: 0; } @media (max-width: 960px) { .section-calculation .holder-img { left: 0; position: relative; margin: 0 -20px; } .section-calculation .holder-img:before { content: ""; display: block; padding-top: 43%; } } .section-calculation .holder-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .section-calculation .form-calculation { padding: 80px 0 90px; width: 55%; font-size: 15px; line-height: 1.65; } @media (max-width: 960px) { .section-calculation .form-calculation { width: 100%; padding: 80px 0 65px; } } .section-calculation .title-section { margin-bottom: 40px; } .section-calculation h2 { margin: 0 0 30px; } .section-calculation h2 span { display: inline; } .section-calculation P { margin: 0 0 25px; font-weight: 300; } @media (max-width: 960px) { .section-calculation P { margin: 0 0 35px; } } .calculator { max-width: 460px; width: 100%; } @media (max-width: 960px) { .calculator { margin: 0 auto; } } .calculator .step:not(.active) { display: none; } .calculator .steps-switcher li { pointer-events: none; } .calculator .steps-switcher li.active, .calculator .steps-switcher li.done { pointer-events: auto; } .calculator .row .col { margin: 0 0 13px; } .calculator label, .calculator .label { display: block; position: relative; } .calculator label.select-index, .calculator .label.select-index { z-index: 2; } .calculator input, .calculator textarea, .calculator select { display: block; width: 100%; height: 48px; padding: 6px 40px 0 20px; background: #F3F5F8; color: #000000; border: 1px solid #F3F5F8; border-radius: 3px; box-shadow: none; outline: none !important; font-family: inherit; font-size: 14px; font-weight: 300; margin: 0; } @media (max-width: 960px) { .calculator input, .calculator textarea, .calculator select { font-size: 13px; } } .calculator select:focus, .calculator input:focus, .calculator input:not(:placeholder-shown), .calculator textarea:not(:placeholder-shown), .calculator input:not(:placeholder-shown) ~ .select select, .calculator input:not(:placeholder-shown) ~ .select select:focus { background-color: #fff; color: #22262D; border-color: #E1E2E5; } .calculator input::placeholder { color: transparent; } .calculator :placeholder-shown + .placeholder, .calculator :not(:placeholder-shown) + .placeholder { display: block; font-size: 14px; line-height: 16px; font-weight: 300; color: #000000; background: transparent; position: absolute; left: 18px; top: 17px; pointer-events: none; transition: 0.15s; } @media (max-width: 960px) { .calculator :placeholder-shown + .placeholder, .calculator :not(:placeholder-shown) + .placeholder { font-size: 13px; } } .calculator input:focus + .placeholder, .calculator textarea:focus + .placeholder, .calculator :not(:placeholder-shown) + .placeholder { font-size: 8px; top: 4px; } .calculator .input-error, .calculator .input-error + .placeholder { color: #FF1919 !important; border-color: #FF1919 !important; } .calculator .necessarily:before { content: ""; position: absolute; z-index: 1; right: 7px; top: 9px; width: 5px; height: 5px; background: #469E46; border-radius: 50%; } .calculator .from:after { content: ""; position: absolute; z-index: 1; right: 20px; top: 50%; background: url("/local/templates/loco/css/../img/from.svg") no-repeat 50% 50%; background-size: contain; width: 14px; height: 14px; transform: translateX(0) translateY(-50%); } @media (max-width: 767px) { .calculator .from:after { right: 10px; width: 13px; } } .calculator .to:after { content: ""; position: absolute; z-index: 1; right: 20px; top: 50%; background: url("/local/templates/loco/css/../img/to.svg") no-repeat 50% 50%; background-size: contain; width: 12px; height: 14px; transform: translateX(0) translateY(-50%); } @media (max-width: 767px) { .calculator .to:after { right: 10px; width: 11px; } } .calculator .button { border: none; cursor: pointer; display: block; width: 240px; margin: 27px 0 0; padding: 16px 10px; text-align: center; background: #469E46; border-radius: 2px; color: #ffffff; font-size: 15px; line-height: 18px; font-weight: 600; transition: all 200ms linear; } @media (max-width: 767px) { .calculator .button { margin: 20px auto 0; } } .calculator .button.disabled { pointer-events: none; background: #CDCFD6; color: #ffffff; } .calculator .measure { font-size: 14px; font-weight: 300; color: #000000; position: absolute; z-index: 1; top: 50%; right: 15px; transform: translateX(0) translateY(-50%); } .calculator .measure.custom-select { right: 0; top: 0; bottom: 0; width: 69px; transform: translateX(0) translateY(0); } .calculator .holder-trigger { text-align: center; } .calculator .holder-trigger .more-trigger { cursor: pointer; display: inline-block; vertical-align: top; font-size: 14px; line-height: 1.1; border-bottom: 1px dashed #000000; } .calculator .holder-trigger .more-trigger:hover { border-color: transparent; } .calculator .more { display: none; } .calculator .group { padding: 18px 0 0; display: flex; align-items: center; } .input-error2 { border-bottom: 1px solid red !important; } @media (max-width: 767px) { .calculator .group { display: flex; flex-direction: column-reverse; align-items: center; } } .calculator .group .holder-button { flex: 0 0 240px; width: 240px; position: relative; } @media (max-width: 767px) { .calculator .group .holder-button { flex: 1 1 auto; } } .calculator .group .button { margin: 0; } .calculator .group .agreement { flex: 1 1 auto; padding: 0 0 0 34px; } @media (max-width: 767px) { .calculator .group .agreement { padding: 0; } } @media (max-width: 767px) { .calculator .agreement { margin: 0 0 20px; } } .calculator .agreement input { display: none; } .calculator .agreement input:checked + span:before { background: #ffffff url("/local/templates/loco/css/../img/check.svg") no-repeat 50% 50%; } .calculator .agreement span { cursor: pointer; display: block; position: relative; padding: 0 0 0 24px; font-size: 11px; line-height: 1.54; font-weight: 300; color: #393E46; } .calculator .agreement span:before { content: ""; position: absolute; left: 0; top: 0; width: 14px; height: 14px; border: 1px solid #E1E2E5; background: #ffffff; border-radius: 3px; } .section-advantages { padding: 77px 0 12px; } @media (max-width: 960px) { .section-advantages { padding: 53px 0 0; } } .section-advantages .title-section { margin: 0 0 44px; } .section-advantages h2 { margin-bottom: 65px; } @media (max-width: 960px) { .section-advantages h2 { line-height: 1.5; margin-bottom: 50px; } } .section-advantages h2 span { display: inline; } .list-advantages { margin: 0 0 0 160px; padding: 0; list-style: none; } @media (max-width: 960px) { .list-advantages { margin: 0; } } .list-advantages li { overflow: hidden; margin-bottom: 45px; color: #000000; font-size: 16px; line-height: 1.65; font-weight: 300; } @media (max-width: 960px) { .list-advantages li { font-size: 13px; } } .list-advantages li:last-child .holder-text { border-bottom: none; } .list-advantages .holder-img { display: flex; justify-content: center; align-items: center; float: left; width: 100px; height: 100px; margin: 0 71px 0 0; padding: 10px; background: #469E46; box-shadow: 8px 8px 0 0 #F4F6F8; border-radius: 1px; } @media (max-width: 960px) { .list-advantages .holder-img { float: none; width: 76px; height: 76px; margin: 0 0 30px; padding: 20px; } } .list-advantages .holder-text { overflow: hidden; display: block; border-bottom: 1px solid #E8E8E8; padding: 0 0 30px; } @media (max-width: 960px) { .list-advantages .holder-text { padding: 0 0 34px 40px; } } .list-advantages .title { display: block; margin-bottom: 12px; font-weight: 600; font-size: 24px; line-height: 1.55; } @media (max-width: 960px) { .list-advantages .title { line-height: 1.5; margin-bottom: 13px; font-size: 18px; } } .section-stages { background: #469E46; padding: 80px 0 30px; color: #ffffff; } @media (max-width: 960px) { .section-stages { padding: 75px 0 30px; } } .section-stages .container-medium { max-width: 1180px; padding: 0 30px; } .section-stages .title { display: block; margin-bottom: 32px; font-size: 34px; line-height: 1; font-weight: 600; color: #ffffff; } @media (max-width: 767px) { .section-stages .title { font-size: 25px; margin-bottom: 25px; } } .section-stages .swiper-wrapper { counter-reset: item; margin-bottom: 30px; } .section-stages .swiper-slide:nth-child(-n+9)::before { content: "0" counter(item); counter-increment: item; /* Задаём имя счетчика */ } .section-stages .swiper-slide:before { position: absolute; left: 3px; top: 10px; font-size: 18px; line-height: 1; font-weight: 600; color: #ffffff; content: counters(item, ".") " "; counter-increment: item; } @media (max-width: 767px) { .section-stages .swiper-slide:before { top: 100%; font-size: 22px; left: 0; } } .item-stages { font-weight: 600; padding: 0 20px; font-size: 14px; line-height: 1.7; text-transform: uppercase; color: #ffffff; } @media (max-width: 767px) { .item-stages { padding-left: 0; display: flex; align-items: center; font-size: 15px; padding-bottom: 18px; } } .item-stages .holder-img { width: 100px; height: 100px; margin-bottom: 15px; display: flex; justify-content: center; align-items: center; } @media (max-width: 767px) { .item-stages .holder-img { flex: 0 0 55px; justify-content: start; margin-bottom: 0; } } .item-stages span { display: block; margin: 0 0 0 25px; } .item-stages a { color: #ffffff; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .transportation-slider { max-width: 1680px; margin: 0 auto; color: #ffffff; } .transportation-slider .swiper-slide:before { content: ""; display: block; padding-top: 40.5%; } @media (max-width: 1470px) { .transportation-slider .swiper-slide:before { padding-top: 45%; } } @media (max-width: 1220px) { .transportation-slider .swiper-slide:before { padding-top: 48%; } } @media (max-width: 1100px) { .transportation-slider .swiper-slide:before { padding-top: 52%; } } @media (max-width: 960px) { .transportation-slider .swiper-slide:before { padding-top: 58%; } } @media (max-width: 767px) { .transportation-slider .swiper-slide:before { padding-top: 100%; } } @media (max-width: 500px) { .transportation-slider .swiper-slide:before { padding-top: 156%; } } .transportation-slider .swiper-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .transportation-slider .content { max-width: 975px; width: 100%; margin: 0 auto; padding: 0 10px; } @media (max-width: 960px) { .transportation-slider .content { padding: 0 19px; } } .transportation-slider .header-slider { position: absolute; z-index: 1; left: 0; right: 0; top: 75px; } @media (max-width: 960px) { .transportation-slider .header-slider { top: 45px; } } .transportation-slider .title-section { margin-bottom: 40px; } @media (max-width: 960px) { .transportation-slider .title-section { margin-bottom: 25px; } } .transportation-slider .footer-slider { display: flex; justify-content: center; align-items: center; min-height: 150px; z-index: 1; position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 0; text-align: center; background: #111612; color: #ffffff; font-weight: 300; font-size: 15px; line-height: 1.7; } @media (max-width: 767px) { .transportation-slider .footer-slider { font-size: 12px; min-height: 130px; padding: 30px 0 50px; } } .transportation-slider .footer-slider .content { padding: 0 50px; } @media (max-width: 767px) { .transportation-slider .footer-slider .content { padding: 0 24px; } } .transportation-slider P { margin: 0; } .transportation-slider .holder-control { position: absolute; left: 0; right: 0; bottom: 0; } .transportation-slider .holder-control .content { position: relative; } .transportation-slider .swiper-pagination { position: absolute; z-index: 1; right: 5px; bottom: 27px; margin: 0; text-align: center; } @media (max-width: 767px) { .transportation-slider .swiper-pagination { left: 50px; right: 50px; justify-content: center; } } .transportation-slider .swiper-pagination .swiper-pagination-bullet { border: none; margin: 0 3px; width: 6px; height: 6px; background: rgba(255, 255, 255, 0.3); } .transportation-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: white; } .transportation-slider .arrow { position: absolute; z-index: 2; top: auto; bottom: 72px; right: 5px; margin: 0; width: 38px; height: 14px; background: url("/local/templates/loco/css/../img/arrow-right.svg") no-repeat 50% 50%; background-size: contain; } @media (max-width: 767px) { .transportation-slider .arrow { bottom: 23px; right: 20px; } } .transportation-slider .arrow.swiper-button-prev { right: auto; left: 5px; background: url("/local/templates/loco/css/../img/arrow-left.svg") no-repeat 50% 50%; } @media (max-width: 767px) { .transportation-slider .arrow.swiper-button-prev { left: 20px; } } .transportation-slider .arrow:after { display: none; } @media (max-width: 960px) { .cargo-slider { margin: 0 -10px; } } .cargo-slider .swiper-slide { display: flex; background: #ffffff; } @media (max-width: 767px) { .cargo-slider .swiper-slide { display: flex; flex-direction: column-reverse; } } .cargo-slider .holder-text { flex: 0 0 50%; padding: 54px 50px 40px; font-size: 15px; line-height: 1.6; } @media (max-width: 960px) { .cargo-slider .holder-text { padding: 40px 30px; } } @media (max-width: 767px) { .cargo-slider .holder-text { padding: 45px 20px; font-size: 13px; } } .cargo-slider .title { display: inline; vertical-align: top; margin: 0 0 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-weight: 600; font-size: 22px; line-height: 1.7; } @media (max-width: 767px) { .cargo-slider .title { font-size: 18px; } } .cargo-slider p { margin: 18px 0 32px; } @media (max-width: 767px) { .cargo-slider p { margin: 22px 0 38px; } } .cargo-slider .holder-img { flex: 1 1 auto; position: relative; } .cargo-slider .holder-img:before { content: ""; display: block; padding-top: 67%; } @media (max-width: 767px) { .cargo-slider .holder-img:before { padding-top: 58%; } } .cargo-slider .holder-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .cargo-slider .holder-control { padding: 35px 0 0; max-width: 260px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .cargo-slider .arrow { position: static; z-index: 2; margin: 0; width: 8px; height: 20px; background: url("/local/templates/loco/css/../img/right-icon.svg") no-repeat 50% 50%; background-size: contain; } .cargo-slider .arrow.swiper-button-prev { transform: rotate(-180deg) rotateY(0deg); } .cargo-slider .arrow:after { display: none; } .cargo-slider .swiper-pagination { flex: 1 1 auto; display: flex; justify-content: center; align-items: center; padding: 0 15px; } .cargo-slider .swiper-pagination .swiper-pagination-bullet { border: none; position: relative; width: 9px; height: 9px; margin: 0 4px; border-radius: 50%; overflow: hidden; } .cargo-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { left: 0; right: 0; top: 0; bottom: 0; background: #469E46; } .cargo-slider .swiper-pagination .swiper-pagination-bullet:before { content: ""; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; border-radius: 50%; background: rgba(6, 10, 20, 0.15); } .brand-slider { padding: 0 10px; } @media (max-width: 767px) { .brand-slider { margin: 0 20px 0 20px; padding-bottom: 45px; } } .brand-slider .swiper-wrapper { display: flex; align-items: center; } .brand-slider .swiper-slide { display: flex; height: 100%; justify-content: center; align-items: center; padding: 0 10px; } @media (max-width: 767px) { .brand-slider .swiper-slide { justify-content: start; } } .brand-slider .swiper-slide a { display: block; } .brand-slider .swiper-slide a:hover { opacity: 0.8; } .brand-slider .arrow { position: absolute; right: 0; top: 50%; bottom: auto; z-index: 2; margin: -12px 0 0; width: 10px; height: 23px; background: url("/local/templates/loco/css/../img/right-icon.svg") no-repeat 50% 50%; background-size: contain; } @media (max-width: 1220px) { .brand-slider .arrow { right: 10px; } } @media (max-width: 767px) { .brand-slider .arrow { top: auto; bottom: 0; right: 40px; } } .brand-slider .arrow.swiper-button-prev { left: 0; right: auto; transform: rotate(-180deg) rotateY(0deg); } @media (max-width: 1220px) { .brand-slider .arrow.swiper-button-prev { left: 10px; } } @media (max-width: 767px) { .brand-slider .arrow.swiper-button-prev { left: 40px; } } .brand-slider .arrow:after { display: none; } .stages-slider .swiper-pagination { flex: 1 1 auto; display: flex; justify-content: center; align-items: center; padding: 0 15px; } @media (max-width: 767px) { .stages-slider .swiper-pagination { position: absolute; right: -10px; bottom: 14px; } } .stages-slider .swiper-pagination .swiper-pagination-bullet { border: none; position: relative; width: 9px; height: 9px; margin: 0 4px; border-radius: 50%; overflow: hidden; } .stages-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { left: 0; right: 0; top: 0; bottom: 0; background: #ffffff; } .stages-slider .swiper-pagination .swiper-pagination-bullet:before { content: ""; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; border-radius: 50%; background: rgba(255, 255, 255, 0.15); } .custom-select { position: relative; } .custom-select select { display: none; /*hide original SELECT element:*/ } .custom-select .select-selected { height: 100%; border: 1px solid transparent; border-bottom: none; border-radius: 3px 3px 0 0; font-size: 14px; line-height: 18px; cursor: pointer; text-align: right; } .custom-select .select-selected.select-arrow-active { background-color: #FFFFFF; border-color: #E8E8E8; } /*style the arrow inside the select element:*/ .select-selected:after { position: absolute; content: ""; top: 21px; right: 21px; border: solid #060A14; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); } /*style the items (options), including the selected item:*/ .select-selected { color: #000000; padding: 15px 35px 15px 5px; } .select-items div { color: #000000; padding: 0 11px; cursor: pointer; -webkit-user-select: none; user-select: none; } /*style items (options):*/ .select-items { position: absolute; margin: -3px 0 0; padding: 0 0 12px; background-color: #FFFFFF; border: 1px solid #E8E8E8; border-top: none; top: 100%; left: 0; right: 0; z-index: 99; border-radius: 0 0 3px 3px; } .select-items div:hover { font-weight: 600; } /*hide the items when the select box is closed:*/ .select-hide { display: none; } .section-title-page h1, .section-title-page .service_h1 { margin: 0 0 28px; } .section-title-page .holder-text { max-width: 710px; font-size: 27px; line-height: 1.6; font-weight: 300; } .section-title-page .small { padding: 15px 0 0; font-size: 16px; line-height: 1.65; font-weight: 300; max-width: 480px; } .promo { padding-bottom: 10px; background-size: cover; background-position: 50% 100%; background-repeat: no-repeat; color: #ffffff; position: relative; } .promo .container-medium { position: relative; } .promo .breadcrumbs { margin-bottom: 80px; color: rgba(255, 255, 255, 0.6); } .promo .breadcrumbs a { color: rgba(255, 255, 255, 0.6); } .promo h1, .promo .service_h1 { margin-bottom: 135px; } .promo .holder-text { max-width: 545px; font-weight: 300; font-size: 26px; line-height: 1.55; } .promo p { margin-bottom: 40px; } .promo .holder-link { display: flex; margin: 0 0 35px; } .promo .holder-link a { color: #ffffff; } @media (max-width: 767px) { .promo .holder-link { display: block; margin: 0 0 25px; } } .promo .holder-link > div { display: flex; align-items: center; margin: 0 40px 17px 0; } @media (max-width: 767px) { .promo .holder-link > div { margin: 0 0 10px; } } .promo .holder-link .btn { position: relative; width: auto; font-size: 15px; line-height: 18px; font-weight: 600; justify-content: start; align-items: center; } @media (max-width: 767px) { .promo .holder-link .btn { margin: 0 0 1px 33px; font-size: 14px; } } .promo .holder-link .btn.btn-green { min-width: 226px; text-align: center; } @media (max-width: 767px) { .promo .holder-link .btn.btn-green { margin: 0 0 10px; } } .promo .holder-link .btn.btn-green:after { content: ""; position: absolute; left: 20px; top: 50%; margin: -4px 0 0; background: url(/local/templates/loco/css/../img/drop-icon.svg) no-repeat 50% 50%; background-size: contain; width: 10px; height: 8px; transform: rotate(-90deg) rotateY(0deg); } .section-complex { padding: 80px 0 0px; } .section-complex .container { max-width: 1140px; } .section-complex .title { display: block; margin-bottom: 42px; font-size: 36px; line-height: 1.2; font-weight: 700; } .step-service { display: flex; flex-wrap: wrap; margin: 0 -5px 55px; padding: 0 0 20px; list-style: none; counter-reset: item; border-bottom: 1px solid #E8E8E8; } @media (max-width: 767px) { .step-service { display: block; text-align: center; } } .step-service li { flex: 0 0 25%; padding: 0 7px; position: relative; margin: 0 0 20px; } @media (max-width: 1100px) { .step-service li { flex: 0 0 50%; } } .step-service .holder-img { display: flex; justify-content: center; max-width: 134px; width: 134px; min-height: 134px; margin: 0 auto 15px; position: relative; } .step-service .holder-img:nth-child(-n+9)::before { content: "0" counter(item); counter-increment: item; /* Задаём имя счетчика */ } .step-service .holder-img:before { position: absolute; left: 50%; top: 50%; font-size: 20px; line-height: 1; font-weight: 600; color: #469E46; content: counters(item, ".") " "; counter-increment: item; transform: translateX(-50%) translateY(-50%); z-index: 1; } .step-service span { display: block; font-weight: 700; font-size: 16px; line-height: 1.6; color: #469E46; } .step-service .circle_box { position: absolute; width: 94px; height: 94px; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .step-service .circle_box .semicircle_left { position: absolute; width: 47px; height: 94px; overflow: hidden; } .step-service .circle_box .semicircle_left .circle { position: absolute; top: 0; left: 0; width: 93px; height: 93px; border-top: 4px solid #68AC68; border-right: 4px solid #68AC68; border-bottom: 4px solid #E8E8E8; border-left: 4px solid #E8E8E8; border-radius: 50%; transform: rotate(45deg); } .step-service .circle_box .semicircle_right { position: absolute; width: 47px; height: 93px; top: 0; left: 46px; overflow: hidden; } .step-service .circle_box .semicircle_right .circle { position: absolute; left: -47px; top: 0; width: 93px; height: 93px; border-top: 4px solid #E8E8E8; border-right: 4px solid #E8E8E8; border-bottom: 4px solid #68AC68; border-left: 4px solid #68AC68; border-radius: 50%; transform: rotate(45deg); } .step-service .circle_box.item_1 .semicircle_left .circle { animation: circle_rotate 0.5s linear forwards 1.5s; } .step-service .circle_box.item_1 .semicircle_right .circle { animation: circle_rotate 0.5s linear forwards 1s; } .step-service .circle_box.item_2 .semicircle_left .circle { animation: circle_rotate 0.5s linear forwards 2.7s; } .step-service .circle_box.item_2 .semicircle_right .circle { animation: circle_rotate 0.5s linear forwards 2.2s; } .step-service .circle_box.item_3 .semicircle_left .circle { animation: circle_rotate 0.5s linear forwards 3.7s; } .step-service .circle_box.item_3 .semicircle_right .circle { animation: circle_rotate 0.5s linear forwards 3.2s; } .step-service .circle_box.item_4 .semicircle_left .circle { animation: circle_rotate 0.5s linear forwards 4.7s; } .step-service .circle_box.item_4 .semicircle_right .circle { animation: circle_rotate 0.5s linear forwards 4.2s; } @keyframes circle_rotate { 100% { transform: rotate(225deg); } } .column-text { columns: 2; font-size: 16px; line-height: 1.65; color: #000000; } @media (max-width: 767px) { .column-text { columns: 1; font-size: 15px; line-height: 1.7; } } .column-text p { margin-bottom: 35px; } .section-excellence { background: #F4F6F8; padding: 80px 0 60px; } .section-excellence .container { max-width: 1140px; } .list-excellence { display: flex; flex-wrap: wrap; margin: 0 -20px; padding: 0; list-style: none; } .list-excellence li { flex: 0 0 33.3%; width: 33.3%; padding: 0 20px; margin: 0 0 35px; display: flex; align-items: center; font-size: 17px; line-height: 1.6; } @media (max-width: 960px) { .list-excellence li { flex: 0 0 50%; width: 50%; } } @media (max-width: 767px) { .list-excellence li { flex: 0 0 100%; width: 100%; } } .list-excellence .holder-img { display: flex; align-items: center; margin: 0 17px 0 0; flex: 0 0 80px; width: 80px; min-height: 62px; } .section-department { background: #F4F6F8; padding: 75px 0 45px; } .section-department .container { max-width: 1140px; } .section-department h3 { margin-bottom: 40px; } .section-department .green-link { font-size: 16px; } .list-department { margin: 0 -20px; padding: 0 0 20px; list-style: none; display: flex; flex-wrap: wrap; } .list-department li { flex: 0 0 33.3%; padding: 0 20px; margin: 0 0 30px; display: flex; align-items: center; } @media (max-width: 960px) { .list-department li { flex: 0 0 50%; } } @media (max-width: 767px) { .list-department li { flex: 0 0 100%; width: 100%; } } .list-department .holder-img { display: flex; justify-content: center; align-items: center; padding: 5px; width: 57px; height: 57px; background: #469E46; } .list-department .holder-text { padding: 0 0 0 23px; } .list-department .bold { display: inline-block; vertical-align: top; font-size: 18px; line-height: 1; font-weight: 600; color: #000000; } .list-department .bold.underline { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .list-department .bold.underline:hover { border-color: transparent; } .list-department .light { display: block; font-size: 14px; line-height: 1; } .list-department .light a { display: inline-block; vertical-align: top; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .list-department .light a:hover { border-color: transparent; } .section-projects { padding: 40px 0 55px; } .section-projects .container { max-width: 1144px; } .list-projects { margin: 0 -20px 13px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; } @media (max-width: 1100px) { .list-projects { margin: 0 -5px 13px; } } @media (max-width: 960px) { .list-projects { margin: 0 -10px 13px; } } .list-projects li { flex: 0 0 50%; width: 50%; padding: 0 20px; margin: 0 0 40px; } @media (max-width: 1100px) { .list-projects li { padding: 0 5px; } } @media (max-width: 960px) { .list-projects li { padding: 0 10px; } } @media (max-width: 767px) { .list-projects li { flex: 0 0 100%; width: 100%; } } .list-projects li.visible { display: none; } .list-projects li.hide { opacity: 0; transition: all 500ms linear; } .list-projects li.animate { opacity: 1; } .list-projects .holder-block { display: block; border-bottom: 1px solid #E8E8E8; } .list-projects .holder-block:hover { opacity: 0.8; } .list-projects .holder-img { display: block; position: relative; margin: 0 0 20px; } .list-projects .holder-img:before { content: ""; display: block; padding-top: 51.5%; } .list-projects .holder-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .list-projects .description { display: block; margin: 0 20px 30px; color: #469E46; font-weight: 600; font-size: 16px; line-height: 1.6; } .show-projects { display: block; background: #CDCFD6; padding: 18px 10px; max-width: 380px; width: 100%; margin: 0 auto 20px; border-radius: 2px; text-align: center; color: #FFFFFF; font-weight: 600; font-size: 15px; line-height: 1; } .show-projects:hover { opacity: 0.8; } .section-social-network { background: #469E46; padding: 35px 0; } .social-network { display: flex; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; list-style: none; } .social-network li { display: flex; align-items: center; padding: 10px 45px; } @media (max-width: 500px) { .social-network li { flex: 0 0 100%; width: 100%; justify-content: center; align-items: center; padding: 10px 0; } } .social-network .icon { flex: 0 0 22px; width: 22px; } .social-network .holder-link { flex: 1 1 auto; padding: 0 0 0 10px; } .social-network a { display: inline; font-size: 17px; line-height: 1; font-weight: 600; color: #FFFFFF; border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .social-network a:hover { border-color: transparent; } .section-shipping { font-size: 16px; line-height: 1.65; font-weight: 300; } .section-shipping .container { max-width: 1140px; } .section-shipping .title-section { margin-bottom: 38px; } .shipping-img { display: flex; justify-content: center; max-width: 1120px; width: 100%; margin: 0 auto 45px; position: relative; } .shipping-img:before { content: ""; display: block; padding-top: 35%; } @media (max-width: 767px) { .shipping-img:before { padding-top: 50%; } } .shipping-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .date-title { display: block; margin-bottom: 30px; font-size: 14px; line-height: 1; color: rgba(57, 62, 70, 0.6); } .text-content { margin-bottom: 50px; } .shipping-slider { padding: 40px 0 0; margin-bottom: 42px; overflow: visible; position: relative; } .shipping-slider:before { content: ""; position: absolute; z-index: 2; left: -9999px; right: 100%; top: 0; bottom: 0; background: #FFFFFF; } .shipping-slider:after { content: ""; position: absolute; z-index: 2; right: -9999px; left: 100%; top: 0; bottom: 0; background: #FFFFFF; } .shipping-slider .swiper-pagination { padding: 30px 0 0; display: flex; justify-content: center; font-weight: 300; font-size: 15px; line-height: 1; color: #000000; } .shipping-slider .swiper-pagination span { margin: 0 3px; } .shipping-slider .arrow { z-index: 3; margin: -15px 0 0; width: 11px; height: 25px; right: -60px; background: url("/local/templates/loco/css/../img/right-icon.svg") no-repeat 50% 50%; background-size: contain; } .shipping-slider .arrow.swiper-button-prev { left: -60px; right: auto; transform: rotate(-180deg) rotateY(0deg); } .shipping-slider .arrow:after { display: none; } .shipping-slider .swiper-slide { position: relative; } .shipping-slider .swiper-slide:before { content: ""; display: block; padding-top: 43%; } @media (max-width: 767px) { .shipping-slider .swiper-slide:before { padding-top: 50%; } } @media (max-width: 500px) { .shipping-slider .swiper-slide:before { padding-top: 60%; } } .shipping-slider .swiper-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .holder-table { overflow-x: auto; margin-bottom: 60px; } .holder-table table { min-width: 700px; border-collapse: collapse; width: 100%; margin: 0; font-size: 15px; line-height: 1.6; font-weight: 300; color: #000000; } .holder-table table tr:nth-child(odd) { background: #F4F6F8; } .holder-table table td { padding: 12px 40px; } @media (max-width: 960px) { .holder-table table td { padding: 12px 20px; } } .holder-table table td:first-child { width: 313px; } @media (max-width: 767px) { .holder-table table td:first-child { width: 275px; } } .holder-table table td:last-child { text-align: right; padding-right: 60px; } @media (max-width: 960px) { .holder-table table td:last-child { padding-right: 20px; } } .bulleted-list { max-width: 540px; margin: 0 0 55px; padding: 5px 0 0; } .bulleted-list p { margin-bottom: 22px; } .list-border { margin: 0; padding: 0; list-style: none; } .list-border li { padding-left: 60px; margin: 16px 0 10px; font-size: 17px; line-height: 1.6; font-weight: 300; position: relative; } .list-border li:before { content: ""; position: absolute; left: 0; top: 15px; width: 39px; border-top: 2px solid #469E46; } .see-also { padding: 70px 0 20px; background: #F4F6F8; margin-top: 75px; } .see-also .container { max-width: 1140px; } .see-also .list-projects { margin-bottom: 0; } .see-also .list-projects .holder-block { border: none; } .see-also .list-projects .description { margin-bottom: 0; } .group-contacts { display: flex; flex-wrap: wrap; } .group-contacts .holder-block { min-width: 320px; padding-right: 20px; margin-right: 100px; margin-bottom: 40px; } .group-contacts .holder-block:last-child { margin-right: 0; } .group-contacts .opening-hours, .group-contacts address { display: block; font-style: normal; font-size: 15px; line-height: 1.6; font-weight: 300; } .group-contacts .text-bold { display: block; font-weight: 600; font-size: 27px; line-height: 1.6; } .group-contacts .link-green { margin-right: 2px; font-size: 15px; line-height: 1; } .holder-map { max-width: 1680px; margin: 0 auto; } .send_msg { display: none; } #map { width: 100%; height: 435px; margin: 0 auto; } .service-details { background: #469E46; padding: 18px 20px; } .list-details { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; } .list-details li { padding: 5px 18px; font-size: 15px; line-height: 1; } @media (max-width: 960px) { .list-details li { padding: 5px 10px; } } @media (max-width: 767px) { .list-details li { padding: 5px 5px; font-size: 14px; } } .list-details a { color: #FFFFFF; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .list-details a:hover { border-color: transparent; } .section-team { position: relative; padding: 75px 0 5px; } .section-team:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: -265px; bottom: 0; background: #F4F6F8; } .list-team { margin: 0 -94px 0 185px; padding: 25px 0; list-style: none; display: flex; justify-content: flex-end; flex-wrap: wrap; } @media (max-width: 1220px) { .list-team { margin: 0 0 0 90px; } } @media (max-width: 960px) { .list-team { margin: 0; } } @media (max-width: 767px) { .list-team { display: block; } } .list-team li { flex: 0 0 33.3%; padding: 0 15px; margin: 0 0 30px; } .list-team .holder-img { position: relative; margin: 0 0 27px; } .list-team .holder-img .text { position: absolute; left: 18px; right: 18px; bottom: 20px; font-size: 15px; line-height: 1.45; color: #FFFFFF; } .list-team .holder-img .text span { display: block; } .list-team .holder-img:before { content: ""; display: block; padding-top: 100%; } .list-team .holder-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .list-team .name { display: block; margin-bottom: 10px; font-size: 16px; line-height: 1; font-weight: 500; } .list-team .position { display: block; margin-bottom: 23px; font-size: 15px; line-height: 1; font-weight: 300; } .list-team .tel { display: block; margin-bottom: 10px; font-size: 15px; line-height: 1; font-weight: 300; } .list-team .link-green { display: inline-block; vertical-align: top; font-size: 15px; line-height: 1; font-weight: 300; } .section-question { padding: 105px 0 30px; background: #111612; color: #ffffff; font-size: 15px; line-height: 1.65; } .section-question form { max-width: 1060px; } .section-question h2 { margin: 0; } .section-question p { margin: 0 0 8px; } .section-question .container { max-width: 1150px; } .section-question .row { display: flex; flex-wrap: wrap; align-items: flex-end; margin: 0 -30px; } @media (max-width: 767px) { .section-question .row { display: block; } } .section-question .row.bottom { padding: 20px 0 0; align-items: start; } .section-question .row .column { flex: 0 0 50%; width: 50%; padding: 0 30px; } @media (max-width: 767px) { .section-question .row .column { flex: 0 0 100%; width: 100%; } } .section-question .column { margin-bottom: 30px; } .section-question .button { display: block; padding: 18px 10px; text-align: center; max-width: 232px; width: 100%; border: 1px solid #469E46; background: transparent; color: #ffffff; font-size: 13px; line-height: 1; font-weight: 600; text-transform: uppercase; border-radius: 1px; } .section-question .holder-checkbox { padding: 6px 0 0 28px; max-width: 320px; } .section-question .checkbox { display: inline-block; vertical-align: top; margin-bottom: 10px; font-size: 13px; line-height: 1.6; font-weight: 300; cursor: pointer; } .section-question .checkbox input { display: none; } .section-question .checkbox input:checked + span:before { background: url("/local/templates/loco/css/../img/check-green.svg") no-repeat 50% 50%; } .section-question .checkbox span { display: inline-block; vertical-align: top; position: relative; } .section-question .checkbox span:before { content: ""; position: absolute; left: -30px; top: 2px; border: 1px solid #469E46; width: 14px; height: 14px; } .section-question .protection { display: block; font-size: 11px; line-height: 1.5; opacity: 0.5; } .holder-input textarea, .holder-input input { display: block; width: 100%; height: 60px; background: transparent; color: #ffffff; font-size: 14px; line-height: 16px; border: none; border-bottom: 1px solid #C4C4C4; } .holder-input textarea { resize: none; padding-top: 20px; } .holder-input input::placeholder { color: #ffffff; font-weight: 300; } .holder-input textarea::placeholder { color: #ffffff; font-weight: 300; } #footer { padding: 54px 0; background: #ffffff; color: #000000; } @media (max-width: 960px) { #footer { padding: 50px 10px; } } #footer .container { max-width: 1135px; } #footer .top-footer { display: flex; flex-wrap: wrap; margin: 0 0 22px; } @media (max-width: 960px) { #footer .top-footer { display: block; margin: 0 0 20px; } } #footer .footer-contact { flex: 0 0 235px; margin: 0 105px 0 0; } @media (max-width: 1100px) { #footer .footer-contact { margin: 0 60px 0 0; } } @media (max-width: 960px) { #footer .footer-contact { margin: 0 99px 25px 0; } } #footer .copyright { display: block; margin: 0 0 25px; font-weight: 300; font-size: 14px; line-height: 1.65; } @media (max-width: 960px) { #footer .copyright { font-size: 13px; } } #footer address { display: block; margin: 0 0 30px; font-style: normal; font-weight: 300; font-size: 14px; line-height: 1.65; } @media (max-width: 960px) { #footer address { font-size: 13px; } } #footer .footer-nav { flex: 1 1 auto; display: flex; padding: 15px 0 0; } #footer .footer-nav .title { display: block; margin: 0 0 33px; font-weight: 600; font-size: 16px; line-height: 1; } @media (max-width: 960px) { #footer .footer-nav .title { font-size: 15px; } } #footer .footer-nav .holder-block { flex: 1 1 auto; } #footer .footer-nav .holder-block a { color: #000000; } #footer .footer-nav .holder-block a:hover { opacity: 0.8; } #footer .footer-nav .holder-block ul { font-size: 14px; line-height: 1; font-weight: 300; margin: 0; padding: 0; list-style: none; } @media (max-width: 960px) { #footer .footer-nav .holder-block ul { font-size: 14px; line-height: 1.55; } } #footer .footer-nav .holder-block ul li { margin: 0 0 24px; } @media (max-width: 960px) { #footer .footer-nav .holder-block ul li { margin: 0 0 21px; } } #footer .footer-nav .holder-block.big-nav { padding-right: 65px; } @media (max-width: 960px) { #footer .footer-nav .holder-block.big-nav { padding-right: 9px; } } #footer .footer-nav .holder-block.big-nav ul { page-break-inside: avoid; columns: 2; } @media (max-width: 960px) { #footer .footer-nav .holder-block.big-nav ul { columns: 1; } } #footer .bottom-footer { padding: 15px 0 0; border-top: 1px solid #E3E3E3; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 960px) { #footer .bottom-footer { display: block; padding: 30px 0 0; } } #footer .made { flex: 0 0 220px; order: 1; font-size: 13px; line-height: 1; font-weight: 300; } @media (max-width: 960px) { #footer .made { display: block; font-size: 12px; margin: 0 0 30px; } } #footer .holder-link { order: 2; display: flex; justify-content: space-between; align-items: center; font-size: 13px; line-height: 1; font-weight: 300; } @media (max-width: 960px) { #footer .holder-link { margin: 0 0 15px; font-size: 12px; display: flex; flex-direction: column; align-items: start; } } #footer .holder-link a { display: inline-block; vertical-align: top; margin: 0 25px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } @media (max-width: 960px) { #footer .holder-link a { margin: 0 0 10px; } } #footer .holder-link a:hover { border-color: transparent; } #footer .social-list { order: 3; margin-right: 118px; } @media (max-width: 1100px) { #footer .social-list { margin-right: 0; } } .social-list { display: flex; margin: 0 -5px; padding: 0; list-style: none; } .social-list li { padding: 0 5px; } .social-list a { display: flex; justify-content: center; align-items: center; padding: 3px; background: #469E46; width: 31px; height: 31px; border-radius: 3px; } .social-list a:hover { opacity: 0.8; } .logo-footer { display: block; background: url("/local/templates/loco/css/../img/footer-logo.svg") no-repeat 0 50%; background-size: contain; text-indent: -9999px; overflow: hidden; width: 77px; height: 40px; margin: 0 0 20px; } @media (max-width: 960px) { .logo-footer { width: 71px; height: 36px; } } .none-scroll .logo-footer { z-index: 999; background: url("/local/templates/loco/css/../img/index-logo.svg") no-repeat 0 50%; background-size: contain; } .logo-footer a { display: block; height: 100%; } .connection span { display: block; margin-bottom: 10px; font-weight: 300; font-size: 14px; line-height: 1; } @media (max-width: 960px) { .connection span { font-size: 13px; } } .connection .number { margin-bottom: 17px; font-weight: 700; font-size: 22px; line-height: 1; } .connection .number a { display: inline-block; vertical-align: top; } .connection .mail { margin-bottom: 17px; font-weight: 300; font-size: 14px; line-height: 1; } @media (max-width: 960px) { .connection .mail { font-size: 13px; } } .connection .mail a { display: inline-block; vertical-align: top; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .connection .mail a:hover { border-color: transparent; } body.modal-open { overflow: hidden !important; } .modal-holder { position: fixed; top: -9999px; left: -9999px; right: 9999px; bottom: 9999px; opacity: 0; width: 100%; height: 100vh; z-index: 1500; display: flex; overflow-x: hidden; overflow-y: auto; align-items: center; justify-content: flex-start; transition: all 0s ease 0.35s, opacity 0.35s ease; } .modal-holder.open { top: 0; left: 0; right: 0; bottom: 0; opacity: 1; transition: opacity 0.35s ease; } .modal-holder.open .bg { top: 0; left: 0; right: 0; bottom: 0; opacity: 0.2; transition: opacity 0.35s ease; } .modal-holder.open .modal { opacity: 1; transform: translateY(0); } body.static-modal-page .modal-holder.static-modal { height: auto; position: static; } .modal-holder .bg { opacity: 0; z-index: -10; top: -9999px; left: -9999px; right: 9999px; bottom: 9999px; position: fixed; background: #000; transition: all 0s ease 0.35s, opacity 0.35s ease; } .modal-holder .modal-inner { width: 100%; z-index: 100; padding: 10px 0; max-height: 100%; position: relative; -webkit-overflow-scrolling: touch; } @media (max-width: 767px) { .modal-holder .modal-inner { padding: 0; height: 100%; } } .modal-holder.gallery-modal .close-icon { border-color: #FFFFFF; } .modal-holder.gallery-modal .close-icon:after, .modal-holder.gallery-modal .close-icon:before { background: #FFFFFF; } .modal-holder .close-icon { top: 40px; right: 40px; width: 50px; height: 50px; z-index: 25; cursor: pointer; font-style: normal; position: absolute; transition: all 0.35s ease; border: 1px solid #000000; border-radius: 20px; } @media (max-width: 767px) { .modal-holder .close-icon { top: 30px; right: 30px; width: 40px; height: 40px; border-radius: 15px; } } .modal-holder .close-icon:hover { opacity: 0.8; } .modal-holder .close-icon:after, .modal-holder .close-icon:before { content: ""; top: 50%; left: 50%; height: 2px; width: 20px; position: absolute; background: #000000; margin: 0 0 0 -10px; transition: all 0.35s ease; } .modal-holder .close-icon:after { transform: rotate(45deg); } .modal-holder .close-icon:before { transform: rotate(-45deg); } .modal { opacity: 0; width: 100%; color: #000000; margin: 0 auto; background: #ffffff; max-width: 620px; position: relative; border-radius: 5px; transform-origin: 50% 0%; transform: translateY(-100%); padding: 0 30px 80px; box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.08); transition: opacity 0.35s ease, transform 0.35s ease; } @media (max-width: 767px) { .modal { max-width: none; min-height: 100%; border-radius: 0; } } .modal .content-popup { max-width: 380px; margin: 0 auto; } .modal .modal-heading { padding: 80px 0 5px; } @media (max-width: 767px) { .modal .modal-heading { padding: 75px 0 25px; } } .modal .form-row { padding: 10px 0; } @media (max-width: 767px) { .modal .form-row { padding: 5px 0; } } .modal .form-input { margin: 0 0 29px; } @media (max-width: 767px) { .modal .form-input { margin: 0 0 24px; } } .modal .btn { padding: 16px 10px; margin-bottom: 10px; border-radius: 20px; } @media (max-width: 767px) { .modal .btn { padding: 11px 10px; border-radius: 15px; } } .modal .clue { margin: 20px 0 0; } .default-form { font-size: 14px; line-height: 22px; } .default-form__hint { display: block; opacity: 0.5; } .gallery-modal .modal { padding: 0; max-width: 820px; } .gallery-modal .content-popup { padding: 40px 30px; max-width: 640px !important; } @media (max-width: 767px) { .gallery-modal .content-popup { padding: 33px 30px; } } .gallery-modal .title-h3, .gallery-modal h3 { margin-bottom: 28px; } @media (max-width: 767px) { .gallery-modal .title-h3, .gallery-modal h3 { margin-bottom: 19px; } } .gallery-modal .sub-title { display: block; font-size: 20px; line-height: 30px; margin-bottom: 30px; } @media (max-width: 767px) { .gallery-modal .sub-title { font-size: 16px; line-height: 24px; margin-bottom: 20px; } } .gallery-modal p { margin: 0 0 40px; } @media (max-width: 767px) { .gallery-modal p { margin: 0 0 30px; } } .gallery-modal .grey-text { display: block; opacity: 0.5; font-size: 14px; line-height: 22px; } .modal-slider .holder-img { position: relative; } .modal-slider .holder-img:before { content: ""; display: block; padding-top: 58.5%; } .modal-slider .holder-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .modal-slider .holder-arrow { display: flex; position: absolute; right: 40px; bottom: 40px; } @media (max-width: 767px) { .modal-slider .holder-arrow { right: 30px; bottom: 15px; } } .modal-slider .holder-arrow .arrow { position: static; width: 50px; height: 50px; margin: 0 0 0 20px; border: 1px solid #ffffff; border-radius: 20px; background: transparent; overflow: hidden; text-indent: -9999px; background: url("/local/templates/loco/css/../img/next-arrow.svg") no-repeat 50% 50%; transition: all 200ms linear; } @media (max-width: 767px) { .modal-slider .holder-arrow .arrow { width: 40px; height: 40px; border-radius: 15px; margin: 0 0 0 10px; } } .modal-slider .holder-arrow .arrow:hover { background-color: rgba(2, 34, 196, 0.2); } .modal-slider .holder-arrow .arrow.swiper-button-prev { background: url("/local/templates/loco/css/../img/prev-arrow.svg") no-repeat 50% 50%; } .modal-slider .holder-arrow .arrow.swiper-button-prev:hover { background-color: rgba(2, 34, 196, 0.2); } .option-service-description { page-break-inside: avoid; columns: 2; margin: 0 0 40px; padding: 0; list-style: none; } @media (max-width: 767px) { .option-service-description { columns: 1; margin: 0 0 10px; } } .option-service-description li { position: relative; padding: 0; margin: 0 0 24px; display: flex; } @media (max-width: 767px) { .option-service-description li { margin: 0 0 20px; } } .option-service-description .icon { flex: 0 0 24px; width: 24px; } .option-service-description span { flex: 1 1 auto; padding-left: 20px; } @media (max-width: 767px) { .option-service-description span { padding-left: 11px; } } .authorization-modal .modal { overflow: visible; } .add-passengers { display: inline-block; vertical-align: top; padding: 0 0 0 50px; margin: 25px 0; position: relative; font-weight: 600; } .add-passengers:hover { opacity: 0.8; } .add-passengers:before { content: "+"; position: absolute; left: 0; top: 50%; margin: -15px 0 0; width: 30px; height: 30px; border-radius: 10px; background: #2164FF; font-size: 30px; line-height: 30px; font-weight: 400; text-align: center; color: #FFFFFF; box-shadow: 0 5px 10px 0 rgba(33, 100, 255, 0.4); } .clue { display: block; position: relative; font-size: 14px; line-height: 22px; } .clue:before { content: "i"; position: relative; display: inline-block; vertical-align: top; margin: 0 10px 0 0; font-style: italic; font-size: 14px; text-align: center; width: 22px; height: 22px; line-height: 22px; border-radius: 50%; overflow: hidden; background: #FFB400; } .popup_block { border-radius: 2px; background: #fff; display: none; } .popup_block .title_popup { display: block; margin: 0 0 24px; text-align: center; font-weight: 700; font-size: 28px; line-height: 1; letter-spacing: 0.01em; color: #000000; } .popup_block p { margin: 0 0 29px; text-align: center; line-height: 1.5; } .popup_block .fancybox-close-small { padding: 0; right: 16px; top: 23px; } @media (max-width: 500px) { .popup_block .fancybox-close-small { top: 5px; right: 5px; } } .popup_block .fancybox-close-small svg { display: none; } .popup_block .fancybox-close-small:after { position: absolute; content: ""; width: 22px; height: 22px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url("/local/templates/loco/css/../img/icon_close.svg") no-repeat; background-size: 100%; } #calc_popup { max-width: 580px; padding: 82px 61px 50px; } @media (max-width: 767px) { #calc_popup { width: 100%; } } @media (max-width: 500px) { #calc_popup { padding: 40px 20px; } } #calc_popup .calculator .button { margin: 19px auto 0; } #calc_popup .calculator .holder-trigger .more-trigger { color: #000; } @media (max-width: 500px) { #calc_popup .holder-switcher { margin-right: 0; } } @media (max-width: 500px) { #calc_popup .default-tab-controls { min-width: 355px; } } @media (max-width: 500px) { #calc_popup .default-tab-controls > li { margin-right: 15px; } } @media (max-width: 500px) { #calc_popup .default-tab-controls > li:last-child { margin-right: 0; } } #call_popup { max-width: 520px; padding: 84px 61px 45px; } @media (max-width: 767px) { #call_popup { width: 100%; } .not_found { font-size: 60px !important; margin-top: 40px !important; } .not_found p { padding-top: 30px !important; } } @media (max-width: 500px) { #call_popup { padding: 40px 20px; } } #call_popup .group { display: block; padding: 0; } #call_popup .group .holder-button { margin: 0 auto 15px; position: relative; overflow: hidden; } .fon_btns { display: none; background: rgba(255,255,255,0.5); position: absolute; width: 100%; height: 100%; top:0 } #call_popup .group .agreement { flex: none; padding: 0; max-width: 250px; margin: 0 auto; } #call_popup .calculator .button { margin: 19px auto 0; } #call_popup .calculator .steps-switcher li { margin: 0 0 -2px; width: 50%; text-align: center; pointer-events: auto; } @media (max-width: 500px) { #call_popup .default-tab-controls { min-width: auto; } } #call_popup .default-tab-controls > li a { color: #060A14; } #call_popup .default-tab-controls > li.active a { border-color: #469E46; color: #469E46; font-weight: 600; } .mobile-lang { display: none; } @media (max-width: 500px) { #call_popup .holder-switcher { margin-right: 0; } .index .lang .list-lang { background: rgba(0, 0, 0, 0.9); } .swiper-pagination { /* display: none !important;*/ } .logo { max-width: 76px; } .info-header .lang{ display: none; } .mobile-lang { display: block; } .phone-number a { font-weight: 700; } } .wh_link a { color: #fff; } .price-table { width: 100%; min-width: 600px; } .price-table p { margin: 10px 0; } .price-table tr:first-child { background: #f2f2f2; } .price-table td { text-align: center; border-bottom: 1px solid #f2f2f2; } .price-table-content { overflow: scroll; } .vacancies-link span { color: #000 !important; font-size: 18px !important; } .main_more { color: #000; } .about-container { margin: 90px auto 50px; } .main_more a { color: #000; } .main_more .promo-video { color: #fff; } .promo-footer .container { margin-bottom: 20px; } /* End */ /* /local/templates/loco/components/bitrix/menu/horizontal_multilevel1/style.min.css?16345599673715 */ /* /local/templates/loco/components/bitrix/menu/horizontal_mobile/style.min.css?16345631443715 */ /* /local/templates/loco/css/all.css?1751628965161270 */