@charset "UTF-8";
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}

@font-face {
font-family: "Geologica Roman";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-ExtraLight.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-ExtraLight.woff) format("woff");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geologica Roman";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Light.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geologica Roman";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-ExtraBold.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-ExtraBold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geologica Roman";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Thin.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Thin.woff) format("woff");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geologica Roman";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Regular.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geologica Roman";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Bold.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geologica Roman";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-SemiBold.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geologica Roman";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Black.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Black.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geologica Roman";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Medium.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Normalidad Wide Black";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/Normalidad%20Wide-Black-Web.eot);
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/Normalidad%20Wide-Black-Web.eot#iefix) format("embedded-opentype"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/Normalidad%20Wide-Black-Web.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/Normalidad%20Wide-Black-Web.woff) format("woff"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/Normalidad%20Wide-Black-Web.ttf) format("truetype");
font-weight: normal;
font-style: normal;
} *,
*::before,
*::after {
box-sizing: border-box;
} ul,
ol {
padding: 0;
} body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
margin: 0;
} body {
min-height: 100vh;
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
line-height: 1.5;
} ul,
ol {
list-style: none;
}
a {
text-decoration: none;
} img {
max-width: 100%;
height: auto;
display: block;
} input,
button,
textarea,
select {
font: inherit;
} a,
span {
font-weight: inherit;
font-size: inherit;
font: inherit;
} button {
padding: 0;
border: none;
font: inherit;
color: inherit;
background-color: transparent;
cursor: pointer;
}
*, html, body {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
font-style: normal;
line-height: 140%;
color: #1F2730;
scroll-behavior: smooth;
}
body {
background: #FFFFFF;
overflow-x: hidden;
}
html {
font-size: 10px;
}
.page {
min-height: 100vh;
display: flex;
flex-direction: column;
overflow: hidden;
}
main {
flex: 1 0;
}
a, button, [role=button] {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.container {
max-width: 1440px;
margin: 0 auto;
}
@media (max-width: 1500px) {
.container {
max-width: 1240px;
}
}
@media (max-width: 1280px) {
.container {
max-width: 940px;
}
}
@media (max-width: 1000px) {
.container {
max-width: 100%;
padding: 0 20px;
}
}
@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
p {
font: inherit;
color: inherit;
}
p + p {
margin-top: 20px;
}
svg {
width: 100%;
height: 100%;
color: inherit;
}
svg path {
transition: 0.2s ease;
}
@media (max-width: 1000px) {
svg path {
transition: 0s !important;
}
}
.phone {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.phone {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.phone {
font-size: 16px;
}
}
.phone {
transition: 0.2s ease;
}
.phone:hover, .phone:active, .phone:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.phone {
transition: 0s !important;
}
}
.content-block {
margin: 120px 0;
}
@media (max-width: 1280px) {
.content-block {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.content-block {
margin: 60px 0;
}
}
.content-block .container {
position: relative;
}
.content-block--dark {
padding: 120px 0;
}
@media (max-width: 1500px) {
.content-block--dark {
padding: 100px 0;
}
}
@media (max-width: 1280px) {
.content-block--dark {
padding: 70px 0;
}
}
@media (max-width: 1000px) {
.content-block--dark {
padding: 60px 0;
}
}
.content-block--dark {
margin-bottom: 0 !important;
background: #1F2730;
color: #FFFFFF;
}
.content-block--dark .content-block__wrapper {
color: #FFFFFF !important;
}
.content-block--dark h1, .content-block--dark h2, .content-block--dark h3, .content-block--dark h4, .content-block--dark h5 {
color: #FFFFFF;
}
.content-block--dark a {
color: #FFFFFF;
}
.content-block--dark a:hover, .content-block--dark a:active, .content-block--dark a:focus-visible {
color: #F53636;
}
.content-block--dark p, .content-block--dark span, .content-block--dark strong, .content-block--dark em, .content-block--dark i, .content-block--dark b, .content-block--dark u, .content-block--dark s, .content-block--dark small, .content-block--dark cite, .content-block--dark code, .content-block--dark kbd, .content-block--dark samp, .content-block--dark var, .content-block--dark mark, .content-block--dark time, .content-block--dark address, .content-block--dark big, .content-block--dark del, .content-block--dark ins, .content-block--dark sub, .content-block--dark sup {
color: #FFFFFF;
}
.content-block--dark ul li, .content-block--dark ol li {
color: #FFFFFF;
}
.content-block .container {
position: relative;
}
.content-block__video {
width: 100%;
}
.content-block__slider {
width: 100%;
position: relative;
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 56.5%;
}
.content-block__slider > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.content-block__slider {
margin-bottom: 30px;
}
.content-block__slider .swiper-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.content-block__slider .swiper-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.content-block__gallery {
display: flex;
align-items: stretch;
flex-wrap: wrap;
gap: 30px;
}
@media (max-width: 1000px) {
.content-block__gallery {
gap: 20px;
}
}
.content-block__gallery > div {
flex: 1 0;
}
.content-block__gallery > div img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1000px) {
.content-block__gallery > div {
flex: 1 0 100%;
}
}
.content-block__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
}
@media (max-width: 1280px) {
.content-block__grid {
gap: 20px;
}
}
@media (max-width: 1000px) {
.content-block__grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 480px) {
.content-block__grid {
grid-template-columns: 1fr;
}
}
.content-block__grid-item > div.grid-image {
display: block;
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 56.5%;
}
.content-block__grid-item > div.grid-image > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.content-block__grid-desc {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.content-block__grid-desc {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.content-block__grid-desc {
font-size: 12px;
}
}
.content-block__grid-desc {
margin-top: 12px;
}
.content-block__wrapper--photo {
margin-top: 30px;
}
.content-block__logo {
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 1000px) {
.content-block__logo {
position: static;
margin-top: 40px;
max-width: 200px;
}
}
.content ol:not([class]), .content ul:not([class]) {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
margin: 40px 0;
}
@media (max-width: 1280px) {
.content ol:not([class]), .content ul:not([class]) {
gap: 20px;
}
}
@media (max-width: 480px) {
.content ol:not([class]), .content ul:not([class]) {
grid-template-columns: 1fr;
}
}
.content ol:not([class]) li, .content ul:not([class]) li {
color: inherit;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.content ol:not([class]) li p, .content ul:not([class]) li p {
font: inherit;
color: inherit;
}
.content ol:not([class]) li ul, .content ul:not([class]) li ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.content ol:not([class]) li ul li:not(:last-child), .content ul:not([class]) li ul li:not(:last-child) {
margin-bottom: 12px;
}
.content ol:not([class]) li ul li, .content ul:not([class]) li ul li {
font: inherit;
color: inherit;
}
.content ol:not([class]) li ul.numbered-list, .content ul:not([class]) li ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.content ol:not([class]) li, .content ul:not([class]) li {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.content ol:not([class]) li, .content ul:not([class]) li {
font-size: 14px;
}
}
.content ol:not([class]) li h2, .content ul:not([class]) li h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content ol:not([class]) li h2, .content ul:not([class]) li h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.content ol:not([class]) li h2, .content ul:not([class]) li h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.content ol:not([class]) li h2, .content ul:not([class]) li h2 {
font-size: 24px;
}
}
.content ol:not([class]) li h2, .content ul:not([class]) li h2 {
margin-bottom: 20px;
}
.content ol:not([class]) li h3, .content ul:not([class]) li h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content ol:not([class]) li h3, .content ul:not([class]) li h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.content ol:not([class]) li h3, .content ul:not([class]) li h3 {
font-size: 18px;
}
}
.content ol:not([class]) li h3, .content ul:not([class]) li h3 {
margin-bottom: 20px;
}
.content ol:not([class]) li h4, .content ul:not([class]) li h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.content ol:not([class]) li h4, .content ul:not([class]) li h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.content ol:not([class]) li h4, .content ul:not([class]) li h4 {
font-size: 16px;
}
}
.content ol:not([class]) li h4, .content ul:not([class]) li h4 {
margin-bottom: 20px;
}
.content ol:not([class]) li, .content ul:not([class]) li {
margin-bottom: 0 !important;
}
.content ol:not([class]) {
counter-reset: list-number;
}
.content ol:not([class]) li:not([class])::before {
counter-increment: list-number;
content: "0" counter(list-number);
display: block;
margin-bottom: 10px;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.content ol:not([class]) li:not([class])::before {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.content ol:not([class]) li:not([class])::before {
font-size: 14px;
}
}
.content ol:not([class]) li:not([class]):nth-child(n+10):before {
content: counter(list-number);
}
.content ul:last-child, .content ol:last-child {
margin-bottom: 0;
}
.content.default-list ul, .content.default-list ol {
grid-template-columns: 1fr;
}
.content.default-list ul li, .content.default-list ol li {
display: flex;
gap: 2rem;
}
.content h1 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.content h1 {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.content h1 {
font-size: 32px;
}
}
.content h1 {
margin-top: 60px;
color: inherit;
}
.content h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.content h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.content h2 {
font-size: 24px;
}
}
.content h2 {
margin-top: 50px;
color: inherit;
}
.content h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.content h3 {
font-size: 18px;
}
}
.content h3 {
margin-top: 40px;
color: inherit;
}
.content h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.content h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.content h4 {
font-size: 16px;
}
}
.content h4 {
margin-top: 30px;
color: inherit;
}
.content h5 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.content h5 {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.content h5 {
font-size: 14px;
}
}
.content h5 {
margin-top: 20px;
color: inherit;
}
.content {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
color: inherit;
}
.content strong {
font: inherit;
color: inherit;
font-weight: 700;
display: inline-block;
}
@media (max-width: 1280px) {
.content {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.content {
font-size: 14px;
}
}
.content p {
font: inherit;
color: inherit;
}
.content p + p {
margin-top: 20px;
}
@media (max-width: 1280px) {
.content p + p {
margin-top: 16px;
}
}
@media (max-width: 1000px) {
.content p + p {
margin-top: 14px;
}
}
.content a {
font: inherit;
font-weight: 300;
transition: 0.2s ease;
text-decoration: underline;
}
.content a:hover, .content a:active, .content a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.content a {
transition: 0s !important;
}
}
.content *:first-child {
margin-top: 0 !important;
}
.block-2-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
@media (max-width: 1280px) {
.block-2-col {
gap: 20px;
}
}
@media (max-width: 1000px) {
.block-2-col {
grid-template-columns: 1fr;
}
}
.block-2-col img {
width: 100%;
}
.block-2-col__photo {
width: 100%;
margin-bottom: 30px;
}
.block-2-col__photo img {
width: 100%;
}
.fslightbox-slide-number-container {
color: #FFFFFF !important;
}
.fslightbox-slide-number-container span, .fslightbox-slide-number-container div {
color: #FFFFFF !important;
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #FFFFFF;
padding: 20px 0;
z-index: 10;
}
.header--landing::before {
transition: 0 !important;
}
.header--landing .header__wrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 1000px) {
.header--landing .header__wrapper {
align-items: center;
}
}
.header--landing .header__burger {
display: none;
}
@media (max-width: 1000px) {
.header--landing .header__burger {
display: block;
}
}
.header--landing .header__main {
display: flex;
justify-content: flex-end;
gap: 100px;
grid-column: unset;
flex: 1 0;
}
@media (max-width: 1000px) {
.header--landing .header__main {
gap: 40px;
}
}
@media (max-width: 640px) {
.header--landing .header__main {
gap: 30px;
}
}
@media (max-width: 1280px) {
.header {
padding: 20px 0 18px;
}
}
.header::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1F2730;
opacity: 0;
z-index: 0;
}
.header__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.header__wrapper {
gap: 20px;
}
}
.header__wrapper {
align-items: start;
}
@media (max-width: 1000px) {
.header__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.header__logo {
max-width: 165px;
}
.header__logo img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.header__logo {
position: relative;
z-index: 12;
}
.header__logo .logo-white {
display: none;
}
.header__logo {
grid-column: 1/5;
}
@media (max-width: 1280px) {
.header__logo {
max-width: 140px;
}
}
@media (max-width: 480px) {
.header__logo {
max-width: 126px;
}
}
.header__main {
display: flex;
align-items: center;
justify-content: space-between;
grid-column: 5/13;
}
@media (max-width: 1000px) {
.header__main {
gap: 40px;
}
}
@media (max-width: 480px) {
.header__main {
gap: 30px;
}
}
@media (max-width: 1280px) {
.header__nav {
margin-right: 40px;
}
}
@media (max-width: 1000px) {
.header__nav {
display: none;
}
}
.header__nav-list {
display: flex;
align-items: center;
gap: 60px;
}
.header__nav-list li a {
display: block;
font-family: "Geologica Roman", sans-serif;
font-size: 18px;
font-weight: 300;
position: relative;
transition: 0.2s ease;
}
.header__nav-list li a:hover, .header__nav-list li a:active, .header__nav-list li a:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.header__nav-list li a {
font-size: 14px;
}
}
@media (max-width: 1000px) {
.header__nav-list li a {
transition: 0s !important;
}
}
.header__nav-list li a {
line-height: 100%;
height: 100%;
color: #000000;
}
@media (max-width: 1280px) {
.header__nav-list {
gap: 40px;
}
}
.header__callback {
font-family: "Geologica Roman", sans-serif;
font-size: 18px;
font-weight: 300;
position: relative;
transition: 0.2s ease;
}
.header__callback:hover, .header__callback:active, .header__callback:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.header__callback {
font-size: 14px;
}
}
@media (max-width: 1000px) {
.header__callback {
transition: 0s !important;
}
}
.header__callback {
line-height: 100%;
color: #000000;
position: relative;
z-index: 12;
}
.header__callback:hover, .header__callback:active, .header__callback:focus-visible {
color: #F53636 !important;
}
@media (max-width: 420px) {
.header__callback {
display: none;
}
}
.header__burger {
position: relative;
width: 46px;
height: 12px;
position: relative;
z-index: 12;
}
.header__burger::before, .header__burger::after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: #000000;
transition: 0.2s ease;
}
.header__burger::before {
top: 0;
}
.header__burger::after {
bottom: 0;
}
.header__burger:hover::before, .header__burger:hover::after, .header__burger:active::before, .header__burger:active::after, .header__burger:focus-visible::before, .header__burger:focus-visible::after {
background: #F53636;
}
.header.active::before {
opacity: 1;
z-index: 12;
}
.header.active .header__logo .logo-black {
display: none;
}
.header.active .header__logo .logo-white {
display: block;
}
.header.active .header__callback {
color: #FFFFFF;
}
.header.active .header__burger::before, .header.active .header__burger::after {
background: #FFFFFF;
}
.header.active .header__burger::before {
transform: rotate(45deg);
top: 5px;
}
.header.active .header__burger::after {
transform: rotate(-45deg);
bottom: 5px;
}
.hero {
margin: 90px 0;
}
.hero + .services {
margin-top: 120px;
}
@media (max-width: 1000px) {
.hero + .services {
margin-top: 60px;
}
}
@media (max-width: 1280px) {
.hero {
margin: 60px 0;
}
}
@media (max-width: 480px) {
.hero {
margin: 45px 0;
}
}
.hero__wrapper {
position: relative;
}
.hero__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 78px;
line-height: 120%;
}
@media (max-width: 1500px) {
.hero__title {
font-size: 56px;
}
}
@media (max-width: 1280px) {
.hero__title {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.hero__title {
font-size: 40px;
}
}
@media (max-width: 480px) {
.hero__title {
font-size: 32px;
}
}
.hero__title {
margin-bottom: 50px;
font-size: 64px;
}
@media (max-width: 1500px) {
.hero__title {
font-size: 56px;
}
}
@media (max-width: 1280px) {
.hero__title {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.hero__title {
margin-bottom: 32px;
}
}
@media (max-width: 480px) {
.hero__title {
margin-bottom: 24px;
font-size: 26px;
}
}
.hero__suptitle {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.hero__suptitle {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.hero__suptitle {
font-size: 18px;
}
}
.hero__suptitle {
max-width: 950px;
}
@media (max-width: 1500px) {
.hero__suptitle {
max-width: 75%;
}
}
@media (max-width: 1280px) {
.hero__suptitle {
max-width: 70%;
}
}
@media (max-width: 1000px) {
.hero__suptitle {
max-width: 80%;
}
}
@media (max-width: 480px) {
.hero__suptitle {
max-width: 100%;
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 480px) and (max-width: 1280px) {
.hero__suptitle {
font-size: 26px;
}
}
@media (max-width: 480px) and (max-width: 1000px) {
.hero__suptitle {
font-size: 18px;
}
}
.hero__controls {
margin-top: 70px;
display: flex;
align-items: center;
gap: 100px;
}
@media (max-width: 1500px) {
.hero__controls {
gap: 80px;
margin-top: 80px;
}
}
@media (max-width: 1280px) {
.hero__controls {
margin-top: 60px;
}
}
@media (max-width: 1000px) {
.hero__controls {
margin-top: 40px;
gap: 20px;
}
}
.hero__btn {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.hero__btn {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.hero__btn {
font-size: 14px;
}
}
.hero__btn {
color: #FFFFFF;
padding: 19px 46px;
display: inline-flex;
text-align: center;
background: #F53636;
white-space: nowrap;
transition: 0.2s ease;
text-decoration: none !important;
}
.hero__btn:hover, .hero__btn:active, .hero__btn:focus-visible {
background: #C41B1B;
}
@media (max-width: 1000px) {
.hero__btn {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.hero__btn {
padding: 18px 36px;
}
}
.hero__link {
display: inline-flex;
align-items: center;
gap: 12px;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.hero__link {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.hero__link {
font-size: 14px;
}
}
.hero__link {
font-weight: 300;
color: #9D9FA1;
transition: 0.2s ease;
padding-bottom: 3px;
border-bottom: 2px solid #9D9FA1;
text-decoration: none !important;
}
@media (max-width: 1280px) {
.hero__link {
border-width: 1px;
gap: 10px;
}
}
@media (max-width: 1000px) {
.hero__link {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.hero__link {
border-width: 1px;
gap: 6px;
color: #F53636;
border-color: #F53636;
}
}
.hero__link svg {
width: 16px;
height: 16px;
flex: 0 0 16px;
}
@media (max-width: 1280px) {
.hero__link svg {
width: 10px;
height: 10px;
flex: 0 0 10px;
}
}
@media (max-width: 480px) {
.hero__link svg {
width: 8px;
height: 8px;
flex: 0 0 8px;
}
.hero__link svg path {
stroke: #F53636 !important;
}
}
.hero__link svg path {
stroke: #9D9FA1;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.hero__link svg path {
transition: 0s !important;
}
}
.hero__link:hover, .hero__link:active, .hero__link:focus-visible {
color: #F53636;
border-color: #F53636;
}
.hero__link:hover svg path, .hero__link:active svg path, .hero__link:focus-visible svg path {
stroke: #F53636;
}
@media (max-width: 480px) {
.hero__link {
display: none;
}
}
.hero__symbol {
position: absolute;
right: 0;
top: 42%;
}
@media (max-width: 1500px) {
.hero__symbol {
top: 40%;
}
}
@media (max-width: 1280px) {
.hero__symbol {
top: 35%;
}
}
@media (max-width: 1000px) {
.hero__symbol {
display: none;
}
}
.services {
margin: 90px 0;
}
@media (max-width: 1280px) {
.services {
margin: 60px 0;
}
}
@media (max-width: 1000px) {
.services {
margin: 45px 0;
}
}
.services__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.services__wrapper {
gap: 20px;
}
}
@media (max-width: 480px) {
.services__wrapper {
gap: 0;
}
}
.services__title {
grid-column: 1/5;
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.services__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.services__title {
font-size: 18px;
}
}
@media (max-width: 1000px) {
.services__title {
grid-column: 1/13;
}
}
.services__main {
grid-column: 5/13;
display: flex;
align-items: flex-start;
gap: 30px;
}
@media (max-width: 1000px) {
.services__main {
grid-column: 1/13;
flex-direction: column;
align-items: stretch;
}
}
.services__col {
flex: 1 0;
}
.services__col-title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.services__col-title {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.services__col-title {
font-size: 24px;
}
}
@media (max-width: 480px) {
.services__col-title {
font-size: 24px;
}
}
.services__col-title {
margin-bottom: 40px;
}
@media (max-width: 1280px) {
.services__col-title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.services__col-title {
font-size: 26px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.services__col-title {
font-size: 18px;
}
}
@media (max-width: 1000px) {
.services__col-title {
font-size: 24px !important;
}
}
.services__item {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.services__item:first-child {
border-top: 1px solid #1F2730;
}
.services__item {
border-bottom: 1px solid #1F2730;
padding: 20px 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
text-decoration: none !important;
}
@media (max-width: 1000px) {
.services__item {
transition: none !important;
}
}
.services__item:hover .services__item-title, .services__item:active .services__item-title, .services__item:focus-visible .services__item-title {
color: #F53636;
}
.services__item:hover .services__item-arrow, .services__item:active .services__item-arrow, .services__item:focus-visible .services__item-arrow {
transform: rotate(-45deg);
}
.services__item:hover .services__item-arrow svg path, .services__item:active .services__item-arrow svg path, .services__item:focus-visible .services__item-arrow svg path {
stroke: #F53636;
}
@media (max-width: 1000px) {
.services__item:hover .services__item-arrow svg path, .services__item:active .services__item-arrow svg path, .services__item:focus-visible .services__item-arrow svg path {
transition: 0s !important;
}
}
@media (max-width: 1280px) {
.services__item {
padding: 13px 0;
}
}
@media (max-width: 480px) {
.services__item {
padding: 10px 0;
}
}
.services__item-title {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.services__item-title p {
font: inherit;
color: inherit;
}
.services__item-title ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.services__item-title ul li:not(:last-child) {
margin-bottom: 12px;
}
.services__item-title ul li {
font: inherit;
color: inherit;
}
.services__item-title ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.services__item-title {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.services__item-title {
font-size: 14px;
}
}
.services__item-title h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.services__item-title h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.services__item-title h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.services__item-title h2 {
font-size: 24px;
}
}
.services__item-title h2 {
margin-bottom: 20px;
}
.services__item-title h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.services__item-title h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.services__item-title h3 {
font-size: 18px;
}
}
.services__item-title h3 {
margin-bottom: 20px;
}
.services__item-title h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.services__item-title h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.services__item-title h4 {
font-size: 16px;
}
}
.services__item-title h4 {
margin-bottom: 20px;
}
.services__item-title {
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.services__item-title {
transition: 0s !important;
}
}
.services__item-arrow {
width: 25px;
height: 25px;
flex: 0 0 25px;
color: #1F2730;
transition: 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1000px) {
.services__item-arrow {
transition: 0s !important;
}
}
.services__item-arrow svg, .services__item-arrow img {
width: 100%;
height: 100%;
}
@media (max-width: 1000px) {
.services__item-arrow svg, .services__item-arrow img {
transition: none !important;
}
}
@media (max-width: 1280px) {
.services__item-arrow {
width: 20px;
height: 20px;
flex: 0 0 20px;
}
}
@media (max-width: 480px) {
.services__item-arrow {
width: 15px;
height: 15px;
flex: 0 0 15px;
}
}
.types {
padding: 60px 0 90px;
background: #1F2730;
}
@media (max-width: 1280px) {
.types {
padding: 40px 0 80px;
}
}
.types__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.types__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.types__title {
font-size: 18px;
}
}
.types__title {
color: #FFFFFF;
}
.types__list {
margin-top: 64px;
}
@media (max-width: 1280px) {
.types__list {
margin-top: 50px;
}
}
@media (max-width: 1000px) {
.types__list {
margin-top: 20px;
}
}
.types-item {
border-top: 1px solid #FFFFFF;
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.types-item {
gap: 20px;
}
}
.types-item {
padding-top: 30px;
}
@media (max-width: 480px) {
.types-item {
gap: 30px;
padding-top: 20px;
}
}
.types-item:not(:last-child) {
margin-bottom: 60px;
}
@media (max-width: 1000px) {
.types-item:not(:last-child) {
margin-bottom: 40px;
}
}
.types-item__num {
grid-column: 1/5;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.types-item__num {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.types-item__num {
font-size: 14px;
}
}
.types-item__num {
color: #FFFFFF;
}
@media (max-width: 1000px) {
.types-item__num {
grid-column: 1/13;
}
}
.types-item__content {
grid-column: 5/13;
max-width: 824px;
}
@media (max-width: 1000px) {
.types-item__content {
grid-column: 1/13;
}
}
.types-item__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.types-item__title {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.types-item__title {
font-size: 32px;
}
}
.types-item__title {
color: #FFFFFF;
margin-bottom: 6px;
}
@media (max-width: 1280px) {
.types-item__title {
margin-bottom: 16px;
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.types-item__title {
font-size: 26px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.types-item__title {
font-size: 18px;
}
}
@media (max-width: 1000px) {
.types-item__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.types-item__title {
font-size: 40px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.types-item__title {
font-size: 24px;
}
}
@media (max-width: 1000px) and (max-width: 480px) {
.types-item__title {
font-size: 24px;
}
}
.types-item__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.types-item__text p {
font: inherit;
color: inherit;
}
.types-item__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.types-item__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.types-item__text ul li {
font: inherit;
color: inherit;
}
.types-item__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.types-item__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.types-item__text {
font-size: 14px;
}
}
.types-item__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.types-item__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.types-item__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.types-item__text h2 {
font-size: 24px;
}
}
.types-item__text h2 {
margin-bottom: 20px;
}
.types-item__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.types-item__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.types-item__text h3 {
font-size: 18px;
}
}
.types-item__text h3 {
margin-bottom: 20px;
}
.types-item__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.types-item__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.types-item__text h4 {
font-size: 16px;
}
}
.types-item__text h4 {
margin-bottom: 20px;
}
.types-item__text {
color: #FFFFFF;
}
.numbers {
margin: 120px 0;
}
@media (max-width: 1280px) {
.numbers {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.numbers {
margin: 60px 0;
}
}
.numbers--red {
padding: 120px 0;
}
@media (max-width: 1500px) {
.numbers--red {
padding: 100px 0;
}
}
@media (max-width: 1280px) {
.numbers--red {
padding: 70px 0;
}
}
@media (max-width: 1000px) {
.numbers--red {
padding: 60px 0;
}
}
.numbers--red {
background: #F53636;
}
.numbers--red .content {
color: #FFFFFF !important;
}
.numbers--red .numbers-item__value {
color: #FFFFFF;
}
.numbers--red .numbers-item__label {
color: #FFFFFF;
}
.numbers__heading {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 78px;
line-height: 120%;
}
@media (max-width: 1500px) {
.numbers__heading {
font-size: 56px;
}
}
@media (max-width: 1280px) {
.numbers__heading {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.numbers__heading {
font-size: 40px;
}
}
@media (max-width: 480px) {
.numbers__heading {
font-size: 32px;
}
}
.numbers__heading {
color: #FFFFFF;
margin-bottom: 60px;
}
.numbers__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.numbers__wrapper {
gap: 20px;
}
}
@media (max-width: 480px) {
.numbers__wrapper {
gap: 20px;
}
}
.numbers__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.numbers__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.numbers__title {
font-size: 18px;
}
}
.numbers__title {
grid-column: 1/5;
}
@media (max-width: 1000px) {
.numbers__title {
grid-column: 1/13;
}
}
.numbers__main {
grid-column: 5/13;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px 30px;
}
@media (max-width: 1280px) {
.numbers__main {
gap: 40px;
}
}
@media (max-width: 1000px) {
.numbers__main {
grid-column: 1/13;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 480px) {
.numbers__main {
gap: 20px;
grid-template-columns: 1fr 1fr;
}
}
.numbers-item {
display: flex;
align-items: center;
gap: 28px;
}
@media (max-width: 1000px) {
.numbers-item {
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
}
.numbers-item__value {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 90px;
line-height: 100%;
}
@media (max-width: 1280px) {
.numbers-item__value {
font-size: 52px;
}
}
@media (max-width: 1000px) {
.numbers-item__value {
font-size: 48px;
}
}
.numbers-item__label {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.numbers-item__label p {
font: inherit;
color: inherit;
}
.numbers-item__label ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.numbers-item__label ul li:not(:last-child) {
margin-bottom: 12px;
}
.numbers-item__label ul li {
font: inherit;
color: inherit;
}
.numbers-item__label ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.numbers-item__label {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.numbers-item__label {
font-size: 14px;
}
}
.numbers-item__label h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.numbers-item__label h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.numbers-item__label h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.numbers-item__label h2 {
font-size: 24px;
}
}
.numbers-item__label h2 {
margin-bottom: 20px;
}
.numbers-item__label h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.numbers-item__label h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.numbers-item__label h3 {
font-size: 18px;
}
}
.numbers-item__label h3 {
margin-bottom: 20px;
}
.numbers-item__label h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.numbers-item__label h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.numbers-item__label h4 {
font-size: 16px;
}
}
.numbers-item__label h4 {
margin-bottom: 20px;
}
.projects {
margin: 120px 0;
}
@media (max-width: 1280px) {
.projects {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.projects {
margin: 60px 0;
}
}
.projects__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.projects__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.projects__title {
font-size: 18px;
}
}
.projects__title {
margin-bottom: 30px;
}
@media (max-width: 1000px) {
.projects__title {
margin-bottom: 20px;
}
}
.projects__title--landing {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.projects__title--landing {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.projects__title--landing {
font-size: 32px;
}
}
.projects__title--landing {
margin-bottom: 40px;
max-width: 950px;
}
@media (max-width: 1280px) {
.projects__title--landing {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.projects__title--landing {
font-size: 40px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.projects__title--landing {
font-size: 24px;
}
}
@media (max-width: 1280px) and (max-width: 480px) {
.projects__title--landing {
font-size: 24px;
}
}
.projects__tabs {
margin-bottom: 30px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 40px;
}
@media (max-width: 1000px) {
.projects__tabs {
gap: 20px;
}
}
.projects__tab {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.projects__tab {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.projects__tab {
font-size: 12px;
}
}
.projects__tab {
line-height: 100%;
transition: 0.2s ease;
}
.projects__tab.active {
color: #1F2730;
font-weight: 700;
}
@media (max-width: 1000px) {
.projects__tab {
transition: 0s !important;
}
}
.projects__wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
@media (max-width: 1280px) {
.projects__wrapper {
gap: 20px;
}
}
@media (max-width: 480px) {
.projects__wrapper {
gap: 40px;
grid-template-columns: 1fr;
}
}
.projects__footer {
display: flex;
justify-content: center;
align-items: center;
}
.projects__footer--left {
justify-content: flex-start;
}
@media (max-width: 480px) {
.projects__footer {
justify-content: start;
}
}
.projects__link {
display: inline-flex;
align-items: center;
gap: 12px;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.projects__link {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.projects__link {
font-size: 14px;
}
}
.projects__link {
font-weight: 300;
color: #9D9FA1;
transition: 0.2s ease;
padding-bottom: 3px;
border-bottom: 2px solid #9D9FA1;
text-decoration: none !important;
}
@media (max-width: 1280px) {
.projects__link {
border-width: 1px;
gap: 10px;
}
}
@media (max-width: 1000px) {
.projects__link {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.projects__link {
border-width: 1px;
gap: 6px;
color: #F53636;
border-color: #F53636;
}
}
.projects__link svg {
width: 16px;
height: 16px;
flex: 0 0 16px;
}
@media (max-width: 1280px) {
.projects__link svg {
width: 10px;
height: 10px;
flex: 0 0 10px;
}
}
@media (max-width: 480px) {
.projects__link svg {
width: 8px;
height: 8px;
flex: 0 0 8px;
}
.projects__link svg path {
stroke: #F53636 !important;
}
}
.projects__link svg path {
stroke: #9D9FA1;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.projects__link svg path {
transition: 0s !important;
}
}
.projects__link:hover, .projects__link:active, .projects__link:focus-visible {
color: #F53636;
border-color: #F53636;
}
.projects__link:hover svg path, .projects__link:active svg path, .projects__link:focus-visible svg path {
stroke: #F53636;
}
.projects__link {
margin-top: 60px;
}
@media (max-width: 1000px) {
.projects__link {
margin-top: 40px;
}
}
.projects-item:hover .projects-item__title, .projects-item:active .projects-item__title, .projects-item:focus-visible .projects-item__title {
color: #F53636;
}
.projects-item:hover .projects-item__img img, .projects-item:active .projects-item__img img, .projects-item:focus-visible .projects-item__img img {
transform: scale(1.1);
}
.projects-item__img {
width: 100%;
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 56.4%;
}
.projects-item__img > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.projects-item__img {
margin-bottom: 20px;
}
.projects-item__img img {
transition: 0.7s ease;
}
.projects-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.projects-item__title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.projects-item__title {
font-size: 16px;
}
}
.projects-item__title {
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.projects-item__title {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.projects-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
}
@media (max-width: 480px) and (max-width: 1280px) {
.projects-item__title {
font-size: 16px;
}
}
@media (max-width: 480px) and (max-width: 1000px) {
.projects-item__title {
font-size: 14px;
}
}
.projects-item__desc {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.projects-item__desc p {
font: inherit;
color: inherit;
}
.projects-item__desc ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.projects-item__desc ul li:not(:last-child) {
margin-bottom: 12px;
}
.projects-item__desc ul li {
font: inherit;
color: inherit;
}
.projects-item__desc ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.projects-item__desc {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.projects-item__desc {
font-size: 14px;
}
}
.projects-item__desc h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.projects-item__desc h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.projects-item__desc h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.projects-item__desc h2 {
font-size: 24px;
}
}
.projects-item__desc h2 {
margin-bottom: 20px;
}
.projects-item__desc h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.projects-item__desc h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.projects-item__desc h3 {
font-size: 18px;
}
}
.projects-item__desc h3 {
margin-bottom: 20px;
}
.projects-item__desc h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.projects-item__desc h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.projects-item__desc h4 {
font-size: 16px;
}
}
.projects-item__desc h4 {
margin-bottom: 20px;
}
.projects-item__desc {
margin-top: 10px;
max-width: 80%;
}
@media (max-width: 1280px) {
.projects-item__desc {
width: 100%;
max-width: 100%;
margin-top: 5px;
}
}
.clients {
padding: 120px 0;
}
@media (max-width: 1500px) {
.clients {
padding: 100px 0;
}
}
@media (max-width: 1280px) {
.clients {
padding: 70px 0;
}
}
@media (max-width: 1000px) {
.clients {
padding: 60px 0;
}
}
.clients {
background: #1F2730;
}
.clients__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.clients__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.clients__title {
font-size: 18px;
}
}
.clients__title {
color: #FFFFFF !important;
margin-bottom: 30px;
}
@media (max-width: 1000px) {
.clients__title {
margin-bottom: 20px;
}
}
.clients__suptitle {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.clients__suptitle {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.clients__suptitle {
font-size: 18px;
}
}
.clients__suptitle {
color: #FFFFFF;
}
.clients__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.clients__wrapper {
gap: 20px;
}
}
.clients__wrapper {
margin-top: 80px;
}
@media (max-width: 1280px) {
.clients__wrapper {
margin-top: 40px;
}
}
@media (max-width: 480px) {
.clients__wrapper {
margin-top: 30px;
}
}
.clients__left {
grid-column: 1/4;
}
@media (max-width: 1280px) {
.clients__left {
grid-column: 1/9;
}
}
@media (max-width: 1000px) {
.clients__left {
grid-column: 1/13;
}
}
.clients__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.clients__text p {
font: inherit;
color: inherit;
}
.clients__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.clients__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.clients__text ul li {
font: inherit;
color: inherit;
}
.clients__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.clients__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.clients__text {
font-size: 14px;
}
}
.clients__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.clients__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.clients__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.clients__text h2 {
font-size: 24px;
}
}
.clients__text h2 {
margin-bottom: 20px;
}
.clients__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.clients__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.clients__text h3 {
font-size: 18px;
}
}
.clients__text h3 {
margin-bottom: 20px;
}
.clients__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.clients__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.clients__text h4 {
font-size: 16px;
}
}
.clients__text h4 {
margin-bottom: 20px;
}
.clients__text {
color: #FFFFFF;
}
.clients__list {
grid-column: 5/13;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.clients__list {
grid-column: 1/13;
gap: 20px;
margin-top: 30px;
}
}
@media (max-width: 1000px) {
.clients__list {
margin-top: 10px;
}
}
@media (max-width: 480px) {
.clients__list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 420px) {
.clients__list {
grid-template-columns: repeat(2, 1fr);
}
}
.clients__item-title {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.clients__item-title {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.clients__item-title {
font-size: 14px;
}
}
.clients__item-title {
color: #FFFFFF;
}
.clients__item-desc {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.clients__item-desc {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.clients__item-desc {
font-size: 12px;
}
}
.clients__item-desc {
color: #9D9FA1;
margin-top: 5px;
}
.clients--white {
background: #FFFFFF;
padding: 0;
}
.clients--white .clients__title {
color: #1F2730;
}
.clients--white .clients__text {
color: #1F2730;
}
.clients--white .clients__item-title {
color: #1F2730;
}
.clients--white .clients__list {
margin-top: 10px;
}
@media (max-width: 1500px) {
.clients--white .clients__list {
margin-top: 4px;
}
}
@media (max-width: 1280px) {
.clients--white .clients__list {
margin-top: 0px;
}
}
@media (max-width: 1000px) {
.clients--white .clients__list {
margin-top: 20px;
}
}
.expert {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.expert {
gap: 20px;
}
}
.expert {
margin-top: 60px;
}
@media (max-width: 480px) {
.expert {
margin-top: 30px;
}
}
.expert__title {
grid-column: 1/5;
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.expert__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.expert__title {
font-size: 18px;
}
}
.expert__title {
color: #FFFFFF !important;
}
@media (max-width: 1280px) {
.expert__title {
grid-column: 1/13;
}
}
.expert__text {
grid-column: 5/13;
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 62px;
font-weight: 900;
line-height: 110%;
color: #FFFFFF;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
}
.expert__text span {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.expert__text span {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.expert__text span {
font-size: 18px;
}
}
.expert__text span {
font-weight: 400;
color: #F53636;
}
.expert__text span.hidden {
display: none;
}
@media (max-width: 1280px) {
.expert__text span.hidden {
display: block;
}
}
.expert__text span:last-child {
display: none;
}
.expert__text div {
font: inherit;
color: inherit;
}
@media (max-width: 1500px) {
.expert__text {
font-size: 53px;
}
}
@media (max-width: 1280px) {
.expert__text {
grid-column: 1/13;
}
}
@media (max-width: 1000px) {
.expert__text {
font-size: 32px;
gap: 12px;
}
.expert__text span {
flex: 0 0 10px;
}
.expert__text span {
font-size: inherit;
}
}
@media (max-width: 480px) {
.expert__text {
font-size: 20px;
gap: 8px;
}
}
.map {
padding: 120px 0;
}
@media (max-width: 1500px) {
.map {
padding: 100px 0;
}
}
@media (max-width: 1280px) {
.map {
padding: 70px 0;
}
}
@media (max-width: 1000px) {
.map {
padding: 60px 0;
}
}
.map {
background: #E1E4E9;
}
.map .container {
position: relative;
}
.map__heading {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.map__heading {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.map__heading {
font-size: 12px;
}
}
.map__heading {
color: #9D9FA1;
margin-bottom: 20px;
}
@media (max-width: 1000px) {
.map__heading {
margin-bottom: 15px;
}
}
.map__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.map__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.map__title {
font-size: 18px;
}
}
.map__title {
max-width: 630px;
position: relative;
z-index: 3;
}
@media (max-width: 1280px) {
.map__title {
max-width: 580px;
}
}
@media (max-width: 1000px) {
.map__title {
max-width: 400px;
}
}
@media (max-width: 480px) {
.map__title {
max-width: 80%;
}
}
.map__main {
width: 110%;
margin-top: -80px;
margin-left: -5%;
}
.map__main img {
width: 100%;
}
@media (max-width: 480px) {
.map__main .map-img {
display: none;
}
}
.map__main .map-img--mob {
display: none;
}
@media (max-width: 480px) {
.map__main .map-img--mob {
display: block !important;
}
}
.map__main .cities, .map__main .dots {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 480px) {
.map__main .dots {
display: none;
}
}
@media (max-width: 480px) {
.map__main .cities {
display: none;
}
}
.map__main .cities-mob {
display: none;
}
@media (max-width: 480px) {
.map__main .cities-mob {
display: block !important;
}
}
@media (max-width: 1500px) {
.map__main {
margin-top: -50px;
}
}
@media (max-width: 1280px) {
.map__main {
margin-top: 0;
}
}
@media (max-width: 1000px) {
.map__main {
width: 100%;
margin-left: 0;
}
}
.map__info {
margin-top: -100px;
}
@media (max-width: 1280px) {
.map__info {
margin-top: 0;
}
}
.map__info-value {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 90px;
line-height: 100%;
}
@media (max-width: 1280px) {
.map__info-value {
font-size: 52px;
}
}
@media (max-width: 1000px) {
.map__info-value {
font-size: 48px;
}
}
.map__info-value {
color: #F53636;
}
.map__info-label {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.map__info-label p {
font: inherit;
color: inherit;
}
.map__info-label ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.map__info-label ul li:not(:last-child) {
margin-bottom: 12px;
}
.map__info-label ul li {
font: inherit;
color: inherit;
}
.map__info-label ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.map__info-label {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.map__info-label {
font-size: 14px;
}
}
.map__info-label h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.map__info-label h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.map__info-label h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.map__info-label h2 {
font-size: 24px;
}
}
.map__info-label h2 {
margin-bottom: 20px;
}
.map__info-label h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.map__info-label h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.map__info-label h3 {
font-size: 18px;
}
}
.map__info-label h3 {
margin-bottom: 20px;
}
.map__info-label h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.map__info-label h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.map__info-label h4 {
font-size: 16px;
}
}
.map__info-label h4 {
margin-bottom: 20px;
}
.map__info-label {
max-width: 340px;
}
.reviews {
margin: 120px 0;
}
@media (max-width: 1280px) {
.reviews {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.reviews {
margin: 60px 0;
}
}
.reviews__header {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 30px;
margin-bottom: 30px;
}
.reviews__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.reviews__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.reviews__title {
font-size: 18px;
}
}
.reviews__arrows {
display: flex;
align-items: stretch;
gap: 10px;
}
.reviews__arrow {
flex: 0 0 70px;
width: 70px;
height: 70px;
border-radius: 100%;
border: 1px solid #1F2730;
display: flex;
align-items: center;
justify-content: center;
padding: 22px;
transition: 0.2s ease;
}
@media (max-width: 1280px) {
.reviews__arrow {
flex: 0 0 50px;
width: 50px;
height: 50px;
padding: 12px;
}
}
@media (max-width: 1000px) {
.reviews__arrow {
flex: 0 0 45px;
width: 45px;
height: 45px;
padding: 12px;
transition: 0s !important;
}
}
@media (max-width: 480px) {
.reviews__arrow {
flex: 0 0 40px;
width: 40px;
height: 40px;
padding: 10px;
}
}
.reviews__arrow svg {
width: 100%;
height: 100%;
}
.reviews__arrow svg path {
stroke: #1F2730;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.reviews__arrow svg path {
transition: 0s !important;
}
}
.reviews__arrow:hover, .reviews__arrow:active, .reviews__arrow:focus-visible {
border-color: #F53636;
}
.reviews__arrow:hover svg path, .reviews__arrow:active svg path, .reviews__arrow:focus-visible svg path {
stroke: #F53636;
}
.reviews__slider {
width: 100%;
}
.reviews-item {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.reviews-item {
gap: 20px;
}
}
.reviews-item__heading {
grid-column: 1/5;
}
@media (max-width: 1000px) {
.reviews-item__heading {
grid-column: 1/13;
}
}
.reviews-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.reviews-item__title {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.reviews-item__title {
font-size: 14px;
}
}
@media (max-width: 1280px) {
.reviews-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.reviews-item__title {
font-size: 22px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.reviews-item__title {
font-size: 16px;
}
}
@media (max-width: 480px) {
.reviews-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 480px) and (max-width: 1280px) {
.reviews-item__title {
font-size: 26px;
}
}
@media (max-width: 480px) and (max-width: 1000px) {
.reviews-item__title {
font-size: 18px;
}
}
.reviews-item__geo {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.reviews-item__geo {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.reviews-item__geo {
font-size: 12px;
}
}
.reviews-item__geo {
color: #9D9FA1;
margin-top: 10px;
}
@media (max-width: 1000px) {
.reviews-item__geo {
margin-top: 4px;
}
}
.reviews-item__main {
grid-column: 5/13;
}
@media (max-width: 1000px) {
.reviews-item__main {
grid-column: 1/13;
display: flex;
flex-direction: column;
align-items: flex-start;
}
}
.reviews-item__name {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.reviews-item__name {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.reviews-item__name {
font-size: 14px;
}
}
@media (max-width: 1000px) {
.reviews-item__name {
order: 1;
margin-top: 25px;
}
}
.reviews-item__job {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.reviews-item__job {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.reviews-item__job {
font-size: 12px;
}
}
.reviews-item__job {
color: #9D9FA1;
margin-top: 10px;
}
@media (max-width: 1000px) {
.reviews-item__job {
margin-top: 4px;
order: 2;
}
}
.reviews-item__text {
margin-top: 30px;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.reviews-item__text p {
font: inherit;
color: inherit;
}
.reviews-item__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.reviews-item__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.reviews-item__text ul li {
font: inherit;
color: inherit;
}
.reviews-item__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.reviews-item__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.reviews-item__text {
font-size: 14px;
}
}
.reviews-item__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.reviews-item__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.reviews-item__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.reviews-item__text h2 {
font-size: 24px;
}
}
.reviews-item__text h2 {
margin-bottom: 20px;
}
.reviews-item__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.reviews-item__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.reviews-item__text h3 {
font-size: 18px;
}
}
.reviews-item__text h3 {
margin-bottom: 20px;
}
.reviews-item__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.reviews-item__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.reviews-item__text h4 {
font-size: 16px;
}
}
.reviews-item__text h4 {
margin-bottom: 20px;
}
@media (max-width: 1000px) {
.reviews-item__text {
margin-top: 0;
order: 0;
}
}
.reviews-item__link {
margin-top: 50px;
display: inline-flex;
align-items: center;
gap: 12px;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.reviews-item__link {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.reviews-item__link {
font-size: 14px;
}
}
.reviews-item__link {
font-weight: 300;
color: #9D9FA1;
transition: 0.2s ease;
padding-bottom: 3px;
border-bottom: 2px solid #9D9FA1;
text-decoration: none !important;
}
@media (max-width: 1280px) {
.reviews-item__link {
border-width: 1px;
gap: 10px;
}
}
@media (max-width: 1000px) {
.reviews-item__link {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.reviews-item__link {
border-width: 1px;
gap: 6px;
color: #F53636;
border-color: #F53636;
}
}
.reviews-item__link svg {
width: 16px;
height: 16px;
flex: 0 0 16px;
}
@media (max-width: 1280px) {
.reviews-item__link svg {
width: 10px;
height: 10px;
flex: 0 0 10px;
}
}
@media (max-width: 480px) {
.reviews-item__link svg {
width: 8px;
height: 8px;
flex: 0 0 8px;
}
.reviews-item__link svg path {
stroke: #F53636 !important;
}
}
.reviews-item__link svg path {
stroke: #9D9FA1;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.reviews-item__link svg path {
transition: 0s !important;
}
}
.reviews-item__link:hover, .reviews-item__link:active, .reviews-item__link:focus-visible {
color: #F53636;
border-color: #F53636;
}
.reviews-item__link:hover svg path, .reviews-item__link:active svg path, .reviews-item__link:focus-visible svg path {
stroke: #F53636;
}
@media (max-width: 1000px) {
.reviews-item__link {
order: 3;
}
}
.blog {
margin: 120px 0;
}
@media (max-width: 1280px) {
.blog {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.blog {
margin: 60px 0;
}
}
.blog__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.blog__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.blog__title {
font-size: 18px;
}
}
.blog__title {
margin-bottom: 30px;
}
@media (max-width: 1000px) {
.blog__title {
margin-bottom: 20px;
}
}
.blog__wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.blog__wrapper {
gap: 20px;
}
}
@media (max-width: 1000px) {
.blog__wrapper {
grid-template-columns: repeat(2, 1fr);
gap: 40px 20px;
}
}
@media (max-width: 480px) {
.blog__wrapper {
grid-template-columns: 1fr;
gap: 40px;
}
}
.blog__footer {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.blog__footer {
gap: 20px;
}
}
.blog__footer {
margin-top: 50px;
}
.blog__link-wrapper {
grid-column: 5/13;
}
@media (max-width: 1000px) {
.blog__link-wrapper {
grid-column: 1/13;
}
}
.blog__link {
display: inline-flex;
align-items: center;
gap: 12px;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.blog__link {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.blog__link {
font-size: 14px;
}
}
.blog__link {
font-weight: 300;
color: #9D9FA1;
transition: 0.2s ease;
padding-bottom: 3px;
border-bottom: 2px solid #9D9FA1;
text-decoration: none !important;
}
@media (max-width: 1280px) {
.blog__link {
border-width: 1px;
gap: 10px;
}
}
@media (max-width: 1000px) {
.blog__link {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.blog__link {
border-width: 1px;
gap: 6px;
color: #F53636;
border-color: #F53636;
}
}
.blog__link svg {
width: 16px;
height: 16px;
flex: 0 0 16px;
}
@media (max-width: 1280px) {
.blog__link svg {
width: 10px;
height: 10px;
flex: 0 0 10px;
}
}
@media (max-width: 480px) {
.blog__link svg {
width: 8px;
height: 8px;
flex: 0 0 8px;
}
.blog__link svg path {
stroke: #F53636 !important;
}
}
.blog__link svg path {
stroke: #9D9FA1;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.blog__link svg path {
transition: 0s !important;
}
}
.blog__link:hover, .blog__link:active, .blog__link:focus-visible {
color: #F53636;
border-color: #F53636;
}
.blog__link:hover svg path, .blog__link:active svg path, .blog__link:focus-visible svg path {
stroke: #F53636;
}
.blog-item:hover .blog-item__title, .blog-item:active .blog-item__title, .blog-item:focus-visible .blog-item__title {
color: #F53636;
}
.blog-item:hover .blog-item__img img, .blog-item:active .blog-item__img img, .blog-item:focus-visible .blog-item__img img {
transform: scale(1.1);
}
.blog-item__img {
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 65%;
}
.blog-item__img > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.blog-item__img {
margin-bottom: 20px;
}
@media (max-width: 1000px) {
.blog-item__img {
margin-bottom: 10px;
}
}
.blog-item__img img {
transition: 0.7s ease;
}
.blog-item__params {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.blog-item__params {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.blog-item__params {
font-size: 12px;
}
}
.blog-item__params {
color: #9D9FA1;
margin-bottom: 10px;
}
@media (max-width: 1000px) {
.blog-item__params {
margin-bottom: 5px;
}
}
.blog-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.blog-item__title {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.blog-item__title {
font-size: 14px;
}
}
.blog-item__title {
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.blog-item__title {
transition: 0s !important;
}
}
.cta {
padding: 120px 0;
}
@media (max-width: 1500px) {
.cta {
padding: 100px 0;
}
}
@media (max-width: 1280px) {
.cta {
padding: 70px 0;
}
}
@media (max-width: 1000px) {
.cta {
padding: 60px 0;
}
}
.cta {
background: #1F2730;
}
.cta__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.cta__wrapper {
gap: 20px;
}
}
@media (max-width: 1000px) {
.cta__wrapper {
display: flex;
flex-direction: column-reverse;
gap: 40px;
}
}
.cta__info {
grid-column: 1/7;
display: flex;
flex-direction: column;
gap: 30px;
}
@media (max-width: 1500px) {
.cta__info {
grid-column: 1/6;
}
}
@media (max-width: 1000px) {
.cta__info {
grid-column: auto;
}
}
@media (max-width: 480px) {
.cta__info {
gap: 15px;
}
}
.cta__phones {
display: flex;
flex-direction: column;
gap: 30px;
}
@media (max-width: 1000px) {
.cta__phones {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
}
@media (max-width: 480px) {
.cta__phones {
grid-template-columns: 1fr;
gap: 15px;
}
}
.cta__phone-city {
font-family: "Geologica Roman", sans-serif;
font-size: 18px;
font-weight: 300;
position: relative;
transition: 0.2s ease;
}
.cta__phone-city:hover, .cta__phone-city:active, .cta__phone-city:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.cta__phone-city {
font-size: 14px;
}
}
@media (max-width: 1000px) {
.cta__phone-city {
transition: 0s !important;
}
}
.cta__phone-city {
color: #9D9FA1;
margin-bottom: 10px;
}
@media (max-width: 1000px) {
.cta__phone-city {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
margin-bottom: 2px;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.cta__phone-city {
font-size: 13px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.cta__phone-city {
font-size: 12px;
}
}
.cta__phone-value {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.cta__phone-value {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.cta__phone-value {
font-size: 18px;
}
}
.cta__phone-value {
color: #FFFFFF;
transition: 0.2s ease;
}
.cta__phone-value:hover, .cta__phone-value:active, .cta__phone-value:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.cta__phone-value {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
font-family: "Geologica Roman", sans-serif;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.cta__phone-value {
font-size: 26px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.cta__phone-value {
font-size: 18px;
}
}
@media (max-width: 1000px) {
.cta__phone-value {
transition: 0s !important;
}
}
.cta__email {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.cta__email {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.cta__email {
font-size: 18px;
}
}
.cta__email {
color: #FFFFFF;
transition: 0.2s ease;
}
.cta__email:hover, .cta__email:active, .cta__email:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.cta__email {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
font-family: "Geologica Roman", sans-serif;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.cta__email {
font-size: 26px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.cta__email {
font-size: 18px;
}
}
@media (max-width: 1000px) {
.cta__email {
transition: 0s !important;
}
}
.cta__address {
margin-top: 15px;
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.cta__address {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.cta__address {
font-size: 12px;
}
}
.cta__address {
color: #FFFFFF;
}
@media (max-width: 480px) {
.cta__address {
margin-top: 5px;
}
}
.cta__form {
grid-column: 7/13;
}
@media (max-width: 1500px) {
.cta__form {
grid-column: 6/13;
}
}
@media (max-width: 1000px) {
.cta__form {
grid-column: auto;
}
}
.form {
width: 100%;
}
.form--dark .form__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.form--dark .form__title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.form--dark .form__title {
font-size: 16px;
}
}
.form--dark .form__title {
color: #1F2730;
}
@media (max-width: 1000px) {
.form--dark .form__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.form--dark .form__title {
font-size: 26px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.form--dark .form__title {
font-size: 18px;
}
}
.form--dark .form__suptitle {
color: #1F2730;
}
.form--dark .form__input input, .form--dark .form__input textarea {
border-color: #1F2730;
color: #1F2730;
border-radius: 0 !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
box-shadow: none;
}
.form--dark .form__input input::-moz-placeholder, .form--dark .form__input textarea::-moz-placeholder {
color: #9D9FA1;
}
.form--dark .form__input input::placeholder, .form--dark .form__input textarea::placeholder {
color: #9D9FA1;
}
.form--dark .form__input input:focus, .form--dark .form__input textarea:focus {
outline: none;
border-color: #F53636;
}
.form__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.form__title {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.form__title {
font-size: 24px;
}
}
@media (max-width: 480px) {
.form__title {
font-size: 24px;
}
}
.form__title {
color: #FFFFFF;
}
.form__suptitle {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.form__suptitle {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.form__suptitle {
font-size: 14px;
}
}
.form__suptitle {
font-weight: 400;
color: #FFFFFF;
margin-top: 13px;
}
.form__form {
width: 100%;
margin-top: 70px;
}
@media (max-width: 1280px) {
.form__form {
margin-top: 32px;
}
}
.form__form--nomargin {
margin-top: 0;
}
.form__input {
width: 100%;
margin-bottom: 40px;
}
@media (max-width: 480px) {
.form__input {
margin-bottom: 30px;
}
}
.form__input input, .form__input textarea {
width: 100%;
height: 45px;
border: none;
border-bottom: 1px solid #FFFFFF;
padding: 4px 0 !important;
}
@media (max-width: 480px) {
.form__input input, .form__input textarea {
height: 25px;
padding: 0 !important;
}
}
.form__input input, .form__input textarea {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.form__input input, .form__input textarea {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.form__input input, .form__input textarea {
font-size: 12px;
}
}
.form__input input, .form__input textarea {
color: #FFFFFF;
background: transparent;
border-radius: 0 !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
box-shadow: none;
}
.form__input input::-moz-placeholder, .form__input textarea::-moz-placeholder {
color: #9D9FA1;
}
.form__input input::placeholder, .form__input textarea::placeholder {
color: #9D9FA1;
}
.form__input input:focus, .form__input textarea:focus {
border-color: #F53636;
outline: none;
}
.form__input input:focus + label, .form__input textarea:focus + label {
display: none;
}
.form__input textarea {
height: 54px;
line-height: 120%;
resize: none;
}
.form__textarea {
position: relative;
margin-top: 60px;
}
@media (max-width: 1000px) {
.form__textarea {
margin-top: 40px;
}
}
.form__textarea label {
position: absolute;
bottom: 20px;
left: 0;
max-width: 272px;
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.form__textarea label {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.form__textarea label {
font-size: 12px;
}
}
.form__textarea label {
line-height: 130%;
color: #9D9FA1;
}
@media (max-width: 480px) {
.form__textarea label {
max-width: 220px;
}
}
.form__footer {
margin-top: 70px;
display: flex;
align-items: center;
gap: 60px;
}
.form__footer button {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.form__footer button {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.form__footer button {
font-size: 14px;
}
}
.form__footer button {
color: #FFFFFF;
padding: 19px 46px;
display: inline-flex;
text-align: center;
background: #F53636;
white-space: nowrap;
transition: 0.2s ease;
text-decoration: none !important;
}
.form__footer button:hover, .form__footer button:active, .form__footer button:focus-visible {
background: #C41B1B;
}
@media (max-width: 1000px) {
.form__footer button {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.form__footer button {
padding: 18px 36px;
}
}
@media (max-width: 1280px) {
.form__footer {
margin-top: 50px;
gap: 24px;
}
}
@media (max-width: 640px) {
.form__footer {
flex-direction: column;
align-items: flex-start;
margin-top: 30px;
}
}
.form__privacy {
font-family: "Geologica Roman", sans-serif;
font-size: 14px;
font-weight: 300;
color: #9D9FA1;
max-width: 500px;
}
@media (max-width: 1000px) {
.form__privacy {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.form__privacy {
font-size: 13px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.form__privacy {
font-size: 12px;
}
}
.form__consent {
margin-top: 30px;
}
@media (max-width: 480px) {
.form__consent {
margin-top: 20px;
}
}
.form__consent-label {
display: flex;
align-items: flex-start;
gap: 14px;
cursor: pointer;
}
.form__consent-label:hover .form__consent-box {
border-color: #9D9FA1;
}
.form__consent-check {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}
.form__consent-check:checked + .form__consent-box {
background: #9D9FA1;
border-color: #9D9FA1;
}
.form__consent-check:checked + .form__consent-box::after {
opacity: 1;
}
.form__consent-box {
flex-shrink: 0;
width: 25px;
height: 25px;
border: 1.5px solid #9D9FA1;
border-radius: 3px;
position: relative;
transition: 0.2s ease;
margin-top: 1px;
box-sizing: border-box;
}
@media (max-width: 1000px) {
.form__consent-box {
width: 22px;
height: 22px;
}
}
.form__consent-box::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 20px;
height: 17px;
transform: translate(-50%, -50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 17' fill='none'%3E%3Cpath d='M1.0813 7.7289L7.0813 13.9689L18.0813 0.968903' stroke='%231F2730' stroke-width='3'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0;
transition: 0.2s ease;
pointer-events: none;
}
@media (max-width: 1000px) {
.form__consent-box::after {
width: 17px;
height: 15px;
}
}
.form__consent-text {
font-family: "Geologica Roman", sans-serif;
font-size: 14px;
font-weight: 300;
color: #9D9FA1;
line-height: 150%;
}
.form__consent-text a {
color: inherit;
text-decoration: underline;
transition: color 0.2s ease;
}
.form__consent-text a:hover, .form__consent-text a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.form__consent-text a {
transition: 0s !important;
}
}
.form__footer button:disabled {
background: #956666;
color: #DFCCCC;
cursor: not-allowed;
pointer-events: none;
}
.form__footer > .form__consent {
margin-top: 0 !important;
}
.form__footer > .form__consent .form__consent-text {
max-width: 400px;
}
.form__status {
margin-top: 20px;
font-family: "Geologica Roman", sans-serif;
font-size: 14px;
font-weight: 300;
font-weight: 700;
}
.footer {
padding: 40px 0;
background: #FFFFFF;
}
.footer__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.footer__wrapper {
gap: 20px;
}
}
.footer__logo {
display: block;
grid-column: 1/5;
max-width: 170px;
}
@media (max-width: 1000px) {
.footer__logo {
grid-column: 1/13;
margin-bottom: 20px;
}
}
@media (max-width: 480px) {
.footer__logo {
max-width: 126px;
}
}
.footer__mid {
grid-column: 5/8;
}
@media (max-width: 1280px) {
.footer__mid {
grid-column: 5/9;
}
}
@media (max-width: 1000px) {
.footer__mid {
grid-column: 1/7;
}
}
.footer__menu {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 100px;
}
@media (max-width: 1000px) {
.footer__menu {
grid-column: 1/13;
gap: 20px;
}
}
.footer__right {
grid-column: 10/13;
}
@media (max-width: 1000px) {
.footer__right {
grid-column: 7/13;
}
}
.footer__col {
display: flex;
flex-direction: column;
}
.footer__menu {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px 40px;
}
@media (max-width: 1280px) {
.footer__menu {
gap: 20px 40px;
}
}
@media (max-width: 1000px) {
.footer__menu {
grid-template-columns: repeat(2, 1fr);
gap: 10px 20px;
}
}
.footer__menu li a {
font-family: "Geologica Roman", sans-serif;
font-size: 18px;
font-weight: 300;
position: relative;
transition: 0.2s ease;
}
.footer__menu li a:hover, .footer__menu li a:active, .footer__menu li a:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.footer__menu li a {
font-size: 14px;
}
}
@media (max-width: 1000px) {
.footer__menu li a {
transition: 0s !important;
}
}
.footer__menu li a {
display: block;
line-height: 130%;
transition: 0.2s ease;
}
.footer__menu li a:hover, .footer__menu li a:active, .footer__menu li a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.footer__menu li a {
transition: 0s !important;
}
}
.footer__present {
display: block;
font-family: "Geologica Roman", sans-serif;
font-size: 18px;
font-weight: 300;
position: relative;
transition: 0.2s ease;
}
.footer__present:hover, .footer__present:active, .footer__present:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.footer__present {
font-size: 14px;
}
}
@media (max-width: 1000px) {
.footer__present {
transition: 0s !important;
}
}
.footer__present {
line-height: 120%;
transition: 0.2s ease;
}
.footer__present:hover, .footer__present:active, .footer__present:focus-visible {
color: #F53636;
}
.footer__present {
margin-top: 60px;
}
@media (max-width: 1000px) {
.footer__present {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.footer__present {
font-size: 14px;
font-weight: 300;
}
}
.footer__list {
display: flex;
flex-direction: column;
gap: 12px;
}
.footer__list li {
font-family: "Geologica Roman", sans-serif;
font-size: 14px;
font-weight: 300;
color: #9D9FA1;
}
@media (max-width: 480px) {
.footer__list li {
font-size: 12px;
}
}
.footer__list li a {
font: inherit;
color: inherit;
transition: 0.2s ease;
}
.footer__list li a:hover, .footer__list li a:active, .footer__list li a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.footer__list li a {
transition: 0s !important;
}
}
.footer__privacy {
display: block;
margin-top: auto;
font-family: "Geologica Roman", sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 120%;
color: #9D9FA1;
transition: 0.2s ease;
}
.footer__privacy:hover, .footer__privacy:active, .footer__privacy:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.footer__privacy {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.footer__privacy {
font-size: 12px;
}
}
.footer__brand {
max-width: 245px;
margin-top: 40px;
}
@media (max-width: 1000px) {
.footer-landing-wrapper {
display: flex;
flex-direction: column;
gap: 20px;
}
.footer-landing-wrapper .footer-landing-left {
display: contents;
}
.footer-landing-wrapper .footer-landing-left .footer__logo {
order: 0;
}
.footer-landing-wrapper .footer-landing-left .footer__main {
order: 1;
}
.footer-landing-wrapper .footer-landing-left .footer__brand {
order: 2;
margin-top: 0;
}
.footer-landing-wrapper > .footer-landing__privacy--mob {
order: 10;
}
}
.footer-landing-left {
grid-column: 1/5;
align-self: start;
}
.footer-landing-main {
grid-column: 5/13;
align-self: start;
display: flex;
align-items: stretch;
justify-content: space-between;
}
.footer-landing-nav {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
justify-content: space-between;
}
@media (max-width: 1000px) {
.footer-landing-nav {
flex: 0 0 48%;
gap: 16px;
max-width: 100%;
}
}
.footer-landing-menu {
display: flex;
flex-wrap: wrap;
gap: 60px;
}
@media (max-width: 1280px) {
.footer-landing-menu {
gap: 0;
margin: -10px;
}
}
@media (max-width: 1000px) {
.footer-landing-menu {
margin: -5px;
width: 100%;
}
}
.footer-landing-menu li {
line-height: 75%;
}
@media (max-width: 1280px) {
.footer-landing-menu li {
flex: 0 0 calc(50% - 20px);
margin: 10px;
}
}
@media (max-width: 1000px) {
.footer-landing-menu li {
flex: 0 0 calc(50% - 10px);
margin: 5px;
}
}
.footer-landing-menu a {
font-family: "Geologica Roman", sans-serif;
font-size: 18px;
font-weight: 300;
position: relative;
transition: 0.2s ease;
}
.footer-landing-menu a:hover, .footer-landing-menu a:active, .footer-landing-menu a:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.footer-landing-menu a {
font-size: 14px;
}
}
@media (max-width: 1000px) {
.footer-landing-menu a {
transition: 0s !important;
}
}
.footer-landing-menu a {
font-weight: 700;
color: #1F2730;
transition: 0.2s ease;
}
.footer-landing-menu a:hover, .footer-landing-menu a:active, .footer-landing-menu a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.footer-landing-menu a {
transition: 0s !important;
font-weight: 300;
}
}
@media (max-width: 1000px) {
.footer-landing-right {
flex: 0 0 48%;
}
}
.footer-landing__privacy {
font-family: "Geologica Roman", sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 120%;
color: #9D9FA1;
text-decoration: none;
transition: 0.2s ease;
}
.footer-landing__privacy:hover, .footer-landing__privacy:active, .footer-landing__privacy:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.footer-landing__privacy {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.footer-landing__privacy {
font-size: 12px;
}
}
@media (max-width: 1000px) {
a.footer-landing__privacy--nav {
display: none !important;
}
}
a.footer-landing__privacy--mob {
display: none !important;
}
@media (max-width: 1000px) {
a.footer-landing__privacy--mob {
display: block !important;
margin-top: 4px;
}
}
.footer-landing-contacts {
display: flex;
flex-direction: column;
}
@media (max-width: 1000px) {
.footer-landing-contacts {
gap: 0;
}
}
.footer-landing-contacts p {
margin: 0 !important;
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.footer-landing-contacts p {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.footer-landing-contacts p {
font-size: 12px;
}
}
.footer-landing-contacts p {
font-weight: 300;
color: #1F2730;
}
.footer-landing-contacts p a {
font: inherit;
color: inherit;
transition: 0.2s ease;
}
.footer-landing-contacts p a:hover, .footer-landing-contacts p a:active, .footer-landing-contacts p a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.footer-landing-contacts p a {
transition: 0s !important;
}
}
.footer-landing-contacts-title {
font-family: "Geologica Roman", sans-serif;
font-size: 18px;
font-weight: 300;
position: relative;
transition: 0.2s ease;
}
.footer-landing-contacts-title:hover, .footer-landing-contacts-title:active, .footer-landing-contacts-title:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.footer-landing-contacts-title {
font-size: 14px;
}
}
@media (max-width: 1000px) {
.footer-landing-contacts-title {
transition: 0s !important;
}
}
.footer-landing-contacts-title {
font-weight: 700;
color: #1F2730;
margin-bottom: 15px;
}
@media (max-width: 1000px) {
.footer-landing-contacts-title {
margin-bottom: 8px;
font-weight: 300;
}
}
.header-menu {
position: fixed;
left: 0;
top: 0;
width: 100vw;
background: #1F2730;
z-index: 11;
overflow: auto;
height: 100dvh;
padding: 150px 0 100px;
transform: translateY(-100%);
transition: 0.2s ease;
margin-right: calc(-1 * (100vw - 100%));
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (max-width: 640px) {
.header-menu {
height: 100dvh;
min-height: unset;
max-height: unset;
}
}
.header-menu.active {
transform: translateY(0);
}
.header-menu__wrapper {
position: relative;
}
.header-menu__nav {
width: 100%;
}
.header-menu__nav > li {
margin: 16px 0;
padding: 12px 0;
width: -moz-fit-content;
width: fit-content;
}
@media (max-width: 480px) {
.header-menu__nav > li {
margin: 20px 0;
padding: 0;
}
}
.header-menu__nav > li > a {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 78px;
line-height: 120%;
}
@media (max-width: 1500px) {
.header-menu__nav > li > a {
font-size: 56px;
}
}
@media (max-width: 1280px) {
.header-menu__nav > li > a {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.header-menu__nav > li > a {
font-size: 40px;
}
}
@media (max-width: 480px) {
.header-menu__nav > li > a {
font-size: 32px;
}
}
.header-menu__nav > li > a {
line-height: 100%;
color: #FFFFFF;
text-transform: uppercase;
transition: color 0.2s ease;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-text-fill-color: currentColor;
}
.header-menu__nav > li > a:hover, .header-menu__nav > li > a:active, .header-menu__nav > li > a:focus-visible {
color: #F53636;
}
.header-menu__nav > li > a:hover span svg path, .header-menu__nav > li > a:active span svg path, .header-menu__nav > li > a:focus-visible span svg path {
stroke: #F53636;
}
.header-menu__nav > li > a:active, .header-menu__nav > li > a:focus-visible {
transition: 0s !important;
}
@media (max-width: 1000px) {
.header-menu__nav > li > a {
transition: 0s !important;
}
}
.header-menu__contacts {
position: absolute;
right: 0;
bottom: 14px;
display: flex;
align-items: center;
gap: 50px;
}
@media (max-width: 1280px) {
.header-menu__contacts {
gap: 40px;
bottom: 0;
}
}
@media (max-width: 1000px) {
.header-menu__contacts {
position: static;
flex-direction: column;
gap: 40px;
align-items: flex-start;
margin-top: 40px;
gap: 20px;
}
.header-menu__contacts--landing {
margin-top: 80px;
}
}
.header-menu__contacts > div {
max-width: 300px;
}
@media (max-width: 1280px) {
.header-menu__contacts > div {
max-width: 235px;
}
}
@media (max-width: 1000px) {
.header-menu__contacts > div {
max-width: 100%;
}
}
.header-menu__contacts-list {
display: flex;
flex-direction: column;
gap: 6px;
}
.header-menu__contacts-list--landing p {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.header-menu__contacts-list--landing p {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.header-menu__contacts-list--landing p {
font-size: 14px;
}
}
.header-menu__contacts-list--landing p {
color: #FFFFFF;
margin: 0 !important;
}
@media (max-width: 480px) {
.header-menu__contacts-list--landing p {
font-size: 16px;
}
}
.header-menu__contacts-list--landing p a {
font: inherit;
color: inherit;
}
.header-menu__contact {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.header-menu__contact {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.header-menu__contact {
font-size: 14px;
}
}
.header-menu__contact {
color: #FFFFFF;
}
@media (max-width: 480px) {
.header-menu__contact {
font-size: 16px;
}
}
.header-menu__address {
max-width: 300px;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.header-menu__address p {
font: inherit;
color: inherit;
}
.header-menu__address ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.header-menu__address ul li:not(:last-child) {
margin-bottom: 12px;
}
.header-menu__address ul li {
font: inherit;
color: inherit;
}
.header-menu__address ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.header-menu__address {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.header-menu__address {
font-size: 14px;
}
}
.header-menu__address h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.header-menu__address h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.header-menu__address h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.header-menu__address h2 {
font-size: 24px;
}
}
.header-menu__address h2 {
margin-bottom: 20px;
}
.header-menu__address h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.header-menu__address h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.header-menu__address h3 {
font-size: 18px;
}
}
.header-menu__address h3 {
margin-bottom: 20px;
}
.header-menu__address h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.header-menu__address h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.header-menu__address h4 {
font-size: 16px;
}
}
.header-menu__address h4 {
margin-bottom: 20px;
}
.header-menu__address {
color: #FFFFFF;
}
@media (max-width: 480px) {
.header-menu__address {
font-size: 16px;
}
}
.dropdown {
position: relative;
width: 100% !important;
}
.dropdown__line {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #FFFFFF;
}
.dropdown.active > a {
color: #F53636;
}
.dropdown.active > a span svg path {
stroke: #F53636;
}
@media (max-width: 640px) {
.dropdown.active > a span {
transform: rotate(0deg);
}
}
.dropdown > a {
display: flex;
align-items: flex-start;
gap: 23px;
color: #FFFFFF;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (max-width: 1280px) {
.dropdown > a {
gap: 12px;
}
}
@media (max-width: 640px) {
.dropdown > a {
display: inline-flex;
align-items: center;
gap: 20px;
}
}
.dropdown > a span {
margin-top: 8px;
flex: 0 0 30px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
transform: rotate(-90deg);
color: inherit;
transition: 0.2s ease;
}
@media (max-width: 1280px) {
.dropdown > a span {
flex: 0 0 22px;
width: 22px;
height: 22px;
margin-top: 2px;
}
}
@media (max-width: 1000px) {
.dropdown > a span {
flex: 0 0 16px;
width: 16px;
height: 16px;
margin-top: 2px;
transition: 0s !important;
}
}
@media (max-width: 640px) {
.dropdown > a span {
flex: 0 0 0.75em;
width: 0.75em;
height: 0.75em;
margin-top: 0;
}
}
.dropdown > a span img, .dropdown > a span svg {
width: 100%;
height: 100%;
color: inherit;
}
.dropdown > a span img path, .dropdown > a span svg path {
stroke: #FFFFFF;
}
.submenu {
display: flex;
align-items: flex-start;
position: absolute;
right: 0;
top: 15px;
gap: 90px;
overflow: hidden;
z-index: 11;
}
@media (max-width: 1000px) {
.submenu {
flex-direction: column;
gap: 40px;
}
}
@media (max-width: 640px) {
.submenu {
position: static;
margin: 0;
gap: 0;
}
}
.submenu.active {
display: flex;
}
@media (max-width: 640px) {
.submenu__col {
margin: 20px 0;
}
}
.submenu__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.submenu__title {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.submenu__title {
font-size: 14px;
}
}
.submenu__title {
font-family: "Normalidad Wide Black", sans-serif !important;
color: #5E6163;
margin-bottom: 15px;
}
@media (max-width: 1280px) {
.submenu__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
margin-bottom: 10px;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.submenu__title {
font-size: 40px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.submenu__title {
font-size: 24px;
}
}
@media (max-width: 1280px) and (max-width: 480px) {
.submenu__title {
font-size: 24px;
}
}
@media (max-width: 480px) {
.submenu__title {
font-size: 14px;
}
}
.submenu__list {
display: flex;
flex-direction: column;
gap: 18px;
}
@media (max-width: 1280px) {
.submenu__list {
gap: 10px;
}
}
.submenu__list li a {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.submenu__list li a p {
font: inherit;
color: inherit;
}
.submenu__list li a ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.submenu__list li a ul li:not(:last-child) {
margin-bottom: 12px;
}
.submenu__list li a ul li {
font: inherit;
color: inherit;
}
.submenu__list li a ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.submenu__list li a {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.submenu__list li a {
font-size: 14px;
}
}
.submenu__list li a h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.submenu__list li a h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.submenu__list li a h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.submenu__list li a h2 {
font-size: 24px;
}
}
.submenu__list li a h2 {
margin-bottom: 20px;
}
.submenu__list li a h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.submenu__list li a h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.submenu__list li a h3 {
font-size: 18px;
}
}
.submenu__list li a h3 {
margin-bottom: 20px;
}
.submenu__list li a h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.submenu__list li a h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.submenu__list li a h4 {
font-size: 16px;
}
}
.submenu__list li a h4 {
margin-bottom: 20px;
}
.submenu__list li a {
color: #FFFFFF;
line-height: 100%;
transition: color 0.2s ease;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-text-fill-color: currentColor;
}
.submenu__list li a:hover, .submenu__list li a:active, .submenu__list li a:focus-visible {
color: #F53636;
}
.submenu__list li a:active, .submenu__list li a:focus-visible {
transition: color 0s;
}
@media (max-width: 480px) {
.submenu__list li a {
transition: 0s !important;
}
}
@media (max-width: 1000px) {
.submenu .header-menu__nav > li > a {
transition: 0s !important;
}
.submenu .header-menu .submenu__list li a {
transition: 0s !important;
}
.submenu .header-menu .header-menu__nav > li > a,
.submenu .header--landing .header-menu__nav > li > a,
.submenu .header-menu .submenu__list li a,
.submenu .header--landing .submenu__list li a {
transition: 0s !important;
}
}
.about-hero {
margin: 225px 0 120px;
}
@media (max-width: 1280px) {
.about-hero {
margin: 160px 0 80px;
}
}
@media (max-width: 1000px) {
.about-hero {
margin: 140px 0 60px;
}
}
.about-hero__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.about-hero__wrapper {
gap: 20px;
}
}
.about-hero__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.about-hero__title {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.about-hero__title {
font-size: 32px;
}
}
.about-hero__title {
grid-column: 1/6;
}
@media (max-width: 1500px) {
.about-hero__title {
grid-column: 1/5;
}
}
@media (max-width: 1000px) {
.about-hero__title {
grid-column: 1/13;
}
}
.about-hero__text {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.about-hero__text {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.about-hero__text {
font-size: 18px;
}
}
.about-hero__text {
grid-column: 6/13;
}
@media (max-width: 1500px) {
.about-hero__text {
grid-column: 5/13;
}
}
@media (max-width: 1000px) {
.about-hero__text {
grid-column: 1/13;
}
}
.about-info {
margin-top: 50px;
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.about-info {
gap: 20px;
}
}
@media (max-width: 1000px) {
.about-info {
margin-top: 40px;
flex-direction: column-reverse !important;
}
}
.about-info__left {
grid-column: 1/6;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 1500px) {
.about-info__left {
grid-column: 1/5;
}
}
@media (max-width: 1000px) {
.about-info__left {
grid-column: 1/13;
flex-direction: column;
align-items: flex-start;
margin-top: 20px;
}
}
.about-info__present {
margin-top: 40px;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.about-info__present {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.about-info__present {
font-size: 14px;
}
}
.about-info__present {
font-weight: 300;
color: #9D9FA1;
text-decoration: underline;
transition: 0.2s ease;
}
.about-info__present:hover, .about-info__present:active, .about-info__present:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.about-info__present {
transition: 0s !important;
}
}
.about-info__present {
transition: 0.2s ease;
color: #9D9FA1;
}
.about-info__present:hover, .about-info__present:active, .about-info__present:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.about-info__present {
margin-top: 0;
}
}
@media (max-width: 1000px) {
.about-info__present {
margin-top: 40px;
transition: 0s !important;
}
}
.about-info__text {
grid-column: 6/13;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.about-info__text p {
font: inherit;
color: inherit;
}
.about-info__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.about-info__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.about-info__text ul li {
font: inherit;
color: inherit;
}
.about-info__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.about-info__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.about-info__text {
font-size: 14px;
}
}
.about-info__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.about-info__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.about-info__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.about-info__text h2 {
font-size: 24px;
}
}
.about-info__text h2 {
margin-bottom: 20px;
}
.about-info__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.about-info__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.about-info__text h3 {
font-size: 18px;
}
}
.about-info__text h3 {
margin-bottom: 20px;
}
.about-info__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.about-info__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.about-info__text h4 {
font-size: 16px;
}
}
.about-info__text h4 {
margin-bottom: 20px;
}
@media (max-width: 1500px) {
.about-info__text {
grid-column: 5/13;
}
}
@media (max-width: 1280px) {
.about-info__text {
order: 0;
}
}
@media (max-width: 1000px) {
.about-info__text {
grid-column: 1/13;
}
}
.team {
margin: 120px 0;
}
@media (max-width: 1280px) {
.team {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.team {
margin: 60px 0;
}
}
.team__header {
margin-bottom: 30px;
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.team__header {
gap: 20px;
}
}
@media (max-width: 1000px) {
.team__header {
margin-bottom: 20px;
display: block !important;
}
}
.team__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.team__title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.team__title {
font-size: 16px;
}
}
.team__title {
grid-column: 1/5;
}
@media (max-width: 1000px) {
.team__title {
margin-bottom: 15px;
}
}
.team__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.team__text p {
font: inherit;
color: inherit;
}
.team__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.team__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.team__text ul li {
font: inherit;
color: inherit;
}
.team__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.team__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.team__text {
font-size: 14px;
}
}
.team__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.team__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.team__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.team__text h2 {
font-size: 24px;
}
}
.team__text h2 {
margin-bottom: 20px;
}
.team__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.team__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.team__text h3 {
font-size: 18px;
}
}
.team__text h3 {
margin-bottom: 20px;
}
.team__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.team__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.team__text h4 {
font-size: 16px;
}
}
.team__text h4 {
margin-bottom: 20px;
}
.team__text {
grid-column: 5/13;
}
.team__wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 30px;
}
@media (max-width: 1280px) {
.team__wrapper {
gap: 40px 20px;
}
}
@media (max-width: 1000px) {
.team__wrapper {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 420px) {
.team__wrapper {
grid-template-columns: 1fr;
}
}
.team-item__img {
width: 100%;
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 100%;
}
.team-item__img > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.team-item__title {
margin-top: 20px;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.team-item__title {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.team-item__title {
font-size: 14px;
}
}
.team-item__position {
margin-top: 5px;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.team-item__position p {
font: inherit;
color: inherit;
}
.team-item__position ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.team-item__position ul li:not(:last-child) {
margin-bottom: 12px;
}
.team-item__position ul li {
font: inherit;
color: inherit;
}
.team-item__position ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.team-item__position {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.team-item__position {
font-size: 14px;
}
}
.team-item__position h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.team-item__position h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.team-item__position h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.team-item__position h2 {
font-size: 24px;
}
}
.team-item__position h2 {
margin-bottom: 20px;
}
.team-item__position h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.team-item__position h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.team-item__position h3 {
font-size: 18px;
}
}
.team-item__position h3 {
margin-bottom: 20px;
}
.team-item__position h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.team-item__position h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.team-item__position h4 {
font-size: 16px;
}
}
.team-item__position h4 {
margin-bottom: 20px;
}
.work {
margin: 120px 0;
}
@media (max-width: 1280px) {
.work {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.work {
margin: 60px 0;
}
}
.work__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.work__wrapper {
gap: 20px;
}
}
.work__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.work__title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.work__title {
font-size: 16px;
}
}
.work__title {
grid-column: 1/5;
}
@media (max-width: 1000px) {
.work__title {
grid-column: 1/13;
margin-bottom: 10px;
}
}
.work__list {
grid-column: 5/13;
}
@media (max-width: 1000px) {
.work__list {
grid-column: 1/13;
}
}
.numbered-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
@media (max-width: 1280px) {
.numbered-list {
gap: 20px;
}
}
@media (max-width: 480px) {
.numbered-list {
grid-template-columns: 1fr;
}
}
.numbered-list-item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.numbered-list-item__num {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.numbered-list-item__num {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.numbered-list-item__num {
font-size: 14px;
}
}
.numbered-list-item__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.numbered-list-item__text p {
font: inherit;
color: inherit;
}
.numbered-list-item__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.numbered-list-item__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.numbered-list-item__text ul li {
font: inherit;
color: inherit;
}
.numbered-list-item__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.numbered-list-item__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.numbered-list-item__text {
font-size: 14px;
}
}
.numbered-list-item__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.numbered-list-item__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.numbered-list-item__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.numbered-list-item__text h2 {
font-size: 24px;
}
}
.numbered-list-item__text h2 {
margin-bottom: 20px;
}
.numbered-list-item__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.numbered-list-item__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.numbered-list-item__text h3 {
font-size: 18px;
}
}
.numbered-list-item__text h3 {
margin-bottom: 20px;
}
.numbered-list-item__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.numbered-list-item__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.numbered-list-item__text h4 {
font-size: 16px;
}
}
.numbered-list-item__text h4 {
margin-bottom: 20px;
}
.about-gallery {
margin: 120px 0;
}
@media (max-width: 1280px) {
.about-gallery {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.about-gallery {
margin: 60px 0;
}
}
.about-gallery__wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.about-gallery__wrapper {
gap: 20px;
}
}
@media (max-width: 1000px) {
.about-gallery__wrapper {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 420px) {
.about-gallery__wrapper {
grid-template-columns: 1fr;
}
}
.about-gallery__item {
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 67%;
}
.about-gallery__item > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.vacancy {
margin: 120px 0;
}
@media (max-width: 1280px) {
.vacancy {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.vacancy {
margin: 60px 0;
}
}
.vacancy__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.vacancy__wrapper {
gap: 20px;
}
}
.vacancy__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.vacancy__title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.vacancy__title {
font-size: 16px;
}
}
.vacancy__title {
grid-column: 1/5;
}
@media (max-width: 1000px) {
.vacancy__title {
grid-column: 1/13;
}
}
.vacancy__main {
grid-column: 5/13;
}
@media (max-width: 1000px) {
.vacancy__main {
grid-column: 1/13;
}
}
.vacancy__text {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
@media (max-width: 1280px) {
.vacancy__text {
gap: 20px;
}
}
@media (max-width: 1000px) {
.vacancy__text {
grid-template-columns: 1fr;
}
}
.vacancy__col {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.vacancy__col p {
font: inherit;
color: inherit;
}
.vacancy__col ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.vacancy__col ul li:not(:last-child) {
margin-bottom: 12px;
}
.vacancy__col ul li {
font: inherit;
color: inherit;
}
.vacancy__col ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.vacancy__col {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.vacancy__col {
font-size: 14px;
}
}
.vacancy__col h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.vacancy__col h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.vacancy__col h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.vacancy__col h2 {
font-size: 24px;
}
}
.vacancy__col h2 {
margin-bottom: 20px;
}
.vacancy__col h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.vacancy__col h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.vacancy__col h3 {
font-size: 18px;
}
}
.vacancy__col h3 {
margin-bottom: 20px;
}
.vacancy__col h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.vacancy__col h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.vacancy__col h4 {
font-size: 16px;
}
}
.vacancy__col h4 {
margin-bottom: 20px;
}
.vacancy__link {
display: inline-flex;
align-items: center;
gap: 12px;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.vacancy__link {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.vacancy__link {
font-size: 14px;
}
}
.vacancy__link {
font-weight: 300;
color: #9D9FA1;
transition: 0.2s ease;
padding-bottom: 3px;
border-bottom: 2px solid #9D9FA1;
text-decoration: none !important;
}
@media (max-width: 1280px) {
.vacancy__link {
border-width: 1px;
gap: 10px;
}
}
@media (max-width: 1000px) {
.vacancy__link {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.vacancy__link {
border-width: 1px;
gap: 6px;
color: #F53636;
border-color: #F53636;
}
}
.vacancy__link svg {
width: 16px;
height: 16px;
flex: 0 0 16px;
}
@media (max-width: 1280px) {
.vacancy__link svg {
width: 10px;
height: 10px;
flex: 0 0 10px;
}
}
@media (max-width: 480px) {
.vacancy__link svg {
width: 8px;
height: 8px;
flex: 0 0 8px;
}
.vacancy__link svg path {
stroke: #F53636 !important;
}
}
.vacancy__link svg path {
stroke: #9D9FA1;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.vacancy__link svg path {
transition: 0s !important;
}
}
.vacancy__link:hover, .vacancy__link:active, .vacancy__link:focus-visible {
color: #F53636;
border-color: #F53636;
}
.vacancy__link:hover svg path, .vacancy__link:active svg path, .vacancy__link:focus-visible svg path {
stroke: #F53636;
}
.services-page {
margin: 225px 0 120px;
}
@media (max-width: 1280px) {
.services-page {
margin: 160px 0 80px;
}
}
@media (max-width: 1000px) {
.services-page {
margin: 140px 0 60px;
}
}
.services-page__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.services-page__wrapper {
gap: 20px;
}
}
.services-page__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.services-page__title {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.services-page__title {
font-size: 24px;
}
}
@media (max-width: 480px) {
.services-page__title {
font-size: 24px;
}
}
.services-page__title {
grid-column: 1/6;
}
@media (max-width: 1500px) {
.services-page__title {
grid-column: 1/5;
}
}
@media (max-width: 1280px) {
.services-page__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.services-page__title {
font-size: 42px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.services-page__title {
font-size: 32px;
}
}
@media (max-width: 1000px) {
.services-page__title {
grid-column: 1/13;
}
}
.services-page__main {
grid-column: 6/13;
}
@media (max-width: 1500px) {
.services-page__main {
grid-column: 5/13;
}
}
@media (max-width: 1000px) {
.services-page__main {
grid-column: 1/13;
}
}
.services-page__text {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.services-page__text {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.services-page__text {
font-size: 16px;
}
}
.services-page__text {
margin-bottom: 90px;
}
@media (max-width: 1280px) {
.services-page__text {
margin-bottom: 80px;
}
}
@media (max-width: 1000px) {
.services-page__text {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.services-page__text {
font-size: 26px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.services-page__text {
font-size: 18px;
}
}
.services-page__inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
@media (max-width: 1280px) {
.services-page__inner {
gap: 20px;
}
}
@media (max-width: 1000px) {
.services-page__inner {
grid-template-columns: 1fr;
gap: 40px;
}
}
.services-page__col-title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.services-page__col-title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.services-page__col-title {
font-size: 16px;
}
}
.services-page__col-title {
font-family: "Normalidad Wide Black", sans-serif !important;
margin-bottom: 20px;
}
@media (max-width: 1280px) {
.services-page__col-title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.services-page__col-title {
font-size: 40px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.services-page__col-title {
font-size: 24px;
}
}
@media (max-width: 1280px) and (max-width: 480px) {
.services-page__col-title {
font-size: 24px;
}
}
@media (max-width: 1000px) {
.services-page__col-title {
margin-bottom: 15px;
}
}
.services-page__item {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
padding: 20px 0;
border-bottom: 1px solid #1F2730;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}
.services-page__item:first-child {
border-top: 1px solid #1F2730;
}
.services-page__item:hover .services-page__item-title, .services-page__item:active .services-page__item-title, .services-page__item:focus-visible .services-page__item-title {
color: #F53636;
}
.services-page__item:hover .services-page__item-arrow, .services-page__item:active .services-page__item-arrow, .services-page__item:focus-visible .services-page__item-arrow {
transform: rotate(-45deg);
}
.services-page__item:hover .services-page__item-arrow svg path, .services-page__item:active .services-page__item-arrow svg path, .services-page__item:focus-visible .services-page__item-arrow svg path {
stroke: #F53636;
}
@media (max-width: 1280px) {
.services-page__item {
padding: 13px 0;
}
}
@media (max-width: 480px) {
.services-page__item {
padding: 10px 0;
}
}
.services-page__item-title {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.services-page__item-title p {
font: inherit;
color: inherit;
}
.services-page__item-title ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.services-page__item-title ul li:not(:last-child) {
margin-bottom: 12px;
}
.services-page__item-title ul li {
font: inherit;
color: inherit;
}
.services-page__item-title ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.services-page__item-title {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.services-page__item-title {
font-size: 14px;
}
}
.services-page__item-title h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.services-page__item-title h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.services-page__item-title h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.services-page__item-title h2 {
font-size: 24px;
}
}
.services-page__item-title h2 {
margin-bottom: 20px;
}
.services-page__item-title h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.services-page__item-title h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.services-page__item-title h3 {
font-size: 18px;
}
}
.services-page__item-title h3 {
margin-bottom: 20px;
}
.services-page__item-title h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.services-page__item-title h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.services-page__item-title h4 {
font-size: 16px;
}
}
.services-page__item-title h4 {
margin-bottom: 20px;
}
.services-page__item-title {
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.services-page__item-title {
transition: 0s !important;
}
}
.services-page__item-arrow {
flex: 0 0 25px;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.services-page__item-arrow {
transition: 0s !important;
}
}
.services-page__item-arrow svg {
width: 100%;
height: 100%;
}
.services-page__item-arrow svg path {
stroke: #1F2730;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.services-page__item-arrow svg path {
transition: 0s !important;
}
}
@media (max-width: 1280px) {
.services-page__item-arrow {
width: 20px;
height: 20px;
flex: 0 0 20px;
}
}
@media (max-width: 480px) {
.services-page__item-arrow {
width: 15px;
height: 15px;
flex: 0 0 15px;
}
}
.services-info {
margin: 120px 0;
}
@media (max-width: 1280px) {
.services-info {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.services-info {
margin: 60px 0;
}
}
.services-info__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.services-info__wrapper {
gap: 20px;
}
}
.services-info__left {
padding-right: 20px;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.services-info__left {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.services-info__left {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.services-info__left {
padding-right: 0;
}
}
.services-info__right {
grid-column: 6/13;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.services-info__right p {
font: inherit;
color: inherit;
}
.services-info__right ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.services-info__right ul li:not(:last-child) {
margin-bottom: 12px;
}
.services-info__right ul li {
font: inherit;
color: inherit;
}
.services-info__right ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.services-info__right {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.services-info__right {
font-size: 14px;
}
}
.services-info__right h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.services-info__right h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.services-info__right h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.services-info__right h2 {
font-size: 24px;
}
}
.services-info__right h2 {
margin-bottom: 20px;
}
.services-info__right h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.services-info__right h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.services-info__right h3 {
font-size: 18px;
}
}
.services-info__right h3 {
margin-bottom: 20px;
}
.services-info__right h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.services-info__right h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.services-info__right h4 {
font-size: 16px;
}
}
.services-info__right h4 {
margin-bottom: 20px;
}
@media (max-width: 1500px) {
.services-info__right {
grid-column: 5/13;
}
}
@media (max-width: 1000px) {
.services-info__right {
grid-column: 1/13;
}
}
.faq {
margin: 120px 0;
}
@media (max-width: 1280px) {
.faq {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.faq {
margin: 60px 0;
}
}
.faq__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.faq__wrapper {
gap: 20px;
}
}
.faq__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.faq__title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.faq__title {
font-size: 16px;
}
}
.faq__title {
grid-column: 1/5;
}
@media (max-width: 1000px) {
.faq__title {
grid-column: 1/13;
}
}
.faq__list {
grid-column: 6/13;
}
@media (max-width: 1500px) {
.faq__list {
grid-column: 5/13;
}
}
@media (max-width: 1000px) {
.faq__list {
grid-column: 1/13;
}
}
.faq__item {
padding: 30px 0;
border-bottom: 1px solid #1F2730;
}
.faq__item:first-child {
border-top: 1px solid #1F2730;
}
.faq__item.active .faq__item-toggle {
transform: rotate(45deg);
}
@media (max-width: 1000px) {
.faq__item {
padding: 16px 0;
}
}
@media (max-width: 480px) {
.faq__item {
padding: 12px 0;
}
}
.faq__item-header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
cursor: pointer;
}
.faq__item-header:hover .faq__item-title, .faq__item-header:active .faq__item-title, .faq__item-header:focus-visible .faq__item-title {
color: #F53636;
}
.faq__item-header:hover .faq__item-toggle::before, .faq__item-header:hover .faq__item-toggle::after, .faq__item-header:active .faq__item-toggle::before, .faq__item-header:active .faq__item-toggle::after, .faq__item-header:focus-visible .faq__item-toggle::before, .faq__item-header:focus-visible .faq__item-toggle::after {
background: #F53636;
}
.faq__item-title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.faq__item-title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.faq__item-title {
font-size: 16px;
}
}
.faq__item-title {
transition: 0.2s ease;
}
.faq__item-toggle {
position: relative;
width: 24px;
height: 24px;
flex: 0 0 24px;
}
@media (max-width: 1000px) {
.faq__item-toggle {
width: 18px;
height: 18px;
flex: 0 0 18px;
}
}
.faq__item-toggle {
transition: 0.2s ease;
}
.faq__item-toggle::before, .faq__item-toggle::after {
content: "";
position: absolute;
background: #1F2730;
transition: 0.2s ease;
}
.faq__item-toggle::before {
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
height: 2px;
}
.faq__item-toggle::after {
left: 50%;
transform: translateX(-50%);
top: 0;
width: 2px;
height: 100%;
}
.faq__item-content {
max-height: 0;
overflow: hidden;
transition: 0.2s ease;
}
.faq__item-inner {
padding-top: 20px;
max-width: 682px;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.faq__item-inner p {
font: inherit;
color: inherit;
}
.faq__item-inner ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.faq__item-inner ul li:not(:last-child) {
margin-bottom: 12px;
}
.faq__item-inner ul li {
font: inherit;
color: inherit;
}
.faq__item-inner ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.faq__item-inner {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.faq__item-inner {
font-size: 14px;
}
}
.faq__item-inner h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.faq__item-inner h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.faq__item-inner h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.faq__item-inner h2 {
font-size: 24px;
}
}
.faq__item-inner h2 {
margin-bottom: 20px;
}
.faq__item-inner h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.faq__item-inner h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.faq__item-inner h3 {
font-size: 18px;
}
}
.faq__item-inner h3 {
margin-bottom: 20px;
}
.faq__item-inner h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.faq__item-inner h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.faq__item-inner h4 {
font-size: 16px;
}
}
.faq__item-inner h4 {
margin-bottom: 20px;
}
.faq.active .faq__item-toggle {
transform: rotate(45deg);
}
.page-hero {
margin: 225px 0 120px;
}
@media (max-width: 1280px) {
.page-hero {
margin: 160px 0 80px;
}
}
@media (max-width: 1000px) {
.page-hero {
margin: 140px 0 60px;
}
}
.page-hero--services {
margin-bottom: 0 !important;
}
.page-hero__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.page-hero__wrapper {
gap: 20px;
}
}
@media (max-width: 1280px) {
.page-hero__wrapper {
display: flex !important;
flex-direction: column !important;
}
}
.page-hero__title {
grid-column: 1/6;
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.page-hero__title {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.page-hero__title {
font-size: 32px;
}
}
.page-hero__title {
font-weight: 900;
}
@media (max-width: 1000px) {
.page-hero__title {
grid-column: 1/13;
}
}
.page-hero__content {
grid-column: 6/13;
}
@media (max-width: 1000px) {
.page-hero__content {
grid-column: 1/13;
}
}
.page-hero__text {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.page-hero__text {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.page-hero__text {
font-size: 18px;
}
}
.page-hero__text a {
white-space: nowrap;
transition: 0.2s ease;
}
.page-hero__text a:hover, .page-hero__text a:active, .page-hero__text a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.page-hero__text a {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.page-hero__text {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 480px) and (max-width: 1280px) {
.page-hero__text {
font-size: 26px;
}
}
@media (max-width: 480px) and (max-width: 1000px) {
.page-hero__text {
font-size: 18px;
}
}
.page-hero__phones {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.page-hero__phones {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.page-hero__phones {
font-size: 16px;
}
}
.page-hero__phones {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.page-hero__phones a {
text-decoration: underline;
white-space: nowrap;
transition: 0.2s ease;
}
.page-hero__phones a:hover, .page-hero__phones a:active, .page-hero__phones a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.page-hero__phones a {
transition: 0s !important;
}
}
@media (max-width: 1000px) {
.page-hero__phones {
margin-top: 40px;
}
}
@media (max-width: 480px) {
.page-hero__phones {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
flex-direction: column;
gap: 10px;
align-items: flex-start;
}
}
@media (max-width: 480px) and (max-width: 1280px) {
.page-hero__phones {
font-size: 26px;
}
}
@media (max-width: 480px) and (max-width: 1000px) {
.page-hero__phones {
font-size: 18px;
}
}
.service-main {
margin: 120px 0;
}
@media (max-width: 1280px) {
.service-main {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.service-main {
margin: 60px 0;
}
}
.service-main__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.service-main__wrapper {
gap: 20px;
}
}
.service-main__menu {
grid-column: 1/4;
width: -moz-fit-content;
width: fit-content;
margin-top: 12px;
}
@media (max-width: 1000px) {
.service-main__menu {
grid-column: 1/13;
margin-top: 0;
width: 100%;
margin-bottom: 20px;
}
}
.service-main__title {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.service-main__title {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.service-main__title {
font-size: 12px;
}
}
.service-main__title {
font-weight: 700;
padding-bottom: 10px;
border-bottom: 1px solid #1F2730;
margin-bottom: 20px;
}
.service-main__list {
display: flex;
flex-direction: column;
gap: 13px;
}
.service-main__item {
display: block;
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.service-main__item {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.service-main__item {
font-size: 12px;
}
}
.service-main__item {
font-weight: 700;
}
.service-main__item a {
font: inherit;
color: inherit;
transition: 0.2s ease;
}
.service-main__item a:hover, .service-main__item a:active, .service-main__item a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.service-main__item a {
transition: 0s !important;
}
}
.service-main__content {
grid-column: 6/13;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.service-main__content p {
font: inherit;
color: inherit;
}
.service-main__content ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.service-main__content ul li:not(:last-child) {
margin-bottom: 12px;
}
.service-main__content ul li {
font: inherit;
color: inherit;
}
.service-main__content ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.service-main__content {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.service-main__content {
font-size: 14px;
}
}
.service-main__content h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.service-main__content h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.service-main__content h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.service-main__content h2 {
font-size: 24px;
}
}
.service-main__content h2 {
margin-bottom: 20px;
}
.service-main__content h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.service-main__content h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.service-main__content h3 {
font-size: 18px;
}
}
.service-main__content h3 {
margin-bottom: 20px;
}
.service-main__content h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.service-main__content h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.service-main__content h4 {
font-size: 16px;
}
}
.service-main__content h4 {
margin-bottom: 20px;
}
@media (max-width: 1500px) {
.service-main__content {
grid-column: 5/13;
}
}
@media (max-width: 1000px) {
.service-main__content {
grid-column: 1/13;
}
}
.service-main__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.service-main__text p {
font: inherit;
color: inherit;
}
.service-main__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.service-main__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.service-main__text ul li {
font: inherit;
color: inherit;
}
.service-main__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.service-main__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.service-main__text {
font-size: 14px;
}
}
.service-main__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.service-main__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.service-main__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.service-main__text h2 {
font-size: 24px;
}
}
.service-main__text h2 {
margin-bottom: 20px;
}
.service-main__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.service-main__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.service-main__text h3 {
font-size: 18px;
}
}
.service-main__text h3 {
margin-bottom: 20px;
}
.service-main__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.service-main__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.service-main__text h4 {
font-size: 16px;
}
}
.service-main__text h4 {
margin-bottom: 20px;
}
.service-about {
margin: 120px 0;
}
@media (max-width: 1280px) {
.service-about {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.service-about {
margin: 60px 0;
}
}
.service-about__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.service-about__title {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.service-about__title {
font-size: 32px;
}
}
.service-about__title {
margin-bottom: 60px;
}
@media (max-width: 1280px) {
.service-about__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
margin-bottom: 20px;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.service-about__title {
font-size: 40px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.service-about__title {
font-size: 24px;
}
}
@media (max-width: 1280px) and (max-width: 480px) {
.service-about__title {
font-size: 24px;
}
}
@media (max-width: 480px) {
.service-about__title {
margin-bottom: 10px;
}
}
.service-about__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.service-about__wrapper {
gap: 20px;
}
}
.service-about__content {
grid-column: 6/13;
}
@media (max-width: 1500px) {
.service-about__content {
grid-column: 5/13;
}
}
@media (max-width: 1000px) {
.service-about__content {
grid-column: 1/13;
}
}
.service-about__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.service-about__text p {
font: inherit;
color: inherit;
}
.service-about__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.service-about__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.service-about__text ul li {
font: inherit;
color: inherit;
}
.service-about__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.service-about__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.service-about__text {
font-size: 14px;
}
}
.service-about__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.service-about__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.service-about__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.service-about__text h2 {
font-size: 24px;
}
}
.service-about__text h2 {
margin-bottom: 20px;
}
.service-about__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.service-about__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.service-about__text h3 {
font-size: 18px;
}
}
.service-about__text h3 {
margin-bottom: 20px;
}
.service-about__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.service-about__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.service-about__text h4 {
font-size: 16px;
}
}
.service-about__text h4 {
margin-bottom: 20px;
}
.service-about__text {
margin-top: 30px;
}
@media (max-width: 1000px) {
.service-about__text {
margin-top: 20px;
}
}
.video {
width: 100%;
display: block;
position: relative;
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 56.5%;
}
.video > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.video__play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 100%;
background: #F53636;
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
padding: 30px;
}
@media (max-width: 1000px) {
.video__play {
width: 60px;
height: 60px;
padding: 20px;
}
}
.video__play {
cursor: pointer;
}
.video__play:hover, .video__play:active, .video__play:focus-visible {
background: #1F2730;
}
.video__play img, .video__play svg {
width: 100%;
height: 100%;
margin-left: 8px;
}
@media (max-width: 1000px) {
.video__play img, .video__play svg {
margin-left: 4px;
}
}
.video__play {
transition: 0.2s ease;
}
.project-hero {
margin: 225px 0 120px;
}
@media (max-width: 1280px) {
.project-hero {
margin: 200px 0 80px;
}
}
@media (max-width: 1000px) {
.project-hero {
margin: 180px 0 60px;
}
}
@media (max-width: 480px) {
.project-hero.article-hero {
margin: 180px 0 15px !important;
}
}
.project-hero .container {
position: relative;
}
.project-hero__back {
position: absolute;
bottom: calc(100% + 45px);
left: 0;
display: flex;
align-items: center;
gap: 5px;
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.project-hero__back {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.project-hero__back {
font-size: 12px;
}
}
.project-hero__back {
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.project-hero__back {
bottom: calc(100% + 30px);
left: 20px;
transition: 0s !important;
}
}
.project-hero__back svg {
width: 10px;
height: 10px;
flex: 0 0 10px;
}
.project-hero__back svg path {
stroke: #1F2730;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.project-hero__back svg path {
transition: 0s !important;
}
}
.project-hero__back:hover, .project-hero__back:active, .project-hero__back:focus-visible {
color: #F53636;
}
.project-hero__back:hover svg path, .project-hero__back:active svg path, .project-hero__back:focus-visible svg path {
stroke: #F53636;
}
.project-hero__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.project-hero__wrapper {
gap: 20px;
}
}
.project-hero__heading {
grid-column: 1/5;
}
@media (max-width: 1000px) {
.project-hero__heading {
grid-column: 1/13;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
}
@media (max-width: 1000px) {
.project-hero__heading {
grid-template-columns: 1fr;
}
}
.project-hero__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.project-hero__title {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.project-hero__title {
font-size: 24px;
}
}
@media (max-width: 480px) {
.project-hero__title {
font-size: 24px;
}
}
.project-hero__title {
margin-bottom: 15px;
}
@media (max-width: 1000px) {
.project-hero__title {
grid-column: 1/3;
max-width: 80%;
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.project-hero__title {
font-size: 42px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.project-hero__title {
font-size: 32px;
}
}
@media (max-width: 1000px) {
.project-hero__title {
grid-column: auto;
}
}
@media (max-width: 1000px) {
.project-hero__sup {
grid-column: 3/4;
}
}
@media (max-width: 1000px) {
.project-hero__sup {
grid-column: auto;
margin-top: 10px;
}
}
@media (max-width: 480px) {
.project-hero__sup {
margin-top: 0;
}
}
.project-hero__suptitle {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.project-hero__suptitle p {
font: inherit;
color: inherit;
}
.project-hero__suptitle ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.project-hero__suptitle ul li:not(:last-child) {
margin-bottom: 12px;
}
.project-hero__suptitle ul li {
font: inherit;
color: inherit;
}
.project-hero__suptitle ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.project-hero__suptitle {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.project-hero__suptitle {
font-size: 14px;
}
}
.project-hero__suptitle h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.project-hero__suptitle h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.project-hero__suptitle h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.project-hero__suptitle h2 {
font-size: 24px;
}
}
.project-hero__suptitle h2 {
margin-bottom: 20px;
}
.project-hero__suptitle h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.project-hero__suptitle h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.project-hero__suptitle h3 {
font-size: 18px;
}
}
.project-hero__suptitle h3 {
margin-bottom: 20px;
}
.project-hero__suptitle h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.project-hero__suptitle h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.project-hero__suptitle h4 {
font-size: 16px;
}
}
.project-hero__suptitle h4 {
margin-bottom: 20px;
}
.project-hero__link {
display: inline-block;
margin-top: 80px;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.project-hero__link p {
font: inherit;
color: inherit;
}
.project-hero__link ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.project-hero__link ul li:not(:last-child) {
margin-bottom: 12px;
}
.project-hero__link ul li {
font: inherit;
color: inherit;
}
.project-hero__link ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.project-hero__link {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.project-hero__link {
font-size: 14px;
}
}
.project-hero__link h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.project-hero__link h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.project-hero__link h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.project-hero__link h2 {
font-size: 24px;
}
}
.project-hero__link h2 {
margin-bottom: 20px;
}
.project-hero__link h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.project-hero__link h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.project-hero__link h3 {
font-size: 18px;
}
}
.project-hero__link h3 {
margin-bottom: 20px;
}
.project-hero__link h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.project-hero__link h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.project-hero__link h4 {
font-size: 16px;
}
}
.project-hero__link h4 {
margin-bottom: 20px;
}
.project-hero__link {
font-weight: 300;
color: #F53636;
text-decoration: underline;
}
@media (max-width: 1280px) {
.project-hero__link {
margin-top: 40px;
}
}
@media (max-width: 1000px) {
.project-hero__link {
margin-top: 20px;
}
}
.project-hero__main {
grid-column: 6/13;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 30px;
}
.project-hero__main.article-hero__main {
display: block;
}
@media (max-width: 480px) {
.project-hero__main.article-hero__main {
margin-top: -10px;
}
}
.project-hero__main.article-hero__main .project-hero__desc {
max-width: 100%;
}
@media (max-width: 1500px) {
.project-hero__main {
grid-column: 5/13;
}
}
@media (max-width: 1280px) {
.project-hero__main {
display: grid;
grid-template-columns: 1fr 0.7fr;
gap: 80px;
}
}
@media (max-width: 1000px) {
.project-hero__main {
grid-column: 1/13;
gap: 40px;
grid-template-columns: 1fr;
margin-top: 20px;
}
}
.project-hero__params {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.project-hero__params {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.project-hero__params {
font-size: 12px;
}
}
.project-hero__params {
color: #000000;
margin-bottom: 14px;
}
.project-hero__params.article-params {
margin-bottom: 0;
margin-top: 30px;
}
@media (max-width: 480px) {
.project-hero__params.article-params {
margin-top: 0;
}
}
.project-hero__desc {
max-width: 460px;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.project-hero__desc p {
font: inherit;
color: inherit;
}
.project-hero__desc ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.project-hero__desc ul li:not(:last-child) {
margin-bottom: 12px;
}
.project-hero__desc ul li {
font: inherit;
color: inherit;
}
.project-hero__desc ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.project-hero__desc {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.project-hero__desc {
font-size: 14px;
}
}
.project-hero__desc h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.project-hero__desc h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.project-hero__desc h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.project-hero__desc h2 {
font-size: 24px;
}
}
.project-hero__desc h2 {
margin-bottom: 20px;
}
.project-hero__desc h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.project-hero__desc h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.project-hero__desc h3 {
font-size: 18px;
}
}
.project-hero__desc h3 {
margin-bottom: 20px;
}
.project-hero__desc h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.project-hero__desc h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.project-hero__desc h4 {
font-size: 16px;
}
}
.project-hero__desc h4 {
margin-bottom: 20px;
}
@media (max-width: 1280px) {
.project-hero__desc {
max-width: 100%;
}
}
@media (max-width: 1000px) {
.project-hero__desc {
grid-column: 1/3;
max-width: 80%;
}
}
@media (max-width: 1000px) {
.project-hero__desc {
grid-column: auto;
max-width: 100%;
}
}
.project-hero__menu {
max-width: 245px;
display: flex;
flex-direction: column;
gap: 20px;
}
@media (max-width: 1280px) {
.project-hero__menu {
max-width: 100%;
gap: 15px;
}
}
@media (max-width: 1000px) {
.project-hero__menu {
grid-column: 3/4;
}
}
@media (max-width: 1000px) {
.project-hero__menu {
grid-column: auto;
max-width: 100%;
display: grid;
grid-template-columns: 1fr;
gap: 15px;
}
}
@media (max-width: 480px) {
.project-hero__menu {
grid-template-columns: 1fr;
gap: 15px;
}
}
.project-hero__menu li {
line-height: 100%;
font-size: 14px;
font-weight: 500;
color: #1F2730;
font-weight: 500;
}
@media (max-width: 1280px) {
.project-hero__menu li {
font-size: 13px;
}
}
@media (max-width: 480px) {
.project-hero__menu li {
font-size: 12px;
}
}
.project-hero__menu li a {
font: inherit;
color: inherit;
transition: 0.2s ease;
}
.project-hero__menu li a:hover, .project-hero__menu li a:active, .project-hero__menu li a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.project-hero__menu li a {
transition: 0s !important;
}
}
.project-content {
margin: 120px 0;
}
@media (max-width: 1280px) {
.project-content {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.project-content {
margin: 60px 0;
}
}
@media (max-width: 480px) {
.project-content.article-content {
margin-top: 15px !important;
}
}
.content {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.content p {
font: inherit;
color: inherit;
}
.content ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.content ul li:not(:last-child) {
margin-bottom: 12px;
}
.content ul li {
font: inherit;
color: inherit;
}
.content ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.content {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.content {
font-size: 14px;
}
}
.content h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.content h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.content h2 {
font-size: 24px;
}
}
.content h2 {
margin-bottom: 20px;
}
.content h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.content h3 {
font-size: 18px;
}
}
.content h3 {
margin-bottom: 20px;
}
.content h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.content h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.content h4 {
font-size: 16px;
}
}
.content h4 {
margin-bottom: 20px;
}
.content__block:not(:last-child) {
margin-bottom: 90px;
}
@media (max-width: 1280px) {
.content__block:not(:last-child) {
margin-bottom: 60px;
}
}
@media (max-width: 1280px) {
.content__block:not(:last-child) {
margin-bottom: 60px;
}
}
.content__grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: -30px -15px;
}
@media (max-width: 1280px) {
.content__grid {
margin: -10px;
}
}
.content__col--12 {
flex: 0 0 calc(100% - 30px);
margin: 30px 15px;
}
@media (max-width: 1280px) {
.content__col--12 {
flex: 0 0 calc(100% - 20px);
margin: 10px;
}
}
@media (max-width: 1000px) {
.content__col--12 {
flex: 0 0 calc(100% - 20px);
margin: 10px;
}
}
.content__col--5 {
flex: 0 0 calc(33.3333333333% - 30px);
margin: 30px 15px;
}
@media (max-width: 1280px) {
.content__col--5 {
flex: 0 0 calc(33.3333333333% - 20px);
margin: 10px;
}
}
@media (max-width: 1000px) {
.content__col--5 {
flex: 0 0 calc(100% - 20px);
margin: 10px;
}
}
.content__col--7 {
grid-column: 6/13;
flex: 0 0 calc(66.6666666667% - 30px);
margin: 30px 15px;
}
@media (max-width: 1280px) {
.content__col--7 {
flex: 0 0 calc(66.6666666667% - 20px);
margin: 10px;
}
}
@media (max-width: 1000px) {
.content__col--7 {
flex: 0 0 calc(100% - 20px);
margin: 10px;
}
}
.content__col--6 {
flex: 0 0 calc(50% - 30px);
margin: 30px 15px;
}
@media (max-width: 1280px) {
.content__col--6 {
flex: 0 0 calc(50% - 20px);
margin: 20px 10px;
}
}
@media (max-width: 1000px) {
.content__col--6 {
flex: 0 0 calc(100% - 20px);
margin: 10px;
}
}
.content__slider {
width: 100%;
position: relative;
}
.content__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
flex: 0 0 70px;
width: 70px;
height: 70px;
border-radius: 100%;
border: 1px solid #1F2730;
display: flex;
align-items: center;
justify-content: center;
padding: 22px;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.content__arrow {
transition: 0s !important;
}
}
.content__arrow svg {
width: 100%;
height: 100%;
}
.content__arrow svg path {
stroke: #1F2730;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.content__arrow svg path {
transition: 0s !important;
}
}
.content__arrow:hover, .content__arrow:active, .content__arrow:focus-visible {
border-color: #F53636;
}
.content__arrow:hover svg path, .content__arrow:active svg path, .content__arrow:focus-visible svg path {
stroke: #F53636;
}
@media (max-width: 1280px) {
.content__arrow {
flex: 0 0 60px;
width: 60px;
height: 60px;
padding: 20px;
}
}
@media (max-width: 1000px) {
.content__arrow {
flex: 0 0 45px;
width: 45px;
height: 45px;
padding: 12px;
}
}
@media (max-width: 480px) {
.content__arrow {
flex: 0 0 40px;
width: 40px;
height: 40px;
padding: 10px;
}
}
.content__arrow--prev {
left: 20px;
}
@media (max-width: 1000px) {
.content__arrow--prev {
left: 10px;
}
}
.content__arrow--next {
right: 20px;
}
@media (max-width: 1000px) {
.content__arrow--next {
right: 10px;
}
}
.content p {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.content p p {
font: inherit;
color: inherit;
}
.content p ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.content p ul li:not(:last-child) {
margin-bottom: 12px;
}
.content p ul li {
font: inherit;
color: inherit;
}
.content p ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.content p {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.content p {
font-size: 14px;
}
}
.content p h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content p h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.content p h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.content p h2 {
font-size: 24px;
}
}
.content p h2 {
margin-bottom: 20px;
}
.content p h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content p h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.content p h3 {
font-size: 18px;
}
}
.content p h3 {
margin-bottom: 20px;
}
.content p h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.content p h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.content p h4 {
font-size: 16px;
}
}
.content p h4 {
margin-bottom: 20px;
}
.content h1 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.content h1 {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.content h1 {
font-size: 32px;
}
}
.content h1 {
margin-bottom: 20px;
}
.content h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.content h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.content h2 {
font-size: 24px;
}
}
.content h2 {
margin-bottom: 20px;
}
.content h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.content h3 {
font-size: 18px;
}
}
.content h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.content h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.content h4 {
font-size: 16px;
}
}
.content h5 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.content h5 {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.content h5 {
font-size: 14px;
}
}
.content blockquote {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.content blockquote {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.content blockquote {
font-size: 14px;
}
}
.content blockquote {
margin-bottom: 30px;
}
.related {
margin: 120px 0;
}
@media (max-width: 1280px) {
.related {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.related {
margin: 60px 0;
}
}
.related__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.related__title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.related__title {
font-size: 16px;
}
}
.related__title {
margin-bottom: 30px;
padding-top: 80px;
border-top: 1px solid #1F2730;
}
.related__wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
@media (max-width: 1500px) {
.related__wrapper {
grid-template-columns: 1fr 1fr 1fr;
gap: 40px 20px;
}
}
@media (max-width: 1000px) {
.related__wrapper {
grid-template-columns: 1fr 1fr;
gap: 40px 20px;
}
}
@media (max-width: 420px) {
.related__wrapper {
grid-template-columns: 1fr;
gap: 40px;
}
}
.related .projects-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.related .projects-item__title {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.related .projects-item__title {
font-size: 14px;
}
}
.related .projects-item__desc {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.related .projects-item__desc {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.related .projects-item__desc {
font-size: 12px;
}
}
.related .projects-item__desc {
max-width: 100%;
}
.reviews-page {
margin: 120px 0;
}
@media (max-width: 1280px) {
.reviews-page {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.reviews-page {
margin: 60px 0;
}
}
.reviews-page__slider {
width: 100%;
margin-bottom: 30px;
}
.reviews-page__video {
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 56.5%;
}
.reviews-page__video > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.reviews-page__video img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.reviews-page__wrapper {
margin-top: 60px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.reviews-page__wrapper {
gap: 20px;
}
}
@media (max-width: 1000px) {
.reviews-page__wrapper {
display: none;
}
}
.reviews-page-item.swiper-slide-thumb-active .reviews-page-item__name {
color: #F53636;
}
.reviews-page-item.swiper-slide-thumb-active .reviews-page-item__img img {
transform: scale(1.05);
}
.reviews-page-item__city {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.reviews-page-item__city {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.reviews-page-item__city {
font-size: 12px;
}
}
.reviews-page-item__city {
font-weight: 14px;
color: #9D9FA1;
margin-bottom: 15px;
}
.reviews-page-item__name {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.reviews-page-item__name {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.reviews-page-item__name {
font-size: 14px;
}
}
.reviews-page-item__name {
margin-bottom: 5px;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.reviews-page-item__name {
transition: 0s !important;
}
}
.reviews-page-item__job {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.reviews-page-item__job {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.reviews-page-item__job {
font-size: 12px;
}
}
.reviews-page-item__job {
font-weight: 300;
}
.reviews-page-item__img {
position: relative;
display: block;
margin-bottom: 20px;
overflow: hidden;
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 56.5%;
}
.reviews-page-item__img > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.reviews-page-item__img .video__play {
width: 60px;
height: 60px;
padding: 18px;
}
.reviews-page-item__img > img {
transition: 0.5s ease;
}
.reviews-page-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.reviews-page-item__title {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.reviews-page-item__title {
font-size: 12px;
}
}
.reviews-page-item__title {
font-weight: 700;
}
.reviews-page-item--big .reviews-page-item__city {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.reviews-page-item--big .reviews-page-item__city {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.reviews-page-item--big .reviews-page-item__city {
font-size: 12px;
}
}
.reviews-page-item--big .reviews-page-item__job {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.reviews-page-item--big .reviews-page-item__job p {
font: inherit;
color: inherit;
}
.reviews-page-item--big .reviews-page-item__job ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.reviews-page-item--big .reviews-page-item__job ul li:not(:last-child) {
margin-bottom: 12px;
}
.reviews-page-item--big .reviews-page-item__job ul li {
font: inherit;
color: inherit;
}
.reviews-page-item--big .reviews-page-item__job ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.reviews-page-item--big .reviews-page-item__job {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.reviews-page-item--big .reviews-page-item__job {
font-size: 14px;
}
}
.reviews-page-item--big .reviews-page-item__job h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.reviews-page-item--big .reviews-page-item__job h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.reviews-page-item--big .reviews-page-item__job h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.reviews-page-item--big .reviews-page-item__job h2 {
font-size: 24px;
}
}
.reviews-page-item--big .reviews-page-item__job h2 {
margin-bottom: 20px;
}
.reviews-page-item--big .reviews-page-item__job h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.reviews-page-item--big .reviews-page-item__job h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.reviews-page-item--big .reviews-page-item__job h3 {
font-size: 18px;
}
}
.reviews-page-item--big .reviews-page-item__job h3 {
margin-bottom: 20px;
}
.reviews-page-item--big .reviews-page-item__job h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.reviews-page-item--big .reviews-page-item__job h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.reviews-page-item--big .reviews-page-item__job h4 {
font-size: 16px;
}
}
.reviews-page-item--big .reviews-page-item__job h4 {
margin-bottom: 20px;
}
.reviews-all {
margin: 120px 0;
}
@media (max-width: 1280px) {
.reviews-all {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.reviews-all {
margin: 60px 0;
}
}
.reviews-all__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.reviews-all__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.reviews-all__title {
font-size: 18px;
}
}
.reviews-all__title {
padding-top: 30px;
border-top: 1px solid #1F2730;
margin-bottom: 50px;
}
@media (max-width: 480px) {
.reviews-all__title {
margin-bottom: 40px;
}
}
.reviews-all__wrapper {
margin: -50px -15px;
}
@media (max-width: 1000px) {
.reviews-all__wrapper {
margin: -40px -10px;
}
}
@media (max-width: 480px) {
.reviews-all__wrapper {
margin: -20px -10px;
}
}
.reviews-all-item {
width: calc(33.3333333333% - 30px);
margin: 50px 15px;
padding-right: 40px;
}
@media (max-width: 1000px) {
.reviews-all-item {
width: calc(50% - 20px);
margin: 40px 10px;
}
}
@media (max-width: 480px) {
.reviews-all-item {
width: calc(100% - 20px);
margin: 20px 10px;
}
}
.reviews-all-item__city {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.reviews-all-item__city {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.reviews-all-item__city {
font-size: 12px;
}
}
.reviews-all-item__city {
color: #9D9FA1;
margin-bottom: 10px;
}
@media (max-width: 480px) {
.reviews-all-item__city {
margin-bottom: 6px;
}
}
.reviews-all-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.reviews-all-item__title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.reviews-all-item__title {
font-size: 16px;
}
}
@media (max-width: 480px) {
.reviews-all-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 480px) and (max-width: 1280px) {
.reviews-all-item__title {
font-size: 26px;
}
}
@media (max-width: 480px) and (max-width: 1000px) {
.reviews-all-item__title {
font-size: 18px;
}
}
.reviews-all-item__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.reviews-all-item__text p {
font: inherit;
color: inherit;
}
.reviews-all-item__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.reviews-all-item__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.reviews-all-item__text ul li {
font: inherit;
color: inherit;
}
.reviews-all-item__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.reviews-all-item__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.reviews-all-item__text {
font-size: 14px;
}
}
.reviews-all-item__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.reviews-all-item__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.reviews-all-item__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.reviews-all-item__text h2 {
font-size: 24px;
}
}
.reviews-all-item__text h2 {
margin-bottom: 20px;
}
.reviews-all-item__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.reviews-all-item__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.reviews-all-item__text h3 {
font-size: 18px;
}
}
.reviews-all-item__text h3 {
margin-bottom: 20px;
}
.reviews-all-item__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.reviews-all-item__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.reviews-all-item__text h4 {
font-size: 16px;
}
}
.reviews-all-item__text h4 {
margin-bottom: 20px;
}
.reviews-all-item__text {
margin-top: 20px;
}
@media (max-width: 480px) {
.reviews-all-item__text {
margin-top: 10px;
}
}
.reviews-all-item__name {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.reviews-all-item__name {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.reviews-all-item__name {
font-size: 12px;
}
}
.reviews-all-item__name {
font-weight: 700;
margin-top: 30px;
}
@media (max-width: 480px) {
.reviews-all-item__name {
margin-top: 15px;
}
}
.reviews-all-item__job {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.reviews-all-item__job {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.reviews-all-item__job {
font-size: 12px;
}
}
.reviews-all-item__job {
margin-top: 0px;
}
@media (max-width: 480px) {
.reviews-all-item__job {
margin-top: 0;
}
}
.pagination {
margin-top: 100px;
padding-top: 30px;
border-top: 1px solid #1F2730;
}
@media (max-width: 1000px) {
.pagination {
margin-top: 40px;
padding-top: 10px;
}
}
.pagination__wrapper {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
position: relative;
}
.pagination__item {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.pagination__item {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.pagination__item {
font-size: 12px;
}
}
.pagination__item {
font-weight: 300;
transition: 0.2s ease;
}
.pagination__item:hover, .pagination__item:active, .pagination__item:focus-visible {
color: #F53636;
}
.pagination__next {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
margin-bottom: 0;
}
.pagination__next svg {
transform: rotate(180deg);
}
.pagination__next {
display: flex;
align-items: center;
gap: 5px;
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.pagination__next {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.pagination__next {
font-size: 12px;
}
}
.pagination__next {
transition: 0.2s ease;
}
.pagination__next svg {
width: 10px;
height: 10px;
flex: 0 0 10px;
}
.pagination__next svg path {
stroke: #1F2730;
transition: 0.2s ease;
}
.pagination__next:hover, .pagination__next:active, .pagination__next:focus-visible {
color: #F53636;
}
.pagination__next:hover svg path, .pagination__next:active svg path, .pagination__next:focus-visible svg path {
stroke: #F53636;
}
.contacts-page {
margin: 120px 0;
}
@media (max-width: 1280px) {
.contacts-page {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.contacts-page {
margin: 60px 0;
}
}
.contacts-page-item {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.contacts-page-item {
gap: 20px;
}
}
.contacts-page-item:not(:last-child) {
margin-bottom: 50px;
}
@media (max-width: 1000px) {
.contacts-page-item {
display: flex !important;
flex-direction: column-reverse !important;
}
}
.contacts-page-item__main {
grid-column: 1/6;
display: flex;
flex-direction: column;
}
@media (max-width: 1000px) {
.contacts-page-item__main {
grid-column: 1/13;
}
}
.contacts-page-item__phone {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.contacts-page-item__phone {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.contacts-page-item__phone {
font-size: 18px;
}
}
.contacts-page-item__phone {
font-family: "Normalidad Wide Black", sans-serif !important;
font-weight: 900;
transition: 0.2s ease;
display: inline-block;
margin-bottom: 15px;
}
.contacts-page-item__phone:hover, .contacts-page-item__phone:active, .contacts-page-item__phone:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.contacts-page-item__phone {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
font-family: "Normalidad Wide Black", sans-serif !important;
margin-bottom: 5px;
transition: 0s !important;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.contacts-page-item__phone {
font-size: 40px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.contacts-page-item__phone {
font-size: 24px;
}
}
@media (max-width: 1000px) and (max-width: 480px) {
.contacts-page-item__phone {
font-size: 24px;
}
}
.contacts-page-item__office {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.contacts-page-item__office {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.contacts-page-item__office {
font-size: 16px;
}
}
.contacts-page-item__office {
margin-bottom: 30px;
}
@media (max-width: 1280px) {
.contacts-page-item__office {
margin-bottom: 20px;
}
}
@media (max-width: 1000px) {
.contacts-page-item__office {
margin-bottom: 10px;
}
}
.contacts-page-item__address {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.contacts-page-item__address p {
font: inherit;
color: inherit;
}
.contacts-page-item__address ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.contacts-page-item__address ul li:not(:last-child) {
margin-bottom: 12px;
}
.contacts-page-item__address ul li {
font: inherit;
color: inherit;
}
.contacts-page-item__address ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.contacts-page-item__address {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.contacts-page-item__address {
font-size: 14px;
}
}
.contacts-page-item__address h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.contacts-page-item__address h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.contacts-page-item__address h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.contacts-page-item__address h2 {
font-size: 24px;
}
}
.contacts-page-item__address h2 {
margin-bottom: 20px;
}
.contacts-page-item__address h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.contacts-page-item__address h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.contacts-page-item__address h3 {
font-size: 18px;
}
}
.contacts-page-item__address h3 {
margin-bottom: 20px;
}
.contacts-page-item__address h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.contacts-page-item__address h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.contacts-page-item__address h4 {
font-size: 16px;
}
}
.contacts-page-item__address h4 {
margin-bottom: 20px;
}
.contacts-page-item__address {
max-width: 63%;
}
@media (max-width: 480px) {
.contacts-page-item__address {
max-width: 100%;
}
}
.contacts-page-item__img {
grid-column: 6/13;
}
.contacts-page-item__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.feedback {
background: #FFFFFF !important;
padding: 0;
margin: 70px 0 120px;
}
@media (max-width: 1280px) {
.feedback {
margin: 60px 0 120px;
}
}
@media (max-width: 1000px) {
.feedback {
margin: 40px 0 60px;
}
}
.feedback__info {
grid-column: 1/6;
}
.feedback__form {
grid-column: 6/13;
}
.feedback__form .form__form {
margin-top: 40px;
}
@media (max-width: 1280px) {
.feedback__form .form__form {
margin-top: 20px;
}
}
.feedback__form .form__input {
margin-bottom: 40px;
}
@media (max-width: 1280px) {
.feedback__form .form__input {
margin-bottom: 30px;
}
}
@media (max-width: 480px) {
.feedback__form .form__input {
margin-bottom: 20px;
}
}
.feedback__form .form__privacy {
max-width: 380px;
}
@media (max-width: 480px) {
.feedback__form .form__privacy {
max-width: 300px;
}
}
.page-hero--feedback {
margin-bottom: 70px;
}
@media (max-width: 1280px) {
.page-hero--feedback {
margin-bottom: 60px;
}
}
@media (max-width: 1000px) {
.page-hero--feedback {
margin-bottom: 40px;
}
}
.quiz {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
display: flex;
align-items: center;
justify-content: center;
background: rgba(31, 39, 48, 0.8);
z-index: 999;
display: none;
animation: fade 0.2s ease;
}
.quiz.active {
display: flex;
}
.quiz__wrapper {
background: #FFFFFF;
padding: 60px;
width: 1200px;
max-height: 90dvh;
min-height: 670px;
overflow: auto;
position: relative;
display: flex;
}
@media (max-width: 1280px) {
.quiz__wrapper {
max-width: 90%;
}
}
@media (max-width: 1000px) {
.quiz__wrapper {
height: 90dvh;
padding: 40px 30px;
}
}
@media (max-width: 480px) {
.quiz__wrapper {
padding: 40px 20px;
}
}
.quiz__close {
position: absolute;
top: 30px;
right: 30px;
z-index: 3;
width: 46px;
height: 46px;
}
@media (max-width: 480px) {
.quiz__close {
top: 30px;
right: 20px;
}
}
.quiz__close svg, .quiz__close img {
width: 100%;
height: 100%;
}
.quiz__close svg path, .quiz__close img path {
transition: 0.2s ease;
stroke: #1F2730;
}
@media (max-width: 1000px) {
.quiz__close svg path, .quiz__close img path {
transition: 0s !important;
}
}
.quiz__close:hover svg path, .quiz__close:active svg path, .quiz__close:focus-visible svg path {
stroke: #F53636;
}
.quiz__form {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.quiz-indicator {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.quiz-indicator {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.quiz-indicator {
font-size: 14px;
}
}
.quiz-indicator {
margin-bottom: 60px;
}
.quiz-questions-item {
display: none;
animation: fade 0.5s ease;
}
.quiz-questions-item.active {
display: block;
}
.quiz-questions-item__question {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.quiz-questions-item__question {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.quiz-questions-item__question {
font-size: 14px;
}
}
.quiz-questions-item__question {
margin-bottom: 30px;
}
@media (max-width: 1280px) {
.quiz-questions-item__question {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.quiz-questions-item__question {
font-size: 26px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.quiz-questions-item__question {
font-size: 18px;
}
}
@media (max-width: 1000px) {
.quiz-questions-item__question {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
margin-bottom: 20px;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.quiz-questions-item__question {
font-size: 22px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.quiz-questions-item__question {
font-size: 16px;
}
}
.quiz-questions-item__answers--flex {
display: flex;
gap: 60px;
}
@media (max-width: 1000px) {
.quiz-questions-item__answers--flex {
gap: 40px;
}
}
@media (max-width: 480px) {
.quiz-questions-item__answers--flex {
flex-direction: column;
gap: 15px;
}
}
.quiz-questions-item__answer:not(:last-child) {
margin-bottom: 20px;
}
@media (max-width: 1000px) {
.quiz-questions-item__answer:not(:last-child) {
margin-bottom: 15px;
}
}
.quiz-questions-item__radio, .quiz-questions-item__check {
display: block;
}
.quiz-questions-item__radio input, .quiz-questions-item__check input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.quiz-questions-item__radio label, .quiz-questions-item__check label {
position: relative;
cursor: pointer;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.quiz-questions-item__radio label p, .quiz-questions-item__check label p {
font: inherit;
color: inherit;
}
.quiz-questions-item__radio label ul, .quiz-questions-item__check label ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.quiz-questions-item__radio label ul li:not(:last-child), .quiz-questions-item__check label ul li:not(:last-child) {
margin-bottom: 12px;
}
.quiz-questions-item__radio label ul li, .quiz-questions-item__check label ul li {
font: inherit;
color: inherit;
}
.quiz-questions-item__radio label ul.numbered-list, .quiz-questions-item__check label ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.quiz-questions-item__radio label, .quiz-questions-item__check label {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.quiz-questions-item__radio label, .quiz-questions-item__check label {
font-size: 14px;
}
}
.quiz-questions-item__radio label h2, .quiz-questions-item__check label h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.quiz-questions-item__radio label h2, .quiz-questions-item__check label h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.quiz-questions-item__radio label h2, .quiz-questions-item__check label h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.quiz-questions-item__radio label h2, .quiz-questions-item__check label h2 {
font-size: 24px;
}
}
.quiz-questions-item__radio label h2, .quiz-questions-item__check label h2 {
margin-bottom: 20px;
}
.quiz-questions-item__radio label h3, .quiz-questions-item__check label h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.quiz-questions-item__radio label h3, .quiz-questions-item__check label h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.quiz-questions-item__radio label h3, .quiz-questions-item__check label h3 {
font-size: 18px;
}
}
.quiz-questions-item__radio label h3, .quiz-questions-item__check label h3 {
margin-bottom: 20px;
}
.quiz-questions-item__radio label h4, .quiz-questions-item__check label h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.quiz-questions-item__radio label h4, .quiz-questions-item__check label h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.quiz-questions-item__radio label h4, .quiz-questions-item__check label h4 {
font-size: 16px;
}
}
.quiz-questions-item__radio label h4, .quiz-questions-item__check label h4 {
margin-bottom: 20px;
}
.quiz-questions-item__radio label, .quiz-questions-item__check label {
line-height: 100%;
padding-left: 30px;
}
@media (max-width: 1000px) {
.quiz-questions-item__radio label, .quiz-questions-item__check label {
padding-left: 23px;
}
}
.quiz-questions-item__radio label::before, .quiz-questions-item__check label::before {
content: "";
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: 1px solid #1F2730;
width: 15px;
height: 15px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
margin-top: 5px;
}
@media (max-width: 1000px) {
.quiz-questions-item__radio label::before, .quiz-questions-item__check label::before {
margin-top: 1px;
}
}
.quiz-questions-item__radio input:checked + label::after, .quiz-questions-item__check input:checked + label::after {
content: "";
display: block;
position: absolute;
top: 7px;
left: 2px;
width: 11px;
height: 11px;
background: #F53636;
border-radius: 50%;
}
@media (max-width: 1000px) {
.quiz-questions-item__radio input:checked + label::after, .quiz-questions-item__check input:checked + label::after {
top: 3px;
}
}
.quiz-questions-item__check label::before {
border-radius: 0;
}
.quiz-questions-item__check input:checked + label::after {
border-radius: 0;
}
.quiz-questions-item__input, .quiz-questions-item__textarea {
max-width: 700px;
}
.quiz-questions-item__input input, .quiz-questions-item__input textarea, .quiz-questions-item__textarea input, .quiz-questions-item__textarea textarea {
width: 100%;
padding: 5px 0;
border: none;
box-shadow: none;
border-bottom: 1px solid #1F2730;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.quiz-questions-item__input input, .quiz-questions-item__input textarea, .quiz-questions-item__textarea input, .quiz-questions-item__textarea textarea {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.quiz-questions-item__input input, .quiz-questions-item__input textarea, .quiz-questions-item__textarea input, .quiz-questions-item__textarea textarea {
font-size: 12px;
}
}
.quiz-questions-item__input input, .quiz-questions-item__input textarea, .quiz-questions-item__textarea input, .quiz-questions-item__textarea textarea {
color: #1F2730;
font-weight: 500;
}
.quiz-questions-item__input input::-moz-placeholder, .quiz-questions-item__input textarea::-moz-placeholder, .quiz-questions-item__textarea input::-moz-placeholder, .quiz-questions-item__textarea textarea::-moz-placeholder {
color: #9D9FA1;
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
.quiz-questions-item__input input::placeholder, .quiz-questions-item__input textarea::placeholder, .quiz-questions-item__textarea input::placeholder, .quiz-questions-item__textarea textarea::placeholder {
color: #9D9FA1;
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.quiz-questions-item__input input::-moz-placeholder, .quiz-questions-item__input textarea::-moz-placeholder, .quiz-questions-item__textarea input::-moz-placeholder, .quiz-questions-item__textarea textarea::-moz-placeholder {
font-size: 13px;
}
.quiz-questions-item__input input::placeholder, .quiz-questions-item__input textarea::placeholder, .quiz-questions-item__textarea input::placeholder, .quiz-questions-item__textarea textarea::placeholder {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.quiz-questions-item__input input::-moz-placeholder, .quiz-questions-item__input textarea::-moz-placeholder, .quiz-questions-item__textarea input::-moz-placeholder, .quiz-questions-item__textarea textarea::-moz-placeholder {
font-size: 12px;
}
.quiz-questions-item__input input::placeholder, .quiz-questions-item__input textarea::placeholder, .quiz-questions-item__textarea input::placeholder, .quiz-questions-item__textarea textarea::placeholder {
font-size: 12px;
}
}
.quiz-questions-item__input input:focus, .quiz-questions-item__input textarea:focus, .quiz-questions-item__textarea input:focus, .quiz-questions-item__textarea textarea:focus {
outline: none;
border-color: #F53636;
}
.quiz-questions-item__input:not(:last-child), .quiz-questions-item__textarea:not(:last-child) {
margin-bottom: 40px;
}
.quiz-questions-item__textarea {
width: 100%;
max-width: 100%;
}
.quiz-questions-item__textarea textarea {
height: 40px;
resize: none;
}
.quiz-questions-item .form__consent {
margin-top: 24px;
}
.quiz-questions-item .form__consent-text {
max-width: 400px;
}
.quiz-questions-item .form__consent-label:hover .form__consent-box {
border-color: #9D9FA1;
}
.quiz-controls {
position: relative;
width: 100%;
margin-top: 100px;
}
@media (max-width: 1000px) {
.quiz-controls {
margin-top: 40px;
}
}
.quiz-controls__btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-bottom: 2px;
border-bottom: 2px solid #9D9FA1;
color: #9D9FA1;
transition: 0.2s ease;
display: inline-flex;
gap: 10px;
align-items: center;
font-size: 20px;
}
@media (max-width: 1280px) {
.quiz-controls__btn {
font-size: 16px;
}
.quiz-controls__btn svg {
flex: 0 0 14px;
height: 14px;
width: 14px;
}
}
@media (max-width: 1000px) {
.quiz-controls__btn {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.quiz-controls__btn {
font-size: 14px;
padding-bottom: 1px;
}
.quiz-controls__btn svg {
flex: 0 0 14px;
height: 14px;
width: 14px;
}
}
.quiz-controls__btn span {
font: inherit;
color: inherit;
}
.quiz-controls__btn svg {
flex: 0 0 20px;
height: 20px;
width: 20px;
}
.quiz-controls__btn svg path {
stroke: #9D9FA1;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.quiz-controls__btn svg path {
transition: 0s !important;
}
}
.quiz-controls__btn:hover, .quiz-controls__btn:active, .quiz-controls__btn:focus-visible {
color: #F53636;
border-color: #F53636;
}
.quiz-controls__btn:hover svg path, .quiz-controls__btn:active svg path, .quiz-controls__btn:focus-visible svg path {
stroke: #F53636;
}
.quiz-controls__prev {
left: 0;
}
.quiz-controls__next {
right: 0;
color: #1F2730;
border-color: #1F2730;
}
.quiz-controls__next svg path {
stroke: #1F2730;
}
.quiz-controls__submit {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.quiz-controls__submit {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.quiz-controls__submit {
font-size: 14px;
}
}
.quiz-controls__submit {
color: #FFFFFF;
padding: 19px 46px;
display: inline-flex;
text-align: center;
background: #F53636;
white-space: nowrap;
transition: 0.2s ease;
text-decoration: none !important;
}
.quiz-controls__submit:hover, .quiz-controls__submit:active, .quiz-controls__submit:focus-visible {
background: #C41B1B;
}
@media (max-width: 1000px) {
.quiz-controls__submit {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.quiz-controls__submit {
padding: 18px 36px;
}
}
.quiz-controls__submit:disabled {
background: #956666;
color: #DFCCCC;
cursor: not-allowed;
pointer-events: none;
}
.quiz-message {
margin-top: 30px;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.quiz-message {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.quiz-message {
font-size: 14px;
}
}
.quiz-message {
color: #F53636;
display: none;
}
.quiz-message.active {
display: block;
}
.quiz-result {
width: 100%;
height: 100%;
align-items: center;
flex-direction: column;
justify-content: center;
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFFFFF;
z-index: 2;
}
.quiz-result.active {
display: flex;
}
.quiz-result__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.quiz-result__title {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.quiz-result__title {
font-size: 24px;
}
}
@media (max-width: 480px) {
.quiz-result__title {
font-size: 24px;
}
}
.quiz-result__title {
text-align: center;
}
.quiz-result__suptitle {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.quiz-result__suptitle p {
font: inherit;
color: inherit;
}
.quiz-result__suptitle ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.quiz-result__suptitle ul li:not(:last-child) {
margin-bottom: 12px;
}
.quiz-result__suptitle ul li {
font: inherit;
color: inherit;
}
.quiz-result__suptitle ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.quiz-result__suptitle {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.quiz-result__suptitle {
font-size: 14px;
}
}
.quiz-result__suptitle h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.quiz-result__suptitle h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.quiz-result__suptitle h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.quiz-result__suptitle h2 {
font-size: 24px;
}
}
.quiz-result__suptitle h2 {
margin-bottom: 20px;
}
.quiz-result__suptitle h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.quiz-result__suptitle h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.quiz-result__suptitle h3 {
font-size: 18px;
}
}
.quiz-result__suptitle h3 {
margin-bottom: 20px;
}
.quiz-result__suptitle h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.quiz-result__suptitle h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.quiz-result__suptitle h4 {
font-size: 16px;
}
}
.quiz-result__suptitle h4 {
margin-bottom: 20px;
}
.quiz-result__suptitle {
color: #1F2730;
text-align: center;
margin-top: 16px;
}
.frontpage-slider {
height: 55vh;
position: relative;
overflow: visible !important;
}
@media (max-width: 1280px) {
.frontpage-slider {
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 45%;
}
.frontpage-slider > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.frontpage-slider {
height: 0;
}
}
@media (max-width: 1000px) {
.frontpage-slider {
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 48%;
}
.frontpage-slider > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.frontpage-slider .swiper-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.frontpage-slider__slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.frontpage-slider__arrows {
position: absolute;
z-index: 2;
bottom: 50px;
right: calc((100% - 1440px) / 2);
display: flex;
gap: 12px;
}
@media (max-width: 1500px) {
.frontpage-slider__arrows {
right: calc((100% - 1240px) / 2);
}
}
@media (max-width: 1280px) {
.frontpage-slider__arrows {
right: calc((100% - 940px) / 2);
}
}
@media (max-width: 1000px) {
.frontpage-slider__arrows {
right: 20px;
bottom: 20px;
gap: 8px;
}
}
.frontpage-slider__arrow {
background: rgba(255, 255, 255, 0.6);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
border: none !important;
}
.frontpage-slider__arrow.prev-arrow svg {
transform: translateX(-1px);
}
.frontpage-slider__arrow.next-arrow svg {
transform: translateX(1px);
}
.frontpage-slider__arrow svg path {
stroke: #1F2730;
}
.frontpage-slider__arrow:hover {
background: #FFFFFF;
}
.frontpage-slider__arrow:hover svg path {
stroke: #F53636;
}
.frontpage-slider__pagination {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 50% !important;
transform: translateX(-50%) !important;
top: calc(100% + 20px) !important;
}
.frontpage-slider__pagination .swiper-pagination-bullet-active {
background: #F53636;
}
@media (max-width: 480px) {
.frontpage-slider__pagination {
gap: 0 !important;
}
.frontpage-slider__pagination .swiper-pagination-bullet {
flex: 0 0 6px !important;
width: 6px !important;
height: 6px !important;
margin: 0 3px !important;
}
}
@media (max-width: 480px) {
.calc {
padding: 40px 0;
}
}
.calc__main {
display: flex;
flex-direction: column;
height: 100%;
}
.calc__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.calc__title {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.calc__title {
font-size: 32px;
}
}
.calc__title {
color: #FFFFFF;
}
@media (max-width: 1280px) {
.calc__title {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.calc__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.calc__title {
font-size: 40px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.calc__title {
font-size: 24px;
}
}
@media (max-width: 1000px) and (max-width: 480px) {
.calc__title {
font-size: 24px;
}
}
.calc__text {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.calc__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.calc__text {
font-size: 14px;
}
}
.calc__text {
color: #FFFFFF;
margin-top: 10px;
}
.calc__footer {
display: flex;
align-items: center;
gap: 30px;
margin-top: auto;
}
@media (max-width: 1280px) {
.calc__footer {
margin-top: 30px;
}
}
@media (max-width: 1000px) {
.calc__footer {
margin-top: 30px;
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 480px) {
.calc__footer {
gap: 10px;
margin-top: 25px;
}
}
.calc__btn {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.calc__btn {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.calc__btn {
font-size: 14px;
}
}
.calc__btn {
color: #FFFFFF;
padding: 19px 46px;
display: inline-flex;
text-align: center;
background: #F53636;
white-space: nowrap;
transition: 0.2s ease;
text-decoration: none !important;
}
.calc__btn:hover, .calc__btn:active, .calc__btn:focus-visible {
background: #C41B1B;
}
@media (max-width: 1000px) {
.calc__btn {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.calc__btn {
padding: 18px 36px;
}
}
.calc__btn--disabled {
background: #956666;
color: #DFCCCC;
cursor: not-allowed;
pointer-events: none;
}
.calc__privacy {
font-family: "Geologica Roman", sans-serif;
font-size: 14px;
font-weight: 300;
color: #FFFFFF;
max-width: 350px;
color: #9D9FA1;
}
@media (max-width: 1280px) {
.calc__privacy {
font-size: 12px;
}
}
.calc__privacy a {
font: inherit;
color: inherit;
transition: 0.2s ease;
text-decoration: underline;
}
.calc__privacy a:hover, .calc__privacy a:active, .calc__privacy a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.calc__privacy a {
transition: 0s !important;
}
}
.layout {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.layout {
gap: 20px;
}
}
.layout {
align-items: stretch;
}
.layout__left {
grid-column: 1/5;
padding-right: 20px;
color: inherit;
}
@media (max-width: 1000px) {
.layout__left {
padding-right: 0;
}
}
.layout__right {
grid-column: 5/13;
color: inherit;
}
.layout__right img {
width: 100%;
}
.layout__right img + img {
margin-top: 20px;
}
.layout__right--2-photo {
margin: -10px;
}
.layout__right--2-photo img {
display: inline-block;
width: calc(50% - 20px);
margin: 10px;
}
@media (max-width: 1000px) {
.layout {
display: flex;
flex-direction: column;
}
.layout.calc__layout {
flex-direction: column-reverse;
gap: 50px;
}
.layout--nomargin {
gap: 0;
}
}
@media (max-width: 480px) {
.layout.calc__layout {
flex-direction: column-reverse;
gap: 30px;
}
}
.popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
display: flex;
justify-content: center;
align-items: center;
background: rgba(31, 39, 48, 0.8);
z-index: 1000;
display: none;
animation: fade 0.2s ease;
}
.popup.active {
display: flex;
}
.popup__wrapper {
max-height: 95%;
padding: 40px;
background: #FFFFFF;
position: relative;
overflow: auto;
max-width: 95%;
}
@media (max-width: 1000px) {
.popup__wrapper {
padding: 40px 20px;
}
}
.popup__close {
position: absolute;
top: 20px;
right: 20px;
width: 32px;
height: 32px;
}
@media (max-width: 1000px) {
.popup__close {
width: 20px;
height: 20px;
}
}
.offers {
padding: 120px 0;
}
@media (max-width: 1500px) {
.offers {
padding: 100px 0;
}
}
@media (max-width: 1280px) {
.offers {
padding: 70px 0;
}
}
@media (max-width: 1000px) {
.offers {
padding: 60px 0;
}
}
.offers {
background: #E1E4E9;
}
.offers__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.offers__wrapper {
gap: 20px;
}
}
@media (max-width: 1000px) {
.offers__wrapper {
gap: 0;
}
}
.offer {
grid-column: span 4;
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media (max-width: 1000px) {
.offer {
grid-column: span 12;
}
.offer:not(:last-child) {
margin-bottom: 60px;
}
}
.offer__heading {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.offer__heading p {
font: inherit;
color: inherit;
}
.offer__heading ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.offer__heading ul li:not(:last-child) {
margin-bottom: 12px;
}
.offer__heading ul li {
font: inherit;
color: inherit;
}
.offer__heading ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.offer__heading {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.offer__heading {
font-size: 14px;
}
}
.offer__heading h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.offer__heading h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.offer__heading h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.offer__heading h2 {
font-size: 24px;
}
}
.offer__heading h2 {
margin-bottom: 20px;
}
.offer__heading h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.offer__heading h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.offer__heading h3 {
font-size: 18px;
}
}
.offer__heading h3 {
margin-bottom: 20px;
}
.offer__heading h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.offer__heading h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.offer__heading h4 {
font-size: 16px;
}
}
.offer__heading h4 {
margin-bottom: 20px;
}
.offer__heading {
color: #F53636;
margin-bottom: 30px;
}
@media (max-width: 1000px) {
.offer__heading {
margin-bottom: 20px;
}
}
.offer__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.offer__title {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.offer__title {
font-size: 32px;
}
}
.offer__title {
margin-bottom: 15px;
}
@media (max-width: 1500px) {
.offer__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
}
@media (max-width: 1500px) and (max-width: 1280px) {
.offer__title {
font-size: 40px;
}
}
@media (max-width: 1500px) and (max-width: 1000px) {
.offer__title {
font-size: 24px;
}
}
@media (max-width: 1500px) and (max-width: 480px) {
.offer__title {
font-size: 24px;
}
}
@media (max-width: 1280px) {
.offer__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.offer__title {
font-size: 26px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.offer__title {
font-size: 18px;
}
}
@media (max-width: 1000px) {
.offer__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
margin-bottom: 10px;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.offer__title {
font-size: 40px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.offer__title {
font-size: 24px;
}
}
@media (max-width: 1000px) and (max-width: 480px) {
.offer__title {
font-size: 24px;
}
}
.offer__suptitle {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.offer__suptitle {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.offer__suptitle {
font-size: 16px;
}
}
.offer__suptitle {
margin-bottom: 20px;
max-width: 400px;
height: 4em;
}
@media (max-width: 1280px) {
.offer__suptitle {
height: auto;
}
}
@media (max-width: 1000px) {
.offer__suptitle {
margin-bottom: 15px;
}
}
.offer__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.offer__text p {
font: inherit;
color: inherit;
}
.offer__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.offer__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.offer__text ul li {
font: inherit;
color: inherit;
}
.offer__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.offer__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.offer__text {
font-size: 14px;
}
}
.offer__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.offer__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.offer__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.offer__text h2 {
font-size: 24px;
}
}
.offer__text h2 {
margin-bottom: 20px;
}
.offer__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.offer__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.offer__text h3 {
font-size: 18px;
}
}
.offer__text h3 {
margin-bottom: 20px;
}
.offer__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.offer__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.offer__text h4 {
font-size: 16px;
}
}
.offer__text h4 {
margin-bottom: 20px;
}
.offer__text {
margin-bottom: 50px;
}
@media (max-width: 1000px) {
.offer__text {
margin-bottom: 30px;
}
}
.offer__btn {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.offer__btn {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.offer__btn {
font-size: 14px;
}
}
.offer__btn {
color: #FFFFFF;
padding: 19px 46px;
display: inline-flex;
text-align: center;
background: #F53636;
white-space: nowrap;
transition: 0.2s ease;
text-decoration: none !important;
}
.offer__btn:hover, .offer__btn:active, .offer__btn:focus-visible {
background: #C41B1B;
}
@media (max-width: 1000px) {
.offer__btn {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.offer__btn {
padding: 18px 36px;
}
}
.offer__btn {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.offer__btn p {
font: inherit;
color: inherit;
}
.offer__btn ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.offer__btn ul li:not(:last-child) {
margin-bottom: 12px;
}
.offer__btn ul li {
font: inherit;
color: inherit;
}
.offer__btn ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.offer__btn {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.offer__btn {
font-size: 14px;
}
}
.offer__btn h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.offer__btn h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.offer__btn h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.offer__btn h2 {
font-size: 24px;
}
}
.offer__btn h2 {
margin-bottom: 20px;
}
.offer__btn h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.offer__btn h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.offer__btn h3 {
font-size: 18px;
}
}
.offer__btn h3 {
margin-bottom: 20px;
}
.offer__btn h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.offer__btn h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.offer__btn h4 {
font-size: 16px;
}
}
.offer__btn h4 {
margin-bottom: 20px;
}
.offer__btn {
font-weight: 700;
background: #FFFFFF;
color: #1F2730;
text-decoration: none !important;
}
.offer__btn:hover, .offer__btn:active, .offer__btn:focus-visible {
background: #F53636;
color: #FFFFFF;
}
.offer__btn {
margin-top: auto;
}
.info-video {
margin: 120px 0;
}
@media (max-width: 1280px) {
.info-video {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.info-video {
margin: 60px 0;
}
}
.info-video__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.info-video__title {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.info-video__title {
font-size: 32px;
}
}
.info-video__title {
margin-bottom: 40px;
}
@media (max-width: 1280px) {
.info-video__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.info-video__title {
font-size: 40px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.info-video__title {
font-size: 24px;
}
}
@media (max-width: 1280px) and (max-width: 480px) {
.info-video__title {
font-size: 24px;
}
}
.info-video__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.info-video__wrapper {
gap: 20px;
}
}
@media (max-width: 1000px) {
.info-video__wrapper {
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
gap: 20px;
}
}
.info-video__content {
grid-column: 1/5;
}
.info-video__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.info-video__text p {
font: inherit;
color: inherit;
}
.info-video__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.info-video__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.info-video__text ul li {
font: inherit;
color: inherit;
}
.info-video__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.info-video__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.info-video__text {
font-size: 14px;
}
}
.info-video__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.info-video__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.info-video__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.info-video__text h2 {
font-size: 24px;
}
}
.info-video__text h2 {
margin-bottom: 20px;
}
.info-video__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.info-video__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.info-video__text h3 {
font-size: 18px;
}
}
.info-video__text h3 {
margin-bottom: 20px;
}
.info-video__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.info-video__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.info-video__text h4 {
font-size: 16px;
}
}
.info-video__text h4 {
margin-bottom: 20px;
}
.info-video__btn {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.info-video__btn {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.info-video__btn {
font-size: 14px;
}
}
.info-video__btn {
color: #FFFFFF;
padding: 19px 46px;
display: inline-flex;
text-align: center;
background: #F53636;
white-space: nowrap;
transition: 0.2s ease;
text-decoration: none !important;
}
.info-video__btn:hover, .info-video__btn:active, .info-video__btn:focus-visible {
background: #C41B1B;
}
@media (max-width: 1000px) {
.info-video__btn {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.info-video__btn {
padding: 18px 36px;
}
}
.info-video__btn {
margin-top: 80px;
}
@media (max-width: 1000px) {
.info-video__btn {
margin-top: 30px;
}
}
.info-video__video {
grid-column: 5/13;
}
.service-tabs {
padding: 120px 0;
}
@media (max-width: 1500px) {
.service-tabs {
padding: 100px 0;
}
}
@media (max-width: 1280px) {
.service-tabs {
padding: 70px 0;
}
}
@media (max-width: 1000px) {
.service-tabs {
padding: 60px 0;
}
}
.service-tabs {
background: #1F2730;
}
.service-tabs__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.service-tabs__title {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.service-tabs__title {
font-size: 32px;
}
}
.service-tabs__title {
margin-bottom: 80px;
color: #FFFFFF;
max-width: 800px;
}
@media (max-width: 1280px) {
.service-tabs__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.service-tabs__title {
font-size: 40px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.service-tabs__title {
font-size: 24px;
}
}
@media (max-width: 1280px) and (max-width: 480px) {
.service-tabs__title {
font-size: 24px;
}
}
@media (max-width: 1000px) {
.service-tabs__title {
margin-bottom: 40px;
}
}
.service-tabs__tabs {
display: flex;
}
.service-tabs__tab {
flex: 1 0;
text-align: center;
padding-bottom: 15px;
position: relative;
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.service-tabs__tab {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.service-tabs__tab {
font-size: 18px;
}
}
.service-tabs__tab {
text-align: center;
color: #9D9FA1;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.service-tabs__tab {
transition: 0s !important;
}
}
@media (max-width: 640px) {
.service-tabs__tab {
text-align: left;
padding-right: 2rem;
}
}
.service-tabs__tab::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #FFFFFF;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.service-tabs__tab::after {
transition: 0s !important;
}
}
.service-tabs__tab.active {
color: #FFFFFF;
}
.service-tabs__tab.active::after {
height: 4px;
}
.service-tabs__content {
animation: fade 0.2s ease;
}
.service-tabs__content.active {
display: flex;
}
.service-tabs__content {
margin-top: 80px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
}
@media (max-width: 1280px) {
.service-tabs__content {
gap: 20px;
margin-top: 40px;
}
}
@media (max-width: 1000px) {
.service-tabs__content {
grid-template-columns: 1fr;
gap: 30px;
}
}
.service-tabs__item-num {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.service-tabs__item-num {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.service-tabs__item-num {
font-size: 14px;
}
}
.service-tabs__item-num {
color: #FFFFFF;
margin-bottom: 15px;
}
.service-tabs__item-text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.service-tabs__item-text p {
font: inherit;
color: inherit;
}
.service-tabs__item-text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.service-tabs__item-text ul li:not(:last-child) {
margin-bottom: 12px;
}
.service-tabs__item-text ul li {
font: inherit;
color: inherit;
}
.service-tabs__item-text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.service-tabs__item-text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.service-tabs__item-text {
font-size: 14px;
}
}
.service-tabs__item-text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.service-tabs__item-text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.service-tabs__item-text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.service-tabs__item-text h2 {
font-size: 24px;
}
}
.service-tabs__item-text h2 {
margin-bottom: 20px;
}
.service-tabs__item-text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.service-tabs__item-text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.service-tabs__item-text h3 {
font-size: 18px;
}
}
.service-tabs__item-text h3 {
margin-bottom: 20px;
}
.service-tabs__item-text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.service-tabs__item-text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.service-tabs__item-text h4 {
font-size: 16px;
}
}
.service-tabs__item-text h4 {
margin-bottom: 20px;
}
.service-tabs__item-text {
color: #FFFFFF;
}
.project-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
background: #FFFFFF;
overflow: auto;
z-index: 1000;
display: none;
animation: fade 0.2s ease;
}
.project-modal.active {
display: block;
}
.project-modal .container {
position: relative;
}
.project-modal__close {
position: sticky;
top: 20px;
right: 0;
width: 60px;
height: 60px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.6);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
padding: 10px;
z-index: 5;
margin-left: auto;
cursor: pointer;
transition: 0.2s ease;
}
.project-modal__close img, .project-modal__close svg {
width: 100%;
height: 100%;
}
.project-modal__close svg path {
stroke: #1F2730;
transition: 0.2s ease;
}
.project-modal__close:hover {
background: #FFFFFF;
}
.project-modal__close:hover svg path {
stroke: #F53636;
}
.project-modal__main {
width: 100%;
height: 100%;
max-height: 100%;
padding: 0 0 50px;
}
.project-modal__slider {
position: relative;
width: 100%;
max-height: 0;
padding-top: 56.5%;
}
.project-modal__slider .swiper-wrapper {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.project-modal__slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.project-modal__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 70px;
height: 70px;
border-radius: 100%;
overflow: hidden;
background: #FFFFFF;
padding: 20px;
}
.project-modal__arrow img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.project-modal__pagination {
margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
@media (max-width: 1000px) {
.project-modal__pagination {
gap: 6px;
margin-top: 20px;
}
}
.project-modal__pagination .swiper-pagination-bullet {
margin: 0 !important;
height: 15px;
width: 15px;
flex: 0 0 15px;
opacity: 1;
background: #D9D9D9;
}
.project-modal__pagination .swiper-pagination-bullet-active {
background: #F53636;
}
@media (max-width: 1000px) {
.project-modal__pagination .swiper-pagination-bullet {
height: 8px;
width: 8px;
flex: 0 0 8px;
}
}
.project-modal__info {
margin-top: 50px;
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.project-modal__info {
gap: 20px;
}
}
@media (max-width: 1000px) {
.project-modal__info {
display: block;
margin-top: 40px;
}
}
.project-modal__title {
grid-column: 1/5;
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.project-modal__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.project-modal__title {
font-size: 18px;
}
}
.project-modal__title {
padding-right: 20px;
}
@media (max-width: 1000px) {
.project-modal__title {
padding-right: 0;
margin-bottom: 40px;
}
}
.project-modal__cols {
grid-column: 5/13;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
@media (max-width: 1280px) {
.project-modal__cols {
gap: 20px;
}
}
@media (max-width: 1000px) {
.project-modal__cols {
grid-template-columns: 1fr;
}
}
.project-modal__cols ul, .project-modal__cols ol {
display: block !important;
margin: 22px 0 !important;
}
.project-modal__cols ul li::before, .project-modal__cols ol li::before {
content: "— ";
}
.project-modal__cols ul li, .project-modal__cols ol li {
margin: 0 !important;
}
.project-modal__cols h2:not(:first-child), .project-modal__cols h3:not(:first-child), .project-modal__cols h4:not(:first-child), .project-modal__cols h5:not(:first-child) {
margin-top: 40px;
}
.project-modal__col {
padding-right: 20px;
}
.project-modal__gallery {
margin-top: 50px;
width: 100%;
display: flex;
flex-direction: column;
gap: 50px;
}
.project-modal__image {
width: 100%;
}
.project-modal__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.cta-small {
padding: 60px 0;
background: #E1E4E9;
}
@media (max-width: 1000px) {
.cta-small {
padding: 40px 0;
}
}
.cta-small__wrapper {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
}
@media (max-width: 1280px) {
.cta-small__wrapper {
gap: 20px;
}
}
@media (max-width: 1000px) {
.cta-small__wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0;
}
}
.cta-small__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.cta-small__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.cta-small__title {
font-size: 18px;
}
}
.cta-small__title {
padding-right: 20px;
}
@media (max-width: 1000px) {
.cta-small__title {
margin-bottom: 15px;
}
}
.cta-small__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.cta-small__text p {
font: inherit;
color: inherit;
}
.cta-small__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.cta-small__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.cta-small__text ul li {
font: inherit;
color: inherit;
}
.cta-small__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.cta-small__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.cta-small__text {
font-size: 14px;
}
}
.cta-small__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.cta-small__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.cta-small__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.cta-small__text h2 {
font-size: 24px;
}
}
.cta-small__text h2 {
margin-bottom: 20px;
}
.cta-small__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.cta-small__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.cta-small__text h3 {
font-size: 18px;
}
}
.cta-small__text h3 {
margin-bottom: 20px;
}
.cta-small__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.cta-small__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.cta-small__text h4 {
font-size: 16px;
}
}
.cta-small__text h4 {
margin-bottom: 20px;
}
.cta-small__text {
padding-right: 20px;
}
.cta-small__btn {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.cta-small__btn {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.cta-small__btn {
font-size: 14px;
}
}
.cta-small__btn {
color: #FFFFFF;
padding: 19px 46px;
display: inline-flex;
text-align: center;
background: #F53636;
white-space: nowrap;
transition: 0.2s ease;
text-decoration: none !important;
}
.cta-small__btn:hover, .cta-small__btn:active, .cta-small__btn:focus-visible {
background: #C41B1B;
}
@media (max-width: 1000px) {
.cta-small__btn {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.cta-small__btn {
padding: 18px 36px;
}
}
.cta-small__btn {
justify-self: start;
}
@media (max-width: 1000px) {
.cta-small__btn {
margin-top: 30px;
}
}
.request {
padding: 120px 0;
}
@media (max-width: 1500px) {
.request {
padding: 100px 0;
}
}
@media (max-width: 1280px) {
.request {
padding: 70px 0;
}
}
@media (max-width: 1000px) {
.request {
padding: 60px 0;
}
}
.request {
background: #E1E4E9;
}
.request__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.request__wrapper {
gap: 20px;
}
}
@media (max-width: 1000px) {
.request__wrapper {
display: block;
}
}
.request__left {
grid-column: 1/5;
}
.request__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.request__title {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.request__title {
font-size: 32px;
}
}
.request__title {
margin-bottom: 24px;
}
.request__suptitle {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.request__suptitle {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.request__suptitle {
font-size: 16px;
}
}
.request__right {
grid-column: 5/13;
}
.request__form {
margin-top: 0 !important;
}
.request__form form {
margin-top: 0 !important;
}
@media (max-width: 1000px) {
.request__form {
margin-top: 40px !important;
}
}
.landings {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.landings {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 1000px) {
.landings {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 420px) {
.landings {
grid-template-columns: repeat(1, 1fr);
}
}
.page-404 {
margin: 225px 0 120px;
}
@media (max-width: 1280px) {
.page-404 {
margin: 160px 0 80px;
}
}
@media (max-width: 1000px) {
.page-404 {
margin: 140px 0 60px;
}
}
.page-404__wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 1000px) {
.page-404__wrapper {
align-items: flex-start;
}
}
.page-404__num {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: clamp(100px, 18.5vw, 350px);
line-height: 100%;
text-align: center;
color: #1F2730;
}
@media (max-width: 1000px) {
.page-404__num {
text-align: left;
}
}
.page-404__title {
margin-top: 4rem;
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.page-404__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.page-404__title {
font-size: 18px;
}
}
.page-404__title {
color: #1F2730;
text-align: center;
}
@media (max-width: 1000px) {
.page-404__title {
text-align: left;
}
}
.page-404__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.page-404__text p {
font: inherit;
color: inherit;
}
.page-404__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.page-404__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.page-404__text ul li {
font: inherit;
color: inherit;
}
.page-404__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.page-404__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.page-404__text {
font-size: 14px;
}
}
.page-404__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.page-404__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.page-404__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.page-404__text h2 {
font-size: 24px;
}
}
.page-404__text h2 {
margin-bottom: 20px;
}
.page-404__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.page-404__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.page-404__text h3 {
font-size: 18px;
}
}
.page-404__text h3 {
margin-bottom: 20px;
}
.page-404__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.page-404__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.page-404__text h4 {
font-size: 16px;
}
}
.page-404__text h4 {
margin-bottom: 20px;
}
.page-404__text {
text-align: center;
color: #1F2730;
margin-top: 1rem;
}
@media (max-width: 1000px) {
.page-404__text {
text-align: left;
}
}
.page-404__btn {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.page-404__btn {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.page-404__btn {
font-size: 14px;
}
}
.page-404__btn {
color: #FFFFFF;
padding: 19px 46px;
display: inline-flex;
text-align: center;
background: #F53636;
white-space: nowrap;
transition: 0.2s ease;
text-decoration: none !important;
}
.page-404__btn:hover, .page-404__btn:active, .page-404__btn:focus-visible {
background: #C41B1B;
}
@media (max-width: 1000px) {
.page-404__btn {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.page-404__btn {
padding: 18px 36px;
}
}
.page-404__btn {
margin-top: 6rem;
}
.cookie-notice {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 9999;
transform: translateY(100%);
transition: transform 0.3s ease;
}
.cookie-notice.visible {
transform: translateY(0);
}
.cookie-notice__inner {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
padding: 32px 40px;
max-width: 1440px;
margin: 0 auto;
background: #1F2730;
}
@media (max-width: 1500px) {
.cookie-notice__inner {
max-width: 1240px;
}
}
@media (max-width: 1280px) {
.cookie-notice__inner {
max-width: 940px;
gap: 20px;
padding: 20px 30px;
}
}
@media (max-width: 640px) {
.cookie-notice__inner {
padding: 15px 15px 20px 15px;
gap: 10px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
}
.cookie-notice__text {
flex: 1 0;
font-size: 16px;
font-weight: 300;
line-height: 150%;
color: #FFFFFF;
}
@media (max-width: 1280px) {
.cookie-notice__text {
font-size: 14px;
}
}
@media (max-width: 640px) {
.cookie-notice__text {
width: 100%;
}
}
.cookie-notice__link {
color: #FFFFFF;
text-decoration: underline;
transition: color 0.2s ease;
}
.cookie-notice__link:hover, .cookie-notice__link:focus-visible {
color: #F53636;
}
@media (max-width: 640px) {
.cookie-notice__link {
transition: 0s !important;
}
}
.cookie-notice__btn {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.cookie-notice__btn {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.cookie-notice__btn {
font-size: 14px;
}
}
.cookie-notice__btn {
color: #FFFFFF;
padding: 19px 46px;
display: inline-flex;
text-align: center;
background: #F53636;
white-space: nowrap;
transition: 0.2s ease;
text-decoration: none !important;
}
.cookie-notice__btn:hover, .cookie-notice__btn:active, .cookie-notice__btn:focus-visible {
background: #C41B1B;
}
@media (max-width: 1000px) {
.cookie-notice__btn {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.cookie-notice__btn {
padding: 18px 36px;
}
}
.cookie-notice__btn {
flex-shrink: 0;
cursor: pointer;
border: none;
margin-left: auto;
text-align: center;
justify-content: center;
font-size: 20px;
padding: 12px 78px;
}
@media (max-width: 640px) {
.cookie-notice__btn {
padding: 7px 36px;
font-size: 14px;
margin-left: 0;
}
}
.post-title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.post-title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.post-title {
font-size: 18px;
}
}
.post-title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-weight: 900;
}
@media (max-width: 1000px) {
.post-title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.post-title {
font-size: 40px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.post-title {
font-size: 24px;
}
}
@media (max-width: 1000px) and (max-width: 480px) {
.post-title {
font-size: 24px;
}
}
.tabs__object {
animation: fade 0.2s ease;
}
.tabs__object.hidden {
display: none;
}
.page-title {
margin-bottom: 80px !important;
}
@media (max-width: 1000px) {
.page-title {
margin-bottom: 60px;
}
}
@media (max-width: 480px) {
.page-title {
font-size: 24px !important;
}
}
.scroll-margin {
scroll-margin: 14rem 0;
}
.popup-privacy__wrapper {
padding: 0 40px 40px 40px;
}
@media (max-width: 1000px) {
.popup-privacy__wrapper {
padding: 0 20px 20px 20px;
}
}
.popup-privacy__content {
padding-top: 20px;
} @keyframes heroFadeUp {
from {
opacity: 0;
transform: translate3d(0, 100px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.hero__title,
.hero__suptitle,
.hero__controls,
.hero__symbol {
animation: heroFadeUp 0.5s ease both;
} .frontpage-slider {
margin-top: 89px;
}
.header__logo {
height: 49px;
}
@media (max-width: 1280px) {
.frontpage-slider {
margin-top: 79.58px;
}
.header__logo {
height: 41.58px;
}
}
@media (max-width: 480px) {
.frontpage-slider {
margin-top: 75.42px;
}
.header__logo {
height: 37.42px;
}
}