/* components/vue-global-components/dropdown.scss, 
components/vue-global-components/combo-box.scss, 
components/vue-catalog-boxes.scss, 
components/brand-site/index/_hero.scss, 
components/brand-site/index/_icon-links.scss, 
components/youtube-player.scss, 
components/vimeo-player.scss, 
pages/index/_slider-samples.scss, 
pages/flexible-template/flexible-template.scss */
.vue-drop{position:relative;width:fit-content;--inner-padding: 15px}@media (min-width:768px){.vue-drop{--inner-padding: 20px}}.vue-drop.disabled{opacity:0.5}.vue-drop-toggle{outline:0;line-height:14px;font-size:14px;font-weight:400;color:#58595B;padding:17px 15px;display:flex;justify-content:space-between;text-decoration:none;border-radius:3px;border:1px solid rgba(0, 0, 0, 0.5)}.vue-drop-toggle.disabled{opacity:0.5;cursor:not-allowed}.vue-drop-toggle.disabled:hover,.vue-drop-toggle.disabled:focus{color:#58595B}@media (min-width:768px){.vue-drop-toggle{padding:20px;font-size:16px}}.vue-drop-toggle label{top:17px;font-size:14px;transition:font-size 0.3s, top 0.3s}@media (min-width:768px){.vue-drop-toggle label{top:20px;font-size:16px}}.vue-drop-toggle label.floating{position:absolute;color:#888991;font-weight:300;top:7px;font-size:12px}.vue-drop-toggle .selected{position:relative;top:10px}.vue-drop-toggle .icon{margin-right:8px;max-width:22px;max-height:22px}.vue-drop-toggle:not(.disabled):hover,.vue-drop-toggle:not(.disabled):focus{color:black;border-radius:5px}.vue-drop-toggle:not(.disabled):focus-visible{box-shadow:0 0 0 2px rgba(88, 89, 91, 0.35)}.vue-drop-toggle .arrow{cursor:pointer;position:absolute;top:calc(50% - 4px);stroke:#0D0D0D;z-index:5;right:20px;transform:rotate(90deg);transition:all 0.3s;width:12px;height:12px}.vue-drop-toggle[aria-expanded='true'] .arrow{transform:rotate(-90deg);stroke:#F46C42;top:calc(50% - 6px)}.vue-drop-toggle .selected-items{margin-left:5px;color:#0d0d0d;font-weight:300}.vue-drop .dropdown-menu{padding:20px 16px;border:0;box-shadow:0 12px 17px 0 rgba(0, 0, 0, 0.1);max-height:300px;overflow:auto;width:100%}.vue-drop .dropdown-menu .selection-checkbox:not(:last-child),.vue-drop .dropdown-menu .selection-radio:not(:last-child){margin-bottom:9px}.vue-drop .dropdown-menu .selection-checkbox label.checked:after,.vue-drop .dropdown-menu .selection-radio label.checked:after{display:block}.vue-drop .clear{position:absolute;top:calc(50% - 4px);stroke:#0D0D0D;z-index:5;right:50px;width:10px;height:10px}.vue-drop .clear svg{margin-top:-16px;width:100%;height:100%}
.combo-box{position:relative}.combo-box .search-box{height:100%}.combo-box .search-box .form-control{height:100%;border:1px solid rgba(0, 0, 0, 0.5);border-radius:3px;font-size:16px;padding:25px 20px 5px;padding-left:45px}.combo-box .arrow,.combo-box .clear-query{cursor:pointer;position:absolute;top:calc(50% - 4px);stroke:#0D0D0D;z-index:5}.combo-box .arrow{right:20px;transform:rotate(90deg);transition:all 0.3s;width:12px;height:12px}.combo-box .clear-query{right:50px;width:10px;height:10px}.combo-box .clear-query svg{margin-top:-16px;width:100%;height:100%}.combo-box .search-svg{position:absolute;stroke:black;top:calc(50% - 10px);left:15px;width:20px;height:20px;transform:rotate(90deg);border-width:1px}.combo-box .dropdown{position:absolute;bottom:0;top:var(--search-bar-input-height);width:100%;z-index:2}.combo-box .dropdown-menu{box-shadow:0 8px 20px 0 rgba(0, 0, 0, 0.1);max-height:275px;overflow:auto;margin:0;padding:0;list-style-type:none;position:absolute;left:0;width:100%;background:white;display:none}.combo-box .dropdown-menu.show{display:block}.combo-box .dropdown-menu::-webkit-scrollbar{-webkit-appearance:none;width:3px}.combo-box .dropdown-menu::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(0, 0, 0, 0.2);box-shadow:0 0 1px rgba(255, 255, 255, 0.5)}.combo-box .dropdown-item{font-weight:300;line-height:1;padding:15px;border:0;display:flex;align-items:center;font-size:13px;color:#58595B;outline:0;border-bottom:1px solid rgba(0, 0, 0, 0.2);width:100%;position:relative}.combo-box .dropdown-item input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:pointer}.combo-box .dropdown-item.active,.combo-box .dropdown-item:focus,.combo-box .dropdown-item:hover{background:#f7f7f7;color:black}@media (min-width:768px){.combo-box .dropdown-item{font-size:16px}}@media (min-width:992px){.combo-box .dropdown-item{padding:16px 20px;font-size:18px}}.combo-box .dropdown-item-title{padding-left:30px;direction:ltr;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.combo-box .dropdown-item-image{--aspect-ratio: calc(54 / 40 * 100%);flex:0 0 40px;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.19)}.combo-box .dropdown-toggle{width:100%;height:100%}.combo-box .dropdown-toggle:after{content:none}.combo-box .dropdown-toggle.disabled{opacity:0.5;cursor:not-allowed}.combo-box .dropdown-toggle.disabled:hover,.combo-box .dropdown-toggle.disabled:focus{color:#58595B}.combo-box .dropdown-toggle[aria-expanded='true'] .arrow{transform:rotate(-90deg);stroke:#F46C42;top:calc(50% - 6px)}.combo-box .dropdown-toggle label{top:50%;font-size:16px;transition:font-size 0.3s, top 0.3s;position:absolute;left:45px;transform:translate(0, -50%);color:#58595b}.combo-box .dropdown-toggle label.floating{color:#888991;font-weight:300;top:7px;font-size:12px;transform:unset}
.vue-catalog-boxes{margin-bottom:46px;margin-top:46px}@media (min-width:768px){.vue-catalog-boxes{margin-bottom:60px;margin-top:60px}}.vue-catalog-boxes-header{margin-bottom:15px}@media (min-width:768px){.vue-catalog-boxes-header{margin-bottom:32px}}.vue-catalog-boxes-header-title{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.vue-catalog-boxes-header-title .title{font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif}.vue-catalog-boxes-header .desc{font-size:16px;line-height:20px;font-weight:300;color:var(--color-secondary);margin-bottom:0}@media (min-width:768px){.vue-catalog-boxes-header .desc{font-size:20px;line-height:30px}}.vue-catalog-boxes-items{--column-gap: 14px;--row-gap: 14px;display:grid;grid-gap:var(--row-gap) var(--column-gap);grid-template-columns:1fr 1fr;align-items:unset}@media (min-width:768px){.vue-catalog-boxes-items{--column-gap: 20px;--row-gap: 20px;grid-template-columns:1fr 1fr 1fr}}@media (min-width:992px){.vue-catalog-boxes-items{grid-template-columns:1fr 1fr 1fr 1fr}}@media (min-width:1260px){.vue-catalog-boxes-items{grid-template-columns:repeat(5, calc(20% - 16px))}}.vue-catalog-boxes-items .limited-badge{pointer-events:none;position:absolute;left:0;top:69px;font-size:12px;line-height:22px;padding:0 11px;color:#58595b;font-weight:500;z-index:1;width:max-content;background-color:#d5d5d5;font-size:12px}.vue-catalog-boxes-items .btn-framed:disabled{color:#000 !important;--icon-color: #000 !important;background:transparent;border:2px solid #000 !important;opacity:0.65}
#hero{--goto-x: -100px;--goto-y: -100px;will-change:--goto-x, --goto-y;min-height:600px;position:relative}#hero .swiper-slide{position:relative}@media (min-width:992px){#hero .swiper-slide.porcelain .content-layer .content-layer-text{padding-bottom:50px}}#hero .swiper-slide.porcelain .content-layer .symbol{position:absolute;bottom:0;left:0;width:100%;margin-top:0}#hero .swiper-slide.porcelain .content-layer .symbol img{max-width:319px}#hero .background,#hero .background img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#hero .background img{object-fit:cover}#hero .background .video-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}#hero .background .video-container .video-ratio{position:absolute;transform:translate(-50%, -50%);height:100%;top:50%;left:50%;width:0;overflow:hidden}@media (max-width:767px){#hero .background .video-container .video-ratio{padding:0 calc(100vh * 9 / 16) 0 0}}@media (max-width:767px){body.hero-min-ratio-9-16 #hero .background .video-container .video-ratio{height:0;width:100%;padding:calc(16 / 9 * 100%) 0 0}}@media (min-width:768px){#hero .background .video-container .video-ratio{padding:0 calc(100vh / (1080 / 1920)) 0 0}}@media (min-width:768px){body.hero-min-ratio-16-9 #hero .background .video-container .video-ratio{height:0;width:100%;padding:calc(1080 / 1920 * 100%) 0 0}}#hero .background .video-container .video-ratio .video-iframe-wrapper,#hero .background .video-container .video-ratio img{position:absolute;width:100%;height:100%;top:0;left:0}#hero .background .video-container .video-ratio img{z-index:0;object-fit:initial}#hero .background .video-container .video-ratio .video-iframe-wrapper{z-index:1}#hero .background .video-container .video-ratio .video-iframe-wrapper iframe{border:0;width:100%;height:100%}#hero .background:after{z-index:2;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.18;background:linear-gradient(black, rgba(0, 0, 0, 0))}#hero .hold-container{z-index:1;display:flex;align-items:center;height:100vh;min-height:600px;--t-top-space: 64px;--t-width: 220px;--t-wrap-width: 0px;--b-width: 54vw;--b-max-width: 280px}@media (min-width:768px){#hero .hold-container{--t-width: 235px}}@media (min-width:992px){#hero .hold-container{--t-width: 270px;--t-wrap-width: calc(6.51vw + var(--t-width))}}@media (min-width:1260px){#hero .hold-container{--t-width: 335px}}@media (min-width:768px){#hero .hold-container{--b-wanted-height: ((100vh - 100px) * 0.575);--b-width: calc(var(--b-wanted-height) / 1.628742515);--b-max-width: 350px}}@media (min-width:992px){#hero .hold-container{--b-wanted-height: (100vh - 300px) * 0.95;--b-width: calc(var(--b-wanted-height) / 1.628742515);--b-max-width: calc(100% - var(--header-x-gap) * 3 - var(--t-max-width) * 2)}}@media (min-width:992px) and (min-height:1300px){#hero .hold-container{--b-wanted-height: (100vh - 300px) * 0.9}}@media ((min-width:  500px) and (max-width: 992px) and (min-height: 300px) and (max-height: 500px)){#hero .hold-container{--b-wanted-height: (80vh) * 0.95;--b-width: calc(var(--b-wanted-height) / 1.628742515);--b-max-width: calc(100% - var(--header-x-gap) * 3 - var(--t-max-width) * 2);--t-width: calc(var(--b-wanted-height) / 1.628742515);--t-wrap-width: calc(6.51vw + var(--t-width))}}#hero .hold-container.desktop-no-rect{--t-wrap-width: calc(17.01vw + var(--t-width))}@media (min-width:992px){#hero .hold-container.desktop-no-rect .box{display:none}}#hero .hold-container .hold-wrapper{flex-shrink:0;width:100%;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}@media ((min-width:  500px) and (max-width: 992px) and (min-height: 300px) and (max-height: 500px)){#hero .hold-container .hold-wrapper{flex-direction:row-reverse;align-items:stretch;justify-content:center}#hero .hold-container .hold-wrapper:before{content:"";display:inline-block;flex-shrink:0;width:var(--t-wrap-width);height:20px}#hero .hold-container .hold-wrapper .box{margin:0}#hero .hold-container .hold-wrapper .content-layer{margin:0;max-width:initial;flex-shrink:0;width:var(--t-wrap-width);display:inline-block}#hero .hold-container .hold-wrapper .content-layer-text{top:50%;transform:translateY(-50%)}#hero .hold-container .hold-wrapper .content-layer-text>*{margin:auto}#hero .hold-container .hold-wrapper.reversed{flex-direction:row}}@media (min-width:992px){#hero .hold-container .hold-wrapper{flex-direction:row-reverse;align-items:stretch;justify-content:center;align-items:center}#hero .hold-container .hold-wrapper:before{content:"";display:inline-block;flex-shrink:0;width:var(--t-wrap-width);height:20px}#hero .hold-container .hold-wrapper.reversed{flex-direction:row}}#hero .hold-container .hold-wrapper.container{justify-content:flex-end;--t-wrap-width: 50%;--t-width: 100%}#hero .hold-container .hold-wrapper.container .content-layer{max-width:504px;min-width:320px;margin:0}@media (min-width:768px){#hero .hold-container .hold-wrapper.container .content-layer{min-width:420px}}#hero .hold-container .hold-wrapper.container .content-layer-text{transform:translate(0, -50%)}#hero .hold-container .box{flex-grow:0;width:var(--b-width);max-width:var(--b-max-width);margin:0 auto}@media (min-width:992px){#hero .hold-container .box{margin:0}}#hero .hold-container .box .ratio{pointer-events:none}#hero .hold-container .box .ratio .svg{width:100%;height:100%;fill:transparent;stroke-width:4px;stroke:white}#hero .hold-container .content-layer{position:relative;width:var(--b-width);max-width:var(--b-max-width);margin:var(--t-top-space) auto 0;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity 1s, transform 1s, visibility 1s}#hero .swiper-container .swiper-slide-active .content-layer{opacity:1;transform:none;visibility:visible}@media (min-width:992px){#hero .hold-container .content-layer{margin:0;max-width:initial;flex-shrink:0;width:var(--t-wrap-width);display:inline-block}}#hero .hold-container .content-layer .title-text{line-height:1.2;color:white;font-weight:bold;font-size:25px;width:var(--t-width);margin-bottom:0;font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif}@media (max-width:991px){#hero .hold-container .content-layer .title-text.not-only-title{margin-top:-6px}}@media (min-width:768px){#hero .hold-container .content-layer .title-text{font-size:30px}}@media (min-width:992px){#hero .hold-container .content-layer .title-text{font-size:39px}}#hero .hold-container .content-layer .subtitle-text{line-height:1.2;color:white;font-weight:bold;font-size:20px;width:var(--t-width);margin-bottom:0;font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif}@media (max-width:991px){#hero .hold-container .content-layer .subtitle-text.not-only-title{margin-top:-6px}}@media (min-width:768px){#hero .hold-container .content-layer .subtitle-text{font-size:26px}}@media (min-width:992px){#hero .hold-container .content-layer .subtitle-text{font-size:35px}}#hero .hold-container .content-layer .subtext{color:white;font-size:14px;font-weight:400;line-height:1.3;display:block;width:var(--t-width);margin-top:10px;margin-bottom:0}@media (min-width:768px){#hero .hold-container .content-layer .subtext{font-size:16px;margin-top:15px}}@media (min-width:1260px){#hero .hold-container .content-layer .subtext{font-size:20px;margin-top:30px}}#hero .hold-container .content-layer .btn{--icon-color: white;--text-color: white;margin-top:10px;font-weight:600}#hero .hold-container .content-layer .btn.btn-framed{margin-top:25px;z-index:2;border-color:white;width:max-content}#hero .hold-container .content-layer .btn.btn-framed:hover,#hero .hold-container .content-layer .btn.btn-framed:focus{--background-color: white;--icon-color: black;--text-color: black}#hero .hold-container .content-layer .btn:after{background-color:white}#hero .hold-container .content-layer .symbol{margin-top:25px;display:none}@media (min-width:992px){#hero .hold-container .content-layer .symbol{display:block}}#hero .hold-container .content-layer .symbol .logo{fill:white;color:white;width:calc(var(--header-logo-width) * 1.16);height:calc(var(--header-logo-height) * 1.16)}@media (max-width:767px){#hero .hold-container .content-layer.empty-mobile-video .content-layer-text.video:first-child{opacity:unset;visibility:unset}#hero .hold-container .content-layer.empty-mobile-video .content-layer-text.video:not(:first-child){display:none}}#hero .hold-container.with-logo .hold-wrapper:before{content:unset}#hero .hold-container.with-logo .content-layer{--t-top-space: 25px}@media (min-width:992px){#hero .hold-container.with-logo .content-layer{--t-top-space: 64px}}#hero .hold-container .video-controls{display:none;position:absolute;grid-auto-flow:column;grid-gap:15px;z-index:2;left:19px;bottom:19px}@media (min-width:768px){#hero .hold-container .video-controls{left:calc((100% - 720px) / 2 + 19px)}#hero .hold-container .video-controls.tabs-hero{left:40px}}@media (min-width:992px){#hero .hold-container .video-controls{left:calc((100% - 960px) / 2 + 19px)}#hero .hold-container .video-controls.tabs-hero{left:40px}}@media (min-width:1260px){#hero .hold-container .video-controls{left:calc((100% - 1210px) / 2 + 19px)}#hero .hold-container .video-controls.tabs-hero{left:40px}}@media (min-width:1400px){#hero .hold-container .video-controls{left:calc((100% - 1320px) / 2 + 19px)}#hero .hold-container .video-controls.tabs-hero{left:40px}}@media (min-width:1920px){#hero .hold-container .video-controls{left:calc((100% - 1600px) / 2 + 19px)}#hero .hold-container .video-controls.tabs-hero{left:40px}}.bg-video-playing~.hold-container .video-controls{display:grid !important}#hero .hold-container .video-controls .toggle{display:flex}@media (max-width:991px){#hero .hold-container .video-controls .toggle{outline:0}}#hero .hold-container .video-controls .toggle svg{flex-shrink:0;flex-grow:0;display:block;width:20px;height:20px;fill:white;stroke:white}#hero .hold-container .video-controls .toggle .on{display:none}#hero .hold-container .video-controls .toggle.state-on .on{display:block}#hero .hold-container .video-controls .toggle.state-on .off{display:none}#hero .hold-container .content-layer-text{position:absolute;left:0;width:100%;top:0}#hero .hold-container .content-layer-text.video{opacity:0;visibility:hidden;transition:opacity 0.6s, visibility 0.6s}@media (min-width:992px){#hero .hold-container .content-layer-text{top:50%;transform:translateY(-50%)}}#hero .hold-container .content-layer-text.icon{display:none}@media (min-width:992px){#hero .hold-container .content-layer-text.icon{display:flex;position:relative}}#hero .hold-container .content-layer-text.icon .pebbles-logo{margin-left:auto;width:100%;height:100%;max-width:145px;max-height:92px}@media (min-width:992px){#hero .hold-container .content-layer-text.icon .pebbles-logo{max-width:301px;max-height:190px}}#hero .hold-container .content-layer-text.icon .porcelain-logo{margin-left:auto;width:100%;height:100%;max-width:145px;max-height:92px}@media (min-width:992px){#hero .hold-container .content-layer-text.icon .porcelain-logo{max-width:301px;max-height:230px;height:230px}}#hero .hold-container .content-layer-text.active{opacity:1;visibility:visible}#hero .hold-container .content-layer-text.force-ltr .title-text{direction:ltr;text-align:left}#hero .hold-container .content-layer-text.minified{transition:opacity 0.1s, visibility 0.1s}@media (min-width:992px){#hero .hold-container .content-layer-text.minified{transform:none;top:auto;bottom:0}}#hero .hold-container .content-layer-text.minified .title-text{font-size:20px}@media (min-width:992px){#hero .hold-container .content-layer-text.minified .title-text{font-size:26px}}#hero .hold-container .content-layer-text.minified .subtext,#hero .hold-container .content-layer-text.minified .btn{display:none}@media (max-width:991px){#hero .hold-container .content-layer-text.mobile-null-mt{margin-top:calc(-1 * var(--t-top-space) + 20px)}}@media (max-width:991px){#hero .hold-container.mobile-no-rect .box{display:none}}@media (max-width:991px){#hero .hold-container.mobile-no-rect .content-layer{--t-top-space: 0}}#hero .hold-container.no-rect .box{display:none}#hero .hold-container.no-rect .content-layer{--t-top-space: 0}#hero .hold-container .pebbles-logo-mobile{position:absolute;left:0;width:100%;bottom:60px;padding:0 var(--header-x-gap)}#hero .hold-container .pebbles-logo-mobile .content-layer-text.icon{display:block;position:relative}@media (min-width:992px){#hero .hold-container .pebbles-logo-mobile{display:none}}#hero .controls{z-index:2;position:absolute;right:19px;bottom:19px;color:white;font-weight:300;font-size:16px;direction:ltr}@media (min-width:768px){#hero .controls{right:calc((100% - 720px) / 2 + 19px)}}@media (min-width:992px){#hero .controls{right:calc((100% - 960px) / 2 + 19px)}}@media (min-width:1260px){#hero .controls{right:calc((100% - 1210px) / 2 + 19px)}}@media (min-width:1400px){#hero .controls{right:calc((100% - 1320px) / 2 + 19px)}}@media (min-width:1920px){#hero .controls{right:calc((100% - 1600px) / 2 + 19px)}}#hero .controls .swiper-pagination{position:static !important;white-space:nowrap}#hero .controls .swiper-pagination .swiper-pagination-current{font-weight:bold}#hero #hero-goto{display:none}@media (min-width:768px){#hero #hero-goto{display:block}}#hero #hero-goto .side{position:absolute;top:0;width:0;height:100%;z-index:5}#hero #hero-goto .prev-side{left:0}#hero #hero-goto .prev-side .hero-goto{left:19px}#hero #hero-goto .next-side{right:0}#hero #hero-goto .next-side .hero-goto{right:19px}#hero #hero-goto .hero-goto{position:absolute;top:calc(50% - 15px);display:flex;width:37px;height:31px;color:white}#hero #hero-goto .hero-goto.next svg{transform:rotate(180deg)}#hero #hero-goto .hero-goto svg{transition:transform 0.35s;width:100%;height:100%}#hero #hero-goto .hover-control{pointer-events:none;z-index:6;position:fixed;top:0;left:0;display:none;visibility:hidden;opacity:0;transition:opacity 0.15s, visibility 0.2s;will-change:transform;transform:translate3d(var(--goto-x), var(--goto-y), 0)}#hero.gradient-header:before{z-index:5}#hero .thumbs-swiper{bottom:var(--thumbs-height, 130px)}#hero .thumbs-swiper .swiper-slide{position:relative;display:flex;justify-content:center;align-items:center;padding:13px 20px;background:rgba(255, 255, 255, 0.07);height:auto;border:1px solid rgba(255, 255, 255, 0.3);border-left:none;backdrop-filter:blur(4px)}@media (min-width:768px){#hero .thumbs-swiper .swiper-slide{padding:35px 70px}}#hero .thumbs-swiper .swiper-slide-thumb-active{background:rgba(255, 255, 255, 0.25);backdrop-filter:blur(7px)}#hero .thumbs-swiper .swiper-slide a{color:white;text-decoration:none;font-size:18px;line-height:1.44}@media (min-width:768px){#hero .thumbs-swiper .swiper-slide a{font-size:22px;line-height:1.36}}#hero .thumbs-swiper .swiper-wrapper:before{content:"";position:absolute;top:0;left:0;width:var(--tabs-progress, 0%);height:3px;background:white;z-index:2}#hero .thumbs-swiper .swiper-wrapper:after{content:"";position:absolute;top:0;left:var(--tabs-progress, 0%);width:0%;height:3px;background:white;z-index:2}#hero.init-bar-animation .thumbs-swiper .swiper-wrapper:after{width:var(--tab-width, 0%);transition:var(--bar-transition, none)}#hero.tabs-hero{margin-bottom:calc(var(--thumbs-height, 130px) * -1)}#hero.tabs-hero .video-controls{margin-bottom:var(--thumbs-height, 130px);z-index:2}#hero.tabs-hero .italic,#hero.tabs-hero a:not(.btn){font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif;font-weight:400}#hero.tabs-hero .italic .arrow,#hero.tabs-hero a:not(.btn) .arrow{display:none}#hero.tabs-hero .italic.italic,#hero.tabs-hero a:not(.btn).italic{font-weight:900}#hero.tabs-hero .content-layer .title-text{font-size:42px;line-height:1.14;margin-bottom:20px;font-weight:400;font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif}@media (min-width:768px){#hero.tabs-hero .content-layer .title-text{font-size:65px;line-height:1.07;margin-bottom:32px}}#hero.tabs-hero .content-layer .subtitle-text{font-size:22px;line-height:1.14;margin-bottom:20px;font-weight:400;font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif}@media (min-width:768px){#hero.tabs-hero .content-layer .subtitle-text{font-size:40px;line-height:1.07;margin-bottom:32px}}#hero.dark .hold-container .video-controls .toggle svg,#hero.dark .hold-container .content-layer .btn.btn-framed{border-color:black;--icon-color: black;--text-color: black}#hero.dark .hold-container .video-controls .toggle svg:hover,#hero.dark .hold-container .video-controls .toggle svg:focus,#hero.dark .hold-container .content-layer .btn.btn-framed:hover,#hero.dark .hold-container .content-layer .btn.btn-framed:focus{--background-color: black;--icon-color: white;--text-color: white}#hero.dark .thumbs-swiper .swiper-wrapper:before,#hero.dark .thumbs-swiper .swiper-wrapper:after{background:black}#hero.dark .thumbs-swiper .swiper-slide{background:rgba(0, 0, 0, 0.07);border:1px solid rgba(0, 0, 0, 0.3)}#hero.dark .thumbs-swiper .swiper-slide-thumb-active{background:rgba(0, 0, 0, 0.25)}#hero.dark .thumbs-swiper a{color:black}#hero.dark .content-layer .title-text{color:black}#hero.basic-hero{min-height:unset}#hero.basic-hero .btn-framed.btn-framed-blur{background:rgba(201, 201, 201, 0.1);backdrop-filter:blur(12px);margin-top:0 !important}#hero.basic-hero .hold-container .hold-wrapper{display:flex;justify-content:center;padding-left:calc(var(--rest-of-width, 60px));height:100%}@media (min-width:992px){#hero.basic-hero .hold-container .hold-wrapper{justify-content:start}}@media (min-width:1400px){#hero.basic-hero .hold-container .hold-wrapper{padding-left:calc(var(--rest-of-width, 60px) / 2)}}#hero.basic-hero .hold-container .content-layer{margin-inline:0}#hero.basic-hero .hold-container .content-layer .title-text{font-size:42px;line-height:1.1;margin-bottom:20px;font-weight:300;font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif}@media (min-width:768px){#hero.basic-hero .hold-container .content-layer .title-text{font-size:65px;margin-bottom:32px}}#hero.basic-hero .hold-container .content-layer .title-text span,#hero.basic-hero .hold-container .content-layer .title-text #text{font-weight:300;font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif}#hero.basic-hero .hold-container .content-layer .title-text span.italic,#hero.basic-hero .hold-container .content-layer .title-text #text.italic{font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif;font-weight:900}#hero.basic-hero .hold-container .content-layer .subtitle-text{font-size:22px;line-height:1.1;margin-bottom:30px;font-weight:300;font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif}@media (min-width:768px){#hero.basic-hero .hold-container .content-layer .subtitle-text{font-size:40px;margin-bottom:32px}}#hero.basic-hero .hold-container .content-layer .subtitle-text span,#hero.basic-hero .hold-container .content-layer .subtitle-text #text{font-weight:300;font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif}#hero.basic-hero .hold-container .content-layer .subtitle-text span.italic,#hero.basic-hero .hold-container .content-layer .subtitle-text #text.italic{font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif;font-weight:900}#hero.basic-hero .hold-container .content-layer-text{position:relative;transform:unset;top:unset;--t-width: 300px}@media (min-width:768px){#hero.basic-hero .hold-container .content-layer-text{--t-width: 687px}}#hero.basic-hero .hold-container .content-layer-text .subtext{margin-bottom:25px}#hero.basic-hero .hold-container .content-layer .btn-framed{background:rgba(201, 201, 201, 0.1);backdrop-filter:blur(12px);margin-top:0 !important}#hero.basic-hero .hold-container .content-layer .btn-framed:hover,#hero.basic-hero .hold-container .content-layer .btn-framed:focus{--icon-color: white;--text-color: white}
.icon-links{margin-top:10px;overflow:hidden}@media (min-width:768px){.icon-links{margin-top:135px}}.icon-links .title{padding-top:60px;line-height:1.2;letter-spacing:-0.3px;text-align:center}@media (min-width:768px){.icon-links .title{letter-spacing:0}}.icon-links ul{list-style-type:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:20px;grid-row-gap:60px}@media (min-width:992px){.icon-links ul{grid-template-columns:1fr 1fr 1fr 1fr}}.icon-links[data-total='2'] ul{grid-template-columns:1fr 1fr}.icon-links[data-total='2'] ul li{grid-column-end:span 1}.icon-links[data-total='3'] ul{grid-template-columns:1fr 1fr;grid-row-gap:25px}.icon-links[data-total='3'] ul li:nth-child(3){grid-column-end:span 2}@media (min-width:768px){.icon-links[data-total='3'] ul{grid-template-columns:1fr 1fr 1fr}.icon-links[data-total='3'] ul li:nth-child(3){grid-column-end:span 1}}@media (min-width:992px){.icon-links[data-total='6'] ul{grid-template-columns:repeat(3, 1fr)}}@media (min-width:992px){.icon-links[data-total='8'] ul{grid-template-columns:repeat(6, 1fr)}.icon-links[data-total='8'] ul li{grid-column-end:span 2}.icon-links[data-total='8'] ul li:nth-child(1){grid-column-start:2;margin-bottom:40px}}.icon-links[data-total='9'] ul{grid-template-columns:1fr 1fr;grid-row-gap:25px}.icon-links[data-total='9'] ul li:nth-child(9){grid-column-end:span 2}@media (min-width:768px){.icon-links[data-total='9'] ul{grid-template-columns:1fr 1fr 1fr}.icon-links[data-total='9'] ul li:nth-child(9){grid-column-end:span 1}}@media (min-width:992px){.icon-links[data-total='3'] ul,.icon-links[data-total='6'] ul,.icon-links[data-total='8'] ul,.icon-links[data-total='9'] ul{max-width:1000px;margin-right:auto;margin-left:auto}}.icon-links li{display:block;text-align:center;margin-top:50px}.icon-links li.disabled{filter:grayscale(1);pointer-events:none}.icon-links li .wrap{display:inline-flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;text-transform:capitalize;text-decoration:none !important}.icon-links li .wrap .icon-wrapper{height:67px;width:110px;display:flex;align-items:flex-end;position:relative}.icon-links li .wrap .icon-wrapper .show-length:after{content:attr(data-list-length);right:14px;position:absolute;top:4px;background:#F46C42;color:#fff;width:18px;height:18px;line-height:18px;border-radius:100%;font-size:11px;z-index:1}.icon-links li .wrap .icon-wrapper.pebbles-animation .lottie{width:75px !important;height:108px !important;right:0 !important;left:-10px !important;top:-30px !important;margin:auto}@media (min-width:768px){.icon-links li .wrap .icon-wrapper.pebbles-animation .lottie{top:-20px !important}}.icon-links li .wrap .icon-wrapper .show-length:after{content:attr(data-list-length);right:14px;position:absolute;top:4px;background:#F46C42;color:#fff;width:18px;height:18px;line-height:18px;border-radius:100%;font-size:11px;z-index:1}.icon-links li .wrap .icon-wrapper [data-list-length="0"]{display:none}.icon-links li .wrap .icon-wrapper .show-length:after{content:attr(data-list-length);right:14px;position:absolute;top:4px;background:#F46C42;color:#fff;width:18px;height:18px;line-height:18px;border-radius:100%;font-size:11px;z-index:1}.icon-links li .wrap img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:contain;mix-blend-mode:darken}.icon-links li .wrap .lottie{--icon-size: 140px;background:transparent;mix-blend-mode:darken;width:var(--icon-size);height:var(--icon-size);position:absolute;top:calc(50% - var(--icon-size) / 2);left:calc(50% - var(--icon-size) / 2);pointer-events:none}@media (min-width:576px){.icon-links li .wrap .lottie{--icon-size: 175px}}@media (min-width:768px){.icon-links li .wrap .lottie{--icon-size: 200px}}.icon-links li .wrap.linkable-wrapper{cursor:pointer}.icon-links li .wrap .text{text-decoration:none;padding-top:8px;display:block;max-width:150px;font-size:14px;line-height:1.7;font-weight:400;letter-spacing:1.1px;color:#0D0D0D;transition:color 0.2s;position:relative}@media (min-width:768px){.icon-links li .wrap .text{padding-top:25px;font-size:18px;letter-spacing:1.4px;line-height:1.2;max-width:210px}}.icon-links li .wrap .text .arrow{width:0;height:0;position:relative;visibility:hidden;opacity:0;vertical-align:baseline;transition:opacity 0.3s, visibility 0.3s, transform 0.3s;display:inline-block;transform:translateX(-5px)}.icon-links li .wrap .text .arrow svg{position:absolute;bottom:0;left:0;width:19px;height:12px;stroke:#F46C42}.icon-links li .wrap .subtext{display:block;margin:4px auto 0;font-size:16px;line-height:20px;font-weight:300;color:#58595B;max-width:230px}@media (min-width:768px){.icon-links li .wrap .subtext{font-size:18px;line-height:26px}}.icon-links li .wrap .btn-link{margin-top:8px}.icon-links li .wrap.linkable-wrapper:hover .text,.icon-links li .wrap .text[href]:hover,.icon-links li .wrap .text[href]:focus{color:black;font-weight:bold}.icon-links li .wrap.linkable-wrapper:hover .text .arrow,.icon-links li .wrap .text[href]:hover .arrow,.icon-links li .wrap .text[href]:focus .arrow{transform:none;opacity:1;visibility:visible}.icon-links.v2 li .wrap{text-transform:initial}.icon-links.v2 li .wrap .text{letter-spacing:0;font-size:16px;font-weight:400;color:#0d0d0d;margin-bottom:0}@media (min-width:768px){.icon-links.v2 li .wrap .text{font-size:18px}}.icon-links.v3{display:flex;flex-wrap:wrap;margin-bottom:60px}@media (min-width:768px){.icon-links.v3{margin-bottom:135px}}@media (min-width:992px){.icon-links.v3{gap:40px;flex-wrap:nowrap;align-items:center}}.icon-links.v3 .title{text-align:unset;font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif;display:none}@media (min-width:992px){.icon-links.v3 .title.desktop-title{padding-top:0;display:block}}@media (max-width:992px){.icon-links.v3 .title.mobile-title{width:100%;display:block}}@media (max-width:992px){.icon-links.v3 ul{margin:auto;grid-gap:60px}}@media (max-width:768px){.icon-links.v3 ul{margin:0;grid-gap:10px}}@media (min-width:992px){.icon-links.v3 ul{max-width:100%;margin-right:0;margin-left:auto;grid-column-gap:40px}}@media (min-width:1260px){.icon-links.v3 ul{grid-column-gap:100px}}@media (max-width:768px){.icon-links.v3 ul{margin-top:28px;grid-template-columns:1fr}}.icon-links.v3 ul li{margin-top:0}@media (max-width:768px){.icon-links.v3 ul li{width:100%;grid-column-end:unset !important}.icon-links.v3 ul li .linkable-wrapper{flex-direction:row;width:100%;justify-content:flex-start}.icon-links.v3 ul li .icon-wrapper{height:60px;width:60px}.icon-links.v3 ul li .icon-wrapper .lottie{--icon-size: 110px}}@media (max-width:768px){.icon-links.v3 .wrap .text{font-size:16px;width:100%;max-width:100%;margin-left:20px;padding-top:0;text-align:left}}@media (min-width:768px){.icon-links.v3 .wrap .text{max-width:135px;font-size:16px}}@media (min-width:1260px){.icon-links.v3 .wrap .text{max-width:135px;font-size:18px}}
.youtube{width:100%;height:100%}.youtube__loader{top:0;left:0;right:0;bottom:0;z-index:1;margin:auto;display:none;position:absolute}.buffering .youtube__loader{display:block}.youtube__thumb{width:100%;height:100%;transition:none !important}.playing .youtube__thumb{opacity:0 !important;transition:0.5s opacity ease-in-out !important}.youtube__frame{opacity:0;width:100%;height:100%;pointer-events:none}.playing .youtube__frame{opacity:1}.youtube__controls{bottom:0;opacity:0;left:0;margin:15px;display:flex;position:absolute;align-items:center;transition:0.35s opacity ease}.ready .youtube__controls{opacity:1}.youtube__control{border:none;background:none;margin-right:10px}.youtube__control svg{fill:#fff;stroke:#fff;width:20px;height:20px;transition:0.2s fill ease-in-out}.youtube__control:focus:not(:focus-visible){outline:0}.youtube__control:hover svg{fill:#F46C42;stroke:#F46C42}.playing .youtube__play{display:none}.youtube__pause{display:none}.playing .youtube__pause{display:block}.muted .youtube__mute{display:none}.youtube__unmute{display:none}.muted .youtube__unmute{display:block}.youtube iframe.iframe-video{min-width:100%;min-height:100%;width:100%;height:100%}.youtube .video-controls{display:flex;position:absolute;grid-auto-flow:column;grid-gap:15px;left:calc(19px);bottom:19px}@media (min-width:768px){.youtube .video-controls{left:calc((100% - 720px) / 2 + 19px * 2)}}@media (min-width:992px){.youtube .video-controls{left:calc((100% - 960px) / 2 + 19px * 2)}}@media (min-width:1260px){.youtube .video-controls{left:calc((100% - 1210px) / 2 + 19px * 2)}}@media (min-width:1400px){.youtube .video-controls{left:calc((100% - 1320px) / 2 + 19px * 2)}}@media (min-width:1920px){.youtube .video-controls{left:calc((100% - 1600px) / 2 + 19px * 2)}}.bg-video-playing .video-controls{display:grid !important}.youtube .video-controls .toggle{display:flex}@media (max-width:991px){.youtube .video-controls .toggle{outline:0}}.youtube .video-controls .toggle svg{flex-shrink:0;flex-grow:0;display:block;width:20px;height:20px;fill:white;stroke:white}.youtube .video-controls .toggle .on{display:none}.youtube .video-controls .toggle.state-on .on{display:block}.youtube .video-controls .toggle.state-on .off{display:none}
.vimeo-video-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.vimeo-video-container .video-ratio{position:absolute;transform:translate(-50%, -50%);top:50%;left:50%;width:100%;overflow:hidden;height:100%;overflow:hidden}@media (min-width:768px){.vimeo-video-container .video-ratio{height:140%}}@media (min-width:992px){.vimeo-video-container .video-ratio{height:0;padding:calc(1080 / 1920 * 100%) 0 0}}.vimeo-video-container .video-iframe-wrapper{position:absolute;left:0;top:0;z-index:1;height:100%;width:100%}.vimeo-video-container .video-iframe-wrapper iframe{border:0;width:100%;height:100%}
.slider-samples{display:flex;margin-top:60px;gap:25px;flex-direction:column;padding-left:var(--bs-gutter-x, 19px);position:relative;z-index:1}@media (min-width:768px){.slider-samples{padding:0;gap:74px;margin-top:92px;margin-bottom:92px;margin-left:var(--rest-of-width)}}@media (min-width:992px){.slider-samples{flex-direction:row}}.slider-samples>.spinner-border{position:absolute;left:0;right:0;margin:auto;z-index:2;top:30%;width:4rem;height:4rem;border-width:2px}.slider-samples .swiper{opacity:0}.slider-samples .swiper.locked .swiper-wrapper{justify-content:center}.slider-samples.init .swiper{opacity:1}.slider-samples.init .spinner-border{display:none}.slider-samples .swiper{padding-bottom:30px;width:100%;height:unset;margin-left:0;transition:margin-left 2.5s ease}.slider-samples .swiper.entrance-animation{margin-left:100%;transition:margin-left 0.3s ease}.slider-samples .swiper-slide{width:100%;display:flex;flex-direction:column}@media (max-width:768px){.slider-samples .title-t1{font-size:28px}}.slider-samples-content{width:100%;display:flex}@media (min-width:992px){.slider-samples-content{display:block;max-width:226px}}.slider-samples-content .title-t1{color:#000}.slider-samples-navigation{display:flex;gap:10px;margin-right:auto;margin-left:0;padding-right:20px;margin-left:25px;margin-top:auto;width:100%;padding-left:0}@media (min-width:768px){.slider-samples-navigation{margin-top:30px;margin-right:0;margin-left:auto}}.slider-samples-navigation .swiper-button-prev,.slider-samples-navigation .swiper-button-next{position:relative;color:#0d0d0d;inset:unset;margin:0;border:1px solid;border-radius:50%;width:28px;height:28px;--swiper-navigation-size: 10px}@media (min-width:576px){.slider-samples-navigation .swiper-button-prev,.slider-samples-navigation .swiper-button-next{width:37px;height:37px;--swiper-navigation-size: 16px}}.slider-samples.entrance-animation .circles-navigation{opacity:0}.slider-samples.is-full{flex-direction:column-reverse;margin-block:50px 60px;gap:0;overflow:hidden}.slider-samples.is-full.with-title{flex-direction:column}.slider-samples.is-full.with-title .slider-samples-content{display:block;max-width:100%;padding-left:var(--rest-of-width);margin-bottom:40px}.slider-samples.is-full.with-title .slider-samples-content .title-t1{max-width:725px}.slider-samples.is-full.animated-entrance .swiper.locked .swiper-wrapper{justify-content:center}.slider-samples.is-full.animated-entrance .swiper.locked .swiper-wrapper .swiper-slide:last-child{margin-right:0}@media (min-width:992px){.slider-samples.is-full{margin-block:70px 130px;margin-left:unset}.slider-samples.is-full .slider-samples-navigation{margin-top:0}.slider-samples.is-full .slider-samples-navigation .swiper-button-prev,.slider-samples.is-full .slider-samples-navigation .swiper-button-next{position:absolute;top:40%;width:42px;height:42px;--swiper-navigation-size: 13px;color:#000;transform:translateY(calc(-50% - 20px))}.slider-samples.is-full .slider-samples-navigation .swiper-button-prev{left:20px}.slider-samples.is-full .slider-samples-navigation .swiper-button-next{right:20px}}.slider-samples.is-full .swiper-slide{height:auto;display:flex;flex-direction:column}.slider-samples.is-full .swiper-slide.stone{height:unset !important}.slider-samples.is-full .stone{height:100%}@media (max-width:576px){.slider-samples.is-full .stone{max-width:227px}}.slider-samples.is-full .stone-bottom{flex-grow:1;display:flex;flex-direction:column}.slider-samples.is-full .stone-bottom .btn{justify-self:end}.slider-samples.is-full .low-silica-badge{top:unset}.slider-samples.is-full .stone-terms{margin-bottom:20px;flex-wrap:wrap}@media (min-width:992px){.slider-samples.is-full .stone-terms{margin-bottom:35px}}.slider-samples .stone{justify-content:stretch;height:100% !important}