/* components/vue-global-components/dropdown.scss, 
components/vue-global-components/combo-box.scss, 
components/vue-catalog-boxes.scss, 
pages/sample/sample-hero.scss, 
pages/sample/sample-faq.scss, 
components/youtube-player.scss, 
components/vimeo-player.scss, 
components/collapse-group.scss, 
pages/sample/collapse.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}
#page-head{margin-top:0}#page-head .video-ratio{height:0;padding:130%}@media (min-width:768px){#page-head .video-ratio{padding:75%}}@media (min-width:992px){#page-head .video-ratio{padding:calc(1080 / 1920 * 100%) 0 0}}#page-head .content{min-height:600px;color:white}@media (min-width:768px){#page-head .content{min-height:550px}}#page-head .content.dark-text .content-title,#page-head .content.dark-text .content-subtitle{color:black}#page-head .content.dark-text .page-head-button{--text-color: black;--icon-color: black}#page-head .content.dark-text .page-head-button:hover{border:2px solid white;background:white}#page-head .content .content-title{font-size:40px;line-height:1.12;margin-bottom:10px;font-weight:400;max-width:unset}@media (min-width:768px){#page-head .content .content-title{font-size:70px;line-height:1.21;margin-bottom:15px}}#page-head .content .content-subtitle{font-size:18px;line-height:1.5;font-weight:400;max-width:unset}@media (min-width:768px){#page-head .content .content-subtitle{font-size:28px;line-height:1.36}}#page-head .content .page-head-button{--text-color: white;--icon-color: white;border:2px solid var(--text-color)}#page-head .content .page-head-button:hover{border:2px solid black}
.btn.btn-framed{font-size:16px}@media (max-width:768px){#contact-rep-vue{margin-bottom:1px}}.main-description{margin-top:50px;margin-bottom:60px;font-weight:300;font-size:18px;line-height:1.5;color:#0D0D0D}@media (min-width:768px){.main-description{margin-top:100px;margin-bottom:70px;font-size:26px;line-height:1.38;text-align:center}}@media (min-width:1260px){.main-description{max-width:980px}}.main-description p{margin:0}#sample-faq{margin-top:50px;margin-bottom:70px}@media (min-width:768px){#sample-faq{margin-top:100px;margin-bottom:100px}}@media (min-width:1260px){#sample-faq{max-width:980px}}#sample-faq .sample-faq-title{font-weight:400;font-size:30px;line-height:1.4;color:#0D0D0D;margin-bottom:20px}@media (min-width:768px){#sample-faq .sample-faq-title{font-size:40px;line-height:1.05;margin-bottom:40px}}#how-it-works{overflow:hidden;margin-bottom:40px}@media (min-width:768px){#how-it-works{margin-bottom:50px}}#how-it-works .wrapper{max-width:884px;margin-left:auto;margin-right:auto}@media (min-width:768px){#how-it-works .container{max-width:1179px;padding:0}}#how-it-works .container .title{text-align:left}#how-it-works .list{--icon-size: 66px;--icon-space: 25px;--items-spacer: 55px;--line-vertical-spacer: calc(var(--icon-size) / 2 + 14px);--line-horizontal-spacer: calc(var(--icon-size) / 2);margin:40px 0 0;padding:0;list-style-type:none}@media (min-width:768px){#how-it-works .list{margin-top:30px}}@media (min-width:992px){#how-it-works .list{--icon-space: 170px}}#how-it-works .list .item{display:flex;align-items:center;position:relative}#how-it-works .list .item.reverse{flex-direction:row-reverse}#how-it-works .list .item.reverse .item-content{margin-right:auto}@media (min-width:768px){#how-it-works .list .item.reverse .item-content{margin-left:calc(var(--icon-size) + var(--icon-space))}}#how-it-works .list .item.reverse .item-icon{margin-left:var(--icon-space);margin-right:0px}#how-it-works .list .item-icon{min-width:var(--icon-size);height:var(--icon-size);margin-right:var(--icon-space);position:relative}#how-it-works .list .item-icon .lottie{mix-blend-mode:darken;position:absolute;width:200px;height:180px;top:50%;left:50%;transform:translate(-50%, -50%);transition:filter 0.35s;filter:grayscale(1)}#how-it-works .list .item-icon .lottie:not(.play){filter:grayscale(1)}#how-it-works .list .item-content{max-width:530px}#how-it-works .list .item-title{color:#0D0D0D;font-weight:400;font-size:18px;line-height:1.11}@media (min-width:768px){#how-it-works .list .item-title{font-size:20px;line-height:1}}#how-it-works .list .item-desc{margin-bottom:0;color:#0D0D0D;font-weight:300;font-size:14px;line-height:1.43}@media (min-width:768px){#how-it-works .list .item-desc{font-size:16px;line-height:1.38}}#how-it-works .list .progress-vertical,#how-it-works .list .progress-horizontal{background:rgba(0, 0, 0, 0.3);position:relative}#how-it-works .list .progress-vertical:before,#how-it-works .list .progress-horizontal:before{background:#0D0D0D;content:'';position:absolute;top:0;left:0;width:100%;height:calc(var(--progress) * 100%);will-change:width, height;transition:width 0.1s ease-out, height 0.1s ease-out}#how-it-works .list .progress-horizontal:before{width:calc(var(--progress) * 100%);height:100%}#how-it-works .list .items-spacer{padding:var(--items-spacer) var(--line-horizontal-spacer);width:100%;display:block}#how-it-works .list .item-vertical-separator{position:absolute;height:calc(100% / 2 - var(--line-vertical-spacer) + var(--items-spacer));width:1px;top:calc(-1 * var(--items-spacer));left:var(--line-horizontal-spacer)}#how-it-works .list .item-icon~.item-vertical-separator{top:auto;bottom:calc(-1 * var(--items-spacer))}#how-it-works .list .reverse .item-vertical-separator{right:var(--line-horizontal-spacer);left:auto}#how-it-works .list .reverse+.items-spacer .progress-horizontal:before{left:auto;right:0}#how-it-works .list .item-horizontal-separator{height:1px;width:100%}.tables{display:flex;flex-direction:column}@media (min-width:768px){.tables{--gap: 110px;gap:40px var(--gap);flex-direction:row;flex-wrap:wrap}}@media (min-width:768px){.tables .table-wrapper{width:calc(50% - var(--gap) / 2)}}.tables table{border-collapse:collapse;border:1px solid rgba(0, 0, 0, 0.15)}.tables table thead th{width:50%;background:#F3F3F3;border:1px solid rgba(0, 0, 0, 0.15);border-bottom-color:rgba(0, 0, 0, 0.15) !important;padding-left:27px;padding-top:10px;padding-bottom:10px;font-size:16px;color:#0D0D0D}@media (min-width:768px){.tables table thead th{font-size:18px}}.tables table tbody td{width:50%;border:1px solid rgba(0, 0, 0, 0.15);padding-left:27px;padding-top:15px;padding-bottom:15px;font-size:16px;color:#0D0D0D}@media (min-width:768px){.tables table tbody td{font-size:18px}}.tables .table-title{font-weight:400;font-size:18px;line-height:1.11;color:#0D0D0D;margin-bottom:15px}.table-top-text{font-weight:300;font-size:18px;line-height:1.44;color:#0D0D0D}@media (min-width:768px){.text-after-table-mobile{display:none}}.text-after-table-mobile p{font-size:18px;line-height:1.44;color:#0D0D0D}.text-after-table-desktop{display:none}@media (min-width:768px){.text-after-table-desktop{display:block}}.text-after-table-desktop p{font-size:18px;line-height:1.44;color:#0D0D0D}.colors-swiper{display:flex;flex-direction:column;gap:40px;margin-bottom:100px}@media (min-width:768px){.colors-swiper{gap:70px;margin-bottom:130px}}@media (min-width:768px){.colors-swiper .container{display:flex;justify-content:center}}.colors-swiper .container .colors-swiper-button{width:fit-content}
.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%}
.collapse-group{}.collapse-group-item{border-bottom:1px solid rgba(88, 89, 91, 0.1);margin-left:-19px;margin-right:-19px}.collapse-group-item.highlight{animation:highlightGroupItem 2s linear 0s 1 forwards}@keyframes highlightGroupItem{0%,100%{background:transparent}30%,70%{background:lightyellow}}@media (min-width:576px){.collapse-group-item{margin:0}}.collapse-group-title{margin-bottom:0}.collapse-group-title>a{text-decoration:none;display:flex;width:100%;font-size:14px;padding:10px 19px;font-weight:300;color:#58595B;position:relative;transition:color 0.25s, letter-spacing 0.4s, text-shadow 0.4s}@media (min-width:768px){.collapse-group-title>a{font-size:23px;color:#0d0d0d;padding-top:22px;padding-bottom:22px}}.collapse-group-title>a .collapse-icon{margin-left:auto;margin-top:auto;margin-bottom:auto}.collapse-group-title>a[aria-expanded=true]{color:black;font-weight:300}@media (min-width:768px){.collapse-group-title>a[aria-expanded=true]{text-shadow:1px 0 0 black}}.collapse-group>.collapse-group-title>a{font-weight:600;width:fit-content}.collapse-group-body{color:#58595B;padding:6px 19px 21px;font-size:14px;line-height:20px;font-weight:300;max-width:900px}.collapse-group-body a{text-decoration:none}.collapse-group-body a:hover:not(.btn),.collapse-group-body a:focus:not(.btn){text-decoration:underline}.collapse-group-body .got-it{padding-top:21px}@media (min-width:576px){.collapse-group-body{padding-right:0;padding-left:0}}@media (min-width:768px){.collapse-group-body{font-size:20px;line-height:30px;padding-bottom:50px}.collapse-group-body .got-it{padding-top:50px}}@media (min-width:992px){.collapse-group-content-row.has-video{display:flex}.collapse-group-content-row.has-video .video-wrap{width:100%}}.collapse-group-content-row.has-video ol{margin-left:13px;flex-grow:1}@media (min-width:992px){.collapse-group-content-row.has-video ol{min-width:300px}}@media (min-width:1260px){.collapse-group-content-row.has-video ol{margin-left:44px}}.collapse-group-content-row .video-wrap{max-width:700px;margin:0 -19px 27px}@media (min-width:576px){.collapse-group-content-row .video-wrap{margin-right:0;margin-left:0}}@media (min-width:992px){.collapse-group-content-row .video-wrap{margin:0}}.collapse-group-content-row .video-wrap .ratio{--aspect-ratio: 56.25%}.collapse-group-content-row .video-wrap .play-button{position:absolute}.collapse-group-content-row ol{padding:0;margin:0;list-style-type:none;padding-left:40px;counter-reset:li-counter}@media (min-width:1260px){.collapse-group-content-row ol{padding-left:71px}}.collapse-group-content-row ol li{counter-increment:li-counter;display:flex;flex-direction:column-reverse;position:relative;padding-top:4px;margin-bottom:20px}@media (min-width:992px){.collapse-group-content-row ol li{margin-bottom:33px;padding-top:0;flex-direction:row;justify-content:space-between;align-items:center}}.collapse-group-content-row ol li .li-content{max-width:100%}@media (min-width:992px){.collapse-group-content-row ol li .li-content{position:relative}}.collapse-group-content-row ol li .li-content:before{content:counter(li-counter);position:absolute;top:0;left:-40px;width:27px;height:27px;line-height:27px;text-align:center;font-size:18px;font-weight:300;color:#F46C42;display:block;border-radius:50%;border:1px solid #F46C42}@media (min-width:1260px){.collapse-group-content-row ol li .li-content:before{left:-71px}}.collapse-group-content-row ol li .img-wrap{max-width:400px;width:100%;margin-bottom:13px}@media (min-width:992px){.collapse-group-content-row ol li .img-wrap{margin-bottom:0;margin-left:70px}}.collapse-group-content-row ol li .img-wrap .ratio{--aspect-ratio: 60.25%}.collapse-group-content-row ol li .img-wrap .ratio img{object-fit:cover}
.collapse-group .collapse-group-item:first-child{border-top:1px solid #0D0D0D}.collapse-group .collapse-group-item{border-bottom:1px solid #0D0D0D;margin:0}.collapse-group .collapse-group-item .collapse-group-title>a{padding:22px 0;font-size:16px}@media (min-width:768px){.collapse-group .collapse-group-item .collapse-group-title>a{font-size:22px}}.collapse-group .collapse-group-item .collapse-group-title>a .collapse-icon:before,.collapse-group .collapse-group-item .collapse-group-title>a .collapse-icon:after{transition:transform 0.3s, background 0.5s;background:#0D0D0D}.collapse-group .collapse-group-item .collapse-group-title>a[aria-expanded='true'] .collapse-icon:before,.collapse-group .collapse-group-item .collapse-group-title>a[aria-expanded='true'] .collapse-icon:after{background:#F46C42}.collapse-group .collapse-group-item .collapse-group-body{max-width:unset;padding:6px 0px 60px}.collapse-group .collapse-group-item .collapse-group-body .additional-steps-content{margin-bottom:40px}.collapse-group .collapse-group-item .collapse-group-body .additional-steps-content p,.collapse-group .collapse-group-item .collapse-group-body .additional-steps-content li{font-size:18px;line-height:1.5;color:#0D0D0D}