/* * st4rt3r CSS */ .navbar .dropdown.lang { display:none!important; } @media (min-width:992px) { .navbar .dropdown.lang .dropdown-menu { left:auto; right: 0; left:auto; } .lang-select-wrap { position: absolute; top: 2.5rem; left: 6rem; font-size: 13px; font-weight: 700; z-index: 9; } } @media (max-width:991.98px) { .lang-select-wrap { position: absolute; top: 6.5rem; transform: rotate(-90deg); right: -4.5rem; font-size: 12px; text-transform: uppercase; font-weight: 700; text-align: right; z-index: 9; } } @font-face { font-family: 'edoregular'; src: url('../edo_regular/edo-webfont.eot'); src: url('../edo_regular/edo-webfont.eot?#iefix') format('embedded-opentype'), url('../edo_regular/edo-webfont.woff') format('woff'), url('../edo_regular/edo-webfont.ttf') format('truetype'), url('../edo_regular/edo-webfont.svg#edoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'wsmatizregular'; src: url('../wsmatiz_regular/wsmtiz-webfont.woff2') format('woff2'), url('../wsmatiz_regular/wsmtiz-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* Burger Menu */ /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { display:-webkit-box; display:-ms-flexbox; display:flex; padding: 0; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; outline:0 none!important; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger-box { width: 30px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 3px; background-color: #333; border-radius: 4px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0.13s; transition-delay: 0.13s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); -webkit-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0.13s; transition-delay: 0.13s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -20px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, -10px, 0) rotate(45deg); transform: translate3d(0, -10px, 0) rotate(45deg); -webkit-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /** * Swiper 4.4.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 19, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align: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%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* Sticky Footer */ body { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color:#333; font-family: 'Inter', sans-serif; font-family: 'Montserrat', sans-serif; line-height: 1.6; font-weight: 400; font-size: 15px; } body.is-fixed { overflow: hidden; } body:after, .menu-nav-wrapper:after{ position: fixed; content: ''; top: -50%; left: -50%; right: -50%; bottom: -50%; width: 200%; height: 200vh; background: transparent url('../../images/noise-transparent.png') repeat 0 0; background-repeat: repeat; animation: bg-animation 2s infinite; opacity: .9; visibility: visible; z-index: -1; } .menu-nav-wrapper:after{ position: absolute; } @keyframes bg-animation { 0% { transform: translate(0,0) } 10% { transform: translate(-5%,-5%) } 20% { transform: translate(-10%,5%) } 30% { transform: translate(5%,-10%) } 40% { transform: translate(-5%,15%) } 50% { transform: translate(-10%,5%) } 60% { transform: translate(15%,0) } 70% { transform: translate(0,10%) } 80% { transform: translate(-15%,0) } 90% { transform: translate(10%,5%) } 100% { transform: translate(5%,0) } } main { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .site-header-image { display: block; margin: auto; } .wp-caption {} .wp-caption-text {} .sticky {} .screen-reader-text {} .gallery-caption {} .bypostauthor {} .alignleft { float: left; } .alignright { float: right; } .aligncenter { clear: both; display: block; } /* Max img widths */ img, .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } /* Author bio */ .author-bio .avatar { border: 1px solid #dee2e6; border-radius: 50%; } /* Main content */ /* Sidebar */ /* Hide form placeholders on focus */ input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */ input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */ textarea:focus::-webkit-input-placeholder { color: transparent; } textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */ textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */ /* Comments */ #comments, #reply-title { margin-top: 1.5rem; margin-bottom: 1rem; } .commentlist, .commentlist ul { padding-left: 0; } .commentlist li { padding: 1rem; } .comment-meta { margin-bottom: 1rem; } .comment > .children { margin-top: 1rem; margin-right: -0.625rem; margin-bottom: -1.625rem; } a { color: #333; } a:hover, a:focus { color: #333; } a.underline { text-decoration: underline; } b, strong { font-weight: 500; } /* -------- BTNS ------- */ .btn { border-radius: 3px; font-size: 14px; font-weight: 400; } .btn-lg { font-size: 18px; padding: .75rem 1.25rem; letter-spacing: .5px; text-transform: uppercase; } .btn-primary { color: #fff; background-color: #333; border-color: #333; } .btn-outline-primary { color: #333; background-color: transparent; border-color: #333; } .btn-success { color: #fff; background-color: #d8a663; border-color: #d8a663; } .btn-outline-success { color: #d8a663; background-color: transparent; background-image: none; border-color: #d8a663; } .btn-primary:hover, .btn-primary:focus, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-success:hover, .btn-success:focus, .btn-outline-success:hover, .btn-outline-success:focus { color: #fff; background-color: #333!important; border-color: #333!important; outline: 0 none!important; box-shadow: 0 0 0 transparent!important; } .btn-xl { padding: 0.75rem 1.25rem; font-size: 14px; } .cta-block { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #333; } /* ------ Colors ------ */ .c-inherit { color: currentColor!important; } .c-white { color: #fff!important; } .c-darkorange { color: #c56b2f!important; } .c-blue { color:#54a0a3!important; } .c-gold-700 { color: #af7b35!important; } .c-gold-300 { color: #d6c698!important; } .bg-white { background: #fff!important; } .bg-skin { background: #fef5ee!important; } .bg-brown { background: #da9d83; } .bordered { border:1px solid #ccc; } /* ------ Headings ----- */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { line-height: 1.5; } h1, .h1 { font-size: 1.75rem; } h2, .h2 { font-size: 1.5rem; } h3, .h3 { font-size: 1.25rem; } h4, .h4 { font-size: 1.125rem; } @media (min-width: 768px) { h1, .h1 { font-size: 2.25rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-weight: 400; font-size: 2.5rem; } h3, .h3 { font-size: 2rem; } h4, .h4 { font-size: 1.75rem; } } @media (max-width: 991.98px) { .bg-pb-100 { padding-bottom: 100%; } } /* ------ LISTS ------- */ ul.bullet { list-style: none; padding-left: 1rem; } ul.bullet li { padding-right: 1rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } ul.bullet li::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #d8a663; font-weight: bold; margin-right: .5rem; margin-left: -1rem; position: relative; display: inline; float: left; margin-top: .6rem; } .blockquote { position: relative; } @media(min-width:992px) { .bg-cover-lg { background-position: center; background-size: cover; } } @media(max-width:991.98px) { .bg-cover-lg { background:transparent!important; background-image: none!important; } } @media(min-width:1200px) { .bg-cover-xl { background-position: center; background-size: cover; } } @media(max-width:1199.98px) { .bg-cover-xl { background:transparent!important; background-image: none!important; } } .zi-3 { z-index: 3; } @media(min-width:992px) { .letters-anime .letter { opacity: 0; } } .fw-100 { font-weight: 100 !important; } .fw-200 { font-weight: 200 !important; } .fw-300 { font-weight: 300 !important; } .fw-400 { font-weight: 400 !important; } .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .fw-800 { font-weight: 800 !important; } .fw-900 { font-weight: 900 !important; } .fs-lg { font-size: 18px !important; } .fs-md { font-size: 16px !important; } .fs-sm { font-size: 14px !important; } .fs-xs { font-size: 12px !important; } .fs-xxs { font-size: 10px; } /* letter-spacing */ .ls-1 { letter-spacing: 1px; } .ls-2 { letter-spacing: 2px; } .ls-3 { letter-spacing: 3px; } /* line-height */ .lh-14 { line-height: 1.4!important; } .lh-15 { line-height: 1.5!important; } .lh-16 { line-height: 1.6!important; } /* Absolute Positions */ .absolute { position: absolute; } @media(min-width:992px) { .absolute-lg { position: absolute; } } .l-0 { left: 0 } .r-0 { right: 0 } /* Globals */ .delay-01, .delay-01:after { transition-delay: .1s!important; } .delay-02, .delay-02:after { transition-delay: .2s!important; } .delay-03, .delay-03:after { transition-delay: .3s!important; } .delay-04, .delay-04:after { transition-delay: .4s!important; } .delay-05, .delay-05:after { transition-delay: .5s!important; } .delay-06, .delay-06:after { transition-delay: .6s!important; } .delay-07, .delay-07:after { transition-delay: .7s!important; } .delay-08, .delay-08:after { transition-delay: .8s!important; } .delay-09, .delay-09:after { transition-delay: .9s!important; } @media(max-width:575.98px) { .hide-mobile { display: none!important; } } .has-after:after { content: ''; width: 60px; height: 5px; background: #333; margin: 2rem 0 0; display: block; } .has-after.after-blue:after { background: #2c909c; } .has-after.after-white:after { background: #fff; } @media (max-width: 991.98px) { section, .site-footer { padding-left: 2rem; padding-right: 2rem; } } @media (max-width: 575.98px) { section, .site-footer { padding-left: 1rem; padding-right: 1rem; } } span.block { display: block; } p { margin-top: 0; margin-bottom: 1.4rem; } p.h1, p.h2, p.h3 { line-height: 1.4; } .lead { font-size: 1.25rem; font-weight: 400; } .check-list { margin: 0; padding-left: 1.2rem; } .check-list li { position: relative; list-style-type: none; padding-left: 2rem; padding-top:0.5rem; padding-bottom: 0.5rem; letter-spacing: .2px; font-size: 14px; } .check-list li:before { content: ''; display: block; position: absolute; left: 0; top: 0.375rem; width: 7px; height: 13px; border-width: 0 2px 2px 0; border-style: solid; border-color: #486096; transform-origin: bottom left; transform: rotate(45deg); } .check-list.text-lg-right li, .check-list.text-right li { padding-right: 2rem; padding-left: 0; } .check-list.text-lg-right li:before, .check-list.text-right li:before { left: auto; right: 0; } .relative { position: relative; } .serifed { font-family: 'wsmatizregular'; line-height: 1.4; } .handwright { font-family: 'edoregular'; text-transform: uppercase; letter-spacing: 1px; } .handwright.sizefix { font-size: 110%; } @media(min-width:992px) { .neg-ml-lg-5 {margin-left: -3rem;} } .h1.serifed { font-size: 4rem; line-height: 1; } .h1.mega { font-size: 5vw; letter-spacing: 0; line-height: 1.2; } .h2.mega { font-size: 3vw; line-height: 1.3; } @media(max-width:991.98px) { .h2.mega { font-size: 4.5vw; } } @media(max-width:767.98px) { .h2.mega { font-size: 6vw; } } .h5.serifed { font-size: 1.5rem; } .uppercase { text-transform: uppercase; } h2 strong, h3 strong { font-weight: 900; color: #37495a; } h2 strong.bordered, h3 strong.bordered { border-bottom: 3px solid #d7b58a; } p.small { font-size: 12px; font-weight: 400; } ul.ul-py-1 li { padding-top:0.125rem; padding-bottom: 0.125rem; } ul.ul-py-2 li { padding-top:0.25rem; padding-bottom: 0.25rem; } ul.ul-py-3 li { padding-top:0.75rem; padding-bottom: 0.75rem; } ul.document_list, ul.block_list { list-style: none; padding-left: 0; } ul.document_list li, ul.block_list li { font-size: 15px; color: #333; letter-spacing: .1px; padding: 0.5rem; border-bottom: 1px solid rgba(0,0,0,0.25); } ul.block_list li:last-child { border-bottom: transparent; } ul.block_list li { padding-left: 0; padding-right: 0; } ul.document_list li a, ul.block_list li a{ color: #333; } ul.document_list li .btn-download { color: #ccc; } ul.document_list li .btn-download:hover { color: #999; } dl, ol, ul { padding-left: 1rem; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-row, .flex-col { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .row-center, .col-middle { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-midle, .col-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .row-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .full-height { min-height: 100vh; } .mw-600 { display: block; margin-left: auto; margin-right: auto; max-width: 600px; } .stroke-01 { width: 6vw; display: block; } .has-stroke:after { content: ''; width: 6vw; display: block; background-image: url(../../images/stroke-01.svg); background-size: contain; height: 1vw; background-repeat: no-repeat; margin-top: 1.5rem; transform: scale(1); transform-origin: left; transform: translate3d(50%,0,0) scaleX(0); opacity: 0; transition: all .5s; } .has-stroke.appear:after { transform: translate3d(0,0,0) scaleX(1); opacity: 1; } img.framed { background: #fff; padding: 1.5rem; } img.framed-sm { background: #fff; padding: .5rem; } @media(min-width:992px) { .neg-ml-lg-5.has-stroke:after { margin-left: 3rem;} } .relative { position: relative; } .home-hair-treatments { position: relative; } .home-hair-treatments .image-01 { left: 0; max-width: 14%; width: 14%; position: absolute; display: block; } .home-hair-treatments .image-02 { top: 15%; right: 0; max-width: 28%; width: 28%; position: absolute; display: block; } .protese-capilar .image-04 { position: absolute; left: 0; max-width: 14%; } .protese-capilar .image-05 { position: absolute; right: 0; top: 9rem; max-width: 20%; } .protese-capilar .image-06 { position: absolute; right: 0; max-width: 22%; } .home-text-divider { font-size: 16vw; color: #f6e7d6; z-index: 0; position: absolute; line-height: 1; left: 0; top: 10%; width: 100%; white-space: nowrap; line-height: 0.5; } .text-divider-1 { left: 0; text-align: left; display: block; } .text-divider-2 { right: 0; text-align: right; display: block; } /* Images anime */ @media(max-width:991.98px) { .heroimage { background: #d8a563; padding: 0!important; } .heroimage img { width: 100%; max-width: 400px; margin-left: auto; display: block; } } .heroimage, .imagewrap { overflow: hidden; position: relative; } .heroimage-overlay, .imagewrap:after { content: ''; position: absolute; top:0; left: 0; width: 100%; height: 100%; background: #fff5ee; transition: all 2s; } .heroimage-overlay.appear, .imagewrap.appear:after{ transform: translate3d(100%,0,0); } .imagewrap.to-right.appear:after{ transform: translate3d(100%,0,0); } .imagewrap.to-left.appear:after{ transform: translate3d(-100%,0,0); } .imagewrap.to-top.appear:after{ transform: translate3d(0,-100%,0); } .imagewrap.to-bottom.appear:after{ transform: translate3d(0,100%,0); } .after-antique:after { background: #ffd89e!important; } @media(max-width:991.98px) { .heroimage-overlay, .imagewrap:after { display: none!important; visibility: hidden; } } .td-1 { transition-delay: .1s; } .td-2 { transition-delay: .2s; } .td-3 { transition-delay: .3s; } .td-4 { transition-delay: .4s; } .td-5 { transition-delay: .5s; } .td-10 { transition-delay: 1s; } .pb-100 { padding-bottom: 100%; } .image-bg, .image-bg-inner { background-size:cover; background-position: center; background-repeat: no-repeat; } @media(min-width:992px) { .image-bg-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } .top-bar { min-height: 6rem; padding-left: 1.5rem; padding-right: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* -------------- MOBILE MENU ----------------- */ .menu-wrap { position: fixed; top: 0; left: 0; width: 40%; min-width: 100%; height: 100vh; background: #ffffff; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); z-index: 7; } .menu-wrap.is-active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media(max-width:566.98px) { .menu-wrap { width: 100%; } } .menu-nav-wrapper { min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #aedfe2; z-index: 9999999; position: relative; padding-top: 12rem; padding-bottom: 6rem; position: relative; overflow: hidden; } .menu-nav-wrapper > * { position: relative; z-index: 3; } .menu-nav-wrapper ul { list-style: none; } .menu-nav-wrapper li { font-family: 'wsmatizregular'; font-size: 5vw; line-height: 1; position: relative; text-align: center; } @media(max-width:575.98px) { .menu-nav-wrapper li { font-size: 7vw; } } .menu-nav-wrapper li a { color: #333; text-transform: uppercase; transform-origin: center; transition: .25s; } .menu-nav-wrapper li a:hover { color: #333; z-index: 5; } .menu-nav-wrapper li a .char { position: relative; } .menu-nav-wrapper li a .char:after { font-family: 'edoregular'; font-size: 90%; position: absolute; bottom:0; left: 0; width: 100%; height: 100%; white-space: nowrap; color: #fff; transform: rotate(-10deg); } .menu-nav-wrapper li a:hover .char:after { animation: reveal-char .25s ease-out both; animation-delay: calc(40ms * var(--char-index)); } @keyframes reveal-char { 0% { opacity: 0; transform: scale(1.2); } 100% { opacity: 1; visibility: visible; transform: scale(1); } } .menu-wrap.is-active li a .char { animation: menuappear .35s cubic-bezier(.3, 0, .7, 1) both; } .menu-wrap.is-active li:nth-child(1) a .char { animation-delay: calc(10ms * var(--char-index)); } .menu-wrap.is-active li:nth-child(2) a .char { animation-delay: calc(20ms * var(--char-index)); } .menu-wrap.is-active li:nth-child(4) a .char { animation-delay: calc(30ms * var(--char-index)); } .menu-wrap.is-active li:nth-child(3) a .char { animation-delay: calc(35ms * var(--char-index)); } @keyframes menuappear { from { transform: scale(0.2) ; opacity: 0; } } .splitting.appear .char { animation: slide-in .35s cubic-bezier(.3, 0, .7, 1) both; animation-delay: calc(20ms * var(--char-index)); } @keyframes slide-in { from { transform: scale(0.4); opacity: 0; } } /* NAVBAR */ .navbar-brand { position: absolute; left: 0; right: 0; width: 200px; text-align: center; top: 2rem; transition: all .5s; z-index: 8; } @media(max-width:767.98px) { .navbar-brand { width: 160px; } } .navbar-scrollup.is-fixed .navbar-brand { transform: scale(0.5) translate3d(0,-1rem,0); opacity: 0; } .navbar-scrollup.is-hidded .navbar-brand, .navbar-scrollup.is-fixed.is-hidded .navbar-brand { transform: scale(1) translate3d(0,0,0); opacity: 1; } .navbar-brand img, .navbar-brand svg { display: block; width: 100%; } .navbar-brand svg #spalls path, .navbar-brand svg #lifeis path, .navbar-brand svg #lifeis polygon { transform-origin: center; opacity: 0; } .navbar-brand svg #clipmask path.st1 { stroke-dashoffset: 479.567px; opacity: 0; } .navbar-brand svg path.drop { transform: center; opacity: 0; } @media (max-width:992px) { .navbar { display: block; } .navbar>.container, .navbar>.container-fluid { display: block; position: relative; } .navbar-brand { margin-top: 0.75rem; } } .navbar-expand .navbar-toggler, .navbar-toggler { position: fixed; top: 3rem; left: 3rem; z-index: 99999; display: block!important; } @media (max-width:991.98px) { .navbar-scrollup .navbar-collapse { display: none!important; visibility: hidden; } .navbar-expand .navbar-toggler, .navbar-toggler { top: 3rem; left: 1rem; } } /* ---- Navbar Scroll Up --- */ @media (min-width:992px) { .navbar-scrollup { position: fixed; -webkit-transition:all .5s; transition:all .5s; background: transparent; min-height: 140px; z-index: 8; width: 100%; } .navbar-scrollup .navbar-collapse { padding-right: 2rem; display: block; } .navbar-scrollup.is-fixed .navbar-collapse, .navbar-scrollup.is-hidded .navbar-collapse { display: none; visibility: hidden; } .navbar-scrollup .nav-link { color: #333; font-weight: 600; position: relative; font-family: 'wsmatizregular'; text-transform: uppercase; letter-spacing: .3px; font-size: 14px; } } /* HOME PAGE */ .arrow { text-align: center; margin: 8% 0; z-index: 3; position: relative; position: absolute; left: 0; right: 0; bottom: -5rem; margin: auto; transition: all .25s; transform-origin: center; opacity: 0; color: #333; } .arrow:hover, .arrow:focus, .arrow .fa:hover, .arrow .fa:focus{ text-decoration: none; transform: scale(1.2); } .bounce { -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .intro-section { background-position: center; background-size: cover; min-height: 100vh; position: relative; padding-top: 12rem!important; padding-bottom: 3rem!important; display: flex; flex-direction: column; justify-content: center; opacity: 0; } .first-section { padding-top: 18rem!important; } .intro-note { background: #fff; position: absolute; right: 1rem; top:-1.5rem; margin-top: 5rem; padding: 1.5rem; max-width: 320px; transform: rotate(-2deg); } .intro-note p { font-size: 1rem!important; margin-bottom: 0; font-weight: 500; } .home-brand svg #spalls path, .home-brand svg #lifeis path, .home-brand svg #lifeis polygon { transform-origin: center; opacity: 0; } .home-brand svg path.drop { transform: center; opacity: 0; } .home-title { font-size: 6vw; line-height: 1.1; } @media (max-width:991.98px) { .home-title { font-size: 8vw; line-height: 1.1; } } .home-title .letter { display: inline-block; transform-origin: center; } .home-title .letter:hover { transform: scale(1.2); } .hero-pack { margin-top: -1rem; } .sweetpotatodrawing { position: absolute; bottom: -6rem; right: -300px; max-width: 280px; width: 280px; } .sweetpotatodrawing img { } .sweetpotatodrawing .inner { padding: 1rem 2rem; text-align: center; transform: rotate(3deg); } .surfer { position: absolute; left: 5%; max-width: 400px; bottom: -15%; transform: rotate(-3deg); padding: 1rem; background: #fff; } .surfersnack { position: absolute; right: 10%; max-width: 200px; top: 10%; text-transform: uppercase; letter-spacing: -3px; transform: rotate(-1deg); font-size: 2rem; font-family: 'Dokdo', cursive; line-height: 1; } .spalls-shadow { position:absolute; bottom:-7rem; } .home-chip { width: 12%; position: absolute; top: -15rem; right: 5rem; } .highlightanime { width: 7%; position: absolute; top: -220%; right: 4rem; } @media(max-width:991.98px) { .home-chip { width: 20%; top: -20%; right: 3%; } .highlightanime { width: 6%; top: -50%; right: 3%; } } } .home-chips { position:absolute; bottom:-8rem; left:-15%; max-width: 70%; } .home-chips-shadow { position:absolute; bottom:-8rem; left:-15%; max-width: 70%; mix-blend-mode: multiply; } .pt-flag { margin-left: auto; margin-right: auto; max-width: 220px; margin-bottom: 3rem; } .sweet { position: absolute; width: 150px; top: -35%; right: -5%; } .paint-texture { position: absolute; width: 100%; bottom: %; left: -15%; width: 46%; transform: rotate(-10deg); } .sweet.reveal svg path { opacity: 0; transform-origin: center; transition: all .5s; } .sweet.reveal svg path#balloon { transform: scale(0.5); } .sweet.appear svg path#balloon { transform: scale(1); opacity: 1; transition-delay: .7s; } .sweet.appear svg path#_s { opacity: 1; transition-delay: 1.2s; } .sweet.appear svg path#_w { opacity: 1; transition-delay: 1.3s; } .sweet.appear svg path#_e1 { opacity: 1; transition-delay: 1.4s; } .sweet.appear svg path#_e2 { opacity: 1; transition-delay: 1.5s; } .sweet.appear svg path#_t { opacity: 1; transition-delay: 1.6s; } .sweet.appear svg path#exclamation { opacity: 1; transition-delay: 1.7s; } .animetext letter.appear { animation: reveal-in 1s ease-out both; animation-delay: calc(.1s * var(--line-index)); } @keyframes reveal-in { 0% { transform: translateY(100%); } 100% { transform: translateY(0%); } } .chips-highlight svg path { opacity: 0; transform: scale(0.8); transform-origin: center; } .chips-highlight.appear svg path { opacity: 1; transform: scale(1); transition: all .5s; } .chips-highlight.appear svg path.line1 { transition-delay: .3s; } .chips-highlight.appear svg path.line2 { transition-delay: .4s; } .chips-highlight.appear svg path.line3 { transition-delay: .5s; } .chips-highlight { position: absolute; width: 70px; min-width: 70px; top: -20%; right: 30%; } .potato-drawing img { display: block; margin: auto; max-width: 160px; margin-bottom: 1rem; } .potato-drawing { font-size: 14px; } @media(min-width:992px) { .services-swipper { overflow: visible!important; } } .slider-nav { display: flex; align-items: center; } @media (max-width:765.98px) { .slider-nav { display: flex; flex-direction: column; align-items: flex-start; } .home-services .slider-header { align-items: flex-start; } } .slide-nav { display: block; cursor: pointer; padding: 0.25rem 0.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; border-right: 1px solid #ccc; position: relative; } .slide-nav:last-child { border-right: 1px solid transparent; } .slide-nav.active { color: #333; } .slide-nav:after { content:''; position: absolute; bottom: 0; left: 0.75rem; width: calc(100% - 1.5rem); height: 1px; background: #333; transform: scaleX(0); transition: .5s; } .slide-nav.active:after { transform: scaleX(1); } .slider-navigation .link:focus { outline: 0 none; } @media (max-width:765.98px) { .slider-nav { display: block; } .slide-nav { border-right: 0px solid; text-align: right; padding: 0.25rem 0!important; } .slide-nav.active { text-decoration: underline; } .slide-nav:after { display: none; } } .swiper-slide .thumb-wrapper { clip-path: polygon(5% 5%, 95% 5%, 95% 95%, 5% 95%); position: relative; overflow: hidden; display: block; transition: all .5s; transform-origin: center; } .swiper-slide-active .thumb-wrapper { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } .swiper-slide p { transition: all .5s; opacity: 0; } .swiper-slide-active p { opacity: 1; } /* .thumb-wrapper:after { position: absolute; content:''; top: 0; left: 0; width: 100%; height: 100%; transform-origin: center; transform: scale(1.5); transition: .25s; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } .thumb-wrapper:hover:after { transform: scale(1.3); } */ label { font-size: 14px; margin-bottom: 0.25rem; color: #333; } label .req { color:brown; } /* Page Sub Menu */ .page-sub-menu { background: #cb9b55; min-height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-sub-menu .sub-menu-title { font-weight: 500; color: #fff; } @media (min-width:992px){ .page-sub-menu { padding: 1rem 2rem; } } @media (min-width:1200px){ .page-sub-menu { padding: 1rem 3.75rem; box-shadow: inset 0px 7px 10px rgba(0,0,0,0.15); } } @media (max-width:1199.98px) { .page-sub-menu .sub-menu-title { display: none; visibility: hidden; } } .page-sub-menu li { padding: 0.5rem 0.75rem; } .page-sub-menu ul { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .page-sub-menu ul li a { padding: 0.5rem 0; color: rgba(255,255,255,0.75); } .page-sub-menu ul .current-menu-item a { font-weight: 500; color: #fff; } .menu-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width:991.98px) { .page-sub-menu .container-fluid { display: none; visibility: hidden; } } @media (min-width:992px) and (max-width:1199.98px) { .page-sub-menu .container-fluid { max-width: none!important; } .page-sub-menu ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } /* ---------- Page Hero ----------- */ .page-hero { min-height: 50vh; background-position: center; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 3rem 0; } .page-hero--title { font-size: 3.5rem; color: #fff; font-family: 'Noto Serif JP', serif; } .about-intro-images { position: absolute; left: 0; top: 7rem; width: 45%; } /* Post Blocks */ .post-content.image-wrap, .block-part-wrap { margin-bottom: 3rem; } /* ------- Swiper SVG Navigation --------- */ .slider-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 2rem; } .slider-header .view-all { margin-left: auto; padding: 0.5rem; } .slider-navigation { margin-left: auto; margin-right: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 82px; } .link--arrowed svg path, .link--arrowed svg circle { stroke:#24272b; stroke-width:1.5px; fill:transparent; } .next-link { color: #777; height: auto!important; font-size: 14px; } .next-link span { color:#49678a; } .next-link svg path, .next-link svg circle { stroke:#999; stroke-width:1.5px; fill:transparent; } .next-link:hover { color: #474d57; text-decoration: none; } .next-link:hover svg path, .next-link:hover svg circle { stroke:#474d57; stroke-width:1.5px; fill:transparent; } .next-link:hover svg circle { stroke:transparent; } .hero-right svg path, .hero-left svg path{ stroke: rgba(255,255,255,0.75)!important; } .link--arrowed { display: inline-block; height: 2rem; line-height: 2rem; margin-left: 5px; margin-right: 5px; } .link--arrowed .arrow-icon { position: relative; top: -1px; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; vertical-align: middle; } .link--arrowed .arrow-icon--circle { stroke-dashoffset: 0; stroke-width: 1px; stroke:transparent; } .nextpage-section { background:#fff; padding: 1rem 0 3rem; margin-bottom: 3rem; } /* -------------------- REVEAL STYLES -------------------- */ .reveal { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-transition: all 0.4s; transition: all 0.4s; opacity: 0; } .reveal.reveal-bottom { -webkit-transform:translate3d(0,3rem,0); transform:translate3d(0,3rem,0); } .reveal.reveal-left { -webkit-transform:translate3d(-3rem,0,0); transform:translate3d(-3rem,0,0); } .reveal.appear { opacity:1; -webkit-transform:translate3d(0,0,0)!important; transform:translate3d(0,0,0)!important; } /* --------------------- TEXT ELEMENTS ----------------- */ .has-divider-top:before, .has-divider-bottom:after { content:''; width: 60px; height:3px; background: #ccc; display: block; position: relative; margin: 1rem 0; } .pretitle { font-size: 1rem; letter-spacing: .1px; font-weight: 600; text-transform: uppercase; } /* .pretitle:after, .pretitle:before { content: ''; display: block; width: 30px; height: 2px; background: #333; margin-left: 1rem; margin-right: 1rem; position: relative; } */ @media (max-width: 767.98px) { .pretitle { font-size: 14px; } .pretitle:after { width: 60px; } } .pretitle.ptclean:after { content:''; display: none; } .pretitle.ac-gold:after { background: #bb8038; } .pretitle.ac-red:after { background: #9e3f3c; } .pretitle.ac-green:after { background: #3a4d46; } .pretitle.ac-blue:after { background: #3d4c60; } .pretitle.ac-greygreen:after { background: #767763; } .pretitle.ac-grey:after { background: #5d5d5f; } .pretitle.reveal:after { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 1s; transition: all 1s; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; } .pretitle.appear:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } /* --------------------- MAIN WRAPPER ------------------ */ .main-wrapper { position: relative; overflow: hidden; } .media-section { padding: 6rem 3rem 9rem; } @media(max-width:991.98px) { .media-section { padding: 1rem 2rem 9rem; } } /* --------------------- CONTAINERS ----------------- */ .container-full { width: 100%; } @media (min-width:765px) { .container-fluid { max-width: 720px; } } @media (min-width:992px) { .container-fluid { max-width: 960px; padding-left: 3rem; padding-right: 3rem; } } @media (min-width:1200px) { .container-fluid { max-width: 1400px; padding-left: 4rem; padding-right: 4rem; } } /* ------------------ HERO SLIDER -------------------------*/ .hero-swiper { overflow: hidden; position: relative; } .hero-swiper .swiper-slide .row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; display: -webkit-box; display: -ms-flexbox; display: flex; } .hero-swiper .swiper-slide { background-position: center; background-size: cover; overflow: hidden; position: relative; } .slide-content-image { background-position: center; background-size: cover; } .hero-swiper .swiper-slide .slide-content { padding: 4rem; padding: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width:992px) { .hero-swiper.h100vh .swiper-slide .slide-content, .hero-swiper.h100vh .swiper-slide .slide-content-image { min-height: 100vh; } .hero-swiper.h75vh .swiper-slide .slide-content, .hero-swiper.h100vh .swiper-slide .slide-content-image { min-height: 75vh; } .hero-swiper.h50vh .swiper-slide .slide-content, .hero-swiper.h100vh .swiper-slide .slide-content-image { min-height: 50vh; } } @media (max-width:991.98px) { .hero-swiper .swiper-slide .slide-content-image { padding-bottom: 64%; } } .hero-swiper .swiper-slide.row-reverse { margin: 0 !important; flex-direction: row-reverse; } .hero-swiper .swiper-slide .slide-content.light { color: #fff; } @media (min-width:992px) { .hero-swiper .swiper-slide.overlay:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); top: 0; left: 0; } .hero-swiper .swiper-slide.row-reverse.overlay:before { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); } } .hero-swiper .swiper-slide .slide-content-inner { z-index: 2; } @media (max-width:991.98px) { .hero-swiper .swiper-slide .slide-content-inner { max-width: 680px !important; padding-bottom: 2rem !important; } } @media (min-width:992px) { .hero-swiper .swiper-slide .slide-content-inner { max-width: 500px; } } .hero-swiper .swiper-slide .slide-content .pretitle { margin-bottom: 2rem !important; } .hero-swiper .swiper-slide .slide-content p { font-size: 1.125rem; } .hero-swiper .swiper-slide .slide-content p.lead { font-size: 3.25rem; font-weight: 800; line-height: 1.1; display: block; font-family: 'Montserrat', sans-serif; margin-bottom: 2rem !important; } @media (min-width:992px) and (max-width:1199.98px) { .hero-swiper .swiper-slide .slide-content p { font-size: 1.125rem; } .hero-swiper .swiper-slide .slide-content p.lead { font-size: 3rem; } .swiper-slide.deskfull-image .slide-content { padding: 4rem 0 4rem 4rem; } } @media (max-width:991.98px) { .hero-swiper .swiper-slide .slide-content { padding: 3rem 3rem 4rem !important; } .hero-swiper .swiper-slide .slide-content p { font-size: 1.125rem; } .hero-swiper .swiper-slide .slide-content p.lead { font-size: 2.75rem; } } @media (max-width: 767.98px) { .hero-swiper .swiper-slide .slide-content { padding: 3rem 2rem 4rem !important; } } @media (max-width: 575.98px) { .hero-swiper .swiper-slide .slide-content p.lead { font-size: 2rem; } } .hero-swiper .swiper-slide .pretitle:after { background: rgba(255, 255, 255, 0.25); } /* animation */ @media (min-width:992px) { .hero-swiper .swiper-slide .slide-content p { opacity: 0; transition: all .5s; transform: translate3d(0, 1rem, 0); transition-delay: 0.25s; } .hero-swiper .swiper-slide .slide-content p.lead { transition-delay: 0.15s; } .hero-swiper .swiper-slide-active .slide-content p { opacity: 1; transform: translate3d(0, 0, 0); } .hero-swiper .swiper-slide .slider-sticker-bg { transform: scale(.8); transform-origin: center; transition: all 1s; opacity: 0; } .hero-swiper .swiper-slide-active .slider-sticker-bg { transform: scale(1); opacity: 0.5; } .hero-swiper .swiper-slide .pretitle:after { transform-origin: left; transition: all .5s; transition-delay: .5s; transform: scaleX(0) } .hero-swiper .swiper-slide-active .pretitle:after { transform: scaleX(1) } } .hero-slider-nav { position: absolute; bottom: 2rem; z-index: 3; width: 100%; padding-left: 1.5rem; padding-right: 1.5rem; } @media(max-width:991.98px) { .hero-slider-nav .container-fluid { } } .one_col { position: relative; overflow: hidden; } /* ------------------ NAVBAR -------------------------*/ /* Navbar Scroll Up .navbar-scrollup { position: absolute; width: 100%; left: 0; top:0; z-index: 9; } @media (min-width:1200px) { .navbar-scrollup { position: fixed; -webkit-transition:all .5s; transition:all .5s; background: transparent; } .navbar-scrollup.is-fixed { background: #ccc;; } } */ /* Sidebar */ @media (max-width:991.98px) { .sidebar h2.h4 { margin-top:3rem; } } .post-navigation { font-size: 12px; margin-bottom: 6rem; } .sidebar h2.h4 { font-size: 1.125rem; margin-bottom: 1.5rem; } .sidebar ul { font-size: 14px; padding-left: 0; list-style: none; margin-bottom: 3rem; } .sidebar ul li { border-bottom: 1px solid rgba(0,0,0,0.1); padding: 0.25rem 0; } .sidebar ul li:last-child { border-bottom: 1px solid transparent; padding: 0.25rem 0; } .page-item.active .page-link { z-index: 1; color: #fff; font-weight: 600; background-color: #7b91aa; border-color: #7b91aa; } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1; font-size: 14px; font-weight: 500; color: #3d5b80; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover, .page-link:focus { color: #3d5b80!important; } .topbar { background: #2a3548; } .topbar .container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .topbar .widget_nav_menu { margin-left: auto; margin-right: 1rem; } .topbar .menu { list-style: none; font-size: 14px; margin-bottom: 0; } .topbar .menu li { display: inline-block; } .topbar .menu li a{ height: 32px; padding: 0 0.75rem; color: rgba(255,255,255,0.75); font-weight: 500; font-size: 13px; border-right: 1px solid #aaa; } .topbar .menu li.highlight a { color: #e0bf97; } .topbar .menu li:last-child a { border-right: 0px; } .search-wrapper { width:200px; position: relative; overflow: hidden; -webkit-transition: 0.3s; transition: 0.3s; margin-left: 0 margin-right: 1.5rem; } .search-wrapper .btn { border: 1px solid transparent; background: transparent!important; position: absolute; right: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: 0.3s all; transition: 0.3s all; color:#ffffff; } .search-wrapper .btn:hover, .search-wrapper .btn:focus { -webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 #fff; outline: 0 none!important; border-color: transparent!important; background: transparent; color: #333; } .search-btn { margin-right: 1rem; position: absolute; right: 0; top: 0; display: none; visibility: hidden; } .search-btn .fa { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: 0.3s all; transition: 0.3s all; position: absolute; font-size: 16px; top: 0.625rem; right: 0rem; } @media(min-width:1200px) { .search-btn .fa { right: 2rem; } } .search-btn .fa.active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .search-btn .fa.fa-search { color:#6c7179; } .search-btn:hover .fa.fa-search { color:#6f809c; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-transition-delay: 0; transition-delay: 0; } .search-btn .fa.fa-times { color:#f26581; } .search-btn .fa.fa-times:hover { color:#f26581; } .search-wrapper .form-control { border-radius: 0; border: 0 solid transparent; height: 36px; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 13px; width: 100%; color: #2a3549; background: #d1b38e; -webkit-box-shadow: 0 0 0 transparent!important; box-shadow: 0 0 0 transparent!important; } /* .search-wrapper:after { content: ''; width: 100%; height: 1px; background: #eee; -webkit-transition: all 0.3s; transition: all 0.3s; bottom: 0px; left: 0; z-index: 5; position: absolute; } */ @media (min-width:992px) { .search-wrapper .fa-long-arrow-right { display: none; visibility: hidden; } } @media (max-width:991.98px) { .search-wrapper .fa-times { display: none; visibility: hidden; } } .search-wrapper.active:after { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .search-wrapper.active { width: 200px; } @media (max-width:991.98px) { .search-btn { display: block; visibility: visible; } .search-wrapper:after { width: 0; } .search-wrapper.active:after { width: 100%; } .search-wrapper { width: 0px; } .search-wrapper.active { width: 200px; } .search-wrapper .btn { border: 0 solid transparent; background: transparent; position: absolute; right: 0; padding-right: 0; -webkit-transition: 0.3s all; transition: 0.3s all; } .search-wrapper.active .btn { -webkit-transition-delay: 0.65s; transition-delay: 0.65s; } } .search-wrapper ::-webkit-input-placeholder { color:#ffffff; } .search-wrapper ::-moz-placeholder { color:#ffffff; } .search-wrapper :-ms-input-placeholder { color:#ffffff; } .search-wrapper :-moz-placeholder { color:#ffffff; } .testimonials-swiper-container { position: relative; overflow: hidden; } .testimonials-swiper-container .swiper-slide p { opacity: 1!important; font-size: 20px; font-weight: 300; } /* ----------------------- FOOTER --------------------------*/ .site-footer { position: relative; z-index: 3; } .site-footer a { color: #333; text-decoration: underline; } .site-footer h2 { font-size: 20px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1rem; font-family: 'wsmatizregular'; } .site-footer .btn { color: #fef5ee; font-weight: 500; font-size: 13px; padding-left: 1rem; padding-right: 1rem; text-decoration: none; } .site-footer ul { list-style: none; padding-left: 0; margin-left: 0; } .site-footer ul li { /* padding: 0 0 0.25rem;*/ } .site-footer ul li a { text-decoration: none!important; } .labels-wrap { display: flex; max-width: 400px; align-items: center; } .labels { display: block; max-width: 65px; margin-right: 0.75rem; } .copyright-wrap p { font-size: 12px; } .legal-notes p { border-top:1px solid #ccc; padding-top:1rem; padding-bottom: 1rem; } .legal-notes p { font-size: 12px; margin-bottom: 0; } .legal-notes a { text-decoration: underline; } .bottomline { font-size: 12px; font-weight: 500; } .bottomline ul { list-style: none; margin: 0; padding: 0; } .bottomline ul li { display: inline; float: left; font-size: 12px; } .bottomline ul li a { padding: 0 0.5rem; } /* -------------- CONTACT NOTES ------------------ */ .contact-notes p { font-size: 12px; } .contact-notes a { color: inherit; text-decoration: underline; } /* ----- Contact Form-7 ----- */ .form-group p { margin-bottom: 0; font-size: 12px; } .form-control { background: transparent; -webkit-transition: all 0.5s; transition: all 0.5s; height: 46px; border: 0; border-bottom: 2px dotted #333; border-radius: 0; margin-bottom: 1.5rem; padding-left: 0; padding-right: 0; } .form-control:hover, .form-control:focus { background: transparent; border-bottom: 2px solid #333; border-radius: 0; outline: 0 none!important; box-shadow: 0 0 0 transparent; } .contact-form-wrap label { font-family: 'wsmatizregular'; font-size: 15px; text-transform: uppercase; letter-spacing: .5px } .wpcf7-list-item { display: inline-block; margin: 0; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; margin-right: 0.5rem; } span.wpcf7-not-valid-tip { color: #da5a45; font-size: 12px; font-weight: normal; display: block; padding-top: 0.25rem; } div.wpcf7-response-output { margin: 2em 0 1em; color: #fff; padding: 0.2em 1em; border: 2px solid #da5a45; background: #da5a45; font-size: 13px; font-weight: 500; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 2px solid #d8b62c; background:#d8b62c; } div.wpcf7-mail-sent-ok { border: 2px solid #60c78a; background: #60c78a; } span.req { color: rgb(208 132 31); font-size: 16px; line-height: 1; font-weight: 500; } .privacy-modal .modal-header { padding-left: 2rem; } .privacy-modal .modal-body { padding: 2rem; font-size: 14px; } .pack-200-frente { position: absolute; padding-left: 1rem; padding-right: 1rem; left: 0; top:0; } .chips-label { width: 200px; height: 200px; position: absolute; top: 0; right: 45px; margin-top: -6rem; } .potato-type img { border-radius: 50%; padding: 0.5rem; background: #fff; margin-bottom: 3rem; } .potato-h1 { position: absolute; z-index: 3; right: 20%; display: inline-block; width: 400px; margin-top: -1.75rem; transform: rotate(1deg); z-index: 6; text-transform: uppercase; font-size: 3vw; color: #fff; font-weight: 300; } .spalls-h1 { position: absolute; z-index: 3; right: 20%; display: inline-block; max-width: 25vw; margin-top: -1.75rem; transform: rotate(1deg); z-index: 6; text-transform: uppercase; font-size: 3.5vw; color: #fff; font-weight: 300; line-height: 1.3; } @media(max-width:767.98px) { .spalls-h1, .potato-h1 { font-size: 5.5vw; max-width: 40vw; margin-top: -10%; } } @-webkit-keyframes rotating /* Safari and Chrome */ { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .rotating { -webkit-animation: rotating 12s linear infinite; -moz-animation: rotating 12s linear infinite; -ms-animation: rotating 12s linear infinite; -o-animation: rotating 12s linear infinite; animation: rotating 12s linear infinite; } /* --------------- Margins ------------------ */ @media (min-width:992px) { .neg-ml-lg-5 { margin-left: -3rem; } .neg-mt-lg-5 { margin-top: -3rem; } .push-lg-1 { margin-left: -8.333334%; } } /* ---------------- SECTIONS -------------- */ section.pt-12 { padding-top: 9rem!important; } section.pt-9 { padding-top: 6rem!important; } section.pt-6 { padding-top: 3rem!important; } section.pt-3 { padding-top: 1.5rem!important; } section.pb-12 { padding-bottom: 9rem!important; } section.pb-9 { padding-bottom: 6rem!important; } section.pb-6 { padding-bottom: 3rem!important; } section.pb-3 { padding-bottom: 1.5rem!important; } section.mt-12 { margin-top: 9rem!important; } section.mt-9 { margin-top: 6rem!important; } section.mt-6 { margin-top: 3rem!important; } section.mt-3 { margin-top: 1.5rem!important; } section.mb-12 { margin-top: 9rem!important; } section.mb-9 { margin-top: 6rem!important; } section.mb-6 { margin-top: 3rem!important; } section.mb-3 { margin-top: 1.5rem!important; } @media (min-width:992px) { section.pt-12 { padding-top: 12rem!important; } section.pt-9 { padding-top: 9rem!important; } section.pt-6 { padding-top: 6rem!important; } section.pt-3 { padding-top: 3rem!important; } section.pb-12 { padding-bottom: 12rem!important; } section.pb-9 { padding-bottom: 12rem!important; } section.pb-6 { padding-bottom: 6rem!important; } section.pb-3 { padding-bottom: 3rem!important; } section.mt-12 { margin-top: 12rem!important; } section.mt-9 { margin-top: 9rem!important; } section.mt-6 { margin-top: 6rem!important; } section.mt-3 { margin-top: 3rem!important; } section.mb-12 { margin-top: 12rem!important; } section.mb-9 { margin-top: 12rem!important; } section.mb-6 { margin-top: 6rem!important; } section.mb-3 { margin-top: 3rem!important; } } /* -------------- SOCIAL ICONS ------------------ */ .social-media-icons { list-style:none; margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; margin-left: -0.5rem!important; } .social-media-icons li { border-left: 1px solid rgba(0, 0, 0, 0.1); padding: 0; } .social-media-icons li:first-child { border-left: 0px solid rgba(0, 0, 0, 0); } .social-media-icons i { font-size: 18px!important; color: inherit!important; text-align: center; line-height: 40px; height: 40px; width: 40px; overflow:hidden; transition: all 0.25s ease,opacity 0.2s linear; -webkit-transition: all 0.25s ease,opacity 0.2s linear; } .social-media-icons a { color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; } .social-media-icons a:hover { text-decoration:none; color: #333; } .social-media-icons i:before, .social-media-icons i:after { display:block; -webkit-transition: opacity 0.2s linear,-webkit-transform 0.25s ease; transition: opacity 0.2s linear,-webkit-transform 0.25s ease; transition: transform 0.25s ease,opacity 0.2s linear; transition: transform 0.25s ease,opacity 0.2s linear,-webkit-transform 0.25s ease; -webkit-transition: -webkit-transform 0.25s ease,opacity 0.2s linear; } .social-media-icons i:hover:before, .social-media-icons i:hover:after { -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); } .social-media-icons .fa-facebook-f:before, .social-media-icons .fa-facebook:before, .social-media-icons .fa-facebook-f:after, .social-media-icons .fa-facebook:after { content: "\f09a"; } .social-media-icons .fa-google-plus:before, .social-media-icons .fa-google-plus:after { content: "\f0d5"; } .social-media-icons .fa-instagram:before, .social-media-icons .fa-instagram:after { content: "\f16d"; } .social-media-icons .fa-twitter:before, .social-media-icons .fa-twitter:after { content: "\f099"; } .social-media-icons .fa-flickr:before, .social-media-icons .fa-flickr:after { content: "\f16e"; } .social-media-icons .fa-pinterest:before, .social-media-icons .fa-pinterest:after { content: "\f0d2"; } .social-media-icons .fa-youtube:before, .social-media-icons .fa-youtube:after { content: "\f167"; } .social-media-icons .fa-vimeo-square:before, .social-media-icons .fa-vimeo-square:after { content: "\f194"; } .social-media-icons .fa-tumblr:before, .social-media-icons .fa-tumblr:after { content: "\f173"; } .social-media-icons .fa-dribbble:before, .social-media-icons .fa-dribbble:after { content: "\f17d"; } .social-media-icons .fa-whatsapp:before, .social-media-icons .fa-whatsapp:after { content: "\f232"; } .social-media-icons .fa-feed:before, .social-media-icons .fa-rss:before, .social-media-icons .fa-feed:after, .social-media-icons .fa-rss:after { content: "\f09e"; } .social-media-icons .fa-linkedin:before, .social-media-icons .fa-linkedin:after { content: "\f0e1"; } .social-media-icons .fa-tripadvisor:before, .social-media-icons .fa-tripadvisor:after { content: "\f262" !important; } .social-media-icons .fa-envelope:before, .social-media-icons .fa-envelope:after { content: "\f0e0"; } /* ------------- EKKO LIGHTBOX ------------- */ .ekko-lightbox { display: -ms-flexbox!important; display: -webkit-box!important; display: flex!important; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; padding-right: 0!important } .ekko-lightbox-container { position: relative } .ekko-lightbox-container>div.ekko-lightbox-item { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100% } .ekko-lightbox iframe { width: 100%; height: 100% } .ekko-lightbox-nav-overlay { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -ms-flexbox; display: -webkit-box; display: flex } .ekko-lightbox-nav-overlay a { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s; color: #666; font-size: 40px; font-weight: 300; z-index: 1 } .ekko-lightbox-nav-overlay a>* { -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1 } .ekko-lightbox-nav-overlay a>:focus { outline: none } .ekko-lightbox-nav-overlay a span { padding: 0 15px; font-size: 16px; } .ekko-lightbox-nav-overlay a:last-child span { text-align: right } .ekko-lightbox-nav-overlay a:hover { text-decoration: none } .ekko-lightbox-nav-overlay a:focus { outline: none } .ekko-lightbox-nav-overlay a.disabled { cursor: default; visibility: hidden } .ekko-lightbox a:hover { opacity: 1; text-decoration: none } .ekko-lightbox .modal-dialog { display: none } .ekko-lightbox .modal-footer { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 14px; border-top: 0; padding-top: 0; } .ekko-lightbox-loader { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center } .ekko-lightbox-loader>div { width: 40px; height: 40px; position: relative; text-align: center } .ekko-lightbox-loader>div>div { width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: a 2s infinite ease-in-out; animation: a 2s infinite ease-in-out } .ekko-lightbox-loader>div>div:last-child { -webkit-animation-delay: -1s; animation-delay: -1s } .modal-dialog .ekko-lightbox-loader>div>div { background-color: #333 } @-webkit-keyframes a { 0%, to { transform: scale(0); -webkit-transform: scale(0) } 50% { transform: scale(1); -webkit-transform: scale(1) } } @keyframes a { 0%, to { transform: scale(0); -webkit-transform: scale(0) } 50% { transform: scale(1); -webkit-transform: scale(1) } } /* Recommended styles for Splitting */ .splitting .word, .splitting .char { display: inline-block; } /* Psuedo-element chars */ .splitting .char { position: relative; } /** * Populate the psuedo elements with the character to allow for expanded effects * Set to `display: none` by default; just add `display: block` when you want * to use the psuedo elements */ .splitting .char::before, .splitting .char::after { content: attr(data-char); position: absolute; top: 0; left: 0; visibility: hidden; transition: inherit; user-select: none; } /* Expanded CSS Variables */ .splitting { /* The center word index */ --word-center: calc((var(--word-total) - 1) / 2); /* The center character index */ --char-center: calc((var(--char-total) - 1) / 2); /* The center character index */ --line-center: calc((var(--line-total) - 1) / 2); } .splitting .word { /* Pecent (0-1) of the word's position */ --word-percent: calc(var(--word-index) / var(--word-total)); /* Pecent (0-1) of the line's position */ --line-percent: calc(var(--line-index) / var(--line-total)); } .splitting .char { /* Percent (0-1) of the char's position */ --char-percent: calc(var(--char-index) / var(--char-total)); /* Offset from center, positive & negative */ --char-offset: calc(var(--char-index) - var(--char-center)); /* Absolute distance from center, only positive */ --distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center)); /* Distance from center where -1 is the far left, 0 is center, 1 is far right */ --distance-sine: calc(var(--char-offset) / var(--char-center)); /* Distance from center where 1 is far left/far right, 0 is center */ --distance-percent: calc((var(--distance) / var(--char-center))); } .prod-year-badge { display:none; } @media (min-width:768px) { .prod-year-badge { max-width: 100px; padding: 0.25rem; background: #fff; max-width: 90px; display:block; position:fixed; bottom: 6rem; z-index: 99999; } } .widget-prod-ano { display: none; } @media (max-width:767.98px) { .widget-prod-ano { max-width: 90px; display: block; margin-top: -1.5rem; } }