/* Minification failed. Returning unminified contents. (12,242): run-time error CSS1039: Token not allowed after unary operator: 'xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj' (12,426): run-time error CSS1039: Token not allowed after unary operator: 'eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA' (12,608): run-time error CSS1039: Token not allowed after unary operator: 'W2' (12,611): run-time error CSS1039: Token not allowed after unary operator: 'MnAzMYDAzaX6QjD6' (12,671): run-time error CSS1019: Unexpected token, found '/' (12,671): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/' (12,2330): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,4932): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5044): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (12,5091): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (12,5142): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (12,5263): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color' (12,5293): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (12,5537): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (12,6088): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,6202): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,7692): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (12,7722): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (12,8954): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (12,8984): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (12,9630): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,9689): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,10820): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color' (12,10849): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (12,10947): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,11006): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (983,32): run-time error CSS1019: Unexpected token, found ' ' (983,32): run-time error CSS1019: Unexpected token, found ' ' (983,32): run-time error CSS1042: Expected function, found ' ' (983,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (988,32): run-time error CSS1019: Unexpected token, found ' ' (988,32): run-time error CSS1019: Unexpected token, found ' ' (988,32): run-time error CSS1042: Expected function, found ' ' (988,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (993,32): run-time error CSS1019: Unexpected token, found ' ' (993,32): run-time error CSS1019: Unexpected token, found ' ' (993,32): run-time error CSS1042: Expected function, found ' ' (993,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (998,32): run-time error CSS1019: Unexpected token, found ' ' (998,32): run-time error CSS1019: Unexpected token, found ' ' (998,32): run-time error CSS1042: Expected function, found ' ' (998,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1003,32): run-time error CSS1019: Unexpected token, found ' ' (1003,32): run-time error CSS1019: Unexpected token, found ' ' (1003,32): run-time error CSS1042: Expected function, found ' ' (1003,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1008,32): run-time error CSS1019: Unexpected token, found ' ' (1008,32): run-time error CSS1019: Unexpected token, found ' ' (1008,32): run-time error CSS1042: Expected function, found ' ' (1008,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1013,32): run-time error CSS1019: Unexpected token, found ' ' (1013,32): run-time error CSS1019: Unexpected token, found ' ' (1013,32): run-time error CSS1042: Expected function, found ' ' (1013,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1018,32): run-time error CSS1019: Unexpected token, found ' ' (1018,32): run-time error CSS1019: Unexpected token, found ' ' (1018,32): run-time error CSS1042: Expected function, found ' ' (1018,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1022,32): run-time error CSS1019: Unexpected token, found ' ' (1022,32): run-time error CSS1019: Unexpected token, found ' ' (1022,32): run-time error CSS1042: Expected function, found ' ' (1022,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1026,32): run-time error CSS1019: Unexpected token, found ' ' (1026,32): run-time error CSS1019: Unexpected token, found ' ' (1026,32): run-time error CSS1042: Expected function, found ' ' (1026,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (10831,57): run-time error CSS1030: Expected identifier, found 'img' (10831,60): run-time error CSS1031: Expected selector, found ')' (10831,60): run-time error CSS1025: Expected comma or open brace, found ')' (13776,32): run-time error CSS1030: Expected identifier, found '.' (13776,54): run-time error CSS1031: Expected selector, found ')' (13776,54): run-time error CSS1025: Expected comma or open brace, found ')' */ /** * Swiper 6.2.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 4, 2020 */ @font-face{font-family:swiper-icons;src:url(/dist/css/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-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,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(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,.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(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next: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{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display: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%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ @media (-webkit-device-pixel-ratio: 1.25) { :root { /*zoom: 0.8;*/ } } /* Applica zoom 0.7 solo ai dispositivi con DPR 1.5 che NON sono tablet */ @media (-webkit-device-pixel-ratio: 1.5) { :root:not(.clss-tablet-device) { /*zoom: .7;*/ } } .profiler-results { display: none; } html { overflow-x: hidden; } html, body { width: 100%; /*min-height: 100%;*/ padding: 0; margin: 0; } body { -webkit-overflow-scrolling: touch; } body::-webkit-scrollbar { width: 12px; border-radius: 0px; background-color: #f5f2f0; } body::-webkit-scrollbar-button { display: none; } body::-webkit-scrollbar-button:hover { display: none; } body::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); box-shadow: none; border-radius: 8px; border: 2px solid #f5f2f0; } body::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.2); } body::-webkit-scrollbar-track { background-color: #f5f2f0; border-radius: 0px; } body::-webkit-scrollbar-track:hover { background-color: #f5f2f0; } body.noscroll { overflow: hidden; } body.open-menu:after { content: ""; } body { padding-top: 120px; } @media (max-width: 991px) { body { padding-top: 60px; } } div, figure { box-sizing: border-box; } /*Clearfix CF*/ .cf { *zoom: 1; } .cf:before, .cf:after { display: table; line-height: 0; content: ""; } .cf:after { clear: both; } .clear { clear: both; } *:focus { outline: none; } strong { /* color: $black;*/ font-weight: 600 !important; } figure { margin: 0; } img { max-width: 100%; /*display: flex;*/ } p { margin: 0 0 30px 0; } @media (max-width: 991px) { p { margin: 0 0 20px 0; } } .wrapper { max-width: 1600px; margin: 0 auto; } @media (max-width: 767px) { .wrapper { padding: 0 30px; } } .container { width: 100%; max-width: 1500px; margin: 0 auto; padding: 0 30px; box-sizing: border-box; /*position: relative; z-index: 0;*/ } @media (min-width: 2000px) { .container { max-width: 1800px; } } @media (max-width: 767px) { .container { padding: 0 15px; } } svg { line-height: 1; } .scrollbar { overflow-x: hidden; } .scrollbar::-webkit-scrollbar { width: 5px; height: 4px; background-color: rgba(191, 191, 191, 0.2); border-radius: 2px; } .scrollbar::-webkit-scrollbar-thumb { background: #BFBFBF; border-radius: 4px; } .scrollbar.scrollbar-y { overflow-x: auto; overflow-y: hidden; padding-bottom: 20px; } .cta { margin-top: 35px; /*display: inline-block;*/ } .cta a, .cta button { font-size: 16px; line-height: 1; font-weight: 500; background: #D51A00; border: 1px solid #D51A00; color: #FFFFFF; text-transform: uppercase; text-decoration: none; padding: 15px 20px; /*display: block;*/ transition: all 0.3s ease-in-out; } .cta a:hover, .cta button:hover { background: #FFFFFF; color: #D51A00; } @media (max-width: 1199px) { .cta a, .cta button { font-size: 14px; padding: 10px 15px; } } .cta.white a { background: #FFFFFF; color: #D51A00; } .cta.white a:hover { background: #D51A00; color: #FFFFFF; } .cta.icon { visibility: visible; } .cta.icon a { position: relative; } .cta.icon a:after { font-family: "Material Icons"; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 21px; } .cta.icon.directions a:after { content: "\e0c8"; } .cta.icon.write a:after { content: "\e3c9"; } .cta.icon.call a:after { content: "\e0b0"; } .cta.icon.opening a:after { content: "\e8b5"; } .cta.icon.ship a:after { content: "\e8cc"; } .cta.icon.facebook a:after { content: url(/dist/icons/icon-facebook.svg); width: 42px; right: 5px; } .cta.icon.instagram a:after { content: url(/dist/icons/icon-instagram.svg); width: 42px; right: 5px; } .cta.icon.linkedin a:after { content: url(/dist/icons/icon-linkedin.svg); width: 42px; right: 5px; } .cta.txt { margin: 0; } .cta.txt a { color: #D51A00; padding: 0 60px 0 0; background: none; font-weight: 500; position: relative; z-index: 1; border: none; } .cta.txt a:before { content: ""; background: #D51A00; position: absolute; z-index: 2; width: 40px; height: 40px; right: 0; top: 50%; transform: translateY(-50%); } .cta.txt a:after { font-family: "Material Icons"; content: "\e5cc"; position: absolute; z-index: 3; right: 7px; top: 50%; transform: translateY(-50%); font-size: 24px; color: #FFFFFF; } .brown { background-color: #E5E3DF; } .text-center { text-align: center; } .flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .flex.vert { flex-direction: column; } @media (max-width: 767px) { .flex { display: block; } } @media (max-width: 1023px) { .tmpl-Homepage .hero-top, .tmpl-talk-whit-us .hero-top, .tmpl-store .hero-top { /*margin-top: var(--header-height);*/ } } @media (max-width: 767px) { .tmpl-Homepage .hero-top, .tmpl-talk-whit-us .hero-top, .tmpl-store .hero-top { /*margin-top: var(--header-height);*/ height: calc(100vh - 200px); overflow: hidden; } .tmpl-Homepage .hero-top .slick-list, .tmpl-talk-whit-us .hero-top .slick-list, .tmpl-store .hero-top .slick-list { height: 100%; } .tmpl-Homepage .hero-top .slick-list .slick-track, .tmpl-talk-whit-us .hero-top .slick-list .slick-track, .tmpl-store .hero-top .slick-list .slick-track { height: 100%; } .tmpl-Homepage .hero-top .item, .tmpl-talk-whit-us .hero-top .item, .tmpl-store .hero-top .item { height: 100%; max-height: calc(100vh - 200px); } .tmpl-Homepage .hero-top .item .grid .cta, .tmpl-talk-whit-us .hero-top .item .grid .cta, .tmpl-store .hero-top .item .grid .cta { text-align: center; } } @media (max-width: 767px) { .tmpl-Homepage .nav-hero, .tmpl-talk-whit-us .nav-hero, .tmpl-store .nav-hero { top: auto !important; background: none; /*bottom: -120px;*/ } } @media (max-width: 767px) { .tmpl-Homepage, .tmpl-store, .tmpl-talk-whit-us { margin-top: 0px !important; } } .iframe iframe { width: 960px; height: 540px; } @media (max-width: 1024px) { .iframe iframe { width: 100%; height: 449px; } } @media (max-width: 768px) { .iframe iframe { width: 100%; height: 329px; } } @media (max-width: 425px) { .iframe iframe { width: 100%; height: 222px; } } @media (max-width: 375px) { .iframe iframe { width: 100%; height: 194px; } } @media (max-width: 320px) { .iframe iframe { width: 100%; height: 163px; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .grid { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0 -15px; } .grid > div { position: relative; z-index: 1; /*background: antiquewhite;*/ margin: 0 15px; } .grid .col-1 { flex: 0 0 calc(8.33% - 30px); max-width: calc(8.33% - 30px); width: calc(8.33% - 30px); } .grid .col-2 { flex: 0 0 calc(16.66% - 30px); max-width: calc(16.66% - 30px); width: calc(16.66% - 30px); } .grid .col-3 { flex: 0 0 calc(24.99% - 30px); max-width: calc(24.99% - 30px); width: calc(24.99% - 30px); } .grid .col-4 { flex: 0 0 calc(33.32% - 30px); max-width: calc(33.32% - 30px); width: calc(33.32% - 30px); } .grid .col-5 { flex: 0 0 calc(41.65% - 30px); max-width: calc(41.65% - 30px); width: calc(41.65% - 30px); } .grid .col-6 { flex: 0 0 calc(49.98% - 30px); max-width: calc(49.98% - 30px); width: calc(49.98% - 30px); } .grid .col-7 { flex: 0 0 calc(58.31% - 30px); max-width: calc(58.31% - 30px); width: calc(58.31% - 30px); } .grid .col-8 { flex: 0 0 calc(66.64% - 30px); max-width: calc(66.64% - 30px); width: calc(66.64% - 30px); } .grid .col-9 { flex: 0 0 calc(74.97% - 30px); max-width: calc(74.97% - 30px); width: calc(74.97% - 30px); } .grid .col-10 { flex: 0 0 calc(83.3% - 30px); max-width: calc(83.3% - 30px); width: calc(83.3% - 30px); } .grid .col-11 { flex: 0 0 calc(91.63% - 30px); max-width: calc(91.63% - 30px); width: calc(91.63% - 30px); } .grid .col-12 { flex: 0 0 calc(99.96% - 30px); max-width: calc(99.96% - 30px); width: calc(99.96% - 30px); } .grid .offset-1 { margin-left: calc(8.33% + 15px); } .grid .offset-2 { margin-left: calc(16.66% + 15px); } .grid .offset-3 { margin-left: calc(24.99% + 15px); } .grid .offset-4 { margin-left: calc(33.32% + 15px); } .grid .offset-5 { margin-left: calc(41.65% + 15px); } .grid .offset-6 { margin-left: calc(49.98% + 15px); } .grid .offset-7 { margin-left: calc(58.31% + 15px); } .grid .offset-8 { margin-left: calc(66.64% + 15px); } .grid .offset-9 { margin-left: calc(74.97% + 15px); } .grid .offset-10 { margin-left: calc(83.3% + 15px); } .grid .offset-11 { margin-left: calc(91.63% + 15px); } .grid .offset-12 { margin-left: calc(99.96% + 15px); } @media (max-width: 767px) { .grid { display: block; margin: 0; } .grid > div { max-width: 100% !important; width: 100% !important; margin-left: 0 !important; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ body, html { font-family: "Ubuntu", sans-serif; font-size: 18px; line-height: 1.66; font-weight: 400; color: #1c1819; background: #FFFFFF !important; /*margin-top: 91px;*/ } @media (max-width: 1199px) { body, html { margin-top: 88px; } } @media (max-width: 991px) { body, html { margin-top: 22px; } } @media (max-width: 767px) { body, html { margin-top: 65px; } } .title { font-size: 48px; line-height: 1.2; font-weight: 500; width: auto; position: relative; display: inline-block; /*padding-bottom: 20px; margin-bottom: 50px;*/ padding-bottom: 50px; } .title.small { font-size: 36px; } .title { /*&:before { content: ''; background: url(/dist/img/baffo.png); position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: left bottom; }*/ } @media (max-width: 767px) { .title { font-size: 38px; padding-bottom: 30px; } } .subtitle { font-weight: 700; line-height: 1; text-transform: uppercase; margin-bottom: 40px; } .fs-100 { font-size: clamp(38px, 38px + (60 - 38) * (100vw - 430px) / (1440 - 430), 60px); line-height: 130%; } .fs-200, .store-description .section--testo-pagina-store .title, .swiper-hero .swiper-slide .content .title, .product-page .twocol__title { font-size: clamp(30px, 30px + (48 - 30) * (100vw - 430px) / (1440 - 430), 48px); line-height: 130%; } .fs-300 { font-size: clamp(26px, 26px + (40 - 26) * (100vw - 430px) / (1440 - 430), 40px); line-height: 130%; } .fs-400 { font-size: clamp(22px, 22px + (34 - 22) * (100vw - 430px) / (1440 - 430), 34px); line-height: 130%; } .fs-500 { font-size: clamp(20px, 20px + (22 - 20) * (100vw - 430px) / (1440 - 430), 22px); line-height: 130%; } .fs-650, .header .submenu .x-menu .level-01 ul li a, .store-description .section--testo-pagina-store p { font-size: clamp(16px, 16px + (18 - 16) * (100vw - 430px) / (1440 - 430), 18px); line-height: 150%; } .fs-700, .header .submenu .x-menu .level-02 .item ul li a, .header-bottom-menu .toggle-menu, .store-orari .orari, .btn-new { font-size: clamp(14px, 14px + (16 - 14) * (100vw - 430px) / (1440 - 430), 16px); line-height: 130%; } .fs-750, .footer-service .footer-lang details, .footer-content ul li, .header .request-quote-mobile .btn-new, .btn-new-small, .latest-news-box .info { font-size: clamp(12px, 12px + (14 - 12) * (100vw - 430px) / (1440 - 430), 14px); } .fs-800, .store-social .titolo, .store-orari .orari-speciali, .store-orari .titolo { font-size: clamp(11px, 11px + (13 - 11) * (100vw - 430px) / (1440 - 430), 13px); } .fs-900, .subfooter { font-size: clamp(10px, 10px + (12 - 10) * (100vw - 430px) / (1440 - 430), 12px); } .fw-400, .footer-service .footer-lang details, .footer-content ul li a { font-weight: 400; } .fw-500, .footer-bottom .lang-country a, .store-description .section--testo-pagina-store .title, .store-social .titolo, .store-orari .titolo, .swiper-hero .swiper-slide .content .title, .btn-new { font-weight: 500; } .fw-700, .footer-content ul li, .latest-news-box .info .tags ul li { font-weight: 700; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .slick-slider { z-index: 0; } .slick-slider .slick-slide > div { display: flex; height: 100%; } .slick-slider .slick-arrow { position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); font-size: 0; background: url(/dist/icons/arrow_circle.svg); width: 43px; height: 43px; border: none; background-size: cover; transform-origin: top; margin: 0; padding: 0; cursor: pointer; opacity: 1; } .slick-slider .slick-arrow:before { display: none; } .slick-slider .slick-arrow.slick-prev { left: 48px; } .slick-slider .slick-arrow.slick-next { right: 48px; transform: rotate(180deg) translateY(-50%); } .slick-slider .slick-dots { padding: 40px 0 0 0; list-style-type: none; display: flex; margin: 0 auto; width: auto; justify-content: center; } .slick-slider .slick-dots li { padding: 10px; position: relative; } .slick-slider .slick-dots li button { font-size: 0; background: #1c1819; border: none; width: 6px; height: 6px; display: block; border-radius: 6px; padding: 0; transition: all 0.3s ease-in-out; } .slick-slider .slick-dots li:before { content: ""; position: absolute; border: 2px solid #1c1819; width: 12px; height: 12px; border-radius: 12px; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all 0.3s ease-in-out; } .slick-slider .slick-dots li:hover button { opacity: 0; } .slick-slider .slick-dots li:hover:before { opacity: 1; } .slick-slider .slick-dots li.slick-active { visibility: visible; } .slick-slider .slick-dots li.slick-active:before { opacity: 1; border-color: #D51A00; } .slick-slider .slick-dots li.slick-active button { opacity: 0; } .news-top { background: #D51A00; position: relative; z-index: 2; overflow: hidden; height: 44px; transition: all 0.3s ease-in-out; } .news-top .news-top-close { height: 20px; width: 20px; position: absolute; z-index: 2; right: 20px; top: calc(50% - 2px); cursor: pointer; } @media screen and (orientation: landscape) and (max-device-width: 1024px) { .news-top .news-top-close { display: none; } } @media (max-width: 1199px) { .news-top .news-top-close { display: none; } } .news-top .news-top-close:after { content: ""; height: 2px; width: 100%; background: white; transform: rotate(-45deg); top: 0; position: absolute; z-index: 1; } .news-top .news-top-close:before { content: ""; height: 2px; width: 100%; top: 0; background: white; transform: rotate(45deg); position: absolute; z-index: 1; } .news-top .slide-news-top { max-width: 70vw; margin: 0 auto; padding: 0 24px; } .news-top .slide-news-top .slick-slide { position: relative; padding: 15px 0; height: 44px; } .news-top .slide-news-top .slick-slide > div { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); } .news-top .slide-news-top .item { font-size: 14px; line-height: 1; text-align: center; padding: 0; color: #FFFFFF; display: flex !important; justify-content: center; align-items: center; } .news-top .slide-news-top .item a, .news-top .slide-news-top .item span { font-weight: 700; color: #FFFFFF; margin-left: 15px; flex: 0 0 10%; max-width: 10%; } .news-top .slide-news-top .slick-arrow { background: url(/dist/icons/chevron_left.svg); background-repeat: no-repeat; background-position: center; width: 24px; height: 24px; } .news-top .slide-news-top .slick-arrow.slick-prev { left: 0; } .news-top .slide-news-top .slick-arrow.slick-next { right: 0; } @media (max-width: 1440px) { .news-top .slide-news-top { max-width: 90vw; } } @media (max-width: 1199px) { .news-top { width: 100%; } .news-top .container { max-width: 100%; padding: 0; } .news-top .slide-news-top { max-width: 100%; padding: 0 45px; } .news-top .slide-news-top .item { font-size: 12px; } .news-top .slide-news-top .slick-arrow { height: 100%; width: 44px; } .news-top .slide-news-top .slick-arrow.slick-prev { border-right: 1px solid rgba(28, 24, 25, 0.3); } .news-top .slide-news-top .slick-arrow.slick-next { border-right: 1px solid rgba(28, 24, 25, 0.3); } } .news-top { /* @include sm { position: fixed; top: 0; left: 0; }*/ } @media (max-width: 767px) { .news-top { height: 56px; } .news-top .slide-news-top .slick-slide { height: 56px; } .news-top .slide-news-top .item { justify-content: space-between; font-size: 12px; padding: 0 5px; } .news-top .slide-news-top .item .txt { text-align: left; flex: 0 0 60%; max-width: 60%; overflow: hidden; max-height: 36px; } .news-top .slide-news-top .item a, .news-top .slide-news-top .item span { flex: 0 0 30%; max-width: 30%; text-align: right; margin: 0; } } .hero-top .item { position: relative; color: #FFFFFF; max-height: calc(100vh - 178px); } @media (max-width: 991px) { .hero-top .item { max-height: none; } } .hero-top .item:before { content: ""; background: rgb(0, 0, 0); background: linear-gradient(15deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 85%); opacity: 0.85; background-size: cover; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; } .hero-top .item .img-mobile { display: none; } .hero-top .item img { width: 100%; } .hero-top .item .grid { position: absolute; z-index: 3; top: 50%; left: 0; transform: translateY(-50%); width: 100%; margin: 0; } .hero-top .item .title { font-size: 42px; line-height: 1; margin-bottom: 40px; padding-bottom: 20px; color: #fff; /*max-width: 320px;*/ } .hero-top .item .title:before { content: ""; background: url(/dist/img/baffo.png); position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: left bottom; } .hero-top .item .txt ul { list-style-type: none; } .hero-top .item .txt ul li { font-size: 2em; position: relative; display: inline-block; } .hero-top .item .txt ul li:before { font-family: "Material Icons"; content: "\e5ca"; color: #D51A00; position: absolute; left: -60px; top: 0; } .hero-top .item .cta a { border: none; } .hero-top .item.find-center, .hero-top .item.slide-center { text-align: center; } .hero-top .item.find-center:before, .hero-top .item.slide-center:before { background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)); } .hero-top .item.find-center .center-reference, .hero-top .item.slide-center .center-reference { text-align: center; } .hero-top .item.find-center .center-reference img, .hero-top .item.slide-center .center-reference img { width: 90px; max-width: 100%; border-radius: 90px; border: 2px solid #fff; display: inline-block; margin-bottom: 30px; } .hero-top .item.find-center .title, .hero-top .item.slide-center .title { max-width: none; } .hero-top .item.find-center .cta, .hero-top .item.slide-center .cta { visibility: visible; } .hero-top .item.find-center .cta span, .hero-top .item.slide-center .cta span { text-transform: uppercase; margin: 0 25px; font-size: 16px; line-height: 1; } .hero-top .item.find-center .cta a, .hero-top .item.slide-center .cta a { display: inline-block; border: 2px solid #D51A00; padding: 13px 20px; } .hero-top .item.find-center .cta a:hover, .hero-top .item.slide-center .cta a:hover { border-color: #FFFFFF; } .hero-top .item.find-center .cta a.white, .hero-top .item.slide-center .cta a.white { background: #FFFFFF; color: #D51A00; } .hero-top .item.find-center .cta a.white:hover, .hero-top .item.slide-center .cta a.white:hover { background: #D51A00; color: #FFFFFF; border-color: #D51A00; } .hero-top .item.slide-center .title { font-size: 60px; } .hero-top .item.slide-center .txt { font-size: 24px; position: relative; width: auto; display: flex; align-items: center; justify-content: center; } .hero-top .item.slide-center .txt .addr-center { position: relative; } .hero-top .item.slide-center .txt .addr-center:before { font-family: "Material Icons"; content: "\e55f"; position: absolute; left: -35px; top: 50%; transform: translateY(-50%); font-size: 27px; } .hero-top .item.slide-center .txt a { visibility: visible; font-size: 16px; color: #FFFFFF; text-decoration: none; margin-left: 25px; position: relative; padding-left: 30px; } .hero-top .item.slide-center .txt a:before { /* font-family: 'Material Icons'; */ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 22px; background-image: url(/dist/icons/cambio-store.png); width: 24px; height: 24px; background-size: cover; background-position: center; background-repeat: no-repeat; } @media (max-width: 1440px) { .hero-top .item.find-center .center-reference img { width: 80px; border-radius: 80px; margin-bottom: 10px; } .hero-top .item.find-center .title { margin-bottom: 20px; } } @media (max-width: 1199px) { .hero-top .item .title { font-size: 32px; margin-bottom: 10px; } .hero-top .item .txt { font-size: 16px; } .hero-top .item .cta { margin-top: 20px; } .hero-top .item .cta a { font-size: 14px; padding: 15px 30px; } .hero-top .item.find-center .center-reference img { width: 50px; border-radius: 50px; margin-bottom: 0; } .hero-top .item.find-center .title { margin-bottom: 5px; } } @media (max-width: 991px) { .hero-top .item .grid > div { margin-left: 0; width: 100%; max-width: 100%; flex: 0 0 100%; } .hero-top .item .grid > div .title { max-width: 70vw; left: 50%; transform: translateX(-50%); text-align: center; } .hero-top .item .grid > div .txt { max-width: 70vw; position: relative; left: 50%; transform: translateX(-50%); text-align: center; } .hero-top .item .grid > div .cta { position: relative; left: 50%; transform: translateX(-50%); } } @media (max-width: 991px) and (max-width: 767px) { .hero-top .item .grid > div .cta { text-align: center; } } @media (max-width: 991px) { .hero-top .item.find-center { visibility: visible; } .hero-top .item.find-center .center-reference { visibility: visible; } .hero-top .item.find-center .center-reference img { visibility: visible; } .hero-top .item.find-center .title, .hero-top .item.find-center .cta { transform: none !important; left: auto !important; } } @media (max-width: 767px) { .hero-top .item { height: calc(100vh - 56px); } .hero-top .item .img-mobile { display: block; position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; pointer-events: none; } .hero-top .item img { height: 100%; width: auto !important; max-width: none; } .hero-top .item img.img-desktop { opacity: 0; } .hero-top .item .title { font-size: 45px; max-width: 80vw !important; margin-bottom: 30px; } .hero-top .item .txt { font-size: 24px; line-height: 1.3; max-width: 80vw !important; } .hero-top .item .cta { margin-top: 35px; } .hero-top .item .cta a { visibility: visible; } .hero-top .item.find-center { visibility: visible; } .hero-top .item.find-center .center-reference { visibility: visible; } .hero-top .item.find-center .center-reference img { width: 80px !important; } .hero-top .item.find-center .title { margin: 10px 0 20px 0; font-size: 34px; } .hero-top .item.find-center .txt { font-size: 18px; max-width: 100vw !important; padding: 0 10px; } .hero-top .item.find-center .cta { visibility: visible; } .hero-top .item.find-center .cta span { display: none; } .hero-top .item.find-center .cta a { display: block; margin-bottom: 10px; } .hero-top .item.find-center .cta a:last-child { margin-bottom: 0; } } .nav-hero { position: relative; margin-top: -8px; } .nav-hero .container { visibility: visible; } .nav-hero #nav-hero { margin: 0 -15px; position: relative; top: -56px; } @media (min-resolution: 144dpi) { .nav-hero #nav-hero { top: -35px; } } .nav-hero #nav-hero .slick-list { padding: 0 !important; } .nav-hero #nav-hero .slick-list .slick-track { width: 100% !important; display: flex; transform: none !important; /*justify-content: space-between; flex-wrap: wrap;*/ } .nav-hero #nav-hero .slick-list .slick-track .slick-slide { background: #FFFFFF; margin: 0 15px; position: relative; /*flex: 0 0 calc(20% - 30px); max-width: calc(20% - 30px);*/ } .nav-hero #nav-hero .slick-list .slick-track .slick-slide:after, .nav-hero #nav-hero .slick-list .slick-track .slick-slide:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; opacity: 0; transition: all 0.3s ease-in-out; } .nav-hero #nav-hero .slick-list .slick-track .slick-slide:after { background: #1c1819; width: 0; } .nav-hero #nav-hero .slick-list .slick-track .slick-slide:hover:after { opacity: 1; width: 100%; } .nav-hero #nav-hero .slick-list .slick-track .slick-slide .item { cursor: pointer; padding: 30px 20px; line-height: 1; } .nav-hero #nav-hero .slick-list .slick-track .slick-slide .item strong { font-size: 14px; text-transform: uppercase; font-weight: 700; margin-bottom: 20px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nav-hero #nav-hero .slick-list .slick-track .slick-slide .item div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 200px;*/ line-height: 1.1; } .nav-hero #nav-hero .slick-list .slick-track .slick-slide .item div.corpo-img p { padding: 0; margin: 0; line-height: 1.1; } .nav-hero #nav-hero .slick-list .slick-track .slick-slide .item div.pin { position: relative; z-index: 1; top: 5px; padding: 3px 0 3px 20px; background: none; width: 100%; margin: -6px 0 0 0 !important; height: auto; text-align: left; font-size: 1em; font-weight: 400; letter-spacing: 0; } .nav-hero #nav-hero .slick-list .slick-track .slick-slide .item div.pin:before { font-family: "Material Icons"; content: "\e55f"; position: absolute; left: -4px; top: 50%; font-size: 22px; transform: translateY(-50%); } @media (max-width: 1199px) { .nav-hero #nav-hero .slick-list .slick-track .slick-slide .item { font-size: 12px; padding: 20px; } .nav-hero #nav-hero .slick-list .slick-track .slick-slide .item strong { font-size: 12px; } } .nav-hero #nav-hero .slick-list .slick-track .slick-slide.slick-current:before { background: #D51A00; opacity: 1; animation: myAnimation 5s; } @keyframes myAnimation { 0% { width: 0; } 100% { width: 100%; } } .nav-hero #nav-hero .slick-list .slick-track .slick-slide.slick-current:after { display: none; } .nav-hero #nav-hero .slick-list .slick-track .slick-slide.slick-current .item { visibility: visible; } .nav-hero #nav-hero .slick-list .slick-track .slick-slide.slick-current .item strong { color: #D51A00; } @media (max-width: 1440px) { .nav-hero #nav-hero .item { font-size: 14px; padding: 20px !important; } .nav-hero #nav-hero .item strong { margin-bottom: 10px; } } @media (max-width: 1199px) { .nav-hero #nav-hero .slick-slide { /*margin: 0 5px !important; flex: 0 0 calc(20% - 10px) !important; max-width: calc(20% - 10px) !important;*/ } .nav-hero #nav-hero .slick-slide .item .pin { padding-left: 16px !important; } .nav-hero #nav-hero .slick-slide .item .pin:before { left: -3px !important; font-size: 16px !important; } } @media (max-width: 991px) { .nav-hero { margin-top: 0; } .nav-hero #nav-hero { top: -25px; } .nav-hero #nav-hero .slick-slide { visibility: visible; } .nav-hero #nav-hero .slick-slide:before { height: 4px !important; } .nav-hero #nav-hero .slick-slide .item { padding: 0 !important; height: 4px; display: block !important; } .nav-hero #nav-hero .slick-slide .item strong, .nav-hero #nav-hero .slick-slide .item > div { display: none !important; } } .slide-services, .slide-services-noimage { visibility: visible; } .slide-services .slick-list, .slide-services-noimage .slick-list { padding: 0 20% !important; } .slide-services .slick-list .slick-track, .slide-services-noimage .slick-list .slick-track { display: flex; } .slide-services .slick-list .slick-track .slick-slide, .slide-services-noimage .slick-list .slick-track .slick-slide { padding: 0 15px; height: auto; } .slide-services .slick-list .slick-track .slick-slide > div, .slide-services-noimage .slick-list .slick-track .slick-slide > div { height: 100%; } .slide-services .slick-list .slick-track .slick-slide .item, .slide-services-noimage .slick-list .slick-track .slick-slide .item { display: flex !important; /*align-items: center;*/ border: 2px solid #E5E3DF; } .slide-services .slick-list .slick-track .slick-slide .item .box-sx, .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-sx { flex: 0 0 50%; max-width: 50%; padding: 40px 40px 80px 40px; box-sizing: border-box; position: relative; } .slide-services .slick-list .slick-track .slick-slide .item .box-sx .tit, .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-sx .tit { font-size: 36px; line-height: 1; font-weight: 500; color: #ee2c24; margin-bottom: 30px; } .slide-services .slick-list .slick-track .slick-slide .item .box-sx .txt, .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-sx .txt { font-size: 18px; line-height: 1.5; margin-bottom: 30px; } .slide-services .slick-list .slick-track .slick-slide .item .box-sx .cta, .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-sx .cta { margin: 0; position: absolute; bottom: 40px; left: 40px; } .slide-services .slick-list .slick-track .slick-slide .item .box-dx, .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-dx { flex: 0 0 50%; max-width: 50%; background-size: cover; background-position: center; order: 1; position: relative; overflow: hidden; } .slide-services .slick-list .slick-track .slick-slide .item .box-dx img, .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-dx img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1440px) { .slide-services .slick-list .slick-track .slick-slide .item .box-sx, .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-sx { /*padding: 40px;*/ } .slide-services .slick-list .slick-track .slick-slide .item .box-sx .tit, .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-sx .tit { font-size: 34px; } } @media (max-width: 1199px) { .slide-services .slick-list .slick-track .slick-slide .item .box-sx, .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-sx { padding: 30px 30px 60px 30px; } .slide-services .slick-list .slick-track .slick-slide .item .box-sx .tit, .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-sx .tit { font-size: 26px; margin-bottom: 10px; } .slide-services .slick-list .slick-track .slick-slide .item .box-sx .txt, .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-sx .txt { font-size: 16px; } .slide-services .slick-list .slick-track .slick-slide .item .box-sx .cta, .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-sx .cta { bottom: 30px; left: 30px; } .slide-services .slick-list .slick-track .slick-slide .item .box-sx .cta a, .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-sx .cta a { font-size: 14px; } } @media (max-width: 991px) { .slide-services .slick-list .slick-track .slick-slide .item, .slide-services-noimage .slick-list .slick-track .slick-slide .item { display: block !important; position: relative; } .slide-services .slick-list .slick-track .slick-slide .item .box-sx, .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-sx { max-width: 100%; position: static; } .slide-services .slick-list .slick-track .slick-slide .item .box-dx, .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-dx { max-width: 100%; height: 250px; } } @media (max-width: 767px) { .slide-services .slick-list, .slide-services-noimage .slick-list { padding: 0 !important; } .slide-services .slick-list .slick-slide .item, .slide-services-noimage .slick-list .slick-slide .item { flex-wrap: wrap; } .slide-services .slick-list .slick-slide .item > div, .slide-services .slick-list .slick-slide .item figure, .slide-services-noimage .slick-list .slick-slide .item > div, .slide-services-noimage .slick-list .slick-slide .item figure { flex: 0 0 100% !important; max-width: 100% !important; } .slide-services .slick-list .slick-slide .item figure, .slide-services-noimage .slick-list .slick-slide .item figure { order: -1; } } .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-sx { flex: 0 0 100%; max-width: 100%; padding: 40px; } .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-sx .tit { word-wrap: break-word; } .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-sx .txt { margin-bottom: 0; } .slide-services-noimage .slick-list .slick-track .slick-slide .item .box-dx { display: none; } .slide-services-nav { margin-bottom: 55px; } .slide-services-nav .slick-list .slick-track { width: 100% !important; display: flex; transform: none !important; justify-content: center; } .slide-services-nav .slick-list .slick-track .slick-slide { width: auto !important; } .slide-services-nav .slick-list .slick-track .slick-slide .item { border: 2px solid transparent; font-weight: 500; padding: 10px 35px; cursor: pointer; position: relative; border-radius: 60px; background: none; } @media (max-width: 1440px) { .slide-services-nav .slick-list .slick-track .slick-slide .item { font-size: 16px; padding: 10px 25px; } } @media (max-width: 1199px) { .slide-services-nav .slick-list .slick-track .slick-slide .item { font-size: 14px; padding: 10px; } } .slide-services-nav .slick-list .slick-track .slick-slide.slick-current .item { color: #ee2c24; background: #FFFFFF; border-color: #ee2c24; } .slide-services-nav .slick-list .slick-track .slick-slide.slick-current .item:before { background: #D51A00; width: calc(100% + 4px); opacity: 1; } @media (max-width: 991px) { .slide-services-nav { display: none; } } .slider-default .slick-arrow { top: calc(50% - 40px); } .slider-default .slick-arrow.slick-prev { left: 20px; } .slider-default .slick-arrow.slick-next { right: 20px; } .slider-default-double { margin: 0 -10px; } .slider-default-double .slide-double { position: relative; z-index: 1; overflow: hidden; width: 100%; margin: 0 10px; } .slider-default-double .slide-double:before { content: ""; background: rgb(0, 0, 0); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 85%); opacity: 0.85; background-size: cover; position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 100%; } .slider-default-double .slide-double a { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; } .slider-default-double .slide-double .cont { position: absolute; z-index: 3; left: 30px; bottom: 30px; width: calc(100% - 60px); } .slider-default-double .slide-double .cont .cat { font-size: 14px; line-height: 1; color: #ee2c24; font-weight: 700; text-transform: uppercase; } .slider-default-double .slide-double .cont .tit { line-height: 1.1; color: #FFFFFF; margin: 20px 0 0 0; } .slider-default-double .slide-double img { transition: all 0.3s ease-in-out; width: auto; height: 200px; max-width: none; position: relative; left: 50%; transform: translateX(-50%); } @media (max-width: 767px) { .slider-default-double .slide-double img { transform: translateX(-50%) scale(1.5); } } .slider-default-double .slide-double:hover img { transform: scale(1.1) translateX(-50%); left: calc(50% + 10px); } .big-slideshow { z-index: 0; } @media (max-width: 1023px) { .tmpl-Homepage .nav-hero { /*top: 75px;*/ } } @media (max-width: 991px) { .tmpl-store .hero-top .item .grid > div .title { left: 0; transform: none; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .who-we-are { padding: 80px 0; } @media (max-width: 767px) { .who-we-are { padding: 64px 0; } } .who-we-are .box-sticky { position: sticky; top: 20px; display: flex; flex-direction: column; gap: 24px; } @media (max-width: 767px) { .who-we-are .box-sticky { gap: 16px; } } .who-we-are .box-sticky .titolo { color: #211E1E; margin: 0; letter-spacing: 0; } .who-we-are .box-sticky .txt { color: #666666; } .who-we-are .box-sticky .btn-new { width: -moz-fit-content; width: fit-content; } .who-we-are .cont-box { display: flex; flex-direction: column; gap: 30px; } .who-we-are .cont-box .box { background: #F5F5F5; display: flex; gap: 25px; } .who-we-are .cont-box .box-sx { flex: 0 0 50%; max-width: 50%; overflow: hidden; height: 0; position: relative; padding-bottom: 50%; } .who-we-are .cont-box .box-sx img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .who-we-are .cont-box .box-dx { padding: 25px 25px 25px 0; display: flex; flex-direction: column; gap: 8px; } .who-we-are .cont-box .box-dx .number { color: #D51A00; } .who-we-are .cont-box .box-dx .txt { color: #211E1E; } @media (max-width: 767px) { .who-we-are .cont-box .box { flex-direction: column; gap: 0; } .who-we-are .cont-box .box-sx { flex: 0 0 100%; max-width: 100%; padding-bottom: 100%; } .who-we-are .cont-box .box-dx { padding: 16px 24px; } } @media (max-width: 767px) { .who-we-are .grid { display: flex; flex-direction: column; gap: 42px; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .banner-hp { padding-top: 24px; background: #D51A00; } .banner-hp .grid { align-items: center; } .banner-hp-content { display: flex; flex-direction: column; gap: 16px; color: #FFFFFF; } .banner-hp-content h2 { color: #FFFFFF; margin: 0; letter-spacing: 0; } .banner-hp-content .btn-new { color: #FFFFFF; border-color: #FFFFFF; width: -moz-fit-content; width: fit-content; } .banner-hp-content .btn-new:hover, .banner-hp-content .btn-new:focus { background: #FFFFFF; color: #D51A00; } @media (max-width: 1199px) { .banner-hp .grid { align-items: flex-end; } .banner-hp-content { padding-bottom: 24px; } } @media (max-width: 767px) { .banner-hp { padding-top: 64px; } .banner-hp .grid { display: flex; flex-direction: column; gap: 32px; } .banner-hp-content { padding-bottom: 0; align-items: center; text-align: center; } } .banner-hp { /*.img-mobile { display: none; } @include md { padding: 70px 0 0 0; } @include sm { padding: 120px 0 0 0; margin-top: 75px; } @include xs { padding: 70px 0 0 0; margin-top: 75px; .img-desktop { display: none; } .img-mobile { display: inline-block; } }*/ } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .services { padding: 80px 0; } @media (max-width: 767px) { .services { padding: 64px 0; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .people-possible { padding: 120px 0; } .people-possible .title { margin-bottom: 40px; padding-bottom: 20px; } .people-possible .title:before { content: ""; background: url(/dist/img/baffo.png); position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: left bottom; } .people-possible .cont-box { margin-top: 70px; } .people-possible .cont-box .box { position: relative; z-index: 1; overflow: hidden; width: 100%; } .people-possible .cont-box .box:before { content: ""; background: rgb(0, 0, 0); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 85%); opacity: 0.85; background-size: cover; position: absolute; z-index: 2; left: 0; bottom: -10px; width: 100%; height: 100%; } .people-possible .cont-box .box a { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; } .people-possible .cont-box .box .cont { position: absolute; z-index: 3; left: 30px; bottom: 30px; width: calc(100% - 60px); } .people-possible .cont-box .box .cont .cat { font-size: 14px; line-height: 1; color: #ee2c24; font-weight: 700; text-transform: uppercase; } .people-possible .cont-box .box .cont .tit { font-size: 24px; color: #FFFFFF; margin: 20px 0; } .people-possible .cont-box .box .cont .txt { font-size: 14px; color: #FFFFFF; } .people-possible .cont-box .box img { transition: all 0.3s ease-in-out; width: 100%; height: auto; max-width: none; } .people-possible .cont-box .box:hover img { transform: scale(1.1); } .people-possible .cont-box .box.box-vert { flex: 0 0 calc(50% - 20px); height: calc(50% - 20px); position: absolute; left: 0; top: 0; } .people-possible .cont-box .box.box-vert:nth-child(even) { top: auto; bottom: 0; } .people-possible .cont-box .box.box-vert img { width: 100%; height: auto; } .people-possible .cont-box .flex .box .cont .tit { font-size: 18px; } @media (max-width: 1199px) { .people-possible .cont-box .box.box-vert .cont .cat { visibility: visible; } .people-possible .cont-box .box.box-vert .cont .tit { margin: 10px 0; line-height: 1; } .people-possible .cont-box .box.box-vert .cont .txt { line-height: 1.2; } } @media (max-width: 991px) { .people-possible .cont-box .grid { display: block; margin: 0; } .people-possible .cont-box .grid > div { max-width: 100%; width: 100%; margin: 0; } .people-possible .cont-box .box { position: relative !important; margin-bottom: 20px; } } @media (max-width: 767px) { .people-possible .flex { text-align: center; } .people-possible .flex .title { margin-bottom: 40px; } .people-possible .box { text-align: left; margin-bottom: 10px; } .people-possible .box .cont { bottom: auto !important; top: 50%; transform: translate(-50%, -50%); left: 50% !important; width: 100% !important; padding: 0 30px; } .people-possible .box .cont .cat { visibility: visible; } .people-possible .box .cont .tit { line-height: 1.2; font-size: 20px !important; margin: 10px 0 !important; } .people-possible .box .cont .txt { visibility: visible; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .latest-news { padding: 80px 0 120px; } @media (max-width: 767px) { .latest-news { padding: 64px 0 80px; } } .latest-news-content { display: flex; flex-direction: column; gap: 40px; } @media (max-width: 767px) { .latest-news-content { gap: 32px; } } .latest-news-header { display: flex; align-items: center; justify-content: space-between; } .latest-news-header .titolo { margin: 0; } @media (max-width: 767px) { .latest-news-header { flex-direction: column; align-items: flex-start; gap: 16px; } .latest-news-header .btn-new svg { display: none; } } .latest-news-boxes { display: flex; gap: 40px; } @media (max-width: 991px) { .latest-news-boxes { flex-direction: column; } } .latest-news-box { border-top: 2px solid #BFBFBF; padding-top: 32px; display: flex; flex-direction: column; gap: 16px; } .latest-news-box .info { line-height: 1; display: flex; align-items: center; gap: 8px; } .latest-news-box .info .date { visibility: visible; } .latest-news-box .info .tags { visibility: visible; } .latest-news-box .info .tags ul { margin: 0; padding: 0 0 0 15px; } .latest-news-box .info .tags ul li::marker { color: #D51A00; } .latest-news-box .link { padding-top: 16px; } .latest-news-box .link a { color: #D51A00; text-decoration: underline; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .center-active .service-menu .find { display: none; } .center-active .service-menu .your-center { display: flex !important; } @media (max-width: 991px) { .center-active .service-menu .find { display: block; } .center-active .service-menu .your-center { display: none !important; } } @media (min-width: 991px) { .center-active .primary-menu .your-center { display: none !important; } } .center-active .primary-menu .your-center { display: flex !important; justify-content: flex-end; align-items: center; } @media (max-width: 767px) { .center-active .primary-menu .mobile-logo { visibility: visible; } .center-active .primary-menu .mobile-logo svg { transform: scale(0.65); transform-origin: left center; } .center-active .primary-menu .your-center { width: 130px !important; max-width: 130px !important; right: 70px !important; } .center-active .primary-menu .your-center .flex { display: flex; } .center-active .primary-menu .your-center figure { width: 30px !important; height: 30px !important; border-radius: 30px !important; margin-right: 6px; display: none !important; } .center-active .primary-menu .your-center figure img { position: relative; top: -3px; } .center-active .primary-menu .your-center .data { font-size: 12px; line-height: 1; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .center-detail { margin-bottom: 115px; } @media (max-width: 767px) { .center-detail { margin-left: 15px; margin-right: 15px; } } .center-detail .cont-detail-sx { visibility: visible; } .center-detail .cont-detail-sx:before { content: ""; background: #FFFFFF; position: absolute; z-index: -1; right: 0; top: 0; height: 100%; width: 1000px; } @media (max-width: 991px) { .center-detail .cont-detail-sx:before { right: -30px; } } .center-detail .cont-detail-sx .detail-sx { position: static; background: #FFFFFF; position: relative; padding-right: 25px; height: 100%; overflow: visible; } @media (max-width: 991px) { .center-detail .cont-detail-sx .detail-sx { padding-right: 0; position: static !important; width: 100% !important; max-height: none !important; overflow-y: visible; } } .center-detail .cont-detail-sx .detail-sx figure { overflow: hidden; width: 210px; height: 210px; border-radius: 210px; border: 2px solid #E5E3DF; position: relative; top: -105px; margin-bottom: 30px; transition: all 0.3s ease-in-out; } .center-detail .cont-detail-sx .detail-sx figure img { visibility: visible; } @media (max-width: 767px) { .center-detail .cont-detail-sx .detail-sx figure { left: 50%; transform: translateX(-50%); } } .center-detail .cont-detail-sx .detail-sx .datas { margin-top: -105px; transition: all 0.3s ease-in-out; } .center-detail .cont-detail-sx .detail-sx .name { font-size: 24px; line-height: 1; font-weight: 500; } @media (max-width: 767px) { .center-detail .cont-detail-sx .detail-sx .name { text-align: center; } } .center-detail .cont-detail-sx .detail-sx .position { font-size: 18px; line-height: 1; color: #989898; margin: 20px 0; } @media (max-width: 767px) { .center-detail .cont-detail-sx .detail-sx .position { text-align: center; } } .center-detail .cont-detail-sx .detail-sx .center-name { font-size: 24px; line-height: 1; color: #D51A00; } @media (max-width: 767px) { .center-detail .cont-detail-sx .detail-sx .center-name { text-align: center; margin-bottom: 10px; } } .center-detail .cont-detail-sx .detail-sx .solution { font-size: 14px; line-height: 1; text-transform: uppercase; font-weight: 500; position: relative; padding-left: 25px; } .center-detail .cont-detail-sx .detail-sx .solution:before { font-family: "Material Icons"; content: "\e83a"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 22px; line-height: 1; } @media (max-width: 767px) { .center-detail .cont-detail-sx .detail-sx .solution { text-align: center; padding-left: 0; } .center-detail .cont-detail-sx .detail-sx .solution:before { position: relative; transform: none; top: 5px; left: -5px; } } .center-detail .cont-detail-sx .detail-sx .cta { margin: 0; width: 100%; } .center-detail .cont-detail-sx .detail-sx .cta:before { content: ""; } .center-detail .cont-detail-sx .detail-sx .cta a { display: block; } .center-detail .cont-detail-sx .detail-sx .cont-address { margin: 45px 0; } .center-detail .cont-detail-sx .detail-sx .cont-address .address { font-size: 16px; line-height: 1; font-weight: 500; } .center-detail .cont-detail-sx .detail-sx .cont-address .cta { width: 45%; } @media (max-width: 1199px) { .center-detail .cont-detail-sx .detail-sx .cont-address .cta { width: 100%; margin-top: 10px; } } @media (max-width: 991px) { .center-detail .cont-detail-sx .detail-sx .cont-address .cta { width: 100%; margin-top: 0; } } @media (max-width: 991px) and (max-width: 767px) { .center-detail .cont-detail-sx .detail-sx .cont-address .cta a { padding-right: 45px; } } @media (max-width: 767px) { .center-detail .cont-detail-sx .detail-sx .cont-address { display: flex; } } .center-detail .cont-detail-sx .detail-sx .track-ship { margin-bottom: 40px; } .center-detail .cont-detail-sx .detail-sx .track-ship form { visibility: visible; } .center-detail .cont-detail-sx .detail-sx .track-ship form label { position: relative; display: inline-flex; margin-bottom: 15px; font-weight: 400; } .center-detail .cont-detail-sx .detail-sx .track-ship form label:after { font-family: "Material Icons"; content: "\e55c"; position: absolute; right: -30px; top: 50%; transform: translateY(-50%); font-size: 24px; } .center-detail .cont-detail-sx .detail-sx .track-ship form > div { position: relative; } .center-detail .cont-detail-sx .detail-sx .track-ship form > div input { border: 2px solid #EBEBEB; width: 100%; font-family: "Ubuntu", sans-serif; font-size: 18px; padding: 22px 85px 22px 22px; box-sizing: border-box; line-height: 1; } .center-detail .cont-detail-sx .detail-sx .track-ship form > div input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-style: normal !important; color: #989898 !important; font-weight: 400 !important; } .center-detail .cont-detail-sx .detail-sx .track-ship form > div input::-moz-placeholder { /* Firefox 19+ */ font-style: normal !important; color: #989898 !important; font-weight: 400 !important; } .center-detail .cont-detail-sx .detail-sx .track-ship form > div input:-ms-input-placeholder { /* IE 10+ */ font-style: normal !important; color: #989898 !important; font-weight: 400 !important; } .center-detail .cont-detail-sx .detail-sx .track-ship form > div input:-moz-placeholder { /* Firefox 18- */ font-style: normal !important; color: #989898 !important; font-weight: 400 !important; } .center-detail .cont-detail-sx .detail-sx .track-ship form > div button { background: #D51A00; border: none; position: absolute; right: 2px; top: 2px; height: 65px; width: 65px; cursor: pointer; } .center-detail .cont-detail-sx .detail-sx .track-ship form > div button:before { font-family: "Material Icons"; content: "\e8b6"; color: #FFFFFF; font-size: 24px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .center-detail .cont-detail-sx .detail-sx .r-01 { margin-bottom: 20px; } @media (max-width: 767px) { .center-detail .cont-detail-sx .detail-sx .r-01 { justify-content: space-between; margin-bottom: 10px; } .center-detail .cont-detail-sx .detail-sx .r-01 > div { flex: 0 0 calc(50% - 10px); } } @media (max-width: 767px) { .center-detail .cont-detail-sx .detail-sx .r-02 > div { max-width: 100% !important; width: 100% !important; flex: 0 0 100% !important; } } @media (max-width: 767px) { .center-detail .cont-detail-sx .detail-sx .r-01, .center-detail .cont-detail-sx .detail-sx .r-02 { display: flex; } .center-detail .cont-detail-sx .detail-sx .r-01 > div, .center-detail .cont-detail-sx .detail-sx .r-02 > div { flex: 0 0 48%; max-width: calc(50% - 15px); width: calc(50% - 15px); margin: 0; } } @media screen and (max-width: 320px) { .center-detail .cont-detail-sx .detail-sx .r-01 > div, .center-detail .cont-detail-sx .detail-sx .r-02 > div { flex: 0 0 100%; margin: 0 0 10px; } .center-detail .cont-detail-sx .detail-sx .r-01 > div:last-child, .center-detail .cont-detail-sx .detail-sx .r-02 > div:last-child { margin: 0; } } .center-detail .cont-detail-sx .detail-sx.fixed { position: fixed; transition: all 0.3s ease-in-out; padding-bottom: 40px; overflow-y: auto; } .center-detail .cont-detail-sx .detail-sx.fixed figure { top: 30px; width: 80px; height: 80px; } @media (min-width: 991px) and (max-width: 1199px) { .center-detail .cont-detail-sx .detail-sx.fixed figure { top: 20px; } } .center-detail .cont-detail-sx .detail-sx.fixed .datas { margin-top: 60px; } @media (min-width: 991px) and (max-width: 1199px) { .center-detail .cont-detail-sx .detail-sx.fixed .datas { margin-top: 35px; } .center-detail .cont-detail-sx .detail-sx.fixed .datas .position { margin: 15px 0; } .center-detail .cont-detail-sx .detail-sx.fixed .datas .cont-address { margin: 15px 0; } .center-detail .cont-detail-sx .detail-sx.fixed .datas .track-ship { margin-bottom: 15px; } } .center-detail .cont-detail-sx .detail-sx.fixed.sganciati { /*transition: $fade; position: static;*/ opacity: 0; pointer-events: none; } .center-detail .detail-dx { padding-left: 45px; overflow: hidden; } @media (max-width: 1199px) { .center-detail .detail-dx { padding-left: 0; } } .center-detail .detail-dx .cont-tab { visibility: visible; } .center-detail .detail-dx .cont-tab .tab { padding: 20px 0; position: relative; justify-content: flex-start; } .center-detail .detail-dx .cont-tab .tab:before { content: ""; background: #ceccc8; height: 2px; position: absolute; left: -75px; bottom: 0; width: 100vw; } @media (max-width: 1199px) { .center-detail .detail-dx .cont-tab .tab:before { left: -30px; } } .center-detail .detail-dx .cont-tab .tab:after { content: ""; background: #E5E3DF; position: absolute; height: 100%; width: 100vw; z-index: -1; left: -75px; } @media (max-width: 1199px) { .center-detail .detail-dx .cont-tab .tab:after { left: -30px; } } .center-detail .detail-dx .cont-tab .tab .tit { font-size: 16px; line-height: 1; font-weight: 500; color: #D51A00; margin-right: 20px; } @media (max-width: 767px) { .center-detail .detail-dx .cont-tab .tab .tit { display: none; } } .center-detail .detail-dx .cont-tab .tab ul { list-style-type: none; margin: 0; padding: 0; flex: 0 0 100%; justify-content: flex-start; } @media (max-width: 1199px) { .center-detail .detail-dx .cont-tab .tab ul { flex: 0 0 85%; } } @media (max-width: 767px) { .center-detail .detail-dx .cont-tab .tab ul { display: flex; } } .center-detail .detail-dx .cont-tab .tab ul li { display: inline-block; margin: 0 20px; } .center-detail .detail-dx .cont-tab .tab ul li:first-child { margin: 0; } .center-detail .detail-dx .cont-tab .tab ul li a { text-decoration: none; font-size: 14px; line-height: 1; text-transform: uppercase; font-weight: 500; color: #1c1819; transition: all 0.3s ease-in-out; position: relative; } @media (max-width: 767px) { .center-detail .detail-dx .cont-tab .tab ul li a { font-size: 11px; } } .center-detail .detail-dx .cont-tab .tab ul li a:before { content: ""; position: absolute; left: 0; bottom: -2px; width: 0; height: 2px; background: #1c1819; transition: all 0.3s ease-in-out; } .center-detail .detail-dx .cont-tab .tab ul li a:hover { color: #D51A00; } .center-detail .detail-dx .cont-tab .tab ul li a:hover:before { background: #D51A00; width: 100%; } .center-detail .detail-dx .cont-tab.fixed { position: fixed; z-index: 9999; transition: all 0.3s ease-in-out; } .center-detail .detail-dx .cont-tab.fixed.sganciati { opacity: 0; pointer-events: none; } @media (max-width: 991px) { .center-detail .detail-dx .cont-tab.fixed { position: static; } } .center-detail .detail-dx .tab-blocco { padding: 75px 0; position: relative; } @media (max-width: 767px) { .center-detail .detail-dx .tab-blocco { padding: 50px 0; } } .center-detail .detail-dx .tab-blocco:after { content: ""; background: #FFFFFF; position: absolute; bottom: 0; left: -75px; width: 100vw; height: 2px; } .center-detail .detail-dx .tab-blocco .title { margin: 0; padding-bottom: 45px; } .center-detail .detail-dx .tab-blocco .title strong { color: #D51A00; font-weight: 500; } .center-detail .detail-dx .tab-blocco .title:before { display: none; } .center-detail .detail-dx .tab-blocco .services-center { visibility: visible; } .center-detail .detail-dx .tab-blocco .services-center .service { display: flex; margin-bottom: 30px; } @media (max-width: 1199px) { .center-detail .detail-dx .tab-blocco .services-center .service { flex: 0 0 calc(100% - 30px); max-width: calc(100% - 30px); width: calc(100% - 30px); } } .center-detail .detail-dx .tab-blocco .services-center .service figure { flex: 0 0 40%; max-width: 40%; overflow: hidden; position: relative; } .center-detail .detail-dx .tab-blocco .services-center .service figure img { height: 100%; max-width: none; width: auto; position: absolute; left: 50%; transform: translateX(-50%); } @media (max-width: 1199px) { .center-detail .detail-dx .tab-blocco .services-center .service figure img { height: auto; width: 100%; max-width: none; position: static; transform: none; } } @media (max-width: 767px) { .center-detail .detail-dx .tab-blocco .services-center .service figure img { height: 100%; max-width: none; width: auto; position: absolute; left: 50%; transform: translateX(-50%); } } .center-detail .detail-dx .tab-blocco .services-center .service > div { flex: 0 0 60%; max-width: 60%; display: flex; flex-direction: column; height: 100%; justify-content: space-between; background: #FFFFFF; padding: 25px; } .center-detail .detail-dx .tab-blocco .services-center .service > div .title { font-size: 22px; line-height: 1; padding: 0; margin-bottom: 10px; } .center-detail .detail-dx .tab-blocco .services-center .service > div a { color: #D51A00; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 1; } .center-detail .detail-dx .tab-blocco .looking { margin-top: 20px; } .center-detail .detail-dx .tab-blocco .looking .tit { font-size: 24px; font-weight: 500; } .center-detail .detail-dx .customer { align-items: flex-start; padding-bottom: 45px; } .center-detail .detail-dx .customer .title { padding-bottom: 0; } .center-detail .detail-dx .customer .based-review { text-align: right; font-size: 16px; } .center-detail .detail-dx .customer .based-review .number { color: #D51A00; font-size: 36px; line-height: 1; font-weight: 500; margin-right: 20px; } .center-detail .detail-dx .stars { position: relative; overflow: hidden; } .center-detail .detail-dx .stars img { width: 100%; position: relative; z-index: 10; } .center-detail .detail-dx .stars:before { content: ""; background: #D51A00; position: absolute; z-index: 0; left: 1px; height: 100%; width: 70%; } .center-detail .detail-dx .stars.stars-4:before { width: 80%; } .center-detail .detail-dx .stars.stars-4-half:before { width: 90%; } .center-detail .detail-dx .stars.stars-5:before { width: 100%; } .center-detail .detail-dx .cont-slide-review { visibility: visible; } .center-detail .detail-dx .cont-slide-review .slide-review, .center-detail .detail-dx .cont-slide-review .slide-careers { visibility: visible; } .center-detail .detail-dx .cont-slide-review .slide-review .slick-list, .center-detail .detail-dx .cont-slide-review .slide-careers .slick-list { background: #fff; } .center-detail .detail-dx .cont-slide-review .slide-review .item, .center-detail .detail-dx .cont-slide-review .slide-careers .item { background: #FFFFFF; padding: 40px 30px; } .center-detail .detail-dx .cont-slide-review .slide-review .item .txt-dx, .center-detail .detail-dx .cont-slide-review .slide-careers .item .txt-dx { font-size: 14px; font-weight: 600; text-transform: uppercase; color: #989898; } .center-detail .detail-dx .cont-slide-review .slide-review .item .tit, .center-detail .detail-dx .cont-slide-review .slide-careers .item .tit { font-size: 28px; font-weight: 500; margin: 50px 0 20px; } .center-detail .detail-dx .cont-slide-review .slide-review .item .text, .center-detail .detail-dx .cont-slide-review .slide-careers .item .text { visibility: visible; } .center-detail .detail-dx .cont-slide-review .slide-review .item .text a, .center-detail .detail-dx .cont-slide-review .slide-careers .item .text a { display: block; color: #D51A00; text-transform: uppercase; text-decoration: none; font-size: 16px; font-weight: 500; margin-top: 30px; } .center-detail .detail-dx .cont-slide-review .slide-review .slick-arrow, .center-detail .detail-dx .cont-slide-review .slide-careers .slick-arrow { border-left: 2px solid #E5E3DF; position: absolute; bottom: -91px; width: 91px; height: 91px; transform: none; top: auto; left: auto; } .center-detail .detail-dx .cont-slide-review .slide-review .slick-arrow:after, .center-detail .detail-dx .cont-slide-review .slide-careers .slick-arrow:after { color: #D51A00; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 100; font-size: 40px; } .center-detail .detail-dx .cont-slide-review .slide-review .slick-arrow.slick-prev, .center-detail .detail-dx .cont-slide-review .slide-careers .slick-arrow.slick-prev { right: 91px; } .center-detail .detail-dx .cont-slide-review .slide-review .slick-arrow.slick-prev:after, .center-detail .detail-dx .cont-slide-review .slide-careers .slick-arrow.slick-prev:after { font-family: "Material Icons"; content: "\e408"; } .center-detail .detail-dx .cont-slide-review .slide-review .slick-arrow.slick-next, .center-detail .detail-dx .cont-slide-review .slide-careers .slick-arrow.slick-next { right: 0; } .center-detail .detail-dx .cont-slide-review .slide-review .slick-arrow.slick-next:after, .center-detail .detail-dx .cont-slide-review .slide-careers .slick-arrow.slick-next:after { font-family: "Material Icons"; content: "\e409"; } .center-detail .detail-dx .cont-slide-review .slide-review .slick-arrow.slick-disabled, .center-detail .detail-dx .cont-slide-review .slide-careers .slick-arrow.slick-disabled { pointer-events: none; } .center-detail .detail-dx .cont-slide-review .slide-review .slick-arrow.slick-disabled:after, .center-detail .detail-dx .cont-slide-review .slide-careers .slick-arrow.slick-disabled:after { opacity: 0.5; } .center-detail .detail-dx .cont-slide-review .slide-careers { visibility: visible; } .center-detail .detail-dx .cont-slide-review .slide-careers .item { visibility: visible; } .center-detail .detail-dx .cont-slide-review .slide-careers .item .tit { margin: 0 0 20px; } .center-detail .detail-dx .cont-slide-review .nav-review, .center-detail .detail-dx .cont-slide-review .nav-careers { background: #FFFFFF; padding: 30px; border-top: 2px solid #E5E3DF; } .center-detail .detail-dx .cont-slide-review .nav-review .how, .center-detail .detail-dx .cont-slide-review .nav-careers .how { visibility: visible; } .center-detail .detail-dx .cont-slide-review .nav-review .of, .center-detail .detail-dx .cont-slide-review .nav-careers .of { visibility: visible; } .center-detail .detail-dx .write-review { font-size: 24px; font-weight: 500; margin-top: 50px; } .center-detail .detail-dx .write-review a { text-transform: uppercase; color: #1c1819; font-size: 16px; text-decoration: none; position: relative; } .center-detail .detail-dx .write-review a:before { font-family: "Material Icons"; content: "\e3c9"; position: absolute; top: 50%; transform: translateY(-50%); left: -30px; font-size: 22px; } @media (max-width: 1199px) { .center-detail .detail-dx .write-review { display: block; } .center-detail .detail-dx .write-review a:before { left: auto; right: -30px; } } .center-detail .detail-dx .stay-up { margin-bottom: 45px; } .center-detail .detail-dx .stay-up .title { padding-bottom: 0; flex: 0 0 60%; max-width: 60%; } @media (max-width: 767px) { .center-detail .detail-dx .stay-up .title { flex: 0 0 100%; max-width: 100%; } } .center-detail .detail-dx .stay-up .discount { flex: 0 0 40%; max-width: 40%; text-align: right; } @media (max-width: 767px) { .center-detail .detail-dx .stay-up .discount { flex: 0 0 100%; max-width: 100%; text-align: inherit; } } .center-detail .detail-dx .social { visibility: visible; justify-content: start; } .center-detail .detail-dx .social .cta { flex: 0 0 calc(33.33% - 20px); max-width: calc(33.33% - 20px); margin-right: 15px; } @media (max-width: 767px) and (orientation: portrait) { .center-detail .detail-dx .social .cta { max-width: calc(50% - 20px); } } .center-detail .detail-dx .social .cta:before { content: ""; } .center-detail .detail-dx .social .cta a { display: block; } @media (max-width: 991px) { .center-detail .col-5, .center-detail .col-7 { flex: 0 0 calc(100% - 30px); max-width: calc(100% - 30px); width: calc(100% - 30px); } .center-detail .col-5 { padding-bottom: 40px; } } @media (max-width: 767px) { .center-detail { overflow-x: clip; } } @media (max-width: 1023px) { .tmpl-store .center-detail { margin-top: 75px; } } @media (max-width: 767px) { .tmpl-store .center-detail { margin-top: 65px; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .modal { height: 0; } .modal-dialog { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); opacity: 0; pointer-events: none; } .modal-dialog.active { opacity: 1; pointer-events: all; } .modal-dialog .modal-content { background: #FFFFFF; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 30px; width: 80vw; max-height: 90vh; overflow-y: auto; } .modal-dialog .modal-content::-webkit-scrollbar { width: 12px; border-radius: 0px; background-color: #f5f2f0; } .modal-dialog .modal-content::-webkit-scrollbar-button { display: none; } .modal-dialog .modal-content::-webkit-scrollbar-button:hover { display: none; } .modal-dialog .modal-content::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); box-shadow: none; border-radius: 8px; border: 2px solid #f5f2f0; } .modal-dialog .modal-content::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.2); } .modal-dialog .modal-content::-webkit-scrollbar-track { background-color: #f5f2f0; border-radius: 0px; } .modal-dialog .modal-content::-webkit-scrollbar-track:hover { background-color: #f5f2f0; } .modal-dialog .modal-content .modal-header { position: absolute; padding: 0; right: 30px; top: 30px; } .modal-dialog .modal-content .modal-header button { margin: 0; opacity: 1; background: none; border: none; cursor: pointer; } .modal-dialog .modal-content .modal-body .form_contatti_wrapper .topic-wrapper { overflow-x: hidden; } @media (max-width: 1199px) { .modal-dialog .modal-content { width: 90vw; } } @media (max-width: 991px) { .modal-dialog .modal-content { width: 90vw; padding-top: 80px; } .modal-dialog .modal-content .modal-header { right: auto; left: 50%; transform: translateX(-50%); } .modal-dialog .modal-content .modal-header button { visibility: visible; } } #cambia-paese { visibility: visible; } #cambia-paese .listaPaesi { display: flex; flex-wrap: wrap; justify-content: space-between; } #cambia-paese .listaPaesi .mappa { flex: 0 0 80%; max-width: 80%; } #cambia-paese .listaPaesi .selezioni { flex: 0 0 20%; max-width: 20%; } #cambia-paese .listaPaesi .selezioni label { display: block; font-weight: 500; margin-bottom: 8px; } #cambia-paese .listaPaesi .selezioni select { display: block; width: 100%; margin-bottom: 10px; border: 1px solid #ccc; padding: 8px; color: #555; font-family: "Ubuntu", sans-serif; font-weight: 100; } @media (max-width: 991px) { #cambia-paese .listaPaesi { display: block; } #cambia-paese .listaPaesi .selezioni { max-width: 100%; } } #store-sceglinegozio { visibility: visible; } #store-sceglinegozio .messaggio { visibility: visible; } #store-sceglinegozio .messaggio input { box-sizing: border-box; border: 1px solid #ccc; padding: 8px; color: #555; font-family: "Ubuntu", sans-serif; font-weight: 100; margin-bottom: 15px; } @media (max-width: 991px) { #store-sceglinegozio .messaggio input { width: 100%; } } #store-contatto { visibility: visible; width: 100%; overflow: hidden; } #store-join .modal-list { text-align: center; } #store-join .modal-body { padding-bottom: 0; } #store-join .modal-body p { text-align: center; } body.gold-theme .btn { background-color: #c1a37c; border-color: #c1a37c; } body.gold-theme .btn:hover, body.gold-theme .btn:focus, body.gold-theme .btn:active { background-color: #a3845d !important; border-color: #c1a37c !important; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ #storie { visibility: visible; } #storie a .text strong { color: #FFFFFF; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .parla-con-noi { visibility: visible; } .parla-con-noi .title { font-size: 2.6em !important; } @media (max-width: 991px) { .parla-con-noi .title { left: 0 !important; transform: none !important; } } .parla-con-noi .txt { font-size: 1.3em; line-height: 1.5; } .talk-boxes { padding: 80px 0 145px; } .talk-boxes .grid > div { /* margin-bottom: 10px;*/ } @media (max-width: 991px) { .talk-boxes .grid { display: block; } .talk-boxes .grid > div { width: 100%; max-width: 100%; margin: 0 0 10px 0; } } .talk-boxes .box { background: #FFFFFF; text-align: center; padding: 60px 30px 170px 30px; height: 100%; } .talk-boxes .box .icon:before { display: none; } .talk-boxes .box .icon:after { font-family: "Material Icons"; color: #D51A00; margin-bottom: 50px; font-size: 40px; display: block; } .talk-boxes .box .icon.send:after { content: "\e158"; } .talk-boxes .box .icon.call:after { content: "\e61d"; } .talk-boxes .box .icon.location:after { content: "\e0c8"; } .talk-boxes .box .icon.chat:after { content: "\e8af"; } .talk-boxes .box figure { overflow: hidden; width: 103px; height: 103px; border-radius: 103px; margin: 0 auto 40px; border: 2px solid #eae8e5; } .talk-boxes .box figure img { visibility: visible; } .talk-boxes .box .title { color: #D51A00; padding: 0; margin-bottom: 20px; } .talk-boxes .box .title:before { display: none; } .talk-boxes .box .txt { font-size: 20px; line-height: 1.5; } .talk-boxes .box .txt span { color: #D51A00; } .talk-boxes .box .cta { margin: 0; position: absolute; left: 50%; transform: translateX(-50%); bottom: 60px; width: 100%; } .talk-boxes .box .cta a { display: inline-block; } .talk-boxes .box .flex { justify-content: center; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; bottom: 60px; } .talk-boxes .box .flex .cta { margin: 0 5px; position: static; width: auto; transform: none; } .talk-boxes .box .flex .cta a { padding: 15px 45px 15px 15px; /*box-sizing: border-box; text-align: left; margin: 0; position: relative; display: block;*/ } @media (max-width: 1440px) { .talk-boxes .box .flex .cta a { font-size: 13px; } } @media (max-width: 1199px) { .talk-boxes .box { padding: 20px 20px 100px 20px; } .talk-boxes .box .icon:after { margin-bottom: 20px; } .talk-boxes .box .title { font-size: 28px; } .talk-boxes .box .txt { font-size: 18px; } .talk-boxes .box .cta { bottom: 40px; } .talk-boxes .box .flex { /*display: block;*/ bottom: 40px; } .talk-boxes .box .flex .cta { /*margin: 30px 0 0 0;*/ } .talk-boxes .box .flex .cta a { /*display: block;*/ padding: 10px 45px 10px 15px; } } @media (max-width: 991px) { .talk-boxes .box { padding: 20px 20px 40px; } .talk-boxes .box .cta { position: static; transform: none; margin-top: 50px; } .talk-boxes .box .flex { display: flex; position: static; transform: none; } .talk-boxes .box .flex .cta { margin: 50px 5px 0 5px; } .talk-boxes .box .flex .cta a { padding: 15px 45px 15px 15px; box-sizing: border-box; text-align: left; margin: 0; position: relative; display: block; } } .talk-form { padding-bottom: 12px; } .talk-form .title { display: block; margin-bottom: 30 px; padding-bottom: 0; color: #D51A00; } .talk-form .title:before { display: none; } .talk-form #form_contatti { margin-top: 50px; } .talk-form #form_contatti input, .talk-form #form_contatti select, .talk-form #form_contatti textarea { background: #FFFFFF; color: #989898; font-weight: 400 !important; font-size: 18px; line-height: 1; height: auto !important; padding: 30px !important; box-sizing: border-box; } .talk-form #form_contatti input::-webkit-input-placeholder, .talk-form #form_contatti select::-webkit-input-placeholder, .talk-form #form_contatti textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-style: normal !important; color: #989898 !important; font-weight: 400 !important; } .talk-form #form_contatti input::-moz-placeholder, .talk-form #form_contatti select::-moz-placeholder, .talk-form #form_contatti textarea::-moz-placeholder { /* Firefox 19+ */ font-style: normal !important; color: #989898 !important; font-weight: 400 !important; } .talk-form #form_contatti input:-ms-input-placeholder, .talk-form #form_contatti select:-ms-input-placeholder, .talk-form #form_contatti textarea:-ms-input-placeholder { /* IE 10+ */ font-style: normal !important; color: #989898 !important; font-weight: 400 !important; } .talk-form #form_contatti input:-moz-placeholder, .talk-form #form_contatti select:-moz-placeholder, .talk-form #form_contatti textarea:-moz-placeholder { /* Firefox 18- */ font-style: normal !important; color: #989898 !important; font-weight: 400 !important; } .talk-form #form_contatti .select { position: relative; } .talk-form #form_contatti .select:after { font-family: "Material Icons"; content: "\e5c5"; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); font-size: 30px; } .talk-form #form_contatti .select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .talk-form #form_contatti .fake-radio { background: none; height: 100%; padding: 30px 0 30px 50px; line-height: 1; font-size: 18px; font-weight: 100; } .talk-form #form_contatti .fake-radio:before { font-family: "Material Icons"; content: "\e5ca"; color: #707070; top: 50%; transform: translateY(-50%); z-index: 10; opacity: 0; transition: all 0.3s ease-in-out; } .talk-form #form_contatti .fake-radio:after { background: #FFFFFF; top: 50%; transform: translateY(-50%); } .talk-form #form_contatti .fake-radio.checked { visibility: visible; } .talk-form #form_contatti .fake-radio.checked:before { opacity: 1; } .talk-form #form_contatti .fake-radio.checked:after { visibility: visible; } .talk-form #form_contatti .checkbox { margin-top: 55px; margin-bottom: 0; } .talk-form #form_contatti .checkbox label { font-size: 18px; color: #1c1819; font-weight: 400; line-height: 1.66; } .talk-form #form_contatti .checkbox label:before { top: 6px; left: 0; transform: none; border: 1px solid #707070; } .talk-form #form_contatti .checkbox label:after { left: 4px !important; top: 15px !important; width: 10px; height: 10px; } .talk-form #form_contatti .checkbox input[type=checkbox]:checked + label:before { left: 0; width: 18px; height: 18px; background: #FFFFFF; } .talk-form #form_contatti .checkbox input[type=checkbox]:checked + label:after { left: 4px !important; top: 15px !important; background: #707070; border: none; opacity: 1; width: 10px; height: 10px; border: none; } .talk-form #form_contatti .radio { font-size: 18px; color: #1c1819; margin-bottom: 0; margin-top: 50px; } .talk-form #form_contatti .radio label { visibility: visible; } .talk-form #form_contatti .radio label input { visibility: visible; } .talk-form #form_contatti .submit { margin-top: 75px; } .talk-form #form_contatti .submit .cta { margin-top: 0; } .talk-form #form_contatti .submit .cta button { padding: 15px 50px; } @media (max-width: 1199px) { .talk-form #form_contatti input, .talk-form #form_contatti select, .talk-form #form_contatti textarea { padding: 15px 30px !important; } .talk-form #form_contatti .privato-azienda > div { flex: 0 0 calc(33.32% - 30px); max-width: calc(33.32% - 30px); width: calc(33.32% - 30px); margin-left: calc(24.99% - 30px); } .talk-form #form_contatti .privato-azienda > div:last-child { margin-left: calc(16.66% - 30px); } .talk-form #form_contatti .fake-radio { padding: 15px 0 15px 50px; } } @media (max-width: 991px) { .talk-form #form_contatti .privato-azienda > div { flex: 0 0 calc(49.98% - 40px); max-width: calc(49.98% - 40px); width: calc(49.98% - 40px); margin-left: 25px !important; } .talk-form #form_contatti .fake-radio { padding: 15px 0 15px 50px; } .talk-form #form_contatti .checkbox, .talk-form #form_contatti .radio { visibility: visible; flex: 0 0 calc(99.96% - 30px); max-width: calc(99.96% - 30px); width: calc(99.96% - 30px); margin: 50px 15px 0; } } @media (max-width: 767px) { .talk-form #form_contatti .privato-azienda { display: flex; margin: 0 15px; justify-content: space-between; } .talk-form #form_contatti .privato-azienda > div { margin-left: 0 !important; margin-right: 0 !important; } .talk-form #form_contatti .checkbox label { font-size: 15px; } .talk-form #form_contatti .radio { font-size: 15px; } .talk-form #form_contatti .radio label:first-child { padding-left: 0; } } @media (max-width: 1023px) { .tmpl-talk-whit-us .talk-boxes { margin-top: 75px; } } @media (max-width: 991px) { .tmpl-talk-whit-us .hero-top .item .grid > div .title { left: 0; transform: none; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .product-page { padding: 120px 0 90px 0; } .product-page .title { display: block; margin-bottom: 30px; padding-bottom: 0; } .product-page .title:before { display: none; } .product-page .intro-text { margin-bottom: 60px; } .product-page .listing-products { visibility: visible; padding-top: 100px; } .product-page .listing-products .tit { text-transform: uppercase; font-weight: 600; text-align: center; margin: 55px 0; } .product-page .listing-products .listing { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -15px; } .product-page .listing-products .listing .box { flex: 0 0 calc(50% - 30px); max-width: calc(50% - 30px); display: flex; /*justify-content: space-between;*/ background: #FFFFFF; margin: 0 15px 30px 15px; } .product-page .listing-products .listing .box figure { flex: 0 0 134px; max-width: 134px; overflow: hidden; } .product-page .listing-products .listing .box figure img { height: 100%; width: auto; max-width: none; position: relative; left: 50%; transform: translateX(-50%); transform-origin: center; transition: all 0.3s ease-in-out; } .product-page .listing-products .listing .box > div { padding: 20px 30px; } .product-page .listing-products .listing .box > div .tit { margin: 0; text-align: left; font-size: 1.3em; line-height: 1; } .product-page .listing-products .listing .box > div .txt { font-size: 0.77em; line-height: 1.5; margin: 10px 0; } .product-page .listing-products .listing .box > div a { color: #D51A00; font-size: 0.88em; font-weight: 600; text-transform: uppercase; line-height: 1; display: block; } .product-page .listing-products .listing .box:hover figure img { transform: scale(1.1) translateX(-50%); } @media (max-width: 991px) { .product-page .listing-products .listing { margin: 0; } .product-page .listing-products .listing .box { flex: 0 0 100%; max-width: 100%; margin: 0 0 30px 0; } .product-page .listing-products .listing .box:hover figure img { transform: scale(1) translateX(-50%); } } .row-faq { padding: 40px 0; border-bottom: 2px solid #E5E3DF; } .row-faq .tit { font-size: 1.33em; font-weight: 500; line-height: 1; position: relative; padding-left: 70px; } .row-faq .tit:before { font-family: "Material Icons"; content: "\e8fd"; color: #D51A00; font-size: 40px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .people-possible-no-hp .people-possible { margin-top: 100px; } .imgs-testo-immagine-wrapper .img-testo-immagine { margin-bottom: 100px; } .imgs-testo-immagine-wrapper .img-testo-immagine .abstract { color: #ee2c24; font-size: 24px; line-height: 1.4em; padding-bottom: 20px; } .imgs-testo-immagine-wrapper .img-testo-immagine .body ul { margin: 30px 0; padding: 0; list-style-type: none; } .imgs-testo-immagine-wrapper .img-testo-immagine .body ul li { position: relative; padding-left: 50px; margin-bottom: 20px; line-height: 1.2; } .imgs-testo-immagine-wrapper .img-testo-immagine .body ul li:last-child { margin-bottom: 0; } .imgs-testo-immagine-wrapper .img-testo-immagine .body ul li:before { content: url(/img/ico-li-check.png); position: absolute; left: -10px; top: -10px; transform: scale(0.7); } .imgs-testo-immagine-wrapper .img-testo-immagine .img-wrapper { padding-bottom: 25px; } @media (min-width: 991px) { .imgs-testo-immagine-wrapper .img-testo-immagine { display: flex; align-items: center; } .imgs-testo-immagine-wrapper .img-testo-immagine.odd { flex-direction: row-reverse; } .imgs-testo-immagine-wrapper .img-testo-immagine .img-wrapper { width: 50%; padding-bottom: 0; } .imgs-testo-immagine-wrapper .img-testo-immagine .img-wrapper img { width: 100%; height: auto; } .imgs-testo-immagine-wrapper .img-testo-immagine .testo-wrapper { width: 50%; } .imgs-testo-immagine-wrapper .img-testo-immagine.even .testo-wrapper { padding-left: 100px; } .imgs-testo-immagine-wrapper .img-testo-immagine.odd .testo-wrapper { padding-right: 100px; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .newsletter-subscribe { align-items: stretch; } .newsletter-subscribe input { flex: 0 0 75%; max-width: 75%; box-sizing: border-box; font-family: "Ubuntu", sans-serif; font-size: 18px; line-height: 1; font-weight: 400; color: #1c1819; padding: 30px; border: none; } @media (max-width: 767px) { .newsletter-subscribe input { flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; } } .newsletter-subscribe input[type=button], .newsletter-subscribe input[type=submit] { flex: 0 0 25%; max-width: 25%; background: #D51A00; color: #FFFFFF; text-transform: uppercase; font-weight: 500; cursor: pointer; } @media (max-width: 767px) { .newsletter-subscribe input[type=button], .newsletter-subscribe input[type=submit] { flex: 0 0 100%; max-width: 100%; } } .privacy { margin-top: 50px; } .checkbox { visibility: visible; } .checkbox label { position: relative; padding-left: 43px; } .checkbox label:before { content: ""; width: 18px; height: 18px; border: 2px solid #BFBFBF; position: absolute; z-index: 1; left: 0; top: 50%; transform: translateY(-50%); background: #fff; pointer-events: none; } .checkbox label:after { font-family: "Material Icons"; content: "\e5ca"; position: absolute; z-index: 2; left: 2px; top: 50%; transform: translateY(-50%); font-size: 16px; opacity: 0; transition: all 0.3s ease-in-out; } .checkbox label input[type=checkbox] { position: absolute; z-index: 3; left: 0; top: 50%; transform: translateY(-50%); padding: 0; margin: 0; opacity: 0; } .checkbox label a { color: #D51A00; } .checkbox label.checked:after { opacity: 1; } .form-registration-section .checkbox label:after, .form-registration-section .checkbox label:before { display: none; } @media (max-width: 767px) { #frmUserData .btn.btn-default { margin-bottom: 15px; } } .no-scroll { overflow: hidden; } .mbe-wrap-form { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #EDEBEB; z-index: 9999; overflow-y: auto; display: none; } .mbe-wrap-form::-webkit-scrollbar { width: 12px; border-radius: 0px; background-color: #f5f2f0; } .mbe-wrap-form::-webkit-scrollbar-button { display: none; } .mbe-wrap-form::-webkit-scrollbar-button:hover { display: none; } .mbe-wrap-form::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); box-shadow: none; border-radius: 8px; border: 2px solid #f5f2f0; } .mbe-wrap-form::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.2); } .mbe-wrap-form::-webkit-scrollbar-track { background-color: #f5f2f0; border-radius: 0px; } .mbe-wrap-form::-webkit-scrollbar-track:hover { background-color: #f5f2f0; } .mbe-wrap-form .centro-email { background-color: #fff; border-radius: 8px; display: inline-block; padding: 15px 30px; font-size: 15px; font-weight: bold; margin-bottom: 20px; } .mbe-wrap-form .centro-email a { color: #D51A00; text-decoration: underline; display: inline-block; padding-left: 2px; } .mbe-wrap-form .centro-email .showEmail { color: #D51A00; display: inline-block; padding-left: 2px; } .mbe-wrap-form .mbe-form-header { background-color: #000; padding: 16px 32px; display: flex; justify-content: space-between; align-items: center; } .mbe-wrap-form .mbe-form-header .logo { display: flex; } .mbe-wrap-form .mbe-form-header .mbe-form-close { position: relative; width: 32px; height: 32px; cursor: pointer; } .mbe-wrap-form .mbe-form-header .mbe-form-close:before, .mbe-wrap-form .mbe-form-header .mbe-form-close:after { position: absolute; left: 15px; content: " "; height: 33px; width: 2px; background-color: #fff; } .mbe-wrap-form .mbe-form-header .mbe-form-close:before { transform: rotate(45deg); } .mbe-wrap-form .mbe-form-header .mbe-form-close:after { transform: rotate(-45deg); } .mbe-wrap-form .mbe-form-text { padding: 50px 0; background: #fff; } .mbe-wrap-form .mbe-form { padding: 50px 0; } .mbe-wrap-form .mbe-form__block { background-color: #fff; border-radius: 8px; margin-bottom: 16px; } .mbe-wrap-form .mbe-form__head { display: flex; justify-content: space-between; align-items: center; padding: 24px 32px; } @media (max-width: 991px) { .mbe-wrap-form .mbe-form__head { flex-direction: column; align-items: flex-start; } } .mbe-wrap-form .mbe-form__head-title { font-family: "Ubuntu", serif; font-size: 24px; font-weight: 700; line-height: 1.4; } @media (max-width: 767px) { .mbe-wrap-form .mbe-form__head-title { line-height: 1.2; } } .mbe-wrap-form .mbe-form__head-status { color: #898989; font-size: 14px; } .mbe-wrap-form .mbe-form__head-status-value { color: #000; font-weight: bold; } .mbe-wrap-form .mbe-form__content { padding: 0px 32px 40px 32px; /* display: block !important; */ } .mbe-wrap-form .mbe-form__content .status { font-size: 14px; font-style: normal; font-weight: 700; opacity: 0.6; margin-bottom: 5px; } .mbe-wrap-form .mbe-form__content-text { font-size: 15px; line-height: 150%; margin-bottom: 32px; } .mbe-wrap-form .mbe-form__content-fields { display: flex; flex-wrap: wrap; -moz-column-gap: 16px; column-gap: 16px; row-gap: 18px; margin-bottom: 24px; } .mbe-wrap-form .mbe-form__content-field { width: calc(33.333% - 12px); } @media (max-width: 1199px) { .mbe-wrap-form .mbe-form__content-field { width: calc(50% - 8px); } } @media (max-width: 991px) { .mbe-wrap-form .mbe-form__content-field { width: 100%; } } .mbe-wrap-form .mbe-form__content-field.w-50 { width: calc(50% - 8px); } @media (max-width: 991px) { .mbe-wrap-form .mbe-form__content-field.w-50 { width: 100%; } } .mbe-wrap-form .mbe-form__content-field.w-100 { width: 100%; } .mbe-wrap-form .mbe-form__content-field.group-radio { display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; -moz-column-gap: 28px; column-gap: 28px; row-gap: 12px; } .mbe-wrap-form .mbe-form__content-field.group-radio.error label { color: #D51A00; } .mbe-wrap-form .mbe-form__content-field label { font-size: 14px; font-style: normal; font-weight: 400; margin-bottom: 8px; line-height: 100%; width: 100%; } .mbe-wrap-form .mbe-form__content-field label.label-big { font-size: 17px; font-style: normal; font-weight: 400; margin-top: 12px; margin-bottom: 0px; } .mbe-wrap-form .mbe-form__content-field input:not(.checkbox), .mbe-wrap-form .mbe-form__content-field select, .mbe-wrap-form .mbe-form__content-field textarea { color: #000; font-size: 16px; font-style: normal; font-weight: 400; display: flex; height: 42px; padding: 12px 24px; align-items: center; gap: 16px; align-self: stretch; border-radius: 4px; background: #F5F5F5; border: 1px solid #F5F5F5; border: none; box-shadow: none; } .mbe-wrap-form .mbe-form__content-field input:not(.checkbox) input::-moz-placeholder, .mbe-wrap-form .mbe-form__content-field input:not(.checkbox) textarea::-moz-placeholder, .mbe-wrap-form .mbe-form__content-field select input::-moz-placeholder, .mbe-wrap-form .mbe-form__content-field select textarea::-moz-placeholder, .mbe-wrap-form .mbe-form__content-field textarea input::-moz-placeholder, .mbe-wrap-form .mbe-form__content-field textarea textarea::-moz-placeholder { color: #898989; font-style: normal; } .mbe-wrap-form .mbe-form__content-field input:not(.checkbox) input::placeholder, .mbe-wrap-form .mbe-form__content-field input:not(.checkbox) textarea::placeholder, .mbe-wrap-form .mbe-form__content-field select input::placeholder, .mbe-wrap-form .mbe-form__content-field select textarea::placeholder, .mbe-wrap-form .mbe-form__content-field textarea input::placeholder, .mbe-wrap-form .mbe-form__content-field textarea textarea::placeholder { color: #898989; font-style: normal; } .mbe-wrap-form .mbe-form__content-field input:not(.checkbox).error, .mbe-wrap-form .mbe-form__content-field select.error, .mbe-wrap-form .mbe-form__content-field textarea.error { border: 1px solid #D51A00; } .mbe-wrap-form .mbe-form__content-field textarea { min-height: 120px; resize: vertical; } .mbe-wrap-form .mbe-form__content-field .custom-file input[type=file] { width: 350px; max-width: 100%; color: #444; padding: 5px; background: #F5F5F5; border-radius: 5px; border: 0px solid #555; } .mbe-wrap-form .mbe-form__content-field .custom-file input[type=file]::file-selector-button { margin-right: 20px; border: none; background: #1c1819; padding: 8px 20px; border-radius: 5px; color: #fff; cursor: pointer; transition: all 0.2s ease-in-out; font-size: 14px; } .mbe-wrap-form .mbe-form__content-field .custom-file input[type=file]::file-selector-button:hover { background-color: #000; font-size: 14px; } .mbe-wrap-form .mbe-form__content-field .custom-file label { color: #D51A00; font-size: 12px; line-height: 1.5; } .mbe-wrap-form .mbe-form__content-field .sidenote { color: #D51A00; font-size: 12px; line-height: 1.5; } .mbe-wrap-form .mbe-form__content-field:not(.group-radio) { display: flex; flex-direction: column; } .mbe-wrap-form .mbe-form__content h4 { margin-bottom: 0; width: 100%; } .mbe-wrap-form .mbe-form__content .msg-error { color: #D51A00; line-height: 100%; font-size: 13px; padding-top: 6px; } .mbe-wrap-form .mbe-form__content .checkbox { overflow: visible; margin: 0; display: flex; } .mbe-wrap-form .mbe-form__content .checkbox input[type=checkbox] { opacity: 0; } .mbe-wrap-form .mbe-form__content .checkbox label { padding-left: 30px; line-height: 1.4; min-height: 1px; margin-bottom: 0; } .mbe-wrap-form .mbe-form__content .checkbox label:before { content: ""; border: 2px solid #898989; width: 20px; height: 20px; background: transparent !important; top: 0px; transform: translateY(0); } .mbe-wrap-form .mbe-form__content .checkbox label:after { content: ""; opacity: 0; border: none; background: #D51A00; width: 10px; height: 10px; top: 5px; transform: translateY(0); left: 5px; } .mbe-wrap-form .mbe-form__content .checkbox input[type=checkbox]:checked { visibility: visible; } .mbe-wrap-form .mbe-form__content .checkbox input[type=checkbox]:checked + label { visibility: visible; } .mbe-wrap-form .mbe-form__content .checkbox input[type=checkbox]:checked + label:before { width: 20px; height: 20px; } .mbe-wrap-form .mbe-form__content .checkbox input[type=checkbox]:checked + label:after { opacity: 1; } .mbe-wrap-form .mbe-form__content .group-checkbox { display: flex; flex-wrap: wrap; -moz-column-gap: 28px; column-gap: 28px; row-gap: 12px; /* padding-top: 6px; */ } .mbe-wrap-form .mbe-form__content .fake-radio-button { font-size: 16px; font-weight: 500; color: #898989; display: inline-flex; padding: 12px 32px; justify-content: center; align-items: center; gap: 10px; border-radius: 12px; border: 2px solid #898989; line-height: 100%; } .mbe-wrap-form .mbe-form__content .fake-radio-button.checked { color: #fff; border: 2px solid #D51A00; background: #D51A00; } .mbe-wrap-form .mbe-form__content .fake-radio-button-big { color: #000; font-size: 16px; font-weight: 500; display: flex; padding: 12px 24px; align-items: center; gap: 16px; flex-shrink: 0; border-radius: 20px; background: #F5F5F5; line-height: 100%; } .mbe-wrap-form .mbe-form__content .fake-radio-button-big.checked { border: 1px solid #D51A00; } .mbe-wrap-form .mbe-form__content .fake-radio-button-big .icona { background-color: #fff; border-radius: 100px; padding: 6px; } .mbe-wrap-form .mbe-form__content .fake-radio-button-big .icona img { max-width: none; width: 28px; height: 28px; } @media (max-width: 767px) { .mbe-wrap-form .mbe-form__content .fake-radio-button-big .icona img { width: 26px; height: 26px; } } .mbe-wrap-form .mbe-form__content .fake-radio-custom { min-height: 21px; padding-left: 30px; line-height: 1; font-size: 17px; font-style: normal; font-weight: 400; overflow: visible; display: flex; align-items: center; position: relative; } .mbe-wrap-form .mbe-form__content .fake-radio-custom:before { content: ""; position: absolute; background: #D51A00; width: 10px; height: 10px; border-radius: 10px; top: 50%; transform: translateY(-50%); left: 7px; opacity: 0; } .mbe-wrap-form .mbe-form__content .fake-radio-custom:after { content: ""; position: absolute; width: 20px; height: 20px; background: no-repeat; border: 2px solid #898989; border-radius: 20px; top: 50%; left: 2px; transform: translateY(-50%); } .mbe-wrap-form .mbe-form__content .fake-radio-custom:first-child:before { left: 7px; } .mbe-wrap-form .mbe-form__content .fake-radio-custom.checked { visibility: visible; } .mbe-wrap-form .mbe-form__content .fake-radio-custom.checked:before { opacity: 1; } .mbe-wrap-form .mbe-form__content .select-center { position: relative; } .mbe-wrap-form .mbe-form__content .select-center button { position: absolute; right: 20px; top: 10px; width: 20px; height: 20px; border: none; margin: 0; padding: 0; line-height: 100%; color: #D51A00; font-size: 24px; } .mbe-wrap-form .mbe-form__content .select-center button:after { font-family: "Material Icons"; content: "\e8b6"; } .mbe-wrap-form .mbe-form__content .select-center .get-position { position: absolute; right: 0; top: 50%; transform: translate(120%, -50%); color: #D51A00; font-size: 13px; font-style: normal; font-weight: 500; display: flex; gap: 5px; } @media (max-width: 991px) { .mbe-wrap-form .mbe-form__content .select-center .get-position { position: relative; top: auto; right: auto; /* display: block; */ transform: none; margin-top: 10px; } } .mbe-wrap-form .mbe-form__cta { display: flex; flex-wrap: wrap; justify-content: center; -moz-column-gap: 16px; column-gap: 16px; row-gap: 16px; padding-top: 18px; } .mbe-wrap-form .mbe-form__cta .btn-form { font-size: 16px; font-style: normal; font-weight: 500; text-transform: uppercase; display: inline-flex; min-width: 200px; padding: 15px 20px; justify-content: center; align-items: center; line-height: 100%; border: none; } .mbe-wrap-form .mbe-form__cta .btn-form.next, .mbe-wrap-form .mbe-form__cta .btn-form.submit { background: #D51A00; color: #fff; } .mbe-wrap-form .mbe-form__cta .btn-form.back { background-color: transparent; border: 1px solid #D51A00; color: #D51A00; } .mbe-wrap-form .mbe-form__cta .btn-form:disabled { background: #ADADAD; } .mbe-wrap-form .mbe-form__credits .mbe-form__content { padding: 30px 0 0 0; } @media (max-width: 767px) { .mbe-wrap-form .mbe-form__credits .mbe-form__content .mbe-form__content-field label { font-size: 12px; } } .mbe-wrap-form .mbe-form__credits .mbe-form__content .mbe-form__cta .submit { margin-top: 0; } .mbe-wrap-form .mbe-form__credits .mbe-form__content .checkbox.error + label { color: #D51A00; } .mbe-wrap-form .stile-mappa { padding-bottom: 42% !important; } @media (max-width: 1199px) { .mbe-wrap-form .stile-mappa { padding-bottom: 52% !important; } } @media (max-width: 767px) { .mbe-wrap-form .stile-mappa { padding-bottom: 120% !important; } } .mbe-wrap-form .stile-mappa button.gm-ui-hover-effect { border: 2px solid #D51A00 !important; border-radius: 100px; width: 20px !important; height: 20px !important; top: 5px !important; right: 5px !important; opacity: 1 !important; } .mbe-wrap-form .stile-mappa button.gm-ui-hover-effect span { width: 15px !important; height: 14px !important; margin: 1px !important; background-color: #D51A00 !important; } .mbe-wrap-form .stile-mappa .name { /* display: none; */ } .mbe-wrap-form .stile-mappa .face, .mbe-wrap-form .stile-mappa .eshop { display: none; } .mbe-wrap-form .stile-mappa .right { width: 220px; float: none; } @media (max-width: 767px) { .mbe-wrap-form .stile-mappa .right { width: 110px; } } .mbe-wrap-form .stile-mappa .right h4 { font-size: 18px; line-height: 1.2; margin-bottom: 6px; } @media (max-width: 767px) { .mbe-wrap-form .stile-mappa .right h4 { font-size: 16px; } } .mbe-wrap-form .stile-mappa .right p { margin-bottom: 40px; } @media (max-width: 767px) { .mbe-wrap-form .stile-mappa .right p { margin-bottom: 10px; } } .mbe-wrap-form .stile-mappa .right .cta { background-color: #D51A00 !important; padding: 8px 16px !important; border-radius: 4px; border: 1px solid #D51A00 !important; justify-content: center; align-items: center; gap: 4px; align-self: stretch; font-size: 14px !important; color: #FFFFFF !important; display: block; width: 100%; text-align: center; margin-top: 0; } .mbe-wrap-form .stile-mappa .right .cta:first-of-type { display: none; } .mbe-wrap-form .store-search-selected-store { background: #eee; padding: 15px; margin-bottom: 20px; } .mbe-wrap-form .store-search-selected-store::after { content: ""; display: block; width: 100%; height: 20px; background-color: #fff; } .mbe-wrap-form .store-search-selected-store a { color: #e22; text-decoration: underline; } @media (max-width: 767px) { .mbe-wrap-form .store-search-selected-store a { left: auto !important; right: auto !important; bottom: auto !important; top: auto; transform: translateY(0%); position: relative !important; padding-top: 20px !important; } } body .mbe-form .container { padding: 0; } body .mbe-form .container .row { margin-right: 0; margin-left: 0; } body .mbe-form .container .risultati-locator-new { display: flex; justify-content: space-between; align-items: center; flex-direction: column; row-gap: 8px; } body .mbe-form .container .risultati-locator-new .item { width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; height: auto !important; } body .mbe-form .container .risultati-locator-new .item .face { display: none !important; } body .mbe-form .container .risultati-locator-new .item .right { float: none !important; width: 100% !important; margin-bottom: 0px !important; position: relative; background-color: #F5F5F5; padding: 32px 24px !important; } @media (max-width: 767px) { body .mbe-form .container .risultati-locator-new .item .right { padding: 16px 32px !important; } } body .mbe-form .container .risultati-locator-new .item .right p, body .mbe-form .container .risultati-locator-new .item .right .p-class { font-size: 12px !important; margin-bottom: 0 !important; } body .mbe-form .container .risultati-locator-new .item .right p:last-of-type { display: none !important; } body .mbe-form .container .risultati-locator-new .item .right .eshop { display: none !important; } body .mbe-form .container .risultati-locator-new .item .right h4 { margin-bottom: 4px !important; font-size: 22px; line-height: 1; } body .mbe-form .container .risultati-locator-new .item .right h4 span { color: #000 !important; } body .mbe-form .container .risultati-locator-new .item .right .change-store { position: absolute; right: 25px; top: 50%; transform: translateY(-50%); font-size: 13px; font-weight: 600; color: #D51A00; } body .mbe-form .container .risultati-locator-new .item .right .bottoni { left: auto !important; right: 24px !important; bottom: auto !important; top: 50%; transform: translateY(-50%); } @media (max-width: 767px) { body .mbe-form .container .risultati-locator-new .item .right .bottoni { left: auto !important; right: auto !important; bottom: auto !important; top: auto; transform: translateY(0%); position: relative !important; padding-top: 20px !important; } } body .mbe-form .container .risultati-locator-new .item .right .bottoni a:first-child { display: none; } body .mbe-form .container .risultati-locator-new .item .right .bottoni a { background-color: #D51A00 !important; padding: 8px 16px !important; border-radius: 4px; border: 1px solid #D51A00 !important; justify-content: center; align-items: center; gap: 4px; align-self: stretch; font-size: 14px !important; color: #FFFFFF !important; } .recaptcha-policy-text { color: #ccc; font-size: 12px; } .recaptcha-policy-text a { color: #ccc; text-decoration: underline; } .grecaptcha-badge { visibility: hidden; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .wow { position: relative; top: 100px; opacity: 0; transition: all 1s ease-in-out; } .wow.animated { top: 0; opacity: 1; } @media (-webkit-device-pixel-ratio: 1.25) { .wow { top: 50px; opacity: 0; visibility: visible !important; } .wow.animated { top: 0; opacity: 1; } } @media (-webkit-device-pixel-ratio: 1.5) { .wow { top: 0; opacity: 1; visibility: visible !important; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ #hero-store .voci-store li.txt-big.services { padding-top: 0; padding-bottom: 0; background-position: -4px -185px !important; } #hero-store .voci-store li.txt-big.services.standard { background-position: -4px -236px !important; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .field-evo { font-size: 13px; } .form_contatti_evo { visibility: visible; } .form_contatti_evo h4 { /*border-top: 1px solid #dddddd;*/ margin: 0px 0 20px 0; padding-top: 20px; text-align: left; } .form_contatti_evo select { padding: 0px 12px 0px 10px; } .form_contatti_evo .checkbox { overflow: visible; } .form_contatti_evo .checkbox label { padding-left: 40px; line-height: 1; min-height: 1px; } .form_contatti_evo .checkbox label:before { width: 20px; height: 20px; background: #fff !important; } .form_contatti_evo .checkbox label:after { opacity: 0; border: none; background: #707070; width: 10px; height: 10px; top: 50%; transform: translateY(-50%); left: 5px; } .form_contatti_evo .checkbox input[type=checkbox]:checked { visibility: visible; } .form_contatti_evo .checkbox input[type=checkbox]:checked + label { visibility: visible; } .form_contatti_evo .checkbox input[type=checkbox]:checked + label:before { width: 20px; height: 20px; left: 0; top: 50%; } .form_contatti_evo .checkbox input[type=checkbox]:checked + label:after { opacity: 1; } .form_contatti_evo .group-radio { display: flex; flex-wrap: wrap; align-items: center; } .form_contatti_evo .group-radio .fake-radio { min-height: 31px; padding-left: 40px; line-height: 1; font-size: 13px; color: #7b7b7b; overflow: visible; flex: 0 0 20%; max-width: 20%; display: flex; align-items: center; } .form_contatti_evo .group-radio .fake-radio:before { content: ""; background: #707070; width: 10px; height: 10px; border-radius: 10px; top: 50%; transform: translateY(-50%); left: 11.5px; opacity: 0; } .form_contatti_evo .group-radio .fake-radio:after { width: 20px; height: 20px; background: no-repeat; border: 2px solid #BFBFBF; border-radius: 20px; top: 50%; transform: translateY(-50%); } .form_contatti_evo .group-radio .fake-radio:first-child:before { left: 10.5px; } .form_contatti_evo .group-radio .fake-radio.checked { visibility: visible; } .form_contatti_evo .group-radio .fake-radio.checked:before { opacity: 1; } .form_contatti_evo .group-radio .fake-radio.checked:after { top: 50%; } @media (max-width: 1199px) { .form_contatti_evo .group-radio .fake-radio { flex: 0 0 25%; max-width: 25%; } } @media (max-width: 767px) { .form_contatti_evo .group-radio .fake-radio { flex: 0 0 33.33%; max-width: 33.33%; } } .form_contatti_evo .group-checkbox { display: flex; flex-wrap: wrap; align-items: center; } .form_contatti_evo .group-checkbox .checkbox { flex: 0 0 20%; max-width: 20%; } @media (max-width: 1199px) { .form_contatti_evo .group-checkbox .checkbox { flex: 0 0 25%; max-width: 25%; } } @media (max-width: 767px) { .form_contatti_evo .group-checkbox .checkbox { flex: 0 0 50%; max-width: 50%; } } .form_contatti_evo .textarea { /*border-top: 1px solid #dddddd;*/ padding-top: 20px; margin-top: 0; } .form_contatti_evo .privacy-row { /*border-top: 1px solid #dddddd;*/ margin-top: 0; padding-top: 20px; } @media (max-width: 991px) { .form_contatti_evo .privacy-row { margin-bottom: 100px; } .form_contatti_evo .privacy-row label { visibility: visible; } .form_contatti_evo .privacy-row label:before { top: 0 !important; transform: none; } .form_contatti_evo .privacy-row label:after { top: 10px; } } @media (max-width: 767px) { .form_contatti_evo .privacy-row { margin-bottom: 200px; } } .form_contatti_evo .form-group.address-wrapper { margin-top: 20px; } .form_contatti_evo .form-group.address-wrapper .gmap-autocomplete-address { margin-top: 35px; margin-bottom: 35px; } .form_contatti_evo .form-group.address-wrapper .gmap-autocomplete-address .control-label { color: #7b7b7b; font-size: 16px; } .tmpl-campaign-landing-noindex-follow .form_contatti_wrapper { padding-bottom: 100px; } .tmpl-campaign-landing-noindex-follow .form_contatti_notify { font-weight: bold; font-size: 1.2em; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .back-level { padding: 40px 0; border-top: 3px solid #f5f5f5; } @media (max-width: 767px) { .back-level { padding: 20px; } } .back-level .wrap { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 767px) { .back-level .wrap { flex-wrap: wrap; justify-content: center; text-align: center; } } @media (max-width: 767px) { .back-level .wrap .item:first-child { padding-bottom: 15px; } } .back-level .wrap .item span { font-size: 32px; font-weight: bold; } @media (max-width: 1199px) { .back-level .wrap .item span { font-size: 24px; } } @media (max-width: 767px) { .back-level .wrap .item span { font-size: 20px; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .thank-you { padding: 50px 0; } .thank-you .banner-big { display: none; } @media (max-width: 767px) { .thank-you .banner-big { display: block; } } .thank-you .wrap { display: flex; flex-wrap: wrap; width: 100%; } .thank-you .wrap .col-banner { width: 20%; } @media (max-width: 767px) { .thank-you .wrap .col-banner { display: none; } } .thank-you .wrap .col-center { width: 60%; text-align: center; } @media (max-width: 767px) { .thank-you .wrap .col-center { width: 100%; } } .thank-you .wrap .col-center .cta-wrapper { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -15px; } .thank-you .wrap .col-center .cta-wrapper .cta:before { content: ""; } .thank-you .wrap .col-center .cta a { margin: 0 10px; display: block; min-width: 250px; } .thank-you .wrap .col-center .cta a.btn-list { border: 1px solid #d51a00; color: #d51a00; background: #fff; } .thank-you .wrap .col-center .cta a.btn-list:hover { background: #d51a00; color: #fff; } .thank-you .wrap h1 { font-size: 42px; line-height: 1.1; margin-bottom: 60px; position: relative; font-weight: 700; } .thank-you .wrap h1 span { position: relative; padding-bottom: 17px; display: inline-block; } .thank-you .wrap h1 span:after { content: ""; background: url(/img/ribbon.png) no-repeat center bottom; background-size: 100% 16px; height: 100%; position: absolute; bottom: 0; left: 0; width: 100%; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .twocol { padding: 80px 0; } @media (max-width: 1199px) { .twocol { padding: 70px 0; } } @media (max-width: 991px) { .twocol { padding: 32px 0; } } @media (max-width: 767px) { .twocol__wrapper { display: flex; flex-direction: column; gap: 40px; flex-direction: column-reverse; } } .twocol__body { display: flex; flex-direction: column; gap: 30px; padding: 0 15px; align-items: flex-start; } .twocol__media img { display: block; width: 100%; } .twocol__title { font-weight: 500; color: #D51A00; font-size: 34px; line-height: 1.2; } @media (max-width: 767px) { .twocol__title { font-size: 26px; } } .twocol__cta { margin: 0; } .twocol__cta a { display: block; } .twocol.inverse .twocol__wrapper { flex-direction: row-reverse; } @media (max-width: 767px) { .twocol.inverse .twocol__wrapper { display: flex; flex-direction: column-reverse; } } .product-page .twocol__title { color: #211E1E; margin: 0; letter-spacing: 0; } .product-page .twocol__cta a { background: #000000; border-color: #000000; } .product-page .twocol__cta a:hover { background: transparent; color: #000000; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .center-text { padding: 64px 40px; display: flex; flex-direction: column; gap: 20px; align-items: center; text-align: center; max-width: 1024px; margin: 0 auto; } .center-text__title { font-weight: 500; color: #D51A00; font-size: 34px; line-height: 1.2; } @media (max-width: 767px) { .center-text__title { font-size: 26px; } } .center-text__cta { margin: 0; } .center-text__cta a { display: inline-block; } .center-text .center-text__text { width: 100%; } .center-text .center-text__text .youtube-video { width: 100%; height: 500px; } @media (max-width: 767px) { .center-text .center-text__text .youtube-video { height: 250px; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .countdown { display: flex; flex-direction: column; gap: 48px; padding: 120px 24px; text-align: center; } @media (max-width: 991px) { .countdown { gap: 32px; } } .countdown__title { font-size: 60px; line-height: 1.2; font-weight: 700; color: #D51A00; } @media (max-width: 991px) { .countdown__title { font-size: 40px; } } @media (max-width: 767px) { .countdown__title { font-size: 28px; } } .countdown__inner { display: flex; justify-content: center; font-weight: 700; gap: 16px; } @media (max-width: 991px) { .countdown__inner { gap: 8px; } } @media (max-width: 767px) { .countdown__inner { gap: 4px; } } .countdown__inner > span { font-size: 80px; height: 150px; display: flex; align-items: center; flex-shrink: 0; } @media (max-width: 991px) { .countdown__inner > span { font-size: 40px; height: 100px; } } @media (max-width: 767px) { .countdown__inner > span { font-size: 30px; height: 70px; } } .countdown__cell { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 8px; flex-shrink: 0; } @media (max-width: 767px) { .countdown__cell { gap: 5px; } } .countdown__number { width: 150px; height: 150px; padding: 16px; display: flex; align-items: center; justify-content: center; border: 2px solid #000; border-radius: 8px; background: white; font-size: 80px; text-align: center; } @media (max-width: 991px) { .countdown__number { font-size: 40px; width: 100px; height: 100px; } } @media (max-width: 767px) { .countdown__number { font-size: 30px; width: 70px; height: 70px; } } .countdown__label { font-size: 20px; line-height: 1.1; text-align: center; } @media (max-width: 991px) { .countdown__label { font-size: 18px; } } @media (max-width: 767px) { .countdown__label { font-size: 14px; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .pillars { padding: 0 40px; } @media (max-width: 767px) { .pillars { padding: 0; } } .pillars__wrapper { background: #E5E3DF; padding: 40px 15px; display: flex; gap: 24px; justify-content: center; align-items: center; } @media (max-width: 1199px) { .pillars__wrapper { flex-wrap: wrap; } } .pillars__item { display: flex; flex-direction: column; text-align: center; align-items: center; gap: 8px; font-size: 16px; padding: 12px 24px; width: 25%; } @media (max-width: 1199px) { .pillars__item { width: calc(50% - 12px); } } @media (max-width: 991px) { .pillars__item { width: 100%; } } .pillars__item-title { font-size: 20px; font-weight: 700; } @media (max-width: 991px) { .pillars__item-title { font-size: 18px; } } .pillars__item__icon { display: block; width: 64px; height: 64px; margin-bottom: 4px; } .pillars__item__icon > img { display: block; width: 100%; aspect-ratio: 1; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .hero-title { position: relative; } .hero-title__wrapper { padding: 80px 40px; text-align: center; min-height: 70vh; font-size: 60px; line-height: 1.1; font-weight: 500; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; color: #FFFFFF; } .hero-title__wrapper * { margin: 0; color: #FFFFFF; } .hero-title__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .hero-title__bg > img { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .downloads { padding: 64px 40px; } @media (max-width: 767px) { .downloads { padding: 32px 15px; } } .downloads__wrapper { display: flex; flex-direction: column; gap: 64px; max-width: 900px; margin: 0 auto; } .downloads__intro { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 30px; } .downloads__title { font-size: 34px; font-weight: 500; line-height: 1.2; color: #D51A00; } @media (max-width: 767px) { .downloads__title { font-size: 26px; } } .downloads__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid #EBEBEB; } .downloads__list li { display: flex; padding: 16px 8px; justify-content: space-between; gap: 24px; align-items: center; border-bottom: 1px solid #EBEBEB; } @media (max-width: 767px) { .downloads__list li { font-size: 16px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; } } .downloads__item { line-height: 1.1; } .downloads__item small { font-size: 13px; font-weight: 700; color: #7F7F7F; } .downloads__link { font-size: 14px; font-weight: 700; color: #D51A00; text-transform: uppercase; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; } .downloads__link:before { content: "\f090"; font-size: 18px; font-family: "Material Icons"; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .slider-cards { padding: 80px 0; } .slider-cards__inner { padding-bottom: 80px; } .slider-cards__title { text-align: center; font-size: 36px; font-weight: 500; margin-bottom: 40px; } @media (max-width: 991px) { .slider-cards__title { font-size: 26px; } } .slider-cards__item { padding: 0 12px; } .slider-cards__image { aspect-ratio: 16/9; position: relative; overflow: hidden; } .slider-cards__image a { display: block; width: 100%; height: 100%; } .slider-cards__image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .slider-cards__label { background: #E5E3DF; padding: 12px 24px; font-weight: 400; font-size: 15px; } .slider-cards .slick-arrow { transform: none; top: auto; bottom: 0; background: url(/dist/icons/arrow_circle-red.svg); background-repeat: no-repeat; background-position: center center; transform-origin: center; } .slider-cards .slick-arrow.slick-prev { right: auto; left: 50%; margin-left: -25px; transform: translateX(-50%) rotate(-180deg); } .slider-cards .slick-arrow.slick-next { right: auto; left: 50%; margin-left: 25px; transform: translateX(-50%); } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .location-map { padding: 80px 15px; background: #E5E3DF; } @media (max-width: 767px) { .location-map { padding: 48px 16px; } } .location-map__wrapper { display: flex; align-items: center; justify-content: center; gap: 24px; } @media (max-width: 991px) { .location-map__wrapper { flex-direction: column; justify-content: center; gap: 12px; text-align: center; } } .location-map__content { display: flex; flex-direction: column; gap: 16px; order: 2; width: 50%; padding-left: 24px; } @media (max-width: 1199px) { .location-map__content { padding-left: 0; } } @media (max-width: 991px) { .location-map__content { order: 1; width: 100%; } } .location-map__content ul { list-style: none; padding: 0; margin: 0; } .location-map__title { font-size: 40px; line-height: 1.2; font-weight: 500; } @media (max-width: 991px) { .location-map__title { font-size: 36px; } } .location-map__address { font-weight: 400; font-size: 16px; } .location-map__address a { color: #D51A00; } .location-map__canvas { margin-top: 40px; position: relative; width: 100%; aspect-ratio: 625/531; width: 50%; } @media (max-width: 991px) { .location-map__canvas { aspect-ratio: 20/9; width: 100%; order: 2; } } @media (max-width: 767px) { .location-map__canvas { aspect-ratio: 1; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ html, body { margin: 0 !important; } .header-land { position: sticky; width: 100%; margin-top: 0px; margin-bottom: 0px; top: 0px; display: flex; justify-content: center; align-items: center; height: 80px; background-color: #fff; z-index: 2; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); } .hero-land { min-height: calc(100vh - 80px); /*margin-top: 80px;*/ background-color: #ccc; background-image: url(/img/2577_z_10.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; display: flex; justify-content: center; align-items: center; padding: 80px 5%; } @media (max-width: 991px) { .hero-land { height: auto; padding-top: 6%; padding-bottom: 6%; } } .hero-land::after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.6; } .hero-land .grid { align-items: center; } .hero-land .hero-eyelet { font-size: 16px; font-weight: 500; text-transform: uppercase; color: #fff; background-color: #ee2c24; padding: 2px 4px; border-radius: 2px; display: inline-block; margin-bottom: 20px; } @media (max-width: 991px) { .hero-land .hero-eyelet { text-align: center; display: block; } } .hero-land .title { color: #fff; font-size: 60px; } @media (max-width: 991px) { .hero-land .title { font-size: 30px; text-align: center; } } .hero-land .form-land { background-color: #fff; padding: 30px; min-height: 300px; } @media (max-width: 991px) { .hero-land .form-land { padding: 15px; } } .hero-land .form-land__title { font-size: 25px; color: #ee2c24; font-weight: 500; line-height: 1; text-align: center; margin-bottom: 20px; } .hero-land .form-land__subtitle { font-size: 18px; font-weight: 500; text-align: center; } .hero-land .form-land__form { padding-top: 10px; } .hero-land .form-land__form .wrap-input { margin-bottom: 10px; } .hero-land .form-land__form .wrap-input .checkbox { margin-top: 10px; margin-bottom: 0px; margin-left: 6px; } .hero-land .form-land__form .wrap-input .checkbox label { padding-left: 32px !important; } .hero-land .form-land__form .wrap-input .group-radio { display: flex; flex-wrap: wrap; align-items: center; } .hero-land .form-land__form .wrap-input .group-radio .fake-radio { min-height: 31px; padding-left: 35px; line-height: 1; font-size: 15px; color: #000; font-weight: 600; overflow: visible; flex: 0 0 30%; max-width: none; display: flex; align-items: center; white-space: nowrap; } .hero-land .form-land__form .wrap-input .group-radio .fake-radio:before { content: ""; background: #707070; width: 10px; height: 10px; border-radius: 10px; top: 50%; transform: translateY(-50%); left: 11.5px; opacity: 0; } .hero-land .form-land__form .wrap-input .group-radio .fake-radio:after { width: 20px; height: 20px; background: no-repeat; border: 2px solid #BFBFBF; border-radius: 20px; top: 50%; transform: translateY(-50%); } .hero-land .form-land__form .wrap-input .group-radio .fake-radio:first-child:before { left: 10.5px; } .hero-land .form-land__form .wrap-input .group-radio .fake-radio.checked { visibility: visible; } .hero-land .form-land__form .wrap-input .group-radio .fake-radio.checked:before { opacity: 1; } .hero-land .form-land__form .wrap-input .group-radio .fake-radio.checked:after { top: 50%; } @media (max-width: 1199px) { .hero-land .form-land__form .wrap-input .group-radio .fake-radio { flex: 0 0 25%; max-width: 25%; } } @media (max-width: 767px) { .hero-land .form-land__form .wrap-input .group-radio .fake-radio { flex: 0 0 33.33%; max-width: 33.33%; } } .hero-land .form-land__form .wrap-input.label { padding: 0; } .hero-land .form-land__form .wrap-input.label input { width: auto; } .hero-land .form-land__form .wrap-input.label label { color: #000; font-size: 15px; font-weight: 400; position: relative; top: -1px; padding-left: 10px; } .hero-land .form-land__form .cta { margin-top: 10px; } .hero-land .form-land__form .cta a { display: block; text-align: center; width: 100%; } .hero-land .form-land__form .disclaimer-land { text-align: center; color: #000; font-size: 15px; font-weight: 400; padding-top: 5px; } .hero-land .form-land__form input { width: 100%; background-color: #EDEFF3; border-color: #CECECF; border-width: 1px 1px 1px 1px; font-size: 15px; font-weight: 400; color: #222222; padding: 6px 16px; margin: 0; border: 1px solid #CECECF; } .hero-land .form-land__form input::-moz-placeholder { color: #888888; font-style: normal; font-weight: 400; } .hero-land .form-land__form input::placeholder { color: #888888; font-style: normal; font-weight: 400; } .hero-land .form-land__form input.error + label:before { border-color: red; } .hero-land .form-land .fake-gdpr .wrap-campi { flex-wrap: nowrap; } .hero-land .form-land .fake-gdpr .wrap-campi .fake-radio-custom { flex: 0 0 32px; } .hero-land .form-land .fake-gdpr .wrap-campi .fake-radio-custom.sr-only { position: absolute; width: 0; height: 0; overflow: hidden; opacity: 0; pointer-events: none; } .hero-land .form-land .fake-gdpr .wrap-campi .fake-radio-custom:before, .hero-land .form-land .fake-gdpr .wrap-campi .fake-radio-custom:after { border-radius: 0; } .hero-land .form-land .fake-gdpr .wrap-campi label { padding-left: 4px; cursor: pointer; } .hero-land .form-land .fake-gdpr .wrap-campi button[data-toggle=tooltip] { background: none !important; color: #000000 !important; padding: 10px; margin: 0; font-size: 20px; line-height: 1; } .servizi-land { background-color: #E5E3DF; padding: 6%; } @media (max-width: 991px) { .servizi-land { padding: 10% 2%; } } .servizi-land .heading-land { text-align: center; } .servizi-land .heading-land .eyelet-land { font-size: 18px; color: #ee2c24; font-weight: 500; } .servizi-land .item { background-color: #fff; padding: 40px; text-align: center; margin-bottom: 30px; } .servizi-land .item img { width: 70px; } .servizi-land .item .subtitle-land { font-size: 24px; padding: 10px 0; font-weight: 500; line-height: 1.4; } .chisiamo-land { background-color: #fff; padding: 6%; } @media (max-width: 991px) { .chisiamo-land { padding: 10% 2%; } } .chisiamo-land .grid { align-items: center; } .chisiamo-land .heading-land { text-align: left; } .chisiamo-land .heading-land .title { padding-bottom: 30px; } @media (max-width: 991px) { .chisiamo-land .heading-land .title { font-size: 30px; } } .chisiamo-land .heading-land .eyelet-land { font-size: 18px; color: #ee2c24; font-weight: 500; } .chisiamo-land ul { margin: 20px 0 0 20px; } .chisiamo-land ul li span { color: #ee2c24; font-weight: 500; } .chisiamo-land .image { box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15); } @media (max-width: 991px) { .chisiamo-land .image { margin-top: 40px; } } .chisiamo-land .image img { width: 100%; } .soluzioni-land { background-color: #E5E3DF; padding: 6%; } @media (max-width: 991px) { .soluzioni-land { padding: 10% 2%; } } .soluzioni-land .heading-land { text-align: center; } .soluzioni-land .heading-land .eyelet-land { font-size: 18px; color: #ee2c24; font-weight: 500; } .soluzioni-land .item { background-color: #fff; padding: 20px; text-align: center; margin-bottom: 30px; } .soluzioni-land .item img { width: 100%; } .soluzioni-land .item .subtitle-land { font-size: 24px; padding: 10px 0 20px 0; font-weight: 500; line-height: 1.4; } .soluzioni-land .item ul { margin: 0; padding: 0; display: flex; flex-direction: column; gap: 15px; text-align: left; } .soluzioni-land .item ul li { list-style: none; position: relative; padding-left: 30px; } .soluzioni-land .item ul li::before { content: ""; display: inline-block; position: absolute; left: 0; top: 8px; height: 14px; width: 19px; background-image: url(/img/land-check.png); } .step-land { background-color: #fff; padding: 6%; } @media (max-width: 991px) { .step-land { padding: 10% 2%; } } .step-land .heading-land { text-align: center; } .step-land .heading-land .eyelet-land { font-size: 18px; color: #ee2c24; font-weight: 500; } .step-land .item { background-color: #fff; padding: 60px 40px 40px 40px; text-align: center; margin-bottom: 30px; border: 2px solid #E5E3DF; position: relative; } .step-land .item .targetta { position: absolute; top: 0; left: 50%; transform: translate(-50%, -15px); padding: 5px 20px; color: #fff; background-color: #ee2c24; font-size: 16px; text-transform: uppercase; } .step-land .item img { width: 70px; } .step-land .item .subtitle-land { font-size: 24px; padding: 10px 0; font-weight: 500; line-height: 1.4; } .step-land .cta { text-align: center; } .full-land { height: 60vh; background-color: #ccc; background-image: url(/img/mpresion-para-empresas.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; display: flex; justify-content: center; align-items: center; padding: 0 5%; } .full-land::after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.8; } .full-land .item { text-align: center; } .full-land .hero-eyelet { font-size: 18px; color: #ee2c24; font-weight: 500; } .full-land .title { color: #fff; font-size: 60px; padding-bottom: 40px; } @media (max-width: 991px) { .full-land .title { font-size: 30px; } } .full-land .form-land { background-color: #fff; min-height: 300px; } .footer-land { padding: 6%; background-color: #E5E3DF; } @media (max-width: 991px) { .footer-land { padding: 10% 2%; } } .footer-land .item { display: flex; justify-content: space-between; } @media (max-width: 991px) { .footer-land .item { flex-direction: column; text-align: center; } } .footer-land .item:first-child { border-bottom: 1px solid #222222; padding-bottom: 20px; } .footer-land .item:first-child .social { font-weight: 500; } @media (max-width: 991px) { .footer-land .item:first-child .social { margin-top: 20px; } } .footer-land .item:last-child { padding-top: 20px; font-size: 14px; } .footer-land .item ul { margin: 10px 0 0 0; padding: 0; display: flex; gap: 15px; } @media (max-width: 991px) { .footer-land .item ul { justify-content: center; } } .footer-land .item ul li { list-style-type: none; width: 30px; height: 30px; background-color: #ee2c24; display: flex; justify-content: center; align-items: center; } .footer-land .item ul li a { display: flex; } .footer-land .item ul li a img { width: 20px; height: 20px; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .category-nav { overflow: hidden; border-bottom: 2px solid #D1CECB; border-top: 2px solid #D1CECB; } .category-nav .container { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991px) { .category-nav .container { flex-direction: column; } } .category-nav .container::before, .category-nav .container::after { display: none; } .category-nav ul { display: flex; padding: 24px 0; margin-bottom: 0; } @media (max-width: 991px) { .category-nav ul { padding: 10px 0; } } .category-nav ul li { list-style-type: none; padding: 16px 20px; font-weight: 500; color: #7F7F7F; } .category-nav ul li:first-child { padding-left: 0; } @media (max-width: 991px) { .category-nav ul li { padding: 10px 10px 10px 0px; font-size: 16px; } } .category-nav ul li a { color: #1C1819; } .category-nav ul li select { border: none; color: #1C1819; padding-right: 4px; } .category-nav__search { position: relative; } @media (max-width: 991px) { .category-nav__search { margin-bottom: 27px; width: 100%; } } .category-nav__search input[type=text] { display: block; width: 240px; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } @media (max-width: 991px) { .category-nav__search input[type=text] { width: 100%; } } .category-nav__search button { position: absolute; right: 1px; top: 1px; height: 32px; width: 32px; background-color: #fff; display: block; border: none; color: #1c1819; font-size: 22px; } .category-nav__search button::after { font-family: "Material Icons"; content: "\e8b6"; } @media (max-width: 991px) { .category-nav__desktop { display: none; } } .category-nav__mobile { display: none; } @media (max-width: 991px) { .category-nav__mobile { display: inline-block; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ body .blog-hero { text-align: center; padding-top: 4vw; padding-bottom: 4vw; } body .blog-hero__title { font-weight: 500; color: #D51A00; font-size: 48px; line-height: 1.2; padding-left: 10%; padding-right: 10%; } @media (max-width: 767px) { body .blog-hero__title { font-size: 26px; padding-left: 0; padding-right: 0; } } body .blog-hero__text { padding-left: 10%; padding-right: 10%; } @media (max-width: 767px) { body .blog-hero__text { padding-left: 0; padding-right: 0; } } body .blog-listing { padding: 0px 0px 80px 0px; display: flex; flex-direction: column; gap: 20px; align-items: center; text-align: center; margin: 0 auto; } @media (max-width: 767px) { body .blog-listing { padding: 0px 0px 52px 0px; } } body .blog-listing__title { font-size: 48px; font-weight: 500; text-align: left; margin-bottom: -20px; width: 80%; } @media (max-width: 767px) { body .blog-listing__title { font-size: 40px; margin-bottom: -50px; line-height: 57.6px; width: 100%; } } body .blog-listing__viewall { position: absolute; right: 30px; top: 30px; font-size: 16px; font-weight: 500; text-transform: uppercase; display: inline-block; color: #d51a00; padding-right: 60px; transition: all 0.3s ease-in-out; } @media (max-width: 767px) { body .blog-listing__viewall { position: relative; right: auto; top: auto; margin-top: 20px; } } body .blog-listing__viewall::before { content: ""; width: 40px; height: 40px; background-color: #d51a00; display: block; position: absolute; right: 0; top: -7px; border: 1px solid #d51a00; transition: all 0.3s ease-in-out; } body .blog-listing__viewall::after { font-family: "Material Icons"; content: "\e5cf"; position: absolute; top: -11px; right: 4px; color: #fff; z-index: 2; font-size: 30px; transform: rotate(-90deg); transition: all 0.3s ease-in-out; } body .blog-listing__viewall:hover::before { background-color: #fff; } body .blog-listing__viewall:hover::after { color: #d51a00; } body .blog-listing__cards { margin-top: 80px; row-gap: 80px; } body .blog-listing__cards.page-1 .blog-listing__card:nth-child(1), body .blog-listing__cards.page-1 .blog-listing__card:nth-child(2) { flex: 0 0 calc(49.98% - 30px); max-width: calc(49.98% - 30px); width: calc(49.98% - 30px); } body .blog-listing__cards.page-1 .blog-listing__card:nth-child(1) .blog-listing__card-media::after, body .blog-listing__cards.page-1 .blog-listing__card:nth-child(2) .blog-listing__card-media::after { padding-bottom: 56.25%; } body .blog-listing__card { text-align: left; position: relative; } @media (max-width: 767px) { body .blog-listing__card { padding-bottom: 48px; } body .blog-listing__card .blog-listing__card-media::after { padding-bottom: 100% !important; } } body .blog-listing__card-media { position: relative; overflow: hidden; margin-bottom: 32px; } @media (max-width: 767px) { body .blog-listing__card-media { margin-bottom: 24px; } } body .blog-listing__card-media::after { content: ""; display: block; height: 0; padding-bottom: 100%; } body .blog-listing__card-media img { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } body .blog-listing__card-title { font-size: 30px; font-weight: 500; margin-bottom: 16px; line-height: 140%; } @media (max-width: 767px) { body .blog-listing__card-title { font-size: 22px; } } body .blog-listing__card-abstract { font-size: 18px; font-weight: 400; margin-bottom: 16px; line-height: 170%; } @media (max-width: 767px) { body .blog-listing__card-abstract { font-size: 16px; } } body .blog-listing__card-meta { font-size: 14px; font-weight: 400; margin-bottom: 72px; display: flex; } @media (max-width: 767px) { body .blog-listing__card-meta { margin-bottom: 22px; } } body .blog-listing__card-category { font-weight: 700; margin-left: 30px; position: relative; } body .blog-listing__card-category::after { content: ""; width: 6px; height: 6px; background-color: #f00; border-radius: 6px; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); } body .blog-listing__card-cta { margin: 0; position: absolute; bottom: 0; } @media (max-width: 767px) { body .blog-listing__card-cta { position: relative; } } body .blog-pagination { display: flex; justify-content: center; align-items: center; margin: 20px 0 80px 0; } body .blog-pagination ul { display: flex; list-style: none; gap: 10px; padding: 0; margin: 0; } @media (max-width: 767px) { body .blog-pagination ul { gap: 6px; } } body .blog-pagination li a { width: 46px; height: 46px; display: flex; justify-content: center; align-items: center; font-size: 20px; text-decoration: none; color: #101010; transition: color 0.2s ease; } @media (max-width: 767px) { body .blog-pagination li a { width: 34px; height: 34px; font-size: 16px; } } body .blog-pagination li.active a { border: 2px solid #d51a00; color: #d51a00; } body .blog-pagination li.prev a, body .blog-pagination li.next a { position: relative; } body .blog-pagination li.next a::after, body .blog-pagination li.prev a::after { font-family: "Material Icons"; content: "\e5cf"; position: absolute; top: 0; left: 0; font-size: 26px; } body .blog-pagination li.next a::after { transform: rotate(-90deg) translateY(25%); } @media (max-width: 767px) { body .blog-pagination li.next a::after { transform: rotate(-90deg) translateY(10%); top: -4px; } } body .blog-pagination li.prev a::after { transform: rotate(90deg) translateY(-25%); } @media (max-width: 767px) { body .blog-pagination li.prev a::after { transform: rotate(90deg) translateY(-10%); top: -4px; } } body .blog-pagination li.prev.disabled a, body .blog-pagination li.next.disabled a { color: #acaaa7; cursor: default; pointer-events: none; } body .blog-pagination li a:hover { color: #d51a00; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ @media (max-width: 767px) { body .blog-col { padding-left: 0; padding-right: 0; } } body .blog-news-hero { padding-top: 4vw; padding-bottom: 4vw; } @media (max-width: 767px) { body .blog-news-hero { padding-bottom: 60px; } } body .blog-news-hero__meta { font-weight: 400; margin-bottom: 60px; display: flex; } @media (max-width: 767px) { body .blog-news-hero__meta { font-size: 16px; margin-bottom: 40px; } } body .blog-news-hero__category { font-weight: 700; margin-left: 30px; position: relative; } body .blog-news-hero__category::after { content: ""; width: 6px; height: 6px; background-color: #f00; border-radius: 6px; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); } body .blog-news-hero__title { font-size: 70px; margin-bottom: 40px; } @media (max-width: 767px) { body .blog-news-hero__title { font-size: 40px; margin-bottom: 24px; } } body .blog-news-hero__subtitle { font-size: 30px; } @media (max-width: 767px) { body .blog-news-hero__subtitle { font-size: 22px; } } body .blog-media-caption { margin-bottom: 120px; } @media (max-width: 767px) { body .blog-media-caption { margin-bottom: 60px; } } body .blog-media-caption__media { position: relative; overflow: hidden; } body .blog-media-caption__media::after { content: ""; display: block; height: 0; padding-bottom: 66.66%; } body .blog-media-caption__media img, body .blog-media-caption__media video { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } body .blog-media-caption__caption { font-size: 16px; text-align: center; margin-top: 16px; } @media (max-width: 767px) { body .blog-media-caption__caption { font-size: 14px; } } body .blog-text { margin-bottom: 120px; } @media (max-width: 767px) { body .blog-text { margin-bottom: 60px; } } body .blog-text__title { font-size: 40px; margin-bottom: 20px; } @media (max-width: 767px) { body .blog-text__title { font-size: 36px; } } body .blog-text__content p, body .blog-text__content ul, body .blog-text__content ol { margin-bottom: 32px; } body .blog-text__content ul li, body .blog-text__content ol li { margin-bottom: 10px; } body .blog-text__content ul li:last-child, body .blog-text__content ol li:last-child { margin-bottom: 0; } body .blog-text__content p:last-child, body .blog-text__content ul:last-child, body .blog-text__content ol:last-child { margin-bottom: 0; } body .blog-text__content a { color: #d51a00; font-weight: 700; text-decoration: underline; } body .blog-quote { margin-bottom: 120px; padding-left: 60px; padding-right: 60px; } @media (max-width: 767px) { body .blog-quote { margin-bottom: 60px; padding-left: 30px; padding-right: 0; } } body .blog-quote__content { position: relative; } body .blog-quote__content i { position: absolute; top: -15px; bottom: -15px; width: 20px; display: block; left: -60px; } @media (max-width: 767px) { body .blog-quote__content i { left: -25px; } } body .blog-quote__content i img { height: 100%; } body .blog-quote__content div { font-size: 50px; color: #d51a00; font-weight: 500; line-height: 140%; } @media (max-width: 767px) { body .blog-quote__content div { font-size: 32px; line-height: 130%; } } body .blog-quote__content span { font-size: 20px; font-weight: 500; margin-top: 32px; text-transform: uppercase; display: block; } @media (max-width: 767px) { body .blog-quote__content span { margin-top: 24px; font-size: 18px; } } body .blog-gallery { margin-bottom: 120px; } @media (max-width: 767px) { body .blog-gallery { margin-bottom: 60px; } } body .blog-gallery__container { padding-left: 60px; position: relative; } @media (max-width: 767px) { body .blog-gallery__container { padding-left: 20px; } } body .blog-gallery__title { font-size: 40px; margin-bottom: 40px; color: #d51a00; font-weight: 500; } @media (max-width: 767px) { body .blog-gallery__title { font-size: 36px; margin-bottom: 24px; } } body .blog-gallery-custom__nav { position: absolute; right: 60px; top: 0; display: flex; gap: 10px; } @media (max-width: 767px) { body .blog-gallery-custom__nav { display: none; } } body .blog-gallery-custom__nav a { width: 50px; height: 50px; background-color: #d51a00; display: block; position: relative; border: 1px solid #d51a00; transition: all 0.3s ease-in-out; } body .blog-gallery-custom__nav a:hover { background-color: #fff; } body .blog-gallery-custom__nav a:hover::after { color: #d51a00; } body .blog-gallery-custom__nav a.slick-disabled { opacity: 0.6; pointer-events: none; } body .blog-gallery-custom__nav a::after { font-family: "Material Icons"; content: "\e5cf"; position: absolute; top: calc(50% + 1px); right: 50%; font-size: 40px; color: #fff; } body .blog-gallery-custom__nav a.blog-custom-prev::after { transform: translate(50%, -50%) rotate(90deg); } body .blog-gallery-custom__nav a.blog-custom-next::after { transform: translate(50%, -50%) rotate(-90deg); } body .blog-gallery .slick-list { margin: 0 -5px; } body .blog-gallery .slick-list .slick-slide { margin-right: 10px; } body .blog-gallery .slick-list .slick-slide img { height: 610px; } @media (max-width: 1199px) { body .blog-gallery .slick-list .slick-slide img { height: 410px; } } @media (max-width: 991px) { body .blog-gallery .slick-list .slick-slide img { height: 410px; } } @media (max-width: 767px) { body .blog-gallery .slick-list .slick-slide img { height: 210px; } } body .blog-gallery__content { display: flex; flex-direction: column; gap: 16px; } body .blog-gallery__caption { display: none; } @media (max-width: 767px) { body .blog-gallery__caption { font-size: 14px; } } body .blog-share { margin-bottom: 120px; } @media (max-width: 767px) { body .blog-share { margin-bottom: 60px; } } body .blog-share .blog-col { border-top: 1px solid #000; padding-top: 40px; display: flex; justify-content: space-between; padding-left: 0; padding-right: 0; } @media (max-width: 767px) { body .blog-share .blog-col { flex-direction: column; } } body .blog-share__categories-title, body .blog-share__socials-title { font-size: 20px; font-weight: 700; margin-bottom: 24px; } @media (max-width: 767px) { body .blog-share__categories-title, body .blog-share__socials-title { margin-bottom: 16px; } } body .blog-share__socials-title { text-align: right; } @media (max-width: 767px) { body .blog-share__socials-title { text-align: left; } } body .blog-share .blog-news-hero__category:first-child { margin-left: 18px; } body .blog-share ul { margin: 0; padding: 0; display: flex; gap: 20px; list-style-type: none; color: #d51a00; align-items: center; align-content: center; } body .blog-share ul li { display: flex; align-content: center; } body .blog-share ul li a { color: #d51a00; display: flex; } body .blog-share ul li a i, body .blog-share ul li a svg { width: 28px; height: 20px; font-size: 24px; } body .blog-share ul li a i path, body .blog-share ul li a svg path { fill: #d51a00; } body .blog-accordion { background-color: #e5e3df; margin-bottom: 120px; padding-bottom: 120px; padding-top: 120px; margin-top: -60px; } @media (max-width: 767px) { body .blog-accordion { margin-bottom: 60px; padding-bottom: 60px; padding-top: 60px; margin-top: 0; } } body .blog-accordion__title { text-align: center; color: #d51a00; font-size: 48px; margin-bottom: 64px; font-weight: 500; } @media (max-width: 767px) { body .blog-accordion__title { font-size: 40px; margin-bottom: 32px; } } body .blog-accordion__item { padding: 24px 32px; background-color: #fff; margin-bottom: 16px; } @media (max-width: 767px) { body .blog-accordion__item { padding: 24px; } } body .blog-accordion__item:last-child { margin-bottom: 0; } body .blog-accordion__item.open button::before { opacity: 0; transform: rotate(90deg); } body .blog-accordion__item-title { font-size: 24px; font-weight: 700; background: transparent; width: 100%; border: none; margin: 0; padding: 0; text-align: left; position: relative; padding-right: 30px; } @media (max-width: 767px) { body .blog-accordion__item-title { font-size: 20px; } } body .blog-accordion__item-title::after { content: ""; display: block; position: absolute; right: 0; top: calc(50% - 2px); width: 24px; height: 2px; background-color: #000; } body .blog-accordion__item-title::before { content: ""; display: block; position: absolute; right: 11px; top: calc(50% - 12px); width: 2px; height: 24px; background-color: #000; transition: all 0.3s ease-in-out; opacity: 1; } body .blog-accordion__item-text { font-size: 15px; margin-top: 16px; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .icon-new { visibility: visible; } .icon-new-logo { width: 227px; height: 42px; } @media (max-width: 991px) { .icon-new-logo { width: 173px; height: 32px; } } .icon-new-track { width: 16px; height: 16px; } .icon-new-search { width: 16px; height: 16px; } .icon-new-user { width: 15px; height: 15px; } .icon-new-arrow-bottom { width: 10px; height: 7px; } .icon-new-paper { width: 22px; height: 22px; } .icon-new-arrow-menu { width: 14px; height: 14px; } .icon-new-arrow-right { width: 22px; height: 22px; } .icon-new-pin { width: 16px; height: 19px; } .icon-new-clock { width: 16px; height: 19px; } .icon-new-close-box { width: 26px; height: 26px; } .icon-new-phone { width: 22px; height: 22px; } .icon-new-search-button { width: 46px; height: 42px; } .icon-new-pin-mobile { width: 26px; height: 26px; } .icon-new-hamburger { width: 26px; height: 26px; } .icon-new-youtube { width: 22px; height: 22px; } .icon-new-facebook { width: 22px; height: 22px; } .icon-new-linkedin { width: 22px; height: 22px; } .icon-new-instagram { width: 22px; height: 22px; } .icon-new-logo-ws { width: 85px; height: 14px; } .icon-new-world { width: 22px; height: 22px; } .icon-new-swiper-arrow { width: 49px; height: 49px; } .icon-new-button-arrow { width: 43px; height: 43px; } .icon-new-contact-us { width: 22px; height: 22px; } .icon-new-phone { width: 22px; height: 22px; } .icon-new-directions { width: 22px; height: 22px; } .icon-new-play { width: 110px; height: 110px; } .icon-new-plus { width: 24px; height: 25px; } .icon-new-minus { width: 24px; height: 25px; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .btn-new { padding: 10px 12px; line-height: 1; color: #FFFFFF; background-color: #000000; border: 1px solid #000000; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; } .btn-new:hover, .btn-new:focus { color: #000000; background-color: transparent; } .btn-new-highlight { color: #000000; background-color: transparent; } .btn-new-highlight:hover, .btn-new-highlight:focus { color: #FFFFFF; background-color: #000000; } .btn-new-highlight-red { color: #D51A00; background-color: #FFFFFF; border-color: #D51A00; } .btn-new-highlight-red:hover, .btn-new-highlight-red:focus { color: #FFFFFF; background-color: #D51A00; } .btn-new-invert { color: #FFFFFF; border-color: #FFFFFF; } .btn-new-invert:hover, .btn-new-invert:focus { color: #000000; background-color: #FFFFFF; } .btn-new-red { color: #FFFFFF; border-color: #D51A00; background-color: #D51A00; } .btn-new-red:hover, .btn-new-red:focus { color: #D51A00; background-color: #FFFFFF; } .btn-new-more { padding: 13px 27px; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .swiper { position: relative; overflow: hidden; } .swiper-hero { visibility: visible; height: 75dvh; } @media (max-width: 1199px) { .swiper-hero { height: 70dvh; } } @media (max-width: 991px) { .swiper-hero { height: 85svh; } } .swiper-hero .swiper-slide:after { content: ""; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.2)); } .swiper-hero .swiper-slide figure { position: relative; z-index: 1; width: 100%; height: 100%; } .swiper-hero .swiper-slide figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .swiper-hero .swiper-slide figure img.img-mobile { display: none; } @media (max-width: 767px) { .swiper-hero .swiper-slide figure img.img-mobile { display: block; } } .swiper-hero .swiper-slide figure img.img-desktop { display: block; } @media (max-width: 767px) { .swiper-hero .swiper-slide figure img.img-desktop { display: none; } } .swiper-hero .swiper-slide .content { position: absolute; z-index: 3; left: 50%; bottom: 80px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 16px; width: 100%; max-width: 40vw; text-align: center; } @media (max-width: 991px) { .swiper-hero .swiper-slide .content { max-width: 80vw; } } @media (max-width: 767px) { .swiper-hero .swiper-slide .content { max-width: 90vw; } } .swiper-hero .swiper-slide .content .title { color: #FFFFFF; padding: 0; margin: 0; } .swiper-hero .swiper-slide .content .txt { color: #FFFFFF; } .swiper-hero .swiper-slide .content .btn-new { visibility: visible; } .swiper-hero .swiper-slide.store-search img:not(.avatar img) { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .swiper-store img { width: 100%; } .swiper-store-arrows { visibility: visible; } .swiper-store-arrows .swiper-button-next, .swiper-store-arrows .swiper-button-prev { background-image: url(/dist/icons/arrow_circle-new.svg); width: 43px; height: 43px; } .swiper-store-arrows .swiper-button-next:after, .swiper-store-arrows .swiper-button-prev:after { display: none; } .swiper-store-arrows .swiper-button-prev { left: -67px; } .swiper-store-arrows .swiper-button-next { right: -67px; transform: translateY(-50%) rotate(180deg); } .swiper-button-next, .swiper-button-prev { z-index: 10; pointer-events: auto; width: 48px; height: 48px; margin: 0; padding: 0; display: flex; transform: translateY(-50%); left: 30px; right: auto; } .swiper-button-next:after, .swiper-button-prev:after { color: #FFFFFF; font-size: 1.8rem; font-weight: 400; } @media (max-width: 767px) { .swiper-button-next, .swiper-button-prev { width: 32px; height: 32px; left: 16px; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 1.1rem; } } .swiper-button-next { left: auto; right: 30px; } @media (max-width: 767px) { .swiper-button-next { right: 16px; } } .swiper-circle { background-image: url(/dist/icons/arrow_circle-new.svg); width: 43px; height: 43px; position: static; transform: none; } .swiper-circle:after { display: none; } .swiper-button-next.swiper-circle { transform: rotate(180deg); } .controls-header { display: flex; align-items: center; gap: 8px; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .tracking-layer, .search-layer { display: flex; align-items: center; justify-content: center; position: relative; } @media (max-width: 1199px) { .tracking-layer, .search-layer { justify-content: flex-start; height: 100%; } } .tracking-layer form, .search-layer form { align-items: center; gap: 22px; display: none; } .tracking-layer form.active, .search-layer form.active { display: flex; } .tracking-layer form label, .search-layer form label { color: #211E1E; margin: 0; } .tracking-layer form input, .search-layer form input { margin: 0; padding: 12px; background-color: #F5F5F5; border: none; line-height: 1; width: 690px; max-width: 100%; flex: 1; border-radius: 4px; } @media (max-width: 1199px) { .tracking-layer form input, .search-layer form input { width: 500px; } } .tracking-layer form input::-moz-placeholder, .search-layer form input::-moz-placeholder { font-style: normal; } .tracking-layer form input::placeholder, .search-layer form input::placeholder { font-style: normal; } .tracking-layer form button, .search-layer form button { margin: 0; padding: 0; background: none; border: none; line-height: 1; display: flex; } .tracking-layer form button svg, .search-layer form button svg { visibility: visible; } .tracking-layer-close, .search-layer-close { position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: flex; } .tracking-layer { height: auto; } .tracking-layer form { display: flex; position: absolute; z-index: 1; left: 50%; transform: translateX(-50%); background: #FFFFFF; padding: 20px 32px; border-radius: 4px; } @media (max-width: 767px) { .tracking-layer form { flex-wrap: wrap; width: calc(100% - 20px); gap: 10px; padding: 20px 24px; } .tracking-layer form label { flex: 0 0 100%; max-width: 100%; text-align: center; font-size: 14px; } .tracking-layer form input { width: auto; } .tracking-layer form button { visibility: visible; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .highlight { padding: 120px 0 80px; } .highlight-header { display: flex; justify-content: space-between; align-items: center; } .highlight-header h1, .highlight-header h2, .highlight-header h3 { margin: 0; letter-spacing: 0; } .highlight-content { display: flex; flex-direction: column; gap: 32px; } .highlight-slider { visibility: visible; } .highlight-slider .swiper { padding: 0 calc((100% - 1440px) / 2); } @media (max-width: 1440px) { .highlight-slider .swiper { padding: 0 30px; } } @media (max-width: 767px) { .highlight-slider .swiper { padding: 0 15px; } } .highlight-slider .swiper .swiper-wrapper { display: flex; align-items: stretch; } .highlight-slider .swiper .swiper-wrapper .swiper-slide { height: auto !important; background: #FFFFFF; } .highlight-item { display: flex; } .highlight-item .text { background: #FFFFFF; padding: 64px; display: flex; flex-direction: column; justify-content: space-between; gap: 40px; } @media (max-width: 1199px) { .highlight-item .text { padding: 34px; } } @media (max-width: 767px) { .highlight-item .text { padding: 16px; } } .highlight-item .text-primary { display: flex; flex-direction: column; gap: 12px; } .highlight-item .text .titolo { color: #D51A00; } .highlight-item .text .desc { color: #666666; } .highlight-item .text .link { display: flex; } .highlight-item .img { flex: 0 0 61.4%; position: relative; overflow: hidden; height: 0; padding-bottom: 46%; } @media (max-width: 991px) { .highlight-item .img { padding-bottom: 75%; } } .highlight-item .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 991px) { .highlight-item { flex-direction: column; } .highlight-item .text { order: 1; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .store-header { padding: 60px 0 16px; color: #FFFFFF; background-size: cover; background-position: center; text-align: center; position: relative; z-index: 1; } @media (max-width: 767px) { .store-header { padding: 50px 0 16px; } } .store-header:after { content: ""; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)); } .store-header-content { position: relative; z-index: 3; display: flex; flex-direction: column; gap: 42px; } @media (max-width: 767px) { .store-header-content { gap: 34px; } } .store-header-top { display: flex; flex-direction: column; gap: 8px; } .store-header-link { visibility: visible; } .store-header-link a { color: #FFFFFF; text-transform: uppercase; font-size: 11px; line-height: 1, 5; text-decoration: underline; } .store-detail { padding: 80px 0; } @media (max-width: 767px) { .store-detail { padding: 64px 0; } } .store-detail-info { background: #FFFFFF; padding: 74px 32px 24px; border-radius: 15px; margin: 20px 16px 0 16px; position: relative; display: flex; flex-direction: column; gap: 24px; } @media (max-width: 991px) { .store-detail-info { margin: 0; } } @media (max-width: 767px) { .store-detail-info { padding: 74px 24px 32px; } } .store-detail-info figure { width: 100px; height: 100px; overflow: hidden; border-radius: 100%; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); } .store-detail-info figure img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; } .store-detail-info .store-manager { display: flex; flex-direction: column; gap: 4px; align-items: center; } .store-detail-info .store-manager .name { color: #211E1E; } .store-detail-info .store-manager .position { color: #666666; } .store-detail-info .store-actions { display: flex; flex-wrap: wrap; gap: 10px 8px; } .store-detail-info .store-actions .btn-new { flex: 1; } @media (max-width: 1440px) { .store-detail-info .store-actions .btn-new { flex: auto; } } @media (max-width: 991px) { .store-detail-info .store-actions .btn-new { flex: 1; } } .store-detail-info .store-actions .openContact { flex: 0 0 100%; max-width: 100%; } @media (max-width: 991px) { .store-detail .grid { display: flex; flex-direction: column; gap: 32px; } .store-detail .grid > div { flex: 0 0 100%; max-width: 100%; width: 100%; margin: 0; } } .store-orari { display: flex; flex-direction: column; gap: 16px; } .store-orari .titolo { color: #666666; text-transform: uppercase; } .store-orari .orari { color: #211E1E; } .store-orari .orari .riga-orario { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid #BFBFBF; } .store-orari .orari .riga-orario:first-child { border-top: 1px solid #BFBFBF; } .store-orari .orari .riga-orario .giorno { visibility: visible; } .store-orari .orari .riga-orario .fascia-oraria { display: flex; align-items: center; gap: 13px; } .store-orari .orari .riga-orario .fascia-oraria .mattina { visibility: visible; } .store-orari .orari .riga-orario .fascia-oraria .pomeriggio { visibility: visible; } .store-orari .orari-speciali { color: #666666; } .store-dx { display: flex; flex-direction: column; /*justify-content: space-between;*/ gap: 16px; height: 100%; } .store-social { display: flex; justify-content: space-between; align-items: center; } .store-social .titolo { color: #666666; text-transform: uppercase; } .store-social-icons { display: flex; align-items: center; gap: 16px; } .store-social-icons a { display: flex; } .store-social-icons a svg { width: 16px; height: 16px; } .store-description { padding: 80px 0; background: #F5F5F5; } @media (max-width: 767px) { .store-description { padding: 64px 0; } } .store-description-content { display: flex; flex-direction: column; gap: 32px; } .store-description .section--testo-pagina-store { display: flex; flex-direction: column; gap: 24px; } .store-description .section--testo-pagina-store .title { margin: 0; padding: 0; } .store-description .section--testo-pagina-store p { margin: 0 !important; } .store-description-swiper { position: relative; gap: 16px; display: flex; flex-direction: column; } .store-description-swiper .swiper-store-arrows { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .store-description-swiper .swiper-store-arrows .swiper-button-prev, .store-description-swiper .swiper-store-arrows .swiper-button-next { position: absolute; transform: translateY(-50%); } .store-description-swiper .swiper-store-arrows .swiper-button-next { transform: translateY(-50%) rotate(180deg); } @media (max-width: 767px) { .store-description-swiper .swiper-store-arrows { position: static; display: flex; justify-content: center; gap: 8px; } .store-description-swiper .swiper-store-arrows .swiper-button-prev, .store-description-swiper .swiper-store-arrows .swiper-button-next { position: static; transform: none; } .store-description-swiper .swiper-store-arrows .swiper-button-next { transform: rotate(180deg); } } .store-solutions { padding: 80px 0; display: flex; flex-direction: column; gap: 40px; } @media (max-width: 767px) { .store-solutions { padding: 64px 0; gap: 24px; } } .store-solutions .titolo { text-align: center; } .store-solutions .swiper-solutions { display: flex; flex-direction: column; gap: 40px; } @media (max-width: 767px) { .store-solutions .swiper-solutions { gap: 24px; } } .store-solutions .swiper-solutions .swiper-slide figure { overflow: hidden; width: 100%; height: 0; position: relative; padding-top: 61.7%; } .store-solutions .swiper-solutions .swiper-slide figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .store-solutions .swiper-solutions .swiper-slide .swiper-link { background: #E5E3DF; padding: 12px 24px; display: flex; justify-content: space-between; align-items: center; } .store-solutions .swiper-solutions .swiper-slide .swiper-link a { display: flex; } .store-solutions .swiper-solutions .swiper-slide .swiper-link a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .store-solutions .swiper-solutions .swiper-slide .swiper-link a svg { color: #D51A00; } .store-solutions .swiper-solutions-arrows { display: flex; justify-content: center; gap: 12px; } .store-solutions .swiper-solutions .swiper-notification { display: none; } .store-services { padding: 80px 0; } .store-services-content { display: flex; flex-direction: column; gap: 64px; } @media (max-width: 767px) { .store-services-content { gap: 32px; } } .store-services .services-header { display: flex; justify-content: space-between; align-items: center; } .store-services .swiper-slide { display: flex; flex-direction: column; gap: 24px; } .store-services .swiper-slide figure { overflow: hidden; width: 100%; height: 0; position: relative; padding-top: 53%; } .store-services .swiper-slide figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .store-services .swiper-slide .cont { display: flex; flex-direction: column; gap: 8px; } .store-services .swiper-slide a { width: -moz-fit-content; width: fit-content; } @media (max-width: 767px) { .store-services { padding: 64px 0; } .store-services .container { padding: 0; } .store-services .services-header { padding: 0 15px; } .store-services .swiper-services { padding: 0 15px; } } .store-reviews { padding: 80px 0; background: #F5F5F5; } .store-reviews-content { display: flex; flex-direction: column; gap: 32px; } .store-reviews-content .titolo { text-align: center; } .store-reviews .swiper-reviews { display: flex; flex-direction: column; gap: 32px; } .store-reviews .swiper-reviews .swiper-wrapper { display: flex; align-items: stretch; width: 100%; } .store-reviews .swiper-reviews .swiper-slide { background: #FFFFFF; padding: 32px 24px; display: flex; flex-direction: column; gap: 16px; height: auto; } .store-reviews .swiper-reviews .swiper-slide .name { display: flex; align-items: center; gap: 12px; } .store-reviews .swiper-reviews .swiper-slide .name-image { visibility: visible; } .store-reviews .swiper-reviews .swiper-slide .name-image img { visibility: visible; } .store-reviews .swiper-reviews .swiper-slide .name-author { display: flex; flex-direction: column; } .store-reviews .swiper-reviews .swiper-slide .name-author .data { color: #898989; } .store-reviews .swiper-reviews .swiper-slide .stars { position: relative; z-index: 1; width: -moz-fit-content; width: fit-content; height: 20px; overflow: hidden; line-height: 1; } .store-reviews .swiper-reviews .swiper-slide .stars:before { content: ""; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: #DFE1E5; } .store-reviews .swiper-reviews .swiper-slide .stars:after { content: ""; position: absolute; z-index: 3; left: 0; top: 0; /*width: 50%;*/ height: 100%; background: #E7711B; } .store-reviews .swiper-reviews .swiper-slide .stars img { position: relative; z-index: 5; margin: 0; line-height: 1; display: block; } .store-reviews .swiper-reviews .swiper-slide .stars.stars-4:after { width: 80%; } .store-reviews .swiper-reviews .swiper-slide .stars.stars-4-half:after { width: 93%; } .store-reviews .swiper-reviews .swiper-slide .stars.stars-5:after { width: 100%; } .store-reviews .swiper-reviews-arrows { display: flex; justify-content: center; align-items: center; gap: 8px; } .store-reviews .swiper-reviews .swiper-notification { display: none; } @media (max-width: 767px) { .store-reviews { padding: 64px 0; } .store-reviews .container { padding: 0; } .store-reviews .swiper-reviews { padding: 0 15px; } } .store-banner { padding: 64px 0; position: relative; } .store-banner figure { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .store-banner figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: left top; object-position: left top; } .store-banner-box { padding: 48px; display: flex; flex-direction: column; gap: 32px; text-align: center; position: relative; } .store-banner-box:after { content: ""; background: #FFFFFF; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.9; } @media (max-width: 1199px) { .store-banner-box:after { opacity: 0.95; } } .store-banner-header { display: flex; flex-direction: column; gap: 8px; color: #211E1E; } .store-banner-header .titolo { margin: 0; letter-spacing: 0; } .store-banner-header .abstract { color: #666666; } .store-banner-content { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; } .store-banner-content .links { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; } .store-banner-content .links a { color: #D51A00; display: flex; gap: 8px; align-items: center; } .store-banner-content .links a svg { color: #000000; } .store-banner-actions { display: flex; flex-wrap: wrap; gap: 8px; } .store-banner-actions .btn-new { flex: 1; } .store-banner-footer a { font-size: 11px; text-transform: uppercase; text-decoration: underline; } @media (max-width: 1199px) { .store-banner .grid > div { flex: 0 0 100%; max-width: 100%; width: 100%; margin: 0; } } @media (max-width: 991px) { .store-banner { padding: 0; } .store-banner figure { overflow: hidden; height: 0; padding-bottom: 68%; position: relative; } .store-banner figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: left top; object-position: left top; } } @media (max-width: 767px) { .store-banner-box { padding: 32px 15px; gap: 24px; } .store-banner-content .links { flex-direction: column; gap: 8px; } .store-banner-actions { flex-direction: column; gap: 8px; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .video-component { padding: 80px 0; background: #F5F5F5; } @media (max-width: 767px) { .video-component { padding: 64px 0; } } .video-component-flex { display: flex; flex-direction: column; gap: 64px; } .video-component-content { display: flex; flex-direction: column; gap: 24px; } .video-component-content .titolo { color: #211E1E; margin: 0; letter-spacing: 0; } .video-component-content .text { color: #666666; } .video-component-content a { width: -moz-fit-content; width: fit-content; } .video-component-player { position: relative; } .video-component-player:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); opacity: 0.1; } .video-component-player svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } @media (max-width: 767px) { .video-component-player svg { width: 48px; height: 48px; } } .video-component-player img { width: 100%; } .video-component-player a { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .hero-product { display: flex; flex-wrap: wrap; align-items: center; padding-left: calc((100vw - 1500px) / 2); } .hero-product .content { display: flex; flex-direction: column; gap: 24px; padding: 0 64px; flex: 1; } .hero-product figure { flex: 0 0 60%; width: 60%; max-width: 60%; position: relative; } .hero-product figure:before { content: ""; background: #E5E3DF; position: absolute; left: -1px; top: 0; width: 90px; height: 100%; clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%); } @media (max-width: 991px) { .hero-product figure:before { left: 0; top: -1px; width: 100%; height: 40px; } } .hero-product figure img { width: 100%; } @media (max-width: 991px) { .hero-product { padding: 0; flex-direction: column; } .hero-product .content { padding: 40px 30px; } .hero-product figure { flex: 0 0 100%; width: 100%; max-width: 100%; } .hero-product figure img { visibility: visible; } } @media (max-width: 767px) { .hero-product .content { padding: 40px 15px; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .image-accordion { visibility: visible; } .image-accordion .grid { align-items: stretch; } @media (max-width: 991px) { .image-accordion .grid { flex-direction: column; margin: 0; } .image-accordion .grid > div { flex: 0 0 100%; max-width: 100%; width: 100%; margin: 0; } } .image-accordion figure { height: 100%; position: relative; min-height: 90vh; } .image-accordion figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top right; object-position: top right; } @media (max-width: 991px) { .image-accordion figure { min-height: auto; } .image-accordion figure img { position: static; height: auto; -o-object-fit: unset; object-fit: unset; -o-object-position: unset; object-position: unset; } } .image-accordion .content { padding: 80px; display: flex; flex-direction: column; gap: 30px; height: 100%; justify-content: center; } .image-accordion .content .titolo { margin: 0; letter-spacing: 0; } .image-accordion .content .accordion { visibility: visible; } .image-accordion .content .accordion details { border-bottom: 1px solid #BFBFBF; padding-bottom: 12px; } .image-accordion .content .accordion details summary { color: #D51A00; display: flex; justify-content: space-between; gap: 24px; padding-top: 12px; cursor: pointer; } .image-accordion .content .accordion details summary svg { flex: 0 0 24px; position: relative; top: 2px; } .image-accordion .content .accordion details summary .icon-new-minus { display: none; } .image-accordion .content .accordion details summary + div { padding-top: 16px; } .image-accordion .content .accordion details:first-child summary { border-top: 1px solid #BFBFBF; } .image-accordion .content .accordion details[open] summary .icon-new-minus { display: block; } .image-accordion .content .accordion details[open] summary .icon-new-plus { display: none; } @media (max-width: 991px) { .image-accordion .content { padding: 64px 30px; } } @media (max-width: 767px) { .image-accordion .content { padding: 64px 15px; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .simple-text { padding: 120px 0; } @media (max-width: 991px) { .simple-text { padding: 64px 0; } } .simple-text .content { display: flex; flex-direction: column; gap: 24px; } .simple-text .content .titolo { margin: 0; letter-spacing: 0; } .simple-text .content strong { color: #D51A00; } .simple-text .content ul { margin: 24px 0 0 0; } .simple-text .content ul li::marker { color: #D51A00; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .faq { padding: 80px 0; } @media (max-width: 767px) { .faq { padding: 64px 0; } } .faq .content { display: flex; flex-direction: column; gap: 32px; } .faq .content .titolo { color: #D51A00; margin: 0; letter-spacing: 0; } .faq .content .accordion { display: flex; flex-direction: column; gap: 16px; } @media (max-width: 767px) { .faq .content .accordion { gap: 8px; } } .faq .content .accordion details { padding: 24px 32px; background: #E5E3DF; } @media (max-width: 767px) { .faq .content .accordion details { padding: 24px 15px; } } .faq .content .accordion details summary { display: flex; justify-content: space-between; gap: 8px; cursor: pointer; } .faq .content .accordion details summary svg { width: 18px; height: 18px; flex: 0 0 18px; position: relative; top: 5px; } .faq .content .accordion details summary .icon-new-minus { display: none; } .faq .content .accordion details summary + div { padding-top: 24px; } .faq .content .accordion details[open] summary .icon-new-minus { display: block; } .faq .content .accordion details[open] summary .icon-new-plus { display: none; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .numbers-list { padding: 80px 0; background: #F5F5F5; } @media (max-width: 767px) { .numbers-list { padding: 64px 0; } } .numbers-list .content { display: flex; flex-direction: column; gap: 40px; } .numbers-list .content .titolo { margin: 0; letter-spacing: 0; } .numbers-list .content .list { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; padding: 0; margin: 0; } .numbers-list .content .list .box { background: #FFFFFF; padding: 25px; text-align: center; display: flex; flex-direction: column; gap: 8px; flex: 1; } .numbers-list .content .list .box .number { color: #D51A00; } @media (max-width: 991px) { .numbers-list .content .list .box { flex: 0 0 calc(50% - 15px); } } @media (max-width: 767px) { .numbers-list .content .list { gap: 15px; } .numbers-list .content .list .box { flex: 0 0 calc(50% - 7.5px); padding: 20px; } .numbers-list .content .list .box .number { font-size: 30px; } } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .banner-delete { padding: 80px; } @media (max-width: 767px) { .banner-delete { padding: 8px 15px; } } .banner-delete-content { padding: 32px 80px; background: #D51A00; color: #FFFFFF; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; position: relative; } .banner-delete-content .titolo { color: #FFFFFF; letter-spacing: 0; margin: 0; } .banner-delete-content button { position: absolute; top: 24px; right: 24px; margin: 0; padding: 0; background: none; border: none; display: flex; color: #FFFFFF; } .banner-delete-content button svg { visibility: visible; } .banner-delete-content .btn-new { margin-top: 24px; } @media (max-width: 767px) { .banner-delete-content { padding: 32px 24px; } .banner-delete-content button { top: 16px; right: 16px; } .banner-delete-content button svg { visibility: visible; } .banner-delete-content .btn-new { margin-top: 16px; } } /*@import "views/header";*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .header { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; max-width: 100vw; background-color: #FFFFFF; transition: all 0.3s ease-in-out; min-height: 120px; } @media (max-width: 991px) { .header { min-height: 60px; } } .header.hide-on-scroll { top: -100%; } .header.hide-on-scroll .request-quote-mobile { top: -160px; } .header-top { padding: 12px 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } @media (max-width: 991px) { .header-top { padding: 14px 0; } } .header-top-sx { display: flex; flex-wrap: wrap; align-items: center; gap: 32px; } .header-top-sx .logo-header { transition: none; display: flex; } .header-top-sx .your-center { display: flex; flex-direction: column; } .header-top-sx .your-center-label { font-size: 13px; line-height: 1.4; font-weight: 700; color: #D51A00; } @media (max-width: 991px) { .header-top-sx .your-center-label { font-size: 11px; } } .header-top-sx .your-center-find, .header-top-sx .your-center-view { font-size: 13px; line-height: 1.4; color: #666666; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } @media (max-width: 991px) { .header-top-sx .your-center-find, .header-top-sx .your-center-view { font-size: 12px; flex: 1; justify-content: space-between; } } .header-top-sx .your-center #store-box { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100dvh; background: rgba(0, 0, 0, 0.4); padding: 16px; display: none; } @media (max-width: 767px) { .header-top-sx .your-center #store-box { padding: 0; flex-direction: column; justify-content: flex-end; } } .header-top-sx .your-center #store-box.active { display: block; } @media (max-width: 767px) { .header-top-sx .your-center #store-box.active { display: flex; } } .header-top-sx .your-center #store-box .box { background: #FFFFFF; width: -moz-fit-content; width: fit-content; height: 100%; border-radius: 16px; padding: 32px 16px; display: flex; flex-direction: column; justify-content: space-between; min-width: 455px; position: relative; } @media (max-width: 767px) { .header-top-sx .your-center #store-box .box { min-width: auto; width: 100%; height: auto; border-radius: 16px 16px 0 0; gap: 26px; } } .header-top-sx .your-center #store-box .box .close-box { position: absolute; top: 20px; right: 20px; } .header-top-sx .your-center #store-box .box-top { display: flex; flex-direction: column; gap: 24px; } .header-top-sx .your-center #store-box .box-bottom { display: flex; flex-direction: column; gap: 10px; } .header-top-sx .your-center #store-box .box figure { overflow: hidden; overflow: hidden; border-radius: 100%; width: -moz-fit-content; width: fit-content; max-width: 123px; } .header-top-sx .your-center #store-box .box figure img { width: auto; } .header-top-sx .your-center #store-box .box-center { color: #898989; } .header-top-sx .your-center #store-box .box-name { color: #211E1E; } .header-top-sx .your-center #store-box .box-info { display: flex; flex-direction: column; gap: 16px; } .header-top-sx .your-center #store-box .box-info > div { color: #000000; display: flex; flex-wrap: wrap; gap: 10px; line-height: 1; } .header-top-sx .your-center #store-box .box-info > div > div { display: flex; flex-direction: column; gap: 4px; } .header-top-sx .your-center #store-box .box-info > div a { text-decoration: underline; } .header-top-sx .your-center #store-box .box-actions { display: flex; gap: 8px; } .header-top-sx .your-center #store-box .box-actions .btn-new { flex: 1; } .header-top-sx .your-center #store-box .box-change-store { padding: 8px 0; } .header-top-sx .your-center #store-box .box-change-store a { font-size: 11px; line-height: 1.5; text-transform: uppercase; font-weight: 700; text-decoration: underline; display: block; text-align: center; } @media (max-width: 991px) { .header-top-sx .your-center { display: none; position: fixed; top: 50%; /*transform: translateY(-50%);*/ z-index: 10; left: 24px; width: calc(100% - 48px); padding: 12px 16px; border: 1px solid #BFBFBF; border-radius: 4px; flex-direction: row; gap: 6px; } } .header-top-sx .icons-mobile { display: none; align-items: center; gap: 8px; } .header-top-sx .icons-mobile a { visibility: visible; } .header-top-sx .icons-mobile a svg { display: flex; } .header-top-sx .icons-mobile a svg.icon-new-close-box { display: none; } .header-top-sx .icons-mobile .title-menu-mobile { display: none; } @media (max-width: 991px) { .header-top-sx .icons-mobile { display: flex; } } @media (max-width: 991px) { .header-top-sx { display: flex; justify-content: space-between; align-items: center; width: 100%; } } .header-top-dx { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 16px; } .header-top-dx > a { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; } @media (max-width: 991px) { .header-top-dx { display: none; position: fixed; z-index: 1; left: 24px; bottom: 160px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 28px; } .header-top-dx a { font-size: 13px; } } .header-bottom { padding: 12px 0; border-top: 1px solid #d1cecb; border-bottom: 1px solid #d1cecb; position: relative; } @media (max-width: 1199px) { .header-bottom { padding: 12px; } } .header-bottom-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } @media (max-width: 1199px) { .header-bottom-flex { flex-direction: column; align-items: flex-end; gap: 10px; } } .header-bottom-menu { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; } @media (max-width: 1199px) { .header-bottom-menu { flex: 0 0 100%; justify-content: flex-end; } } .header-bottom-menu .toggle-menu { color: #211E1E; line-height: 1.3; } .header-bottom-menu .toggle-menu:hover, .header-bottom-menu .toggle-menu.active { color: #D51A00; } @media (max-width: 991px) { .header-bottom-menu .toggle-menu:hover, .header-bottom-menu .toggle-menu.active { color: #000000; } } .header-bottom-menu .submenu-toggle { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; } .header-bottom-menu .submenu-toggle svg { transition: all 0.3s ease-in-out; } .header-bottom-menu .submenu-toggle.active svg { transform: rotate(180deg); } .header-bottom-service { display: flex; flex-wrap: wrap; align-items: stretch; gap: 15px; } @media (max-width: 1199px) { .header-bottom-service { flex: 0 0 100%; justify-content: flex-end; } } @media (max-width: 991px) { .header-bottom-service { position: absolute; width: 100%; left: 0; bottom: 0; padding: 24px; flex-direction: column; justify-content: space-between; gap: 8px; } .header-bottom-service .btn-new { background-color: #D51A00; color: #FFFFFF; border-color: #D51A00; } .header-bottom-service .btn-new-highlight { background-color: transparent; border-color: #D51A00; color: #D51A00; padding: 14px; } } .header-bottom-ricerca { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FFFFFF; padding: 12px 0; display: none; transition: all 0.3s ease-in-out; } @media (max-width: 1199px) { .header-bottom-ricerca .container { height: 100%; } } .header-bottom-ricerca.active { display: block; } @media (max-width: 991px) { .header-bottom { display: none; } } .header .submenu { display: none; background: #fff; width: 100%; padding: 48px 0; border-bottom: 1px solid #F5F5F5; } .header .submenu.active { display: block; } .header .submenu-back { display: none; } @media (max-width: 991px) { .header .submenu-back { display: flex; font-size: 13px; font-weight: 500; align-items: center; gap: 4px; padding: 40px 0 32px 0; color: #000000; } .header .submenu-back svg { width: 22px; height: 22px; transform: rotate(90deg); } } .header .submenu-content { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; } .header .submenu-content .lancio-menu { position: relative; overflow: hidden; border-radius: 4px; } .header .submenu-content .lancio-menu .card-menu { visibility: visible; } .header .submenu-content .lancio-menu .card-menu figure { visibility: visible; } .header .submenu-content .lancio-menu .card-menu figure img { visibility: visible; } .header .submenu-content .lancio-menu .btn-new { position: absolute; z-index: 1; left: 50%; bottom: 20px; transform: translateX(-50%); width: 100%; justify-content: center; max-width: calc(100% - 72px); } @media (max-width: 767px) { .header .submenu-content .lancio-menu { width: 100%; } } @media (max-width: 991px) { .header .submenu-content { flex-direction: column; gap: 42.5px; } } .header .submenu .x-menu { display: none; flex: 1; } @media (max-width: 991px) { .header .submenu .x-menu:has(.level-02 .item.active) .level-01 { display: none; } } .header .submenu .x-menu.active { display: flex; } @media (max-width: 991px) { .header .submenu .x-menu.active { flex: 0 0 100%; width: 100%; } } .header .submenu .x-menu .level-01 { padding-right: 48px; } .header .submenu .x-menu .level-01 .main-voice { display: none; } .header .submenu .x-menu .level-01 ul { margin: 0; padding: 0; list-style-type: none; display: flex; flex-direction: column; gap: 26px; } .header .submenu .x-menu .level-01 ul li { visibility: visible; } .header .submenu .x-menu .level-01 ul li a { color: #666666; line-height: 1.5; } @media (max-width: 991px) { .header .submenu .x-menu .level-01 ul li a { font-size: 20px; color: #000000; } } .header .submenu .x-menu .level-01 ul li a:hover, .header .submenu .x-menu .level-01 ul li a.active { color: #D51A00; } .header .submenu .x-menu .level-01 ul li a.arrow { display: flex; justify-content: space-between; align-items: center; gap: 34px; } .header .submenu .x-menu .level-01 ul li a.arrow svg { transform: scale(1.58) rotate(272deg); position: relative; left: 0; transition: all 0.3s ease-in-out; } .header .submenu .x-menu .level-01 ul li a.arrow:hover svg, .header .submenu .x-menu .level-01 ul li a.arrow.active svg { left: 8px; } @media (max-width: 991px) { .header .submenu .x-menu .level-01 { padding: 0; width: 100%; } .header .submenu .x-menu .level-01 ul { gap: 35px; } .header .submenu .x-menu .level-01 ul li { visibility: visible; } .header .submenu .x-menu .level-01 ul li a { font-size: 20px; color: #000000 !important; } } .header .submenu .x-menu .level-02 { flex: 1; display: flex; flex-wrap: wrap; justify-content: space-between; } .header .submenu .x-menu .level-02 .item { display: none; flex: 1; } .header .submenu .x-menu .level-02 .item .tit, .header .submenu .x-menu .level-02 .item .main-voice { display: none; } .header .submenu .x-menu .level-02 .item.active { display: block; } .header .submenu .x-menu .level-02 .item ul { margin: 0; padding: 22.5px 40px; list-style-type: none; border-left: 1px solid #E5E3DF; display: flex; flex-wrap: wrap; flex-direction: column; gap: 20px 0; max-height: 489.6px; align-content: start; } .header .submenu .x-menu .level-02 .item ul li { width: 50%; } .header .submenu .x-menu .level-02 .item ul li.w-33 { width: 33.33%; } .header .submenu .x-menu .level-02 .item ul li a { color: #000000; line-height: 1.3; } .header .submenu .x-menu .level-02 .item ul li a:hover { color: #D51A00; } @media (max-width: 991px) { .header .submenu .x-menu .level-02 .item { visibility: visible; } .header .submenu .x-menu .level-02 .item.active { position: fixed; z-index: 1; left: 0; top: 156px; background: #FFFFFF; height: calc(100dvh - 156px); overflow-y: hidden; width: 100%; padding: 0 24px 24px; } .header .submenu .x-menu .level-02 .item.active ul { max-height: calc(100dvh - 156px - 48px); flex-direction: column; flex-wrap: nowrap; padding: 0; gap: 35px; border: none; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; } .header .submenu .x-menu .level-02 .item.active ul li { width: 100%; } .header .submenu .x-menu .level-02 .item.active ul li a { display: block; font-size: 20px; line-height: 1.5; } .header .submenu .x-menu .level-02 .item.active ul li a:hover { color: #000000; } } @media (max-width: 991px) { .header.active-mobile { top: 0 !important; } .header.active-mobile .header-top { visibility: visible; } .header.active-mobile .header-top-sx { visibility: visible; } .header.active-mobile .header-top-sx .logo-header { opacity: 0; pointer-events: none; } .header.active-mobile .header-top-sx .your-center { display: flex; } .header.active-mobile .header-top-sx .icons-mobile { visibility: visible; } .header.active-mobile .header-top-sx .icons-mobile .pin-mobile { display: none; } .header.active-mobile .header-top-sx .icons-mobile a svg.icon-new-hamburger { display: none; } .header.active-mobile .header-top-sx .icons-mobile a svg.icon-new-close-box { display: flex; } .header.active-mobile .header-top-sx .icons-mobile .title-menu-mobile { display: block; font-size: 13px; font-weight: 500; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #000000; } .header.active-mobile .header-top-dx { display: flex; } .header.active-mobile .header-bottom { display: block; position: fixed; left: 0; top: 60px; background: #fff; height: calc(100dvh - 60px); padding: 40px 30px 30px; width: 100%; } } @media (max-width: 991px) and (max-width: 991px) { .header.active-mobile .header-bottom.active { z-index: 20; } .header.active-mobile .header-bottom-ricerca .search-layer { flex-direction: column; justify-content: center; align-items: center; gap: 40px; position: static; padding: 0 20px; } .header.active-mobile .header-bottom-ricerca .search-layer form { flex-direction: column; justify-content: center; align-items: center; width: 100%; gap: 10px; } .header.active-mobile .header-bottom-ricerca .search-layer form input { width: 100%; text-align: center; } .header.active-mobile .header-bottom-ricerca .search-layer a { position: static; transform: none; order: -1; } } @media (max-width: 991px) and (max-width: 767px) { .header.active-mobile .header-bottom { padding: 40px 24px 24px; } } @media (max-width: 991px) { .header.active-mobile .header-bottom .container { padding: 0; } .header.active-mobile .header-bottom-flex { align-items: flex-start; } .header.active-mobile .header-bottom-menu { flex-direction: column; align-items: flex-start; width: 100%; } .header.active-mobile .header-bottom-menu a { font-size: 20px; width: 100%; flex: 0 0 100%; justify-content: space-between; } .header.active-mobile .header-bottom-menu a svg { transform: rotate(-90deg); width: 26px; height: 26px; } .header.active-mobile .submenu { position: fixed; z-index: 10; top: 61px; height: calc(100dvh - 60px); padding: 0 24px; } .header.active-mobile .submenu .container { padding: 0; } .header.active-mobile .request-quote-mobile { display: none; } } .header .request-quote-mobile { position: fixed; left: 0; top: 60px; width: 100%; transition: all 0.3s ease-in-out; display: none; } @media (max-width: 991px) { .header .request-quote-mobile { display: block; } } .header .request-quote-mobile .btn-new { justify-content: space-between; padding: 11px 15px; } .header .request-quote-mobile .btn-new svg { width: 20px; height: 20px; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .header.header-stores { z-index: 3; } .header.header-stores .service-menu { font-size: 13px; font-weight: 400; } .header.header-stores .service-menu a { font-size: 13px; font-weight: 400; padding: 0; } @media (max-width: 1199px) { .header.header-stores .service-menu a { margin: 0; font-size: 13px; } .header.header-stores .service-menu a span { display: block; } } .header.header-stores .service-menu a.change, .header.header-stores .service-menu a.back { padding-left: 20px; } .header.header-stores .service-menu a.track:before, .header.header-stores .service-menu a.login:before, .header.header-stores .service-menu a.ship:before { display: none; } .header.header-stores .service-menu a.change:before, .header.header-stores .service-menu a.back:before { content: ""; left: -2px; width: 18px; height: 18px; background-image: url(/dist/icons/cambio-store-stores.png); background-repeat: no-repeat; background-size: contain; background-position: center; } .header.header-stores .service-menu a.back:before { background-image: url(/dist/icons/back-stores.png); } .header.header-stores .service-menu a.btn { padding: 4px 12px 4px 36px; font-size: 13px; font-weight: 500; } .header.header-stores .service-menu a.btn:before { left: 10px; font-size: 18px; } .header.header-stores .service-menu .stickybar { width: 100%; display: flex; justify-content: space-between; } .header.header-stores .service-menu.fixed .header-stores__service-left { display: none; } .header.header-stores .service-menu.fixed .header-stores__service-right { width: 100%; } .header.header-stores .service-menu.fixed a { display: none !important; } .header.header-stores .service-menu.fixed a.talk { display: flex !important; padding: 0; border: none; font-size: 14px; font-weight: 500; position: relative; align-items: center; justify-content: center; gap: 10px; border: none; padding: 12px 4px; background: #D51A00; color: #FFFFFF !important; width: 100%; font-weight: 500; } .header.header-stores .service-menu.fixed a.talk:before { transform: none; margin: 0; position: static; font-size: 24px; } .header.header-stores .primary-menu { padding: 14px 0; height: 80px; display: flex; align-items: center; } @media (max-width: 991px) { .header.header-stores .primary-menu { height: 60px; border: none; padding: 0; } } .header.header-stores .primary-menu .hamburger { z-index: 9; } .header.header-stores .primary-menu .mobile-menu { margin-left: auto; } @media (max-width: 991px) { .header.header-stores .primary-menu .mobile-menu { top: 68px; overflow: auto; } } .header.header-stores .primary-menu .menu { justify-content: flex-end; gap: 24px; } @media (max-width: 1440px) { .header.header-stores .primary-menu .menu { gap: 18px; } } @media (max-width: 991px) { .header.header-stores .primary-menu .menu { padding: 0; gap: 0; padding-top: 40px; } } .header.header-stores .primary-menu .menu a { font-size: 16px; } @media (max-width: 1440px) { .header.header-stores .primary-menu .menu a { font-size: 16px; } } @media (max-width: 1199px) { .header.header-stores .primary-menu .menu a { font-size: 13px; } } @media (max-width: 991px) { .header.header-stores .primary-menu .menu a { font-size: 18px; border-bottom-width: 1px; } } .header.header-stores .primary-menu .menu a.submenu-toggle.active:before { bottom: -32px; } .header.header-stores .primary-menu .menu a.talk { display: none; font-size: 14px; margin-top: 32px; font-weight: 500; position: relative; align-items: center; justify-content: center; gap: 10px; border: none; padding: 12px 4px; } .header.header-stores .primary-menu .menu a.talk:before { content: "\e8af"; font-family: "Material Icons"; font-size: 24px; } @media (max-width: 991px) { .header.header-stores .primary-menu .menu a.talk { display: inline-flex; } } .header.header-stores .primary-menu .menu .header-stores__service-mobile { padding: 24px 15px; padding-bottom: 60px; text-align: center; align-items: center; gap: 24px; flex-direction: column; background: #EBEBEB; width: calc(100% + 30px); display: none; margin: 80px -15px 0 -15px; } @media (max-width: 991px) { .header.header-stores .primary-menu .menu .header-stores__service-mobile { display: flex; } } .header.header-stores .primary-menu .menu .header-stores__service-mobile a { text-transform: none; font-size: 13px; font-weight: 400; border: none; padding: 0; } .header.header-stores .header-stores__service-left { gap: 12px; } .header.header-stores .header-stores__service-right { gap: 20px; } .header.header-stores .header-stores__service-right .sel-lang { border-right: 1px solid currentColor; padding-right: 20px; } .header.header-stores .header-stores__service-separator { display: block; width: 1px; height: 16px; background: currentColor; } .header.header-stores .header-stores__logo { display: flex; gap: 12px; align-items: center; position: relative; } @media (max-width: 991px) { .header.header-stores .header-stores__logo { justify-content: center; margin: 0 !important; } } .header.header-stores .header-stores__logo .logo a { width: 235px; display: block; } @media (max-width: 991px) { .header.header-stores .header-stores__logo .logo a { width: 190px; } } .header.header-stores .header-stores__logo .logo a svg { width: 100%; display: block; } .header.header-stores .header-stores__store { display: flex; padding: 0 12px; gap: 8px; border-left: 1px solid #E5E3DF; align-items: center; } @media (max-width: 1440px) { .header.header-stores .header-stores__store { display: none; border: none; padding: 0; } } @media (max-width: 991px) { .header.header-stores .header-stores__store { display: block; position: absolute; right: calc(100% - 40px); top: 50%; transform: translateY(-50%); } } .header.header-stores .header-stores__store figure { display: block; width: 48px; height: 48px; position: relative; border-radius: 50%; overflow: hidden; } @media (max-width: 991px) { .header.header-stores .header-stores__store figure { width: 32px; height: 32px; } } .header.header-stores .header-stores__store figure img { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .header.header-stores .header-stores__store .data { font-weight: 700; font-size: 15px; line-height: 1.2; color: #D51A00; } @media (max-width: 991px) { .header.header-stores .header-stores__store .data { display: none; } } .header.header-stores .header-stores__store .data span { display: block; color: #1c1819; } .header.header-stores .header-stores__store-mobile { position: absolute; left: 0; right: 0; top: 100%; background: grey; display: none; text-align: center; height: 32px; background: #E5E3DF; font-weight: 700; font-size: 16px; line-height: 1; color: #1c1819; align-items: center; justify-content: center; } .header.header-stores .header-stores__store-mobile em { color: #D51A00; font-style: normal; margin-right: 4px; } @media (max-width: 1440px) { .header.header-stores .header-stores__store-mobile { display: flex; } } @media (max-width: 991px) { .header.header-stores .header-stores__store-mobile { font-size: 13px; height: 22px; } } @media (max-width: 991px) { .header.header-stores .submenu { background: #FFFFFF; padding-top: 40px; } } .header.header-stores .submenu .level { width: 100%; display: flex; justify-content: space-between; max-width: 100%; } @media (max-width: 991px) { .header.header-stores .submenu .level { flex-direction: column; gap: 40px; } } .header.header-stores .submenu .level ul { min-width: 28%; } @media (max-width: 991px) { .header.header-stores .submenu .level ul li a { border: none; font-size: 18px; text-transform: uppercase; padding: 16px 0; font-weight: 400; margin: 0; line-height: 1; } } @media (max-width: 991px) { .header.header-stores .submenu .level ul li a:before { display: none; } } .header.header-stores .submenu__cards { display: flex; gap: 30px; max-width: 50%; } @media (max-width: 991px) { .header.header-stores .submenu__cards { flex-direction: column; gap: 24px; max-width: 500px; width: 100%; margin: 0 auto; margin-bottom: 40px; } } .header.header-stores .submenu__cards a { display: flex; flex-direction: column; text-align: center; gap: 8px; font-size: 14px; font-weight: 500; } .header.header-stores.menu-mobile-opened .primary-menu .submenu-toggle.active { top: 0; background: #FFFFFF; border-top: none; border-bottom: 1px solid #d1cecb; } .header.header-stores.menu-mobile-opened .primary-menu .mobile-menu { height: calc(100svh - 68px); } .header.header-stores.menu-mobile-opened .service-menu.fixed { display: none; } /*@import "views/footer";*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .footer { padding: 40px 0 0; background: #F5F5F5; } .footer-content { display: flex; flex-direction: column; gap: 40px; padding-bottom: 80px; } .footer-content ul { margin: 0; padding: 0; list-style-type: none; display: flex; flex-direction: column; gap: 16px; } .footer-content ul li { line-height: 120%; } .footer-center { display: flex; justify-content: space-between; gap: 30px; } @media (max-width: 767px) { .footer-center { flex-direction: column; } } .footer-links { display: flex; gap: 30px; flex: 0.8; } .footer-links ul { flex: 1; } @media (max-width: 767px) { .footer-links { /*flex-direction: column;*/ flex: 1; flex-wrap: wrap; } .footer-links ul { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); } } .footer-service { display: flex; flex-direction: column; gap: 32px; flex: 0.2; } @media (max-width: 767px) { .footer-service { /*flex-direction: row; flex: 1; flex-wrap: wrap;*/ } } .footer-service .footer-lang { gap: 12px; } .footer-service .footer-lang details { border: 1px solid #898989; border-radius: 4px; padding: 8px; } .footer-service .footer-lang details summary { position: relative; cursor: pointer; } .footer-service .footer-lang details summary svg { position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.3s ease-in-out; } .footer-service .footer-lang details[open] summary svg { transform: translateY(-50%) rotate(180deg); } .footer-service .footer-lang details a { margin-top: 10px; display: block; background: #FFFFFF; padding: 10px; text-decoration: underline; } @media (max-width: 767px) { .footer-service .footer-lang { flex: 0 0 100%; max-width: 100%; } } .footer .social { gap: 12px; } .footer .social li { visibility: visible; } .footer .social li.titolo { visibility: visible; } .footer .social li.icon-social { display: flex; gap: 16px; } .footer .social li a { visibility: visible; } .footer .assf-wrapper { gap: 12px; } .footer .assf-wrapper .partners { display: flex; gap: 16px; } .footer .assf-wrapper .partners img { max-width: 65px; } .footer-bottom .lang-country { gap: 8px; } .footer-bottom .lang-country a { padding: 10px 12px; border: 1px solid #000000; display: flex; align-items: center; gap: 6px; width: -moz-fit-content; width: fit-content; } .subfooter { background: #E5E3DF; line-height: 120%; } .subfooter-links { padding: 16px 0; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #BFBFBF; } .subfooter-links ul { display: flex; gap: 24px; margin: 0; padding: 0; list-style-type: none; } @media (max-width: 767px) { .subfooter-links { flex-wrap: wrap; justify-content: center; gap: 16px; } .subfooter-links ul { flex-wrap: wrap; justify-content: center; gap: 16px 24px; } } .subfooter-disclaimer { padding: 16px 0; } /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ /*PADDING stop PER SECTION*/ /*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/ /*@mixin xl-up { @media (min-width: 1560px) { @content; } } @mixin lg-up { @media (min-width: 1440px) { @content; } } @mixin md-up { @media (min-width: 1199px) { @content; } } @mixin xs-up { @media (min-width: 767px) { @content; } } @mixin xxs-up { @media (min-width: 321px) { @content; } } @mixin tablet-portrait { @media screen and (orientation: portrait) and (max-device-width: 1024px) { @content; } } @mixin tablet-landscape { @media screen and (orientation: landscape) and (max-device-width: 1024px) { @content; } } @mixin phone-landscape { @media screen and (orientation: landscape) and (max-device-width: 820px) { @content; } } */ .footer-stores { font-size: 14px; line-height: 1.2; padding: 64px 0; font-weight: 300; } .footer-stores p { margin: 0; } .footer-stores__wrapper { display: flex; flex-direction: column; gap: 40px; } @media screen and (min-width: 1024px) { .footer-stores__wrapper { flex-direction: row; justify-content: space-between; align-items: start; } } @media screen and (min-width: 1024px) { .footer-stores__col { width: 20%; } } .footer-stores__col ul { display: flex; flex-direction: column; gap: 2px; font-size: 14px; margin: 0; padding: 0; } @media screen and (min-width: 1024px) { .footer-stores__col ul { gap: 4px; } } .footer-stores__col ul .titolo { font-weight: 500; margin-bottom: 10px; } @media screen and (min-width: 1024px) { .footer-stores__col ul .titolo { margin-bottom: 20px; font-size: 16px; } } @media screen and (min-width: 1440px) { .footer-stores__contact { width: 25%; } } .footer-stores__contact-title { font-weight: 700; display: block; font-size: 16px; line-height: 1.2 !important; } @media screen and (min-width: 1024px) { .footer-stores__contact-title { margin-bottom: 20px !important; } } .footer-stores__contact-link { font-weight: 500; margin-top: 12px; } @media screen and (min-width: 1024px) { .footer-stores__contact-link { margin-top: 24px; font-weight: 700; } } .footer-stores__contact-link a { color: #D51A00; } .footer-stores__info ul { gap: 8px; } .footer-stores__info ul .titolo { margin-bottom: 4px; } @media screen and (min-width: 1024px) { .footer-stores__info ul .titolo { margin-bottom: 12px; } } .footer-stores__info ul a { color: #D51A00; font-weight: 500; } @media screen and (min-width: 1024px) { .footer-stores__info ul a { font-weight: 700; } } .footer-stores__info .social { margin-top: 40px; } .footer-stores__info .social .icon-social { display: flex; gap: 12px; align-items: center; } .footer-stores__info .social .icon-social a { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: #FFFFFF; color: #7f7f7f; font-size: 16px; transition: all 0.3s ease-in-out; } @media screen and (min-width: 1024px) { .footer-stores__info .social .icon-social a { font-size: 17px; } } .footer-stores__info .social .icon-social a:hover { background: #D51A00; color: #FFFFFF; } .footer-stores__info .social .icon-social a:hover svg { fill: #FFFFFF; } .footer-stores__info .social .icon-social a svg { height: 14px; display: block; fill: #7f7f7f; } .footer-stores__track { margin-bottom: 40px; } @media screen and (min-width: 1024px) { .footer-stores__track { margin-bottom: 0; } } .footer-stores__track .titolo { font-size: 16px; font-weight: 500; } .footer-stores__track form .track-wrap { position: relative; } .footer-stores__track form .track-wrap button { position: absolute; top: 0; right: 0; border: none; background: #ee2c24; width: 38px; height: 38px; } .footer-stores__track form .track-wrap button .fa { color: #fff; font-size: 24px; cursor: pointer; } .footer-stores__legal { display: flex; justify-content: center; flex-wrap: wrap; font-size: 13px; gap: 4px; font-weight: 500; } @media screen and (min-width: 1024px) { .footer-stores__legal { justify-content: flex-start; margin-top: 40px !important; gap: 24px; } } .footer-stores__legal li { padding: 4px; } /*# sourceMappingURL=main.css.map */