.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } /* Caption */ .fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } }/* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }@charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { /* background: #fff url('./ajax-loader.gif') center center no-repeat; */ background: #fff url('//145903036.fs1.hubspotusercontent-eu1.net/hubfs/145903036/raw_assets/public/@marketplace/business4you_AG/flexBOX_Pro/libs/slick/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; /* src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); */ src: url('//145903036.fs1.hubspotusercontent-eu1.net/hubfs/145903036/raw_assets/public/@marketplace/business4you_AG/flexBOX_Pro/libs/slick/fonts/slick.eot'); src: url('//145903036.fs1.hubspotusercontent-eu1.net/hubfs/145903036/raw_assets/public/@marketplace/business4you_AG/flexBOX_Pro/libs/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('//145903036.fs1.hubspotusercontent-eu1.net/hubfs/145903036/raw_assets/public/@marketplace/business4you_AG/flexBOX_Pro/libs/slick/fonts/slick.woff') format('woff'), url('//145903036.fs1.hubspotusercontent-eu1.net/hubfs/145903036/raw_assets/public/@marketplace/business4you_AG/flexBOX_Pro/libs/slick/fonts/slick.ttf') format('truetype'), url('//145903036.fs1.hubspotusercontent-eu1.net/hubfs/145903036/raw_assets/public/@marketplace/business4you_AG/flexBOX_Pro/libs/slick/fonts/slick.svg#slick') format('svg'); font-display: swap; } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; }@charset "UTF-8"; /*! * Accordion v3.1.1 * Simple accordion created in pure Javascript. * https://github.com/michu2k/Accordion * * Copyright (c) Michał Strumpf * Published under MIT License */ .ac { margin-top: 10px; border: 1px solid #eee; background: #fff; box-sizing: border-box; } .ac .ac-header { margin: 0; padding: 0; } .ac .ac-trigger { font: bold 16px 'Arial', sans-serif; color: #111; text-align: left; width: 100%; padding: 10px 30px 10px 10px; display: block; cursor: pointer; background: transparent; -webkit-transition: color .25s ease; transition: color .25s ease; position: relative; text-decoration: none; margin: 0; border: 0; } .ac .ac-trigger::after { content: '+'; text-align: center; width: 15px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); position: absolute; right: 10px; top: 50%; } .ac .ac-trigger:focus { color: #8a8a8a; } .ac .ac-panel { overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .ac .ac-panel .ac-text { font: 15px/24px 'Arial', sans-serif; color: #111; padding: 10px; margin: 0; } .ac.js-enabled .ac-panel { visibility: hidden; } .ac.is-active .ac-panel { visibility: visible; } .ac.is-active > .ac-header .ac-trigger::after { content: '\2013'; } /* Top navigation */ .header__top-wrapper { display: flex; justify-content: space-between; align-items: center; } .header__top .header__top-left { display: flex; } .header__top .header__top-right { display: flex; } .header__top .menu__item--depth-1:first-child { padding-left: 0; } .header__top .menu__item--depth-1:last-child { padding-right: 0; } .header__top .menu__child-toggle-icon { display: none; } .header__top .menu__submenu--level-2 { display: none; } .header__top .top-contact-info { display: inline-flex; align-items: center; margin-left: 24px; margin-right: 24px; color: var(--color-text-body); font-weight: 600; } .header__top .top-contact-info:first-child { margin-left: 0; } .header__top .top-contact-info:last-child { margin-right: 0; } .header__top .top-contact-info:hover, .header__top .top-contact-info:focus, .header__top .top-contact-info:active { text-decoration: underline; color: var(--color-text-highlight); } .header__top .top-contact-info img { margin-right: 12px; } .header__top .language-switcher { margin-left: 1rem; } @media(max-width: 1199px) { .header__top { display: none; } } /* Header topbar */ .header__top { background: var(--color-bg-support-hard); } .header__top .header__top-wrapper .top-contact-info { color: var(--color-text-body); font-family: var(--global-font-primary); font-size: 16px; font-weight: 600; line-height: 150%; text-transform: none; } .header__top .header__top-wrapper .top-contact-info:hover { color: var(--color-text-highlight); } .header__top .header__top-wrapper .menu__item .menu__link { color: var(--color-text-body); font-family: var(--global-font-primary); font-size: 16px; font-weight: 600; line-height: 150%; text-transform: none; } .header__top .header__top-wrapper .menu__item:hover .menu__link, .header__top .header__top-wrapper .menu__item .menu__link.menu__link--active-branch { color: var(--color-text-highlight); } .header__top .header__top-wrapper .menu__item .menu__link::after { background: var(--color-text-highlight); } .header__top .top-contact-info.top-contact-info--right img { margin-right: 0; margin-left: 6px; } @media screen and (max-width: 1199px) { .header__top .header__top-wrapper .top-contact-info { font-size: 16px; } .header__top .header__top-wrapper .menu__item .menu__link { font-size: 16px; } } .site-search { position: relative; } .site-search__close__header8 { display: none; } .site-search-active { overflow: hidden; } .site-search__popup { display: none; background: #fff; position: fixed; left: 0; top: 0; right: 0; bottom: 0; padding: 15px; width: 100%; min-height: 100vh; z-index: 99999; } .site-search__popup--active { animation: fadeIn .2s ease-in-out forwards; } .site-search-active .site-search__popup { display: block; } .site-search__content { display: flex; flex-direction: column; align-items: center; height: 100%; padding-top: 80px; position: relative; } .site-search__close { position: absolute; right: 0; top: 0; z-index: 99; } .site-search .site-search__form { width: 800px; margin: 0 auto; display: flex; align-items: center; position: relative; } .site-search .site-search__input { width: 100%; padding: 0.63rem 60px 0.63rem 1.625rem; padding-right: 60px; border: 1px solid #e3e6ec; border-color: transparent; background: #fff; box-shadow: 0px 46px 50px rgba(44, 47, 52, 0.08); box-sizing: border-box; border-radius: 999px; font-size: 1rem; width: 100%; color: #141B22; } .site-search .site-search__input:hover, .site-search .site-search__input:focus, .site-search .site-search__input:active { outline: none; } .site-search .site-search__input::placeholder { font-size: 1rem; color: #9BA0AD; } .site-search .site-search__button { position: absolute; right: 24px; top: 50%; transform: translate(-50%, -50%); cursor: pointer; color: #2C2F34; } .site-search .site-search__button:hover, .site-search .site-search__button:focus { background: none; color: #FF3A69; } .site-search__bar { display: block; width: 100%; } .site-search__bar button svg { height: 16px; } .site-search__results { bottom: 0; display: none; left: 0; overflow-y: auto; position: fixed; right: 0; top: 0; width: 100%; z-index: 0; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .site-search__results::-webkit-scrollbar { display: none; } .site-search__popup--form-submitted .site-search__results { display: block; top: 160px; min-height: calc(100vh - 160px); } .site-search__results-block { margin: 0 auto; max-width: 800px; padding: 30px 0; } .site-search__result { border-top: 1px solid #e3e6ec; padding: 15px 0; transition: .2s ease-in-out; } .site-search__result:first-child { border-top: 0; } .site-search__result-title { margin-bottom: 0.56rem; } .site-search__result-title a { color: #FF3A69; font-weight: 700; text-decoration: none; font-size: 1.25rem; } .site-search__result-desc { color: #666; } .site-search__results-zero { } .site-search__more:not(.site-search__more--active) { display: none; } @media (max-width: 991px) { .site-search .site-search__form { width: auto; } .site-search__results-block { max-width: 100%; padding-left: 15px; padding-right: 15px; } } @media (max-width: 576px) { .site-search .site-search__input, .site-search .site-search__input:focus { padding: 8px 40px 8px 16px; } .site-search .site-search__button { right: 8px; } } @media only screen and (max-device-width: 480px) { .site-search__popup--form-submitted .site-search__results { padding-bottom: 100px; } } /* Theme */ .site-search .site-search__input { background: transparent; border-color: var(--color-bg-primary); box-shadow: var(--shadow-moderate); color: var(--color-text-on-secondary); } .site-search .site-search__input:hover, .site-search .site-search__input:focus { color: var(--color-text-on-secondary); background: transparent; border-color: var(--color-bg-primary); } .site-search .site-search__input::placeholder { color: var(--color-text-on-secondary); } .site-search .site-search__input:hover::placeholder { color: var(--color-text-on-secondary); } .site-search .site-search__button { color: var(--icon-icon-default-color); } .site-search .site-search__button:hover, .site-search .site-search__button:focus { color: var(--icon-icon-hover-color); } .site-search__button:focus, .site-search__button:hover { color: var(--color-text-highlight); } .site-search__close { color: var(--icon-icon-default-color); } .site-search__close:hover { color: var(--color-text-highlight); } .site-search__result { border-top-color: var(--divider-default-color); } .site-search__result-title a { color: var(--color-text-heading); } .site-search__result-desc { color: var(--color-text-body); }/* Contact info */ .menu__contact-info a { display: flex; align-items: center; color: var(--color-text-body); font-size: 16px; font-weight: 600; margin-bottom: 16px; } .menu__contact-info { margin-top: 24px; } .menu__contact-info a:hover, .menu__contact-info a:focus, .menu__contact-info a:active { text-decoration: none; color: var(--color-text-highlight); } .menu__contact-info a img { margin-right: 12px; object-fit: contain; } /* Buttons */ .menu__buttons { padding-top: var(--spacing-medium-s); padding-bottom: var(--spacing-medium-s); } .menu__buttons .button { width: 100%; } /* Default */ .menu__item--depth-1:hover > .menu__link:after { width: 100%; } .menu__item--depth-1.menu__item--has-submenu:hover > .menu__link:after, .menu__item--depth-1.nav__item--mega-branch:hover > .menu__link:after { width: 100%; } @media (max-width: 1199px) { .header__control { margin-right: 20px; } .header__navigation-toggle { display: inline-flex; } } @media (max-width: 991px) { .header__control { margin-right: 15px; } } /* Theme */ .header { background: rgba(255, 255, 255, 1.0); } .header.header--sticky-active { background: rgba(255, 255, 255, 1.0); } .menu__submenu { background: var(--color-bg-primary); } .menu__submenu .menu__link, .menu__submenu .menu__link:hover, .menu__submenu .menu__link:focus { background: var(--color-bg-primary); } /* Default */ .header__nav-icon { display: inline-flex; margin-left: 30px; cursor: pointer; } .menu-full .hs-menu-depth-2.hs-item-has-children a { display: inline-block; line-height: 24px; vertical-align: middle; } .menu-full .hs-menu-depth-2.hs-item-has-children .hs-menu-depth-2-arrow { display: inline-block; width: 24px; height: 24px; transition: all 0.2s ease; cursor: pointer; vertical-align: middle; margin-left: 16px; } .menu-full .hs-menu-depth-2.hs-item-has-children .hs-menu-depth-2-arrow.open { transform: rotate(180deg); } .menu-full .hs-menu-depth-2.hs-item-has-children .hs-menu-children-wrapper { display: none !important; } .menu-full .hs-menu-depth-2.hs-item-has-children .hs-menu-children-wrapper.open { display: flex !important; } @media (max-width: 1199px) { .header__nav-icon { display: none; } .header__control { margin-right: 20px; } .header__navigation-toggle { display: inline-flex; } } /* Theme */ .header { background: rgba(255, 255, 255, 1.0); } .header.header--sticky-active { background: rgba(255, 255, 255, 1.0); } .header__nav-icon { color: var(--icon-icon-default-color); } .header__nav-icon svg { width: 24px; height: 24px; } .menu-full.open { background: var(--color-bg-primary); } .menu-full .hs-menu-wrapper .hs-menu-item a { color: var(--color-text-body); } .menu-full .hs-menu-wrapper .hs-menu-item a:hover, .menu-full .hs-menu-wrapper .hs-menu-item a:focus { color: var(--color-text-highlight); } .menu-full .hs-menu-wrapper .hs-menu-depth-2.active-branch .hs-menu-depth-2-arrow svg path { fill: var(--color-text-highlight); } .menu-full .hs-menu-wrapper .hs-menu-depth-2.active-branch > a { color: var(--color-text-highlight); } .menu-full .hs-menu-wrapper .hs-menu-depth-3.active-branch > a { color: var(--color-text-highlight); text-decoration: underline; } .menu-full__close { color: var(--icon-icon-default-color); } .menu-full__close svg { width: 24px; height: 24px; } @media screen and (max-width: 1199px) { .header__nav-icon svg { width: 18px; height: 18px; } .menu-full__close svg { width: 18px; height: 18px; } }/* Missing Template at Path: \'@marketplace\/business4you_AG\/flexBOX_Pro\/css\/components\/footer-01.css\' *//* Missing Template at Path: \'@marketplace\/business4you_AG\/flexBOX_Pro\/css\/components\/footer-02.css\' *//* Base */ .accordion .ac { display: flex; flex-direction: column; width: 100%; border-radius: 0; background: transparent; } .accordion .ac .ac-trigger:after { right: 24px; } .arrow { position: absolute; right: 24px; text-align: center; top: 4px; width: 15px; } .accordion .ac-content .ac-content__richtext ul:last-child, .accordion .ac-content .ac-content__richtext p:last-child { margin-bottom: 0; } .accordion .ac-content .ac-content__button:last-child { margin-bottom: 0; } .accordion .ac-content .ac-content__button .button { margin-bottom: 0 } /* Theme */ .accordion-1 .ac .ac-headline.heading { color: var(--color-text-heading); margin-left: 0; background-image: none; -webkit-text-fill-color: initial; } .accordion-1 .accordion .ac.is-active .ac-header .ac-headline.heading { color: var(--color-text-highlight); background-image: none; -webkit-text-fill-color: initial; } .accordion-1 .accordion .ac .ac-trigger:after { display: none; } .accordion-1 .accordion .ac .arrow-down { color: var(--color-text-heading); } .accordion-1 .accordion .ac .arrow-up { color: var(--color-text-highlight); display: none; } .accordion-1 .accordion .ac.is-active .arrow-down { display: none; } .accordion-1 .accordion .ac.is-active .arrow-up { display: block; } .accordion-1 .accordion .ac .ac-content { color: var(--color-text-body); } .accordion-1 .accordion .ac { border: none; border-bottom: var(--border-width-thin) solid var(--color-text-body); margin-top: 0; } .accordion-1 .accordion .ac:not(:last-child) { margin-bottom: var(--spacing-medium-s); margin-top: 0; } .accordion-1 .accordion .ac-trigger { padding: 0 60px 0 0; padding-bottom: var(--spacing-medium-s); } .accordion-1 .accordion .ac-content { padding: 0 60px 0 0; padding-bottom: var(--spacing-medium-s); } .accordion-1 .ac-content__richtext table tr td { border: 1px solid var(--color-text-support); color: var(--color-text-body); } .accordion-1 .ac-content .ac-content__button { margin-top: var(--spacing-small-xl); margin-bottom: 1.4rem; }/* Base */ .accordion .ac { display: flex; flex-direction: column; width: 100%; border-radius: 0; background: transparent; } .accordion .ac .ac-trigger:after { right: 24px; } .arrow { position: absolute; right: 24px; text-align: center; top: 4px; width: 15px; } .accordion .ac-content .ac-content__richtext ul:last-child, .accordion .ac-content .ac-content__richtext p:last-child { margin-bottom: 0; } .accordion-2 .triangle { height: 24px; left: 24px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 24px; display: flex; align-items: center; justify-content: center; } .accordion-2 .accordion .ac { border: 1px solid var(--color-text-body); margin-top: 0; border-radius: 12px; } .accordion-2 .accordion .ac .ac-trigger:after { display: none; } .accordion-2 .accordion .ac .triangle-down { display: none; } .accordion-2 .accordion .ac.is-active .triangle-down { display: block; } .accordion-2 .accordion .ac.is-active .triangle-right { display: none; } .accordion .ac-content ul:last-child { margin-bottom: 0; } .accordion .ac-content .ac-content__button:last-child { margin-bottom: 0; } .accordion .ac-content .ac-content__button .button { margin-bottom: 0 } /* Theme */ .accordion-2 .ac .ac-headline.heading { color: var(--color-text-heading); margin-left: 0; background-image: none; -webkit-text-fill-color: initial; } .accordion-2 .ac.is-active .ac-headline.heading { color: var(--color-text-highlight); background-image: none; -webkit-text-fill-color: initial; } .accordion-2 .accordion .ac .triangle-down { color: var(--color-text-highlight); } .accordion-2 .accordion .ac .triangle-right { color: var(--color-text-heading); } .accordion-2 .accordion .ac .ac-content { color: var(--color-text-body); } .accordion-2 .accordion .ac { border-width: var(--border-width-thin); border-color: var(--color-bg-support-hard); background: var(--color-bg-support-soft); } .accordion-2 .accordion .ac.is-active { box-shadow: var(--shadow-light); } .accordion-2 .accordion .ac:not(:last-child) { margin-bottom: var(--spacing-small-xl); margin-top: 0; } .accordion-2 .accordion .ac-trigger { padding: var(--spacing-medium-s) 64px var(--spacing-medium-s) 64px; } .accordion-2 .accordion .ac-content { padding: 0 60px var(--spacing-medium-s) 0; margin-left: 32px; } .accordion-2 .accordion .ac-content .ac-content__wrapper { border-left: 1px solid var(--color-text-highlight); padding-left: 32px; } .accordion-2 .ac-content__button { margin-top: var(--spacing-medium-s); } .accordion-2 .ac-content__button--has-form { margin-bottom: var(--spacing-medium-s); } .accordion-2 .ac-content__form { margin-top: var(--spacing-medium-s); } .accordion-2 .ac-content__richtext table tr td { border: 1px solid var(--color-text-support); color: var(--color-text-body); }/* Frontend icon */ .hs-inline-edit .icon-section__container { background: #516f90; border: 1px solid #516f90; border-radius: 0; text-align: center; color: #fff; font-size: 11px; margin-bottom: 3px; padding: 4px 5px; text-align: center; line-height: 100%; width: fit-content; } .icon-section::before { content: "section"; font-family: spacesword; font-size: 15px; color: #fff; font-style: normal; margin-right: 2px; } .flexible-tab__guide, .icon-section__container { display: none; } .flexible-tab__guide.show { padding: 16px 24px; background-color: #FFDFDF; display: flex; gap: 12px; border-radius: 12px; align-items: center; flex-wrap: wrap; } .hs-inline-edit .icon-section__container { display: block; } .flexible-tab__guide-icon { width: 24px; flex: 0 0 24px; } .flexible-tab__guide-text { width: calc(100% - 36px); flex: 0 0 calc(100% - 36px); color: var(--color-text-error); } .flexible-tab__guide-icon-notify svg path{ fill: var(--color-text-error); } @media screen and (max-width: 767px) { .flexible-tab__guide p, .flexible-tab__guide img { flex: 0 100%; width: 100%; } } /* Tab layout 1 */ .tab-1 .flexible-tab__tabs { margin: 0 -12px; } .tab-1 .flexible-tab__tabs-item { background: var(--color-primary); color: var(--color-text-on-primary); border: 1px solid var(--color-primary); border-radius: 50px; padding: 16px 24px; margin: 6px 12px; cursor: pointer; pointer-events: none; } .tab-1 .flexible-tab__tabs-item.inactive { background: var(--color-bg-primary); color: var(--color-text-body); border-color:var(--color-bg-support-hard); pointer-events: all; } /* Tab layout 2 */ .tab-2 .flexible-tab__tabs { gap: 8px; } .tab-2 .flexible-tab__tabs-item { background: var(--color-primary); color: var(--color-text-on-primary); border: 1px solid var(--color-primary); padding: 16px 24px; cursor: pointer; pointer-events: none; position: relative; width: fit-content; } .tab-2 .flexible-tab__tabs-item.inactive { border-color: var(--color-bg-support-hard); background: var(--color-bg-primary); color: var(--color-text-body); pointer-events: all; } .tab-2 .flexible-tab__tabs-item.inactive::after { position: unset; content: unset; } /* Global style */ .flexible-tab__tabs { list-style: none; padding: 0; display: flex; flex-wrap: wrap; margin-bottom: 0; } .hs-inline-edit .flexible-tab__tabs-item { pointer-events: none !important; } /* Tab section */ .dnd-section:has(.enable-tab) { display: none; } .hs-inline-edit .dnd-section:has(.enable-tab) { display: block; } .dnd-tab-2.dnd-tab--enable { padding: 0; } .dnd-tab-2.dnd-tab--enable.dnd-tab--first { padding-top: 0 !important; } .dnd-tab-2.dnd-tab--enable > .row-fluid { border: 1px solid var(--color-bg-support-hard); border-top: 0px; border-bottom: 0px; margin-top: -1px; } .hs-inline-edit .dnd-tab-2.dnd-tab--enable > .row-fluid { border: 0; } .dnd-tab-2.dnd-tab--enable.dnd-tab--first > .row-fluid::after { position: absolute; content: ""; left: -1px; top: 0; width: calc(100% + 2px); height: 1px; background: var(--color-primary); } .dnd-tab-2.dnd-tab--enable.dnd-tab--first > .row-fluid { position: relative; } .dnd-tab-2.dnd-tab--enable.dnd-tab--last > .row-fluid{ border-bottom: 1px solid var(--color-bg-support-hard); } .hs-inline-edit .dnd-tab-2.dnd-tab--enable:not(.dnd-tab--first-edit) > .row-fluid::after { content: none; } .hs-inline-edit .dnd-tab-2.dnd-tab--enable.dnd-tab--last > .row-fluid { border: 0; } @media screen and (max-width: 991px) { .tab-2 .flexible-tab__tabs-container { overflow: auto; } .tab-2 .flexible-tab__tabs-container::-webkit-scrollbar { -webkit-appearance: none; display: none; height: 0; width: 0; } .tab-2 .flexible-tab__tabs { flex-wrap: unset; } .tab-2 .flexible-tab__tabs-item { white-space: nowrap; } } .hero-banner-1 .hero-banner__container { position: relative; width: 100%; } .hero-banner-1 .hero-banner__video-wrapper { width: 100%; height: 100%; overflow: hidden; } .hero-banner-1 .hero-banner__video-wrapper video { width: 100%; height: 100%; object-fit: cover; } .hero-banner-1 .hero-banner__video-wrapper iframe { transform: scale(1.15); } .hero-banner-1 .hero-banner__image { height: 100vh; background-size: cover; background-position: center center; } .hero-banner-1 .hero-banner__content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 700px; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; z-index: 9; } .hero-banner-1 .hero-banner__overlay { position: absolute; left: 0; right: 0; height: 100%; z-index: 8; top: 0; } .hero-banner-1 .hero-banner__heading { width: 100%; order: 2; } .hero-banner-1 .hero-banner__text { border: none; padding: 0; width: 100%; order: 2; } .hero-banner-1 .hero-banner__text p { margin-bottom: 0; } .hero-banner-1 .hero-banner__text ul { display: inline-block; margin-bottom: 0; padding-left: 1rem; } .hero-banner-1 .hero-banner__cta { width: 100%; order: 2; } .hero-banner-1 .hs_cos_wrapper_type_cta { order: 2; } .hero-banner .hero-banner__cta.button-wrapper { margin-bottom: 0; } .hero-banner .hero-banner__cta.button-wrapper a { margin-bottom: 0; } /* Bubble */ .hero-banner-1.hero-banner--has-bubble .hero-banner__content-container { position: relative; align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; } .hero-banner-1.hero-banner--has-bubble .hero-banner__bubble { position: absolute; width: 200px; height: auto; padding: 30px; border-radius: 50%; } .hero-banner__bubble.enable-hover { transition: all 0.3s ease; } .hero-banner__bubble.enable-hover:hover { transform: scale(1.1); } .hero-banner__bubble-container { position: relative; padding: 100% 0 0; } .hero-banner__bubble-content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; } .hero-banner__bubble-content, .hero-banner__bubble-content * { line-height: 1.5; } .hero-banner-bubble--bottom-right .hero-banner__bubble { bottom: 38px; right: -5%; } .hero-banner-bubble--bottom-left .hero-banner__bubble { bottom: 38px; left: -5%; } .hero-banner-bubble--top-right .hero-banner__bubble { top: 38px; right: -5%; } .hero-banner-bubble--top-left .hero-banner__bubble { top: 38px; left: -5%; } .hero-banner__bubble-text--mobile { display: none; } .hero-banner__bubble-text--desktop,.hero-banner__bubble-text--desktop * { font-size: 45px; } @media screen and (max-width: 767px) { .hero-banner-1.hero-banner--has-bubble .hero-banner__content-container .hero-banner__bubble { width: 130px; font-size: 13px; padding: 15px; } .hero-banner-bubble--bottom-right .hero-banner__bubble { bottom: 60px; right: 0; } .hero-banner-bubble--bottom-left .hero-banner__bubble { bottom: 60px; left: 0; } .hero-banner-bubble--top-right .hero-banner__bubble { top: 60px; right: 0; } .hero-banner-bubble--top-left .hero-banner__bubble { top: 60px; left: 0; } .hero-banner__bubble-text--desktop { display: none; } .hero-banner__bubble-text--mobile { display: block; } .hero-banner__bubble-text--mobile, .hero-banner__bubble-text--mobile * { font-size: 24px; } } /* Theme */ .hero-banner-1 .hero-banner__heading { color: var(--heading-default-color); margin-bottom: var(--spacing-medium-m); } .hero-banner-1 .hero-banner__text { margin-bottom: var(--spacing-medium-xl); } .hero-banner-1 .hero-banner__text, .hero-banner-1 .hero-banner__text p { font-family: var(--body-font-family); font-size: var(--body-desktop-font-size); line-height: var(--body-desktop-line-height); font-weight: var(--body-desktop-font-weight); letter-spacing: var(--body-desktop-letter-spacing); color: var(--color-text-body); } .hero-banner-1 .hero-banner__overlay { background: var(--color-bg-primary); opacity: var(--opacity-moderate); } .hero-banner-1.hero-banner--has-bubble .hero-banner__bubble { position: absolute; width: 200px; height: auto; padding: 30px; border-radius: 50%; background-color: var(--color-bg-primary); } .hero-banner__bubble-content { color: var(--color-text-body); } @media screen and (max-width: 767px) { .hero-banner-1 .hero-banner__text { font-size: var(--body-mobile-font-size); line-height: var(--body-mobile-line-height); font-weight: var(--body-mobile-font-weight); letter-spacing: var(--body-mobile-letter-spacing); } } /* Slick */ .hero-banner-1 .slick-prev { left: calc(50vw - (var(--container-width) / 2) - 8.5px); } .hero-banner-1 .slick-next { right: calc(50vw - (var(--container-width) / 2) - 8.5px); } .hero-banner-1 .hero-banner__arrow--fixed .slick-prev { left: 40px; } .hero-banner-1 .hero-banner__arrow--fixed .slick-next { right: 40px; } .hero-banner-1 .hero-banner__slider.slick-dotted.slick-slider { margin-bottom: 0; line-height: 0; } .hero-banner-1 .slick-dots { bottom: 38px; display: flex; justify-content: center; align-items: center; } .hero-banner-1 .have-shape .slick-dots { z-index: 999; } .hero-banner-1 .hero-banner__video-slide { display: flex !important; } @media screen and (max-width: 1352px) { .hero-banner-1 .hero-banner__content { max-width: 700px !important; } } @media screen and (min-width: calc(1200px + 1px)) and (max-width: 1380px){ .hero-banner-1 .slick-prev { left: calc(50vw - (var(--container-width) / 2) - 8.5px + 15px); } .hero-banner-1 .slick-next { right: calc(50vw - (var(--container-width) / 2) - 8.5px + 15px); } } @media screen and (max-width: 1200px) and (min-width: 768px){ .hero-banner-1 .slick-prev { left: 30px; } .hero-banner-1 .slick-next { right: 30px; } } @media (max-width: 1199px) { .hero-banner-1 .hero-banner__content { padding-top: 0; } }/* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ .hero-banner-3 .hero-banner__container { position: relative; width: 100%; } .hero-banner-3 .hero-banner__video-wrapper { width: 100%; height: 100%; overflow: hidden; } .hero-banner-3 .hero-banner__video-wrapper video { width: 100%; height: 100%; object-fit: cover; } .hero-banner-3 .hero-banner__video-wrapper iframe { transform: scale(1.15); } .hero-banner-3 .hero-banner__image { height: 100vh; background-size: cover; background-position: center center; } .hero-banner-3 .hero-banner__clip-path { position: absolute; left: 0; bottom: 0; width: 100%; height: 396px; line-height: 0; z-index: 1; } .hero-banner-3 .hero-banner__clip-path--mobile { display: none; } .hero-banner-3 .hero-banner__clip-path--desktop, .hero-banner-3 .hero-banner__clip-path--mobile { width: 100%; height: 100%; } .hero-banner-3 .hero-banner__content { position: absolute; left: calc(50vw - (var(--container-width) / 2) - 7.5px); bottom: 50px; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 9; } .hero-banner-3 .hero-banner__content-container { width: 100%; position: relative; } .hero-banner-3 .hero-banner__heading { width: 100%; max-width: 673px; order: 2; margin: 0; } .hero-banner-3 .hero-banner__logo { width: 252px; height: 83px; position: absolute; top: 0; left: 0; } .hero-banner-3 .hero-banner__logo img { width: 100%; height: auto; } #hs_cos_wrapper_widget_1719321619791 .custom-image .image-mb, #hs_cos_wrapper_module_1719321639050 .custom-image .image-mb { border-top-left-radius: var(--border-radius-full); border-top-right-radius: var(--border-radius-full); border-bottom-left-radius: var(--border-radius-full); border-bottom-right-radius: var(--border-radius-full); } /* Bubble */ .hero-banner-3.hero-banner--has-bubble .hero-banner__bubble { position: absolute; width: 308px; height: auto; padding: 30px; border-radius: 50%; background-color: #9DCFD1; color: #013A4F; right: 0; bottom: 100px; font-family: var(--global-font-secondary); animation: scale-in-center-alt 1s 1; } .hero-banner__bubble.enable-hover { transition: all 0.3s ease; } .hero-banner__bubble.enable-hover:hover { transform: scale(1.1); } .hero-banner__bubble-container { position: relative; padding: 100% 0 0; } .hero-banner__bubble-content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; } .hero-banner__bubble-content, .hero-banner__bubble-content * { line-height: 1.5; } .hero-banner-3.hero-banner--has-bubble .hero-banner__bubble .hero-banner__bubble-subtext { font-size: 20px; line-height: 1.2; margin-top: 15px; } /* .hero-banner-bubble--bottom-left .hero-banner__bubble { bottom: 38px; left: -5%; } .hero-banner-bubble--top-right .hero-banner__bubble { top: -170px; right: -5%; } .hero-banner-bubble--top-left .hero-banner__bubble { top: -170px; left: -5%; } */ .hero-banner__bubble-text--mobile { display: none; } .hero-banner__bubble-text--desktop,.hero-banner__bubble-text--desktop * { font-size: 45px; } .hero-banner-3.hero-banner--full-height .hero-banner__slider, .hero-banner-3.hero-banner--full-height .hero-banner__container, .hero-banner-3.hero-banner--full-height .hero-banner__slider .slick-list { height: 100dvh !important; transition: all 0.3s ease; } @keyframes scale-in-center-alt { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @media screen and (max-width: 1200px) { .hero-banner-3 .hero-banner__content { left: 0; } } @media screen and (max-width: 1024px) { .hero-banner-3.hero-banner--has-bubble .hero-banner__bubble { bottom: 230px; } } @media screen and (max-width: 767px) { .hero-banner-3 .hero-banner__content { bottom: 39px; } .hero-banner-3 .hero-banner__clip-path--desktop { display: none; } .hero-banner-3 .hero-banner__clip-path--mobile { display: block; } .hero-banner-3 .hero-banner__clip-path--mobile svg { height: 100%; } .hero-banner-3 .hero-banner__logo { width: 210px; height: 70px; } .hero-banner-3 .hero-banner__clip-path { height: 296px; } .hero-banner-3.hero-banner--has-bubble .hero-banner__bubble { bottom: 150px; padding: 15px; width: 159px; } .hero-banner__bubble-text--desktop { display: none; } .hero-banner__bubble-text--mobile { display: block; } .hero-banner__bubble-text--mobile, .hero-banner__bubble-text--mobile * { font-size: 24px; } } /* Theme */ .hero-banner-3 .hero-banner__heading { color: var(--heading-default-color); } /* Slick */ .hero-banner-3 .slick-slide { overflow: hidden; } .hero-banner-3 .slick-prev { left: calc(50vw - (var(--container-width) / 2) - 8.5px); } .hero-banner-3 .slick-next { right: calc(50vw - (var(--container-width) / 2) - 8.5px); } .hero-banner-3 .hero-banner__arrow--fixed .slick-prev { left: 40px; } .hero-banner-3 .hero-banner__arrow--fixed .slick-next { right: 40px; } .hero-banner-3 .hero-banner__slider.slick-dotted.slick-slider { margin-bottom: 0; line-height: 0; } .hero-banner-3 .slick-dots { bottom: 38px; display: flex; justify-content: center; align-items: center; } .hero-banner-3 .hero-banner__video-slide { display: flex !important; } .hero-banner-3 .hero-banner__text ul { display: inline-block; margin-bottom: 0; padding-left: 1rem; } @media screen and (min-width: calc(1200px + 1px)) and (max-width: 1380px){ .hero-banner-3 .slick-prev { left: calc(50vw - (var(--container-width) / 2) - 8.5px + 15px); } .hero-banner-3 .slick-next { right: calc(50vw - (var(--container-width) / 2) - 8.5px + 15px); } } @media screen and (max-width: 1200px) and (min-width: 768px){ .hero-banner-3 .slick-prev { left: 30px; } .hero-banner-3 .slick-next { right: 30px; } } @media (max-width: 1199px) { .hero-banner-3 .hero-banner__content { padding-top: 0; } }.logo-slider { margin-left: 0; margin-right: 0; padding-right: 50px; padding-left: 50px; } .logo-slider:not(.slick-initialized) { display: flex; flex-wrap: wrap; } .logo-slider:not(.slick-initialized) .logo-slider__slide{ flex-grow: 1; } .logo-slider__slide { padding: 0 1rem; display: flex !important; align-items: center; justify-content: center; } .logo-slider__slide-item { display: flex; align-items: center; justify-content: center; line-height: 0; border: 0px solid transparent; } .logo-slider__slide-item .no-link { pointer-events: none; } .logo-slider__slide-item a { display: flex; align-items: center; justify-content: center; width: 140px; height: 80px; } .logo-slider__slide-item img { max-width: 100%; max-height: 100%; object-fit: cover; object-position: center; } .logo-slider__slide-overlay { position: relative; } .logo-slider__slide-overlay::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .logo-slider.slick-dotted.slick-slider { margin-bottom: 0; text-align: center; } .logo-slider.slick-slider .slick-prev, .logo-slider.slick-slider .slick-next { width: 48px; height: 48px; top: 50%; } .logo-slider.slick-slider .slick-prev { left: 0; } .logo-slider.slick-slider .slick-next { right: 0; } .logo-slider .slick-track { display: flex !important; } .logo-slider .slick-slide { height: inherit !important; } .logo-slider .slick-dots { bottom: 0; display: inline-flex !important; flex-wrap: wrap; max-width: 400px; position: inherit; } /* Theme */ .logo-slider-wrapper { background: var(--color-bg-primary); } .logo-slider .logo-slider__slide-item { background: transparent; border-radius: var(--border-radius-medium); } .logo-slider .logo-slider__slide-overlay::after { border-radius: var(--border-radius-medium); } @media screen and (max-width: 767px) { .logo-slider { padding-left: 0; padding-right: 0; } .logo-slider .slick-dots { max-width: 200px; } } /* Layout 2 Logo marquee */ @keyframes logoMarquee { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } .logo-marquee__wrapper { mask-image: linear-gradient(90deg, transparent 5%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, transparent 95%); -webkit-mask-image: linear-gradient(90deg, transparent 5%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, transparent 95%); position: relative; display: flex; width: 100%; justify-content: space-between; } .logo-marquee { -webkit-animation: logoMarquee 90s linear infinite; -moz-animation: logoMarquee 90s linear infinite; -o-animation: logoMarquee; flex-shrink: 0; } .logo-marquee__item { width: fit-content; display: inline-block; list-style: none; margin-right: 1rem; } .logo-marquee__img-wrapper a { display: block; }.online-magazine-slider--1 .online-magazine-slider__container { margin: 0 -12px; } .online-magazine-slider--1 .online-magazine-slider__item { margin: 0 12px; padding-bottom: 2px; } .online-magazine-slider--1 .online-magazine-slider__item:hover, .online-magazine-slider--1 .online-magazine-slider__item:focus, .online-magazine-slider--1 .online-magazine-slider__item:active { text-decoration: none; } .online-magazine-slider--1 .online-magazine-slider__img { border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0; height: 350px; overflow: hidden; position: relative; } .online-magazine-slider--1 .online-magazine-slider__img::after { content: ""; display: block; padding-bottom: 100%; } .online-magazine-slider--1 .online-magazine-slider__img img { width: 100%; height: 100%; object-fit: cover; } .online-magazine-slider--1 .online-magazine-slider__img img { position: absolute; width: 100%; height: 100%; object-fit: cover; } .online-magazine-slider--1 .online-magazine-slider__post-info { flex-direction: column; border: 1px solid var(--color-bg-support-hard); background: var(--color-bg-primary); padding: var(--spacing-medium-s); border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium); border-top: 0; height: calc(100% - 350px); } .online-magazine-slider--1 .online-magazine-slider .online-magazine-slider__title { color: var(--heading-default-color); margin-bottom: var(--spacing-small-xl); } .online-magazine-slider--1 .online-magazine-slider__content { margin-bottom: var(--spacing-medium-m); } .online-magazine-slider--1 .online-magazine-slider__content, .online-magazine-slider--1 .online-magazine-slider__content p { color: var(--color-text-body); } .online-magazine-slider--1 .online-magazine-slider__content p:last-child { margin-bottom: 0; } .online-magazine-slider--1 .online-magazine-slider__detail-button { justify-content: center; margin-top: auto; } .online-magazine-slider--1 .online-magazine-slider__button { text-align: center; } .online-magazine-slider--1.online-magazine-slider .slick-track { display: flex; } .online-magazine-slider--1.online-magazine-slider .slick-initialized .slick-slide { height: inherit; } .online-magazine-slider--1.online-magazine-slider .slick-dotted.slick-slider { margin-bottom: 0; } .online-magazine-slider--1.online-magazine-slider .slick-dots { margin-top: var(--spacing-small-xl); margin-bottom: 0; bottom: auto; position: unset; } .online-magazine-slider--1 .online-magazine-slider__button { margin-top: var(--spacing-medium-xl); text-align: center; } .online-magazine-slider--1 .online-magazine-slider__post-meta { display: flex; align-items: center; flex-wrap: wrap; position: relative; font-weight: 600; color: #9BA0AD; margin-bottom: var(--spacing-small-xl); } .online-magazine-slider--1 .online-magazine-slider__post-author { display: inline-flex; align-items: center; margin-bottom: var(--spacing-medium-s); } .online-magazine-slider--1 .online-magazine-slider__post-author-image { display: inline-flex; margin-right: 12px; width: 24px; height: 24px; border-radius: 999px; } .online-magazine-slider--1 .blog-post-meta__sept { background: var(--overline-default-color); display: inline-block; height: 14px; margin: 0 0.5rem; width: 1px; } .online-magazine-slider--1 .slick-slider .slick-prev { left: -56px; } .online-magazine-slider--1 .slick-slider .slick-next { right: -56px; }/** * Global style * */ .flexible-card__container { display: flex; flex-wrap: wrap; } .flexible-card__container--1column.flexible-card__container { flex-direction: column; } .flexible-card__col { width: 100%; flex: 0 0 100%; } .flexible-card__container--2columns .flexible-card__col { flex: 0 0 50%; width: 50%; padding: 0 15px; } .flexible-card__container--3columns .flexible-card__col { flex: 0 0 33.333%; width: 33.333%; padding: 0 15px; } .flexible-card__container--4columns .flexible-card__col { flex: 0 0 25%; width: 25%; padding: 0 15px; } .flexible-card__container--1column .flexible-card__col:nth-child(n+2), .flexible-card__container--2columns .flexible-card__col:nth-child(n+3), .flexible-card__container--3columns .flexible-card__col:nth-child(n+4), .flexible-card__container--4columns .flexible-card__col:nth-child(n+5) { margin-top: 24px; } @media screen and (max-width: 1366px) { .flexible-card__container--4columns .flexible-card__col { flex: 0 0 33.333%; width: 33.333%; padding: 0 15px; } .flexible-card__container--4columns .flexible-card__col:nth-child(n+4) { margin-top: 24px; } } @media screen and (max-width: 1024px) { .flexible-card__container--3columns .flexible-card__col, .flexible-card__container--4columns .flexible-card__col { flex: 0 0 50%; width: 50%; padding: 0 15px; } .flexible-card__container .flexible-card__col:nth-child(n+3) { margin-top: 24px; } } @media screen and (max-width: 767px) { .flexible-card__container .flexible-card__col:nth-child(n+2) { margin-top: 24px; } .flexible-card__container--2columns .flexible-card__col, .flexible-card__container--3columns .flexible-card__col, .flexible-card__container--4columns .flexible-card__col { flex: 0 0 100%; width: 100%; } } /* Theme */ .flexible-card__content { padding: 24px; overflow: hidden; } .flexible-card__image { width: 100%; height: auto; line-height: 0; display: flex; align-items: center; position: relative; } .flexible-card__image-image--hover { position: absolute; top: 50%; right: 0; left: 0; bottom: 0; transform: translateY(-50%); object-fit: contain; opacity: 0; transition: opacity .2s; } .flexible-card__container .flexible-card__content:hover .flexible-card__image-image--hover { opacity: 1; } .flexible-card__image img { width: 100%; height: auto; } .flexible-card__image-image--mobile { display: none; } .flexible-card__container .flexible-card__item { margin-bottom: 16px; } .flexible-card__item:last-child { margin-bottom: 0; } .flexible-card__content-divider { justify-content: left; } .flexible-card__content-divider .divider__line { border: 0; border-style: solid; border-color: var(--color-text-support); border-bottom-width: 1px; } .flexible-card__content-headline h1, .flexible-card__content-headline h2, .flexible-card__content-headline h3, .flexible-card__content-headline h4, .flexible-card__content-headline h5, .flexible-card__content-headline h6 { margin-bottom: 0; } .flexible-card__content-richtext p:last-child { margin-bottom: 0; } .flexible-card__content-richtext, .flexible-card__content-richtext * { color: var(--color-text-body); } .flexible-card__button { display: flex; align-items: center; margin-bottom: 0; } .flexible-card__button .button { margin-bottom: 0; width: max-content; } @media screen and (max-width: 767px) { .flexible-card__image-image--desktop { display: none; } .flexible-card__image-image--mobile { display: block; } } .box-over-image-card { position: relative; } .box-over-image-card img { display: block; } @media screen and (min-width: 768px) { .box-over-image-card .box-image-right-container--imagebox img { min-width: 945px; max-width: 100%; object-fit: cover; min-height: 500px; } .box-over-image-layout--3 .box-over-image-card .box-image-right-container--imagebox img, .box-over-image-layout--5 .box-over-image-card .box-image-right-container--imagebox img { min-height: 373px; } } .box-over-image-container { max-width: 1322px; height: 100%; top: 0; position: absolute; right: 0; left: 0; margin: 0 auto; } .box-over-image-card .box-over-image-card__content { position: absolute; width: 40%; z-index: 99; background: var(--color-bg-support-soft); padding: 64px; box-shadow: var(--shadow-moderate); border-radius: var(--border-radius-full); } .box-over-image--align-right.box-over-image-card .box-over-image-card__content, .box-over-image--align-left.box-over-image-card .box-over-image-card__content { top: 50%; transform: translateY(-50%); } .box-over-image--align-right.box-over-image-card .box-over-image-card__content { right: 0; } .box-over-image--align-left.box-over-image-card .box-over-image-card__content { left: 0; } .box-over-image--align-bottom-right.box-over-image-card .box-over-image-card__content { right: 0; bottom: 0; } .box-over-image--align-bottom-right , .box-over-image--align-bottom-left { padding-bottom: 116px; } .box-over-image--align-bottom-left.box-over-image-card .box-over-image-card__content { left: 0; bottom: 0; } .box-over-image--align-top-right , .box-over-image--align-top-left { padding-top: 116px; } .box-over-image--align-top-right.box-over-image-card .box-over-image-card__content { right: 0; top: 0; } .box-over-image--align-top-left.box-over-image-card .box-over-image-card__content { left: 0; top: 0; } .box-over-image-card__content .flexible-card__content { padding: 0; } .box-over-image-container .flexible-card__container .flexible-card__item { margin-bottom: 24px; } .box-over-image-container .flexible-card__container .flexible-card__item:last-child { margin-bottom: 0 !important; } /* lsyout 2*/ .box-over-image-layout--2 .box-over-image-container { position: unset; transform: none !important; z-index: 1; } .box-over-image-layout--2 .box-over-image-card .box-over-image-card__content { position: unset; transform: none !important; padding: 100px 150px 100px 64px; border-radius: 0; box-shadow: none; background-color: var(--color-primary); } .box-over-image-layout--2 .box-over-image-card .box-over-image-card__content * { color: var(--color-text-on-primary); } .box-over-image-layout--2 .overline, .box-over-image-layout--2 .overline p, .box-over-image-layout--2 .overline span { border-color: var(--color-text-on-primary); } .box-over-image-layout--2 .button, .box-over-image-layout--2 button { background: transparent; } .box-over-image-layout--2 .button:hover, .box-over-image-layout--2 button:hover { background: var(--color-brand); border-color: var(--button-border-hover-color); } .box-over-image-layout--2 .button *, .box-over-image-layout--2 button * { color: var(--color-brand) !important; } .box-over-image-layout--2 .button:hover *, .box-over-image-layout--2 button:hover * { color: var(--color-text-on-secondary) !important; } .box-over-image-layout--2 .box-over-image-card .box-over-image-card__content { width: 100% !important; } .box-over-image-layout--2 .box-over-image-card { max-width: 1322px; margin: 0 auto; display: flex; } @media screen and (max-width: 1352px) { .box-over-image-layout--2 .box-over-image-card { padding: 0 15px; max-width: 100% !important; } } .box-over-image-layout--2 .flexible-card { width:40%; max-width: 100%; } .box-over-image-layout--2 .flexible-card { align-self: end; } .box-over-image-layout--2 .box-image-right-container { width: 60%; align-self: end; z-index: 99; } .box-over-image-layout--2 .box-image-right-container video { width: 100%; margin-left: -95px; } .box-over-image-layout--2 .box-image-right-container.right_top, .box-over-image-layout--2 .flexible-card.left_top, .box-over-image-layout--2 .box-image-right-container.left_top, .box-over-image-layout--2 .flexible-card.right_top { align-self: start; } .box-over-image-layout--2 .box-image-right-container.right_center, .box-over-image-layout--2 .flexible-card.left_center, .box-over-image-layout--2 .flexible-card.right_center, .box-over-image-layout--2 .box-image-right-container.left_center { align-self: center; } .box-image-right-container img.icon-play { min-width: 0 !important; min-height: 0; cursor: pointer; left: 0; margin: auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 99; } .box-image-right-container .video-box { position: relative; cursor: pointer; height: 600px; } .box-image-right-container .video-box::before, .box-image-right-container .video-box::after { content:''; top:0; left: 0; width: 100%; height: 100%; z-index: 9; position: absolute; } .box-over-image-layout--2 .box-image-right-container .video-box { margin-left: -75px; margin-bottom: -0.2px; } .box-over-image-layout--2 .box-image-right-container--image { margin-left: -95px; } /* .box-over-image-layout--2 .box-over-image--align-layout-2-left_top, .box-over-image-layout--2 .box-over-image--align-layout-2-left_bottom, .box-over-image-layout--2 .box-over-image--align-layout-2-left_center { flex-direction: row-reverse; } */ .box-over-image-layout--2 .box-over-image--align-layout-2-left_top .box-image-right-container .video-box, .box-over-image-layout--2 .box-over-image--align-layout-2-left_bottom .box-image-right-container .video-box, .box-over-image-layout--2 .box-over-image--align-layout-2-left_center .box-image-right-container .video-box, .box-over-image-layout--2 .box-over-image--align-layout-2-left_top .box-image-right-container--image, .box-over-image-layout--2 .box-over-image--align-layout-2-left_bottom .box-image-right-container--image, .box-over-image-layout--2 .box-over-image--align-layout-2-left_center .box-image-right-container--image { margin-left: 0; margin-right: -95px; } .box-over-image-layout--2 .box-over-image--align-layout-2-left_top.box-over-image-card .box-over-image-card__content, .box-over-image-layout--2 .box-over-image--align-layout-2-left_center.box-over-image-card .box-over-image-card__content, .box-over-image-layout--2 .box-over-image--align-layout-2-left_bottom.box-over-image-card .box-over-image-card__content { padding: 100px 64px 100px 150px; } .box-over-image-layout--2 .flexible-card__content--fullwidth { width: 510px; float: right; } .box-over-image-layout--2 .box-over-image--align-layout-2-left_top .flexible-card__content--fullwidth, .box-over-image-layout--2 .box-over-image--align-layout-2-left_bottom .flexible-card__content--fullwidth, .box-over-image-layout--2 .box-over-image--align-layout-2-left_center .flexible-card__content--fullwidth { float: left; } .box-over-image-layout--2 .box-over-image-card.box-over-image--align-layout-2-right_top .box-over-image-card__content.flexible-card__container--fullwidth, .box-over-image-layout--2 .box-over-image-card.box-over-image--align-layout-2-right_bottom .box-over-image-card__content.flexible-card__container--fullwidth, .box-over-image-layout--2 .box-over-image-card.box-over-image--align-layout-2-right_center .box-over-image-card__content.flexible-card__container--fullwidth { padding-left: 0; } .box-over-image-layout--2 .box-over-image-card.box-over-image--align-layout-2-left_top .box-over-image-card__content.flexible-card__container--fullwidth, .box-over-image-layout--2 .box-over-image-card.box-over-image--align-layout-2-left_bottom .box-over-image-card__content.flexible-card__container--fullwidth, .box-over-image-layout--2 .box-over-image-card.box-over-image--align-layout-2-left_center .box-over-image-card__content.flexible-card__container--fullwidth { padding-right: 0; } @media screen and (max-width: 1340px){ .box-over-image-layout--2 .box-over-image-card.box-over-image--align-layout-2-right_top .box-over-image-card__content.flexible-card__container--fullwidth, .box-over-image-layout--2 .box-over-image-card.box-over-image--align-layout-2-right_bottom .box-over-image-card__content.flexible-card__container--fullwidth, .box-over-image-layout--2 .box-over-image-card.box-over-image--align-layout-2-right_center .box-over-image-card__content.flexible-card__container--fullwidth { padding-left: 16px; } .box-over-image-layout--2 .box-over-image-card.box-over-image--align-layout-2-left_top .box-over-image-card__content.flexible-card__container--fullwidth, .box-over-image-layout--2 .box-over-image-card.box-over-image--align-layout-2-left_bottom .box-over-image-card__content.flexible-card__container--fullwidth, .box-over-image-layout--2 .box-over-image-card.box-over-image--align-layout-2-left_center .box-over-image-card__content.flexible-card__container--fullwidth { padding-right: 16px; } } /* .box-over-image-layout--2 .box-image-video-container { height: 100%; left: 0; margin: 0 auto; max-width: 1322px; position: absolute; right: 0; top: 0; } .box-over-image-layout--2 .box-image-video-container video { position: absolute; left: 40%; bottom: 0; } */ @media screen and (max-width: 1330px){ .box-over-image-layout--2 .flexible-card__content--fullwidth { width: auto !important; } } @media screen and (max-width: 1199px){ .box-over-image-card .box-over-image-card__content { padding: 36px; } } @media screen and (max-width: 991px){ .box-over-image-layout--2 .box-over-image-card { flex-wrap: wrap; } .box-over-image-layout--2 .flexible-card, .box-over-image-layout--2 .box-image-right-container { flex: 0 1 100% !important; margin: 0; } .box-over-image-layout--2 .flexible-card__content--fullwidth { width: 100%; float: left; } .box-over-image-layout--2 .box-over-image-card.box-over-image--align-layout-2-right_top .box-over-image-card__content.flexible-card__container--fullwidth, .box-over-image-layout--2 .box-over-image-card.box-over-image--align-layout-2-right_bottom .box-over-image-card__content.flexible-card__container--fullwidth, .box-over-image-layout--2 .box-over-image-card.box-over-image--align-layout-2-right_center .box-over-image-card__content.flexible-card__container--fullwidth { padding-left: 16px; } .box-over-image-layout--2 .box-over-image-card.box-over-image--align-layout-2-left_top .box-over-image-card__content.flexible-card__container--fullwidth, .box-over-image-layout--2 .box-over-image-card.box-over-image--align-layout-2-left_bottom .box-over-image-card__content.flexible-card__container--fullwidth, .box-over-image-layout--2 .box-over-image-card.box-over-image--align-layout-2-left_center .box-over-image-card__content.flexible-card__container--fullwidth { padding-right: 16px; } .box-over-image-layout--2 .box-over-image-card .box-over-image-card__content, .box-over-image-layout--2 .box-over-image--align-layout-2-left_top.box-over-image-card .box-over-image-card__content, .box-over-image-layout--2 .box-over-image--align-layout-2-left_center.box-over-image-card .box-over-image-card__content, .box-over-image-layout--2 .box-over-image--align-layout-2-left_bottom.box-over-image-card .box-over-image-card__content { padding: 24px 16px 76px; } .box-over-image-layout--2 .box-image-right-container .video-box, .box-over-image-layout--2 .box-image-right-container--image { margin-left: 0; } .box-over-image-layout--2 .box-over-image--align-layout-2-left_bottom .box-image-right-container .video-box, .box-over-image-layout--2 .box-over-image--align-layout-2-left_bottom .box-image-right-container--image, .box-over-image-layout--2 .box-over-image--align-layout-2-left_center .box-image-right-container .video-box, .box-over-image-layout--2 .box-over-image--align-layout-2-left_center .box-image-right-container--image, .box-over-image-layout--2 .box-over-image--align-layout-2-left_top .box-image-right-container .video-box, .box-over-image-layout--2 .box-over-image--align-layout-2-left_top .box-image-right-container--image { margin-right: 0; } .box-image-right-container .video-box { height: 300px; } .box-over-image-layout--2 .box-image-right-container .video-box, .box-over-image-layout--2 .box-image-right-container .box-image-right-container--image { margin-top: -52px; } .box-over-image-layout--2 .box-image-right-container .box-image-right-container--image { padding: 0 16px; } .box-over-image-layout--2 .box-image-right-container .video-box:before { left: 16px; right: 16px; width: auto; } } @media screen and (max-width: 767px) { .box-over-image-card .box-image-right-container--imagebox img { width: 100% !important; min-width: 100% !important; min-height: 300px; object-fit: cover; max-height: 500px; } .box-over-image-container { position: relative; transform: none !important; margin: -30px 16px 15px; } .box-over-image-card .box-over-image-card__content { position: relative; transform: none !important; padding: 24px; } .box-over-image-layout--1 .video-box { width: 100% !important; } .box-over-image-card__content .button svg { display: block; width: 16px; height: 16px; } .box-over-image-layout--2 .flexible-card__col { display: flex; } .box-over-image--align-bottom-left, .box-over-image--align-bottom-right { margin-bottom: 56px; padding-bottom: 0; } .box-over-image--align-top-right , .box-over-image--align-top-left { margin-top: 0 !important; padding-top: 0; } } /* layout 3*/ .box-over-image-layout--3 .box-over-image-container, .box-over-image-layout--3 .box-over-image-card__content { position: relative; top: 0 !important; transform: none !important; } .box-over-image-layout--3 .box-image-right-container { position: absolute; z-index: 999; } .box-over-image-layout--3 .flexible-card.box-over-image-container.flexible-card--3.right .box-over-image-card__content { margin-left: auto; } .box-over-image-layout--3 .box-over-image--align-layout-3-bottom-right .box-image-right-container { right: 0; bottom: -35%; } .box-over-image-layout--3 .box-over-image--align-layout-3-bottom-left .box-image-right-container { left: 0; bottom: -35%; } .box-over-image-layout--3 .box-over-image--align-layout-3-top-left .box-image-right-container { left: 0; top: -10%; } .box-over-image-layout--3 .box-over-image--align-layout-3-top-right .box-image-right-container { right: 0; top: -10%; } .box-over-image-layout--3 .box-over-image--align-layout-3-right .box-image-right-container { right: 0; top: 27%; } .box-over-image-layout--3 .box-over-image--align-layout-3-left .box-image-right-container { left: 0; top: 27%; } .box-over-image-layout--3 .box-over-image-card { margin-top: 0; padding-top: 0; } .box-over-image-layout--3 .box-over-image--align-layout-3-bottom-left .box-over-image-container .box-over-image-card__content, .box-over-image-layout--3 .box-over-image--align-layout-3-top-left .box-over-image-container .box-over-image-card__content { padding-left: calc(10% + 30px); } .box-over-image-layout--3 .box-over-image--align-layout-3-bottom-right .box-over-image-container .box-over-image-card__content, .box-over-image-layout--3 .box-over-image--align-layout-3-top-right .box-over-image-container .box-over-image-card__content { padding-right: calc(10% + 30px); } /* layout 5*/ .box-over-image-layout--5 .box-over-image-container, .box-over-image-layout--5 .box-over-image-card__content { position: relative; top: 0 !important; transform: none !important; } .box-over-image-layout--5 .box-image-right-container { position: absolute; z-index: 999; } .box-over-image-layout--5 .flexible-card.box-over-image-container.flexible-card--5.right .box-over-image-card__content { margin-left: auto; } .box-over-image-layout--5 .box-over-image--align-layout-3-bottom-right .box-image-right-container { right: 0; bottom: -25%; } .box-over-image-layout--5 .box-over-image--align-layout-3-bottom-left .box-image-right-container { left: 0; bottom: -25%; } .box-over-image-layout--5 .box-over-image--align-layout-3-top-left .box-image-right-container { left: 0; top: -10%; } .box-over-image-layout--5 .box-over-image--align-layout-3-top-right .box-image-right-container { right: 0; top: -10%; } .box-over-image-layout--5 .box-over-image--align-layout-3-right .box-image-right-container { right: 0; top: 27%; } .box-over-image-layout--5 .box-over-image--align-layout-3-left .box-image-right-container { left: 0; top: 27%; } .box-over-image-layout--5 { min-height: 1000px; background-size: 100% 100%; background-repeat: no-repeat; } @media screen and (max-width: 1335px) { .box-over-image-layout--5 .box-over-image--align-layout-3-bottom-right .box-image-right-container { right: 15px; } .box-over-image-layout--5 .box-over-image--align-layout-3-bottom-left .box-image-right-container { left: 15px; } .box-over-image-layout--5 .box-over-image--align-layout-3-top-left .box-image-right-container { left: 15px; } .box-over-image-layout--5 .box-over-image--align-layout-3-top-right .box-image-right-container { right: 15px; } .box-over-image-layout--5 .box-over-image--align-layout-3-right .box-image-right-container { right: 15px; } .box-over-image-layout--5 .box-over-image--align-layout-3-left .box-image-right-container { left: 15px; } .box-over-image-layout--4 .box-over-image--align-top-right .flexible-card { right: 15px; } .box-over-image-layout--4 .box-over-image--align-bottom-right .flexible-card { right: 15px; } .box-over-image-layout--4 .box-over-image--align-top-left .flexible-card { left: 15px; } .box-over-image-layout--4 .box-over-image--align-bottom-left .flexible-card { left: 15px; } .box-over-image-layout--4 .box-over-image--align-left .flexible-card { left: 15px; } .box-over-image-layout--4 .box-over-image--align-left .flexible-card { right: 15px; } } @media screen and (min-width: 768px) { .box-over-image-layout--5 .flexible-card { width: 100%; } } /* .box-over-image-layout--5 .box-over-image-card { padding-top: 0; margin-top: 0; } */ /* .box-over-image-layout--3 .box-over-image--align-bottom-right .box-image-right-container { right: 0; bottom: 0; } .box-over-image-layout--3 .box-over-image--align-bottom-left .box-image-right-container { left: 0; bottom: 0; } .box-over-image-layout--3 .box-over-image--align-top-right .box-image-right-container { right: 0; top: -50%; } .box-over-image-layout--3 .box-over-image--align-top-left .box-image-right-container { left: 0; top: -50%; } .box-over-image-layout--3 .box-over-image--align-right .box-image-right-container { right: 0; top: 0; } .box-over-image-layout--3 .box-over-image--align-left .box-image-right-container { left: 0; top:0; } */ .box-over-image-layout--4 .box-over-image-card { padding-top: 116px; } .box-over-image-layout--4 .box-image-right-container .shape { position: absolute; top: -156px; width: 100%; left: 0; right: 0; } .box-over-image-layout--4 .box-image-right-container { position: relative; } /* .box-over-image-layout--4 .box-image-right-container .shape svg { transform: rotate(180deg); } */ .box-over-image-layout--4 .box-image-right-container .shape svg, .box-over-image-layout--4 .box-image-right-container .shape path { fill: #FFF; } .box-over-image-layout--4 .box-over-image--align-top-right .flexible-card { top:80px; } .box-over-image-layout--5 .box-over-image--align-layout-3-bottom-left .box-over-image-container .box-over-image-card__content, .box-over-image-layout--5 .box-over-image--align-layout-3-top-left .box-over-image-container .box-over-image-card__content { padding-left: calc(10% + 30px); } .box-over-image-layout--5 .box-over-image--align-layout-3-bottom-right .box-over-image-container .box-over-image-card__content, .box-over-image-layout--5 .box-over-image--align-layout-3-top-right .box-over-image-container .box-over-image-card__content { padding-right: calc(10% + 30px); } /* .box-over-image-layout--5 .flexible-card__content { max-width: 75%; } */ .box-over-image-layout--5 .box-over-image-container { margin-top: 190px; } .box-over-image-layout--5 .container { padding: 0; max-width: 1322px; width: auto; } .box-over-image-layout--5 { margin-top: -125px; } @media screen and (max-width: 767px) { .box-over-image-layout--5 .box-over-image-container { margin-top: -30px; } .box-over-image-layout--4 .box-image-right-container .shape { top: -1px; } .box-over-image-layout--4 .box-over-image--align-top-right .flexible-card { top:-50px; } .box-over-image-layout--4 .box-image-right-container .shape svg { height: auto !important; width: 100%; } .box-over-image-layout--5 { min-height: auto !important; } .box-over-image-layout--5 .box-over-image--align-layout-3-bottom-right .box-image-right-container { right: 0; } .box-over-image-layout--5 .box-over-image--align-layout-3-bottom-left .box-image-right-container { left: 0; } .box-over-image-layout--5 .box-over-image--align-layout-3-top-left .box-image-right-container { left: 0; } .box-over-image-layout--5 .box-over-image--align-layout-3-top-right .box-image-right-container { right: 0; } .box-over-image-layout--5 .box-over-image--align-layout-3-right .box-image-right-container { right: 0; } .box-over-image-layout--5 .box-over-image--align-layout-3-left .box-image-right-container { left: 0; } .box-over-image-layout--4 .box-over-image--align-top-right .flexible-card { right: 0; } .box-over-image-layout--4 .box-over-image--align-bottom-right .flexible-card { right: 0; } .box-over-image-layout--4 .box-over-image--align-top-left .flexible-card { left: 0; } .box-over-image-layout--4 .box-over-image--align-bottom-left .flexible-card { left: 0; } .box-over-image-layout--4 .box-over-image--align-left .flexible-card { left: 0; } .box-over-image-layout--4 .box-over-image--align-left .flexible-card { right: 0; } .box-over-image-layout--5 .flexible-card__content { max-width: 100%; } .box-over-image-layout--5 .container { padding: 0 15px; } .box-over-image-layout--5 { margin-top: 0; } .box-over-image-layout--5 .box-over-image--align-layout-3-bottom-left .box-over-image-container .box-over-image-card__content, .box-over-image-layout--5 .box-over-image--align-layout-3-top-left .box-over-image-container .box-over-image-card__content { padding-left: 0; } .box-over-image-layout--5 .box-over-image--align-layout-3-bottom-right .box-over-image-container .box-over-image-card__content, .box-over-image-layout--5 .box-over-image--align-layout-3-top-right .box-over-image-container .box-over-image-card__content { padding-right: 0; } .box-over-image-layout--3 .box-over-image--align-layout-3-bottom-left .box-over-image-container .box-over-image-card__content, .box-over-image-layout--3 .box-over-image--align-layout-3-top-left .box-over-image-container .box-over-image-card__content { padding-left: 0; } .box-over-image-layout--3 .box-over-image--align-layout-3-bottom-right .box-over-image-container .box-over-image-card__content, .box-over-image-layout--3 .box-over-image--align-layout-3-top-right .box-over-image-container .box-over-image-card__content { padding-right: 0; } .box-over-image-layout--4 .box-over-image-card { padding-top: 0!important; } } .hs-breadcrumb-menu { display: flex; align-items: center; } .hs-breadcrumb-menu-divider { display: inline-block; vertical-align: middle; line-height: 0; margin-left: 8px; color: var(--color-text-body); } .hs-breadcrumb-menu-divider:before { content: ''; padding-left: 0; } .hs-breadcrumb-menu-item { font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; padding: 0 0 0 8px; } .hs-breadcrumb-label { display: inline-block; vertical-align: middle; color: var(--color-text-body); font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } .hs-breadcrumb-menu-item.first-crumb .hs-breadcrumb-label { line-height: 0; } .hs-breadcrumb-menu-item.last-crumb .hs-breadcrumb-label { color: var(--color-text-highlight); } @media screen and (max-width: 767px) { .breadcrumb { display: none; } } /* Global theme */ .hs-breadcrumb-label { font-family: var(--global-font-primary); font-size: 16px; line-height: 140%; font-weight: 400; color: var(--color-text-body); fill: var(--color-text-body); } .hs-breadcrumb-label img, .hs-breadcrumb-label svg { width: 24px; height: 24px; } .hs-breadcrumb-menu-divider { color: var(--color-text-body); } .hs-breadcrumb-label:hover, .hs-breadcrumb-menu-item.last-crumb .hs-breadcrumb-label { color: var(--color-text-highlight); fill: var(--color-text-highlight); }/** * Global style * */ .card--3 .card__container:not(.js-slider) { display: flex; flex-wrap: wrap; } .card--3 .card__item { display: flex; align-items: center; } .card--3 .card__container--1column .card__col { flex: 0 0 100%; width: 100%; } .card--3 .card__container--2columns .card__col { flex: 0 0 50%; width: 50%; padding: 0 15px; } .card--3 .card__container--3columns .card__col { flex: 0 0 33.333%; width: 33.333%; padding: 0 15px; } .card--3 .card__container--4columns .card__col { flex: 0 0 25%; width: 25%; padding: 0 15px; } .card--3 .card__container.filter-enabled:not(.js-slider) { grid-row-gap: 24px; } .card--3 .card__container--1column:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+2), .card--3 .card__container--2columns:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+3), .card--3 .card__container--3columns:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+4), .card--3 .card__container--4columns:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+5) { margin-top: 24px; } .card--3 .card__container.flickity-enabled .flickity-slider { display: flex; flex-direction: column; height: 100%; } .card--3 .card__container.flickity-enabled .flickity-slider .card__col.card__col--equal { min-height: 100%; display: flex; } .card--3 .card__col.slick-slide { display: flex; } .card--3 .card__image { line-height: 0; width: 45%; flex: 0 0 45%; } .card--3 .card__image img { width: 100%; height: auto; border-radius: 22px; } .card--3 .card__content { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; width: 55%; flex: 0 0 55%; text-align: center; } .card__item--no-image .card__content { width: 100%; flex: 0 0 100%; } .card--3 .card__content-title { margin-bottom: 8px; } .card--3 .card__content-title .heading { color: var(--color-text-heading); background-image: none; -webkit-text-fill-color: initial; } .card--3 .card__content-subtitle { margin-bottom: 16px; } .card--3 .card__content-divider { margin-bottom: 24px; justify-content: center; width: 100%; } .card--3 .card__content-divider .divider__line { border: 0; border-style: solid; border-bottom-width: 1px; width: 26%; } .card--3 .card__content-contact { display: flex; align-items: center; justify-content: center; width: fit-content; margin-bottom: 8px; } .card--3 .card__content-contact:last-child { margin-bottom: 0; } .card--3 .card__content-contact .hs_cos_wrapper_type_icon { line-height: 100%; margin-right: 10px; width: 25px; } .card--3 .card__content-contact .card__content-contact-img { line-height: 0; margin-right: 10px; width: 25px; height: 25px; } .card--3 .card__content-contact .card__content-contact-img img, .card--3 .card__content-contact .hs_cos_wrapper_type_icon svg { width: 25px; height: 25px; object-fit: contain; } @container card (min-width: 500px) { .card--3 .card__col { flex-direction: column; } } @media screen and (max-width: 1536px) { .card--3 .card__container--4columns .card__col { flex: 0 0 33.333%; width: 33.333%; padding: 0 15px; } .card--3 .card__container--4columns .card__col:nth-child(n+4) { margin-top: 24px; } } @media screen and (max-width: 1366px) { .card--3 .card__container--4columns .card__col, .card--3 .card__container--3columns .card__col { flex: 0 0 50%; width: 50%; padding: 0 15px; } .card--3 .card__container:not(.js-slider) .card__col:nth-child(n+3) { margin-top: 24px; } } @media screen and (max-width: 991px) { .card--3 .card__container:not(.js-slider) .card__col:nth-child(n+2) { margin-top: 24px; } .card--3 .card__container--2columns .card__col, .card--3 .card__container--3columns .card__col, .card--3 .card__container--4columns .card__col { flex: 0 0 100%; width: 100%; } } /** * Theme style * */ .card--3 .card__content-divider .divider__line { border-color: var(--divider-default-color); } .card--3 .card__content-contact { color: var(--color-text-body); } .card--3 .card__content-contact .hs_cos_wrapper_type_icon svg path { fill: var(--color-text-body); } /** * Slider style * */ .card .js-slider .slick-dots { position: unset; margin-top: 64px; }/** * Global style * */ .card--4 .card__container:not(.js-slider) { display: flex; flex-wrap: wrap; } .card--4 .card__container--1column .card__col { flex: 0 0 100%; width: 100%; } .card--4 .card__container--2columns .card__col { flex: 0 0 50%; width: 50%; padding: 0 15px; } .card--4 .card__container--3columns .card__col { flex: 0 0 33.333%; width: 33.333%; padding: 0 15px; } .card--4 .card__container--4columns .card__col { flex: 0 0 25%; width: 25%; padding: 0 15px; } .card--4 .card__container.filter-enabled:not(.js-slider) { grid-row-gap: 24px; } .card--4 .card__container--1column:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+2), .card--4 .card__container--2columns:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+3), .card--4 .card__container--3columns:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+4), .card--4 .card__container--4columns:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+5) { margin-top: 24px; } .card--4 .card__container.flickity-enabled .flickity-slider { display: flex; flex-direction: column; height: 100%; } .card--4 .card__container.flickity-enabled .flickity-slider .card__col.card__col--equal { min-height: 100%; display: flex; flex-direction: column; } .card--4 .card__container.flickity-enabled .flickity-slider .card__col.card__col--equal .card__item { flex-grow: 1; } .card--4 .card__col .card__item { display: flex; flex-direction: column; border-radius: 12px; } .card--4 .card__col.card__col--equal .card__item { height: 100%; } .card--4 .card__col .card__item .card__content.card--equal { flex-grow: 1; } .card--4 .card__image { line-height: 0; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; overflow: hidden; } .card--4 .card__image img { width: 100%; height: auto; } .card--4 .card__image-image--hover { display: none; } .card--4 .card__container:not(.card__container--no-hover) .card__item:hover .card__image-image { display: none; } .card--4 .card__container:not(.card__container--no-hover) .card__item:hover .card__image-image--hover { display: block; } .card--4 .card__content { display: flex; flex-direction: column; padding: 24px; border-top: 0; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .card--4 .card__content-title { margin-bottom: 12px; } .card--4 .card__content-title .heading { color: var(--color-text-heading); background-image: none; -webkit-text-fill-color: initial; } .card--4 .card__author { display: flex; align-items: center; margin-bottom: 24px; } .card--4 .card__author-image { width: 24px; height: 24px; margin-right: 12px; line-height: 0; } .card--4 .card__author-image img { width: 24px; height: 24px; object-fit: cover; } .card--4 .card__author-name * { margin: 0 } .card--4 .card__container:not(.card__container--no-hover) .card__author-name:hover, .card--4 .card__container:not(.card__container--no-hover) .card__author-name:focus { color: var(--overline-default-color); text-decoration: none; } .card--4 .card__content-richtext { margin-bottom: 32px; } .card--4 .hs-cta-embed, .card--4 .card__button { margin-bottom: 32px; } .card--4 .card__content-divider { margin-top: auto; margin-bottom: 16px; } .card--4 .card__content-divider .divider__line { border: 0; border-style: solid; border-bottom-width: 1px; width: 100%; } .card--4 .card__container--align-last .card__button { margin-top: auto; } .card--4 .card__content-bottom { margin-top: auto; width: 100%; } .card--4 .card__content-bottom-text { display: flex; gap: 15px; } .card--4 .card__content-read-time { width: calc(77% - 7.5px); flex: 0 0 calc(77% - 7.5px); } .card--4 .card__content-category { width: calc(23% - 7.5px); flex: 0 0 calc(23% - 7.5px) } .card--4 .card__container:not(.card__container--no-hover) .card__content-category:hover, .card--4 .card__container:not(.card__container--no-hover) .card__content-category:focus { color: var(--color-text-highlight); text-decoration: none; } .card--4 .button-wrapper a { margin-bottom: 0; } @media screen and (max-width: 1366px) { .card--4 .card__container--4columns .card__col { flex: 0 0 33.333%; width: 33.333%; padding: 0 15px; } .card--4 .card__container--4columns .card__col:nth-child(n+4) { margin-top: 24px; } } @media screen and (max-width: 1024px) { .card--4 .card__container--3columns .card__col, .card--4 .card__container--4columns .card__col { flex: 0 0 50%; width: 50%; padding: 0 15px; } .card--4 .card__container:not(.js-slider) .card__col:nth-child(n+3) { margin-top: 24px; } } @media screen and (max-width: 767px) { .card--4 .card__container:not(.js-slider) .card__col:nth-child(n+2) { margin-top: 24px; } .card--4 .card__container--2columns .card__col, .card--4 .card__container--3columns .card__col, .card--4 .card__container--4columns .card__col { flex: 0 0 100%; width: 100%; } } /** * Theme style * */ .card--4 .card__content { border: 1px solid var(--color-bg-support-hard); background: var(--color-bg-support-soft); } .card--4 .card__container:not(.card__container--no-hover) .card__item:hover .card__content { background: var(--color-bg-inverse); border-color: var(--color-bg-inverse); } .card--4 .card__content-richtext, .card--4 .card__content-richtext *:not(a) { color: var(--color-text-body); } .card--4 .card__container:not(.card__container--no-hover) .card__item:hover .card__content-richtext, .card--4 .card__container:not(.card__container--no-hover) .card__item:hover .card__content-richtext *:not(a), .card--4 .card__container:not(.card__container--no-hover) .card__item:hover .card__content-title .heading { color: var(--color-text-body-inverse); background-image: none; -webkit-text-fill-color: initial; } .card--4 .card__content-divider .divider__line { border-color: var(--divider-default-color); } .card__content-category { color: var(--color-text-highlight); } /** * Slider style * */ .card .js-slider .slick-dots { position: unset; margin-top: 64px; }/** * Global style * */ .card--7 .card__container:not(.js-slider) { display: flex; flex-wrap: wrap; } .card--7 .card__container--1column { flex-direction: column; } .card--7 .card__container--1column .card__col { flex: 0 0 100%; width: 100%; } .card--7 .card__container--2columns .card__col { flex: 0 0 50%; width: 50%; padding: 0 15px; } .card--7 .card__container--3columns .card__col { flex: 0 0 33.333%; width: 33.333%; padding: 0 15px; } .card--7 .card__container--4columns .card__col { flex: 0 0 25%; width: 25%; padding: 0 15px; } .card--7 .card__container.filter-enabled:not(.js-slider) { grid-row-gap: 24px; } .card--7 .card__container--1column:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n + 2), .card--7 .card__container--2columns:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n + 3), .card--7 .card__container--3columns:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n + 4), .card--7 .card__container--4columns:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n + 5) { margin-top: 24px; } .card--7 .card__container.flickity-enabled .flickity-slider { display: flex; flex-direction: column; height: 100%; } .card--7 .card__container.flickity-enabled .flickity-slider .card__col.card__col--equal { min-height: 100%; display: flex; flex-direction: column; } .card--7 .card__container.flickity-enabled .flickity-slider .card__col.card__col--equal .card__item { flex-grow: 1; } .card--7 .card__col.slick-slide .card__item { display: flex; flex-direction: column; height: 100%; } .card--7 .card__col.slick-slide .card__item .card__content.card--equal { flex-grow: 1; } .card--7 .card__item { display: flex; flex-wrap: wrap; justify-content: space-between; grid-column-gap: 40px; grid-row-gap: 32px; padding: 32px 24px; transition: all 0.2s; width: 100%; } .card--7 .card__left { display: flex; grid-column-gap: 16px; width: 100%; } .card--7 .card__image { width: 56px; height: 56px; flex: 0 0 56px; line-height: 0; display: flex; align-items: flex-start; position: relative; } .card--7 .card__content { width: 100%; } .card--7 .card__item:not(.card__item--no-image) .card__content { flex: 0 0 calc(100%-72px); width: calc(100%-72px); } .card--7 .card__image.card__image--circle { border-radius: 50%; background: var(--icon-background-default-color); align-items: center; justify-content: center; } .card--7 .card__image svg, .card--7 .card__image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .card--7 .card__image.card__image--circle svg, .card--7 .card__image.card__image--circle img { height: 24px; width: 24px; } .card--7 .card__content-title { margin-bottom: 16px; } .card--7 .card__content-title .heading { color: var(--color-text-heading); background-image: none; -webkit-text-fill-color: initial; } @media screen and (max-width: 1366px) { .card--7 .card__container--4columns .card__col { flex: 0 0 33.333%; width: 33.333%; padding: 0 15px; } .card--7 .card__container--4columns .card__col:nth-child(n + 4) { margin-top: 24px; } } @media screen and (max-width: 1024px) { .card--7 .card__container--4columns .card__col { flex: 0 0 50%; width: 50%; padding: 0 15px; } .card--7 .card__container--4columns .card__col:nth-child(n + 3) { margin-top: 24px; } } @media screen and (max-width: 767px) { .card--7 .card__container:not(.js-slider) .card__col:nth-child(n + 2) { margin-top: 24px; } .card--7 .card__container--2columns .card__col, .card--7 .card__container--3columns .card__col, .card--7 .card__container--4columns .card__col { flex: 0 0 100%; width: 100%; } .card--7 .card__container { flex-direction: column; } .card--7 .card__item { flex-direction: column; } .card--7 .card__left { flex-direction: column; grid-row-gap: 16px; } } /** * Theme style * */ .card--7 .card__item { border-left: 1px solid var(--divider-default-color); } .card--7 .card__image svg path { fill: var(--icon-icon-default-color); color: var(--icon-icon-default-color); } /** * Slider style * */ .card .js-slider .slick-dots { position: unset; margin-top: 64px; }/** * Global style * */ .card--8 .card__container:not(.js-slider) { display: flex; flex-wrap: wrap; } .card--8 .card__container--1column .card__col { flex: 0 0 100%; width: 100%; } .card--8 .card__container--2columns .card__col { flex: 0 0 50%; width: 50%; padding: 0 15px; } .card--8 .card__container--3columns .card__col { flex: 0 0 33.333%; width: 33.333%; padding: 0 15px; } .card--8 .card__container--4columns .card__col { flex: 0 0 25%; width: 25%; padding: 0 15px; } .card--8 .card__container.filter-enabled:not(.js-slider) { grid-row-gap: 24px; } .card--8 .card__container--1column:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+2), .card--8 .card__container--2columns:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+3), .card--8 .card__container--3columns:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+4), .card--8 .card__container--4columns:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+5) { margin-top: 24px; } .card--8 .card__container.flickity-enabled .flickity-slider { display: flex; flex-direction: column; height: 100%; } .card--8 .card__container.flickity-enabled .flickity-slider .card__col.card__col--equal { min-height: 100%; display: flex; flex-direction: column; } .card--8 .card__container.flickity-enabled .flickity-slider .card__col.card__col--equal .card__item { flex-grow: 1; } .card--8 .card__col.slick-slide .card__item { display: flex; flex-direction: column; height: 100%; } .card--8 .card__col.slick-slide .card__item .card__content.card--equal { flex-grow: 1; } .card--8 .card__container--align-last .card--equal { display: flex; flex-direction: column; } .card--8 .card__content-title .heading { color: var(--color-text-heading); background-image: none; -webkit-text-fill-color: initial; } .card--8 .card__image { line-height: 0; width: 100%; } .card--8 .card__image img { width: 100%; height: auto; } .card--8 .card__image-image--hover { display: none; } .card--8 .card__container:not(.card__container--no-hover) .card__col:hover .card__image-image { display: none; } .card--8 .card__container:not(.card__container--no-hover) .card__col:hover .card__image-image--hover { display: block; } .card--8 .card__item { overflow: hidden; } .card--8 .card__testimonial-star { display: flex; justify-content: flex-start; gap: 12px; } .card--8 .card__testimonial-star .star { line-height: 0; } .card--8 .card__content-divider { margin-bottom: 32px; justify-content: flex-start; width: 100%; } .card--8 .card__content-divider .divider__line { border: 0; border-style: solid; border-bottom-width: 1px; width: 26%; } .card--8 a.card__image { line-height: 0; display: block; } .card--8 .card__content--spacing { margin-bottom: 12px; } .card--8 .card__content--spacing:last-child { margin-bottom: 0; } .card--8 .card__container--align-last .card__content--spacing:last-child { margin-top: auto; } .card--8 .card__button { width: 100%; } .card--8 .card__button .button { margin: 0; } .card--8 .card__icon { width: 56px; height: 56px; line-height: 0; display: flex; align-items: center; position: relative; } .card--8 .card__icon.card__image--circle { border-radius: 50%; background: var(--icon-background-default-color); align-items: center; justify-content: center; } .card--8 .card__icon-image--hover { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: contain; opacity: 0; transition: opacity .2s; } .card--8 .card__container:not(.card__container--no-hover) .card__item:hover .card__icon-image--hover { opacity: 1; } .card--8 .card__icon svg, .card--8 .card__icon img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .card--8 .card__testimonial-star .star svg, .card--8 .card__icon.card__image--circle svg, .card--8 .card__icon.card__image--circle img { height: 24px; width: 24px; } @media screen and (max-width: 1366px) { .card--8 .card__container--4columns .card__col { flex: 0 0 33.333%; width: 33.333%; padding: 0 15px; } .card--8 .card__container--4columns .card__col:nth-child(n+4) { margin-top: 24px; } } @media screen and (max-width: 1024px) { .card--8 .card__container--3columns .card__col, .card--8 .card__container--4columns .card__col { flex: 0 0 50%; width: 50%; padding: 0 15px; } .card--8 .card__container:not(.js-slider) .card__col:nth-child(n+3) { margin-top: 24px; } } @media screen and (max-width: 767px) { .card--8 .card__container:not(.js-slider) .card__col:nth-child(n+2) { margin-top: 24px; } .card--8 .card__container--2columns .card__col, .card--8 .card__container--3columns .card__col, .card--8 .card__container--4columns .card__col { flex: 0 0 100%; width: 100%; } } /** * Theme * */ .card--8 .card__image svg path { fill: var(--icon-icon-default-color); color: var(--icon-icon-default-color); } .card--8 .card__testimonial-star .star { color: var(--color-text-support); opacity: 20%; } .card--8 .card__testimonial-star .star.star--rated { color: var(--color-text-highlight); opacity: 100%; } /** * Slider style * */ .card .js-slider .slick-dots { position: unset; margin-top: 64px; }/** * Global style * */ .card--9 .card__container:not(.js-slider) { display: flex; flex-wrap: wrap; } .card--9 .card__container--1column .card__col { flex: 0 0 100%; width: 100%; } .card--9 .card__container--2columns .card__col { flex: 0 0 50%; width: 50%; padding: 0 15px; } .card--9 .card__container--3columns .card__col { flex: 0 0 33.333%; width: 33.333%; padding: 0 15px; } .card--9 .card__container--4columns .card__col { flex: 0 0 25%; width: 25%; padding: 0 15px; } .card--9 .card__container.filter-enabled:not(.js-slider) { grid-row-gap: 24px; } .card--9 .card__container--1column:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+2), .card--9 .card__container--2columns:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+3), .card--9 .card__container--3columns:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+4), .card--9 .card__container--4columns:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+5) { margin-top: 24px; } .card--9 .card__container.flickity-enabled .flickity-slider { display: flex; flex-direction: column; height: 100%; } .card--9 .card__container.flickity-enabled .flickity-slider .card__col.card__col--equal { min-height: 100%; display: flex; flex-direction: column; } .card--9 .card__container.flickity-enabled .flickity-slider .card__col.card__col--equal .card__item { flex-grow: 1; } .card--9 .card__image { line-height: 0; width: 100%; } .card--9 .card__image img { width: 100%; height: auto; } .card--9 .card__image img.card__image-image--hover { display: none; } .card--9 .card__container:not(.card__container--no-hover) .card__item:hover .card__image img.card__image-image { display: none; } .card--9 .card__container:not(.card__container--no-hover) .card__item:hover .card__image img.card__image-image--hover { display: block; } .card--9 .card__item { overflow: hidden; } .card--9 .card__testimonial-star { display: flex; justify-content: flex-start; gap: 12px; } .card--9 .card__testimonial-star .star { line-height: 0; } .card--9 .card__item.card__item--equal { display: flex; flex-direction: column; height: 100%; } .card--9 .card__flexible.card--equal { flex-grow: 1; } .card--9 .card__container--align-last .card__flexible.card--equal { display: flex; flex-direction: column; } .card__flexible { padding: 24px; } .card--9 .card__content-divider { margin-bottom: 32px; justify-content: flex-start; width: 100%; } .card--9 .card__content-divider .divider__line { border: 0; border-style: solid; border-bottom-width: 1px; width: 26%; } .card--9 .card__content--spacing { margin-bottom: 12px; } .card--9 .card__content--spacing:last-child { margin-bottom: 0; } .card--9 .card__container--align-last .card__content--spacing:last-child { margin-top: auto; } .card--9 .card__content-title .heading { color: var(--color-text-heading); background-image: none; -webkit-text-fill-color: initial; } .card--9 .card__button { width: 100%; } .card--9 .card__button .button { margin: 0; } .card--9 .card__icon { width: 56px; height: 56px; line-height: 0; display: flex; align-items: center; position: relative; } .card--9 .card__icon.card__image--circle { border-radius: 50%; background: var(--icon-background-default-color); align-items: center; justify-content: center; } .card--9 .card__icon-image--hover { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: contain; opacity: 0; transition: opacity .2s; } .card--9 .card__container:not(.card__container--no-hover) .card__item:hover .card__icon-image--hover { opacity: 1; } .card--9 .card__icon svg, .card--9 .card__icon img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .card--9 .card__testimonial-star .star svg, .card--9 .card__icon.card__image--circle svg, .card--9 .card__icon.card__image--circle img { height: 24px; width: 24px; } @media screen and (max-width: 1366px) { .card--9 .card__container--4columns .card__col { flex: 0 0 33.333%; width: 33.333%; padding: 0 15px; } .card--9 .card__container--4columns .card__col:nth-child(n+4) { margin-top: 24px; } } @media screen and (max-width: 1024px) { .card--9 .card__container--3columns .card__col, .card--9 .card__container--4columns .card__col { flex: 0 0 50%; width: 50%; padding: 0 15px; } .card--9 .card__container:not(.js-slider) .card__col:nth-child(n+3) { margin-top: 24px; } } @media screen and (max-width: 767px) { .card--9 .card__container:not(.js-slider) .card__col:nth-child(n+2) { margin-top: 24px; } .card--9 .card__container--2columns .card__col, .card--9 .card__container--3columns .card__col, .card--9 .card__container--4columns .card__col { flex: 0 0 100%; width: 100%; } } /** * Theme * */ .card--9 .card__image svg path { fill: var(--icon-icon-default-color); color: var(--icon-icon-default-color); } .card--9 .card__testimonial-star .star { color: var(--color-text-support); opacity: 20%; } .card--9 .card__testimonial-star .star.star--rated { color: var(--color-text-highlight); opacity: 100%; } /** * Slider style * */ .card .js-slider .slick-dots { position: unset; margin-top: 64px; }/** * Global style * */ .card--17 .card__container:not(.js-slider) { display: flex; flex-wrap: wrap; } .card--17 .card__container--1column .card__col { flex: 0 0 100%; width: 100%; } .card--17 .card__container--2columns .card__col { flex: 0 0 50%; width: 50%; padding: 0 15px; } .card--17 .card__container--3columns .card__col { flex: 0 0 33.333%; width: 33.333%; padding: 0 15px; } .card--17 .card__container--4columns .card__col { flex: 0 0 25%; width: 25%; padding: 0 15px; } .card--17 .slick-track .card__col { padding-top: 10px; padding-bottom: 10px; } .card--17 .card__container.filter-enabled:not(.js-slider) { grid-row-gap: 24px; } .card--17 .card__container--1column:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+2), .card--17 .card__container--2columns:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+3), .card--17 .card__container--3columns:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+4), .card--17 .card__container--4columns:not(.flickity-enabled):not(.filter-enabled) .card__col:nth-child(n+5) { margin-top: 24px; } .card--17 .card__container.flickity-enabled .flickity-slider { display: flex; flex-direction: column; height: 100%; } .card--17 .card__container.flickity-enabled .flickity-slider .card__col.card__col--equal { min-height: 100%; display: flex; flex-direction: column; } .card--17 .card__container.flickity-enabled .flickity-slider .card__col.card__col--equal .card__item { flex-grow: 1; } .card--17 .card__col.slick-slide .card__item { display: flex; flex-direction: column; height: 100%; overflow: hidden; padding: 15px; } .card--17 .card__flip--back, .card--17 .card__flip--front { display: flex; justify-content: center; flex-direction: column; text-align: center; align-items: center; } .card--17 .card__col.slick-slide .card__item .card__content.card--equal { flex-grow: 1; } .card--17 .card__testimonial-star { justify-content: center; } .card--17 .card__content-title .heading { color: var(--color-text-heading); background-image: none; -webkit-text-fill-color: initial; } .card--17 .card__image { line-height: 0; width: 100%; } .card--17 .card__image img { width: 100%; height: auto; } .card--17 .card__image-image--hover { display: none; } .card--17 .card__container:not(.card__container--no-hover) .card__col:hover .card__image-image { display: none; } .card--17 .card__container:not(.card__container--no-hover) .card__col:hover .card__image-image--hover { display: block; } .card--17 .card__item { perspective: 1000px; height: 100%; } .card--17 .card__col--equal .card__item { height: 100%; } .card--17 .card__flip { display: grid; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; } .card--17 .card__col--equal .card__flip { height: 100%; } .card--17 .card__item:hover .left-to-right.card__flip { transform: rotateY(180deg); } .card--17 .card__item:hover .right-to-left.card__flip { transform: rotateY(-180deg); } .card--17 .card__item:hover .top-to-bottom.card__flip { transform: rotateX(-180deg); } .card--17 .card__item:hover .bottom-to-top.card__flip { transform: rotateX(180deg); } .card--17 .card__flip .card__flip--front, .card--17 .card__flip .card__flip--back { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); padding: var(--spacing-medium-m) var(--spacing-medium-s); grid-area: 1/1; -webkit-backface-visibility: hidden; backface-visibility: hidden; align-self: stretch; } .card--17 .right-to-left.card__flip .card__flip--back, .card--17 .left-to-right.card__flip .card__flip--back { transform: rotateY(180deg); } .card--17 .bottom-to-top.card__flip .card__flip--back, .card--17 .top-to-bottom.card__flip .card__flip--back { transform: rotateX(180deg); } .card--17 .card__testimonial-star { display: flex; justify-content: flex-start; gap: 12px; } .card--17 .card__testimonial-star .star { line-height: 0; } .card--17 .card__content-divider { margin-bottom: 32px; justify-content: flex-start; width: 100%; } .card--17 .card__content-divider .divider__line { border: 0; border-style: solid; border-bottom-width: 1px; width: 26%; } .card--17 .card__content--spacing { margin-bottom: 12px; } .card--17 .card__content--spacing:last-child { margin-bottom: 0; } .card--17 .card__button { width: 100%; } .card--17 .card__button .button { margin: 0; } .card--17 .card__icon { width: 56px; height: 56px; line-height: 0; display: flex; align-items: center; position: relative; } .card--17 .card__icon.card__image--circle { border-radius: 50%; background: var(--icon-background-default-color); align-items: center; justify-content: center; } .card--17 .card__icon-image--hover { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: contain; opacity: 0; transition: opacity .2s; } .card--17 .card__container:not(.card__container--no-hover) .card__item:hover .card__icon-image--hover { opacity: 1; } .card--17 .card__icon svg, .card--17 .card__icon img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .card--17 .card__testimonial-star .star svg, .card--17 .card__icon.card__image--circle svg, .card--17 .card__icon.card__image--circle img { height: 24px; width: 24px; } @media screen and (max-width: 1366px) { .card--17 .card__container--4columns .card__col { flex: 0 0 33.333%; width: 33.333%; padding: 0 15px; } .card--17 .card__container--4columns .card__col:nth-child(n+4) { margin-top: 24px; } } @media screen and (max-width: 1024px) { .card--17 .card__container--3columns .card__col, .card--17 .card__container--4columns .card__col { flex: 0 0 50%; width: 50%; padding: 0 15px; } .card--17 .card__container:not(.js-slider) .card__col:nth-child(n+3) { margin-top: 24px; } } @media screen and (max-width: 767px) { .card--17 .card__container:not(.js-slider) .card__col:nth-child(n+2) { margin-top: 24px; } .card--17 .card__container--2columns .card__col, .card--17 .card__container--3columns .card__col, .card--17 .card__container--4columns .card__col { flex: 0 0 100%; width: 100%; } } /** * Theme * */ .card--17 .card__image svg path { fill: var(--icon-icon-default-color); color: var(--icon-icon-default-color); } .card--17 .card__testimonial-star .star { color: var(--color-text-support); opacity: 20%; } .card--17 .card__testimonial-star .star.star--rated { color: var(--color-text-highlight); opacity: 100%; } :root, [theme=light] { --icon-filter-search: url('data:image/svg+xml,'); --icon-filter-arrow-down: url('data:image/svg+xml,'); --icon-filter-close: url('data:image/svg+xml,'); --icon-filter-asc: url('data:image/svg+xml,'); --icon-filter-desc: url('data:image/svg+xml,'); --icon-filter-checked: url('data:image/svg+xml,'); } [theme=heavy] { --icon-filter-search: url('data:image/svg+xml,'); --icon-filter-arrow-down: url('data:image/svg+xml,'); --icon-filter-close: url('data:image/svg+xml,'); --icon-filter-asc: url('data:image/svg+xml,'); --icon-filter-desc: url('data:image/svg+xml,'); --icon-filter-checked: url('data:image/svg+xml,'); } .custom-filter { background: var(--color-bg-primary); } .custom-filter--has-bottom-border { border-bottom: 1px solid var(--divider-default-color); } .custom-filter__wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .custom-filter .custom-filter__wrapper .select2-container .select2-selection--multiple { padding: 11.5px 16px; position: relative; } .custom-filter .custom-filter__wrapper .select2-container.select2-container--has-value .select2-selection--multiple { padding: 7.5px 16px; } .custom-filter .custom-filter__wrapper .select2-container .select2-selection--multiple .select2-selection__clear { padding: 0; margin: 0; line-height: 0; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); } .custom-filter .custom-filter__wrapper .select2-container .select2-selection--multiple .select2-selection__choice { margin: 2px 2.5px; padding: 8px 16px; max-width: 98%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; position: relative; padding: 8px 24px 8px 16px !important; font-size: var(--body-mobile-font-size); line-height: var(--body-mobile-line-height); } .custom-filter__keyword { padding: 12px 40px 12px 72px; margin-top: 0; margin-bottom: 0; width: 261px; height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: var(--color-bg-support-medium); border: 1px solid var(--color-bg-support-hard); outline: none; border-radius: var(--border-radius-full); font-size: var(--body-desktop-font-size); font-weight: var(--body-desktop-font-weight); line-height: var(--body-desktop-line-height); color: var(--color-text-body); } .custom-filter__keyword:hover, .custom-filter__keyword:focus, { color: var(--color-text-body); background: var(--color-bg-support-medium); border-color: var(--color-bg-support-hard); } .custom-filter__keyword::placeholder { font-size: var(--body-desktop-font-size); font-weight: var(--body-desktop-font-weight); line-height: var(--body-desktop-line-height); color: var(--color-text-body); } .custom-filter__keyword:hover::placeholder, .custom-filter__keyword:focus::placeholder { color: var(--color-text-body); } .custom-filter__right { position: relative; margin-bottom: 3px; } .custom-filter__keyword-icon { position: absolute; /* background-image: var(--icon-filter-search); */ width: 24px; height: 24px; top: 50%; left: 24px; transform: translateY(-50%); color: var(--icon-icon-default-color); } .custom-filter__keyword-clear { display: none; position: absolute; right: 17px; top: 46%; transform: translateY(-50%); font-size: 30px; font-weight: 500; cursor: pointer; } .custom-filter__right--input .custom-filter__keyword-clear { display: block; color: var(--icon-icon-default-color); } .custom-filter__sort { margin-bottom: 24px; flex: 0 1 100%; } .custom-filter__no-result { width: 100%; font-size: 16px; color: var(--color-text-body); } /* Section filter */ .custom-filter__load-more { display: none; margin-top: 30px; margin-bottom: 0; text-align: center; width: 100%; } .custom-filter__load-more button { margin-left: auto; margin-right: auto; } .dnd-section-filter .grid-filter-container { /* flex: 0 1 100%; */ flex-grow: 1; } @media (max-width: 1352px) { .custom-filter__sort { padding: 0 15px; } } @media (min-width: 768px) { .dnd-section-filter > .row-fluid { flex-wrap: wrap; } .dnd-section-filter .grid-filter-container { display: flex; flex-wrap: wrap; /* width: 100%; */ } .dnd-section-filter .grid-filter-container > [class*='span'] { display: none; padding-left: 0; padding-right: 0; } .dnd-section-filter .grid-filter-container .row-fluid [class*=span] { --column-gap: 2.13%; } .dnd-section-filter .grid-filter-container>.span12 { margin-bottom: var(--column-gap); } .dnd-section-filter .grid-filter-container:has(div.span11) { margin-left: calc(-1 * var(--column-gap) * 0.0833 / 2); margin-right: calc(-1 * var(--column-gap) * 0.0833 / 2); } .dnd-section-filter .grid-filter-container>.span11 { margin-left: calc(var(--column-gap) * 0.0833 / 2); margin-right: calc(var(--column-gap) * 0.0833 / 2); margin-bottom: calc(var(--column-gap) * 0.0833); } .dnd-section-filter .grid-filter-container:has(div.span10) { margin-left: calc(-1 * var(--column-gap) * 0.166 / 2); margin-right: calc(-1 * var(--column-gap) * 0.166 / 2); } .dnd-section-filter .grid-filter-container>.span10 { margin-left: calc(var(--column-gap) * 0.166 / 2); margin-right: calc(var(--column-gap) * 0.166 / 2); margin-bottom: calc(var(--column-gap) * 0.166); } .dnd-section-filter .grid-filter-container:has(div.span9) { margin-left: calc(-1 * var(--column-gap) * 0.25 / 2); margin-right: calc(-1 * var(--column-gap) * 0.25 / 2); } .dnd-section-filter .grid-filter-container>.span9 { margin-left: calc(var(--column-gap) * 0.25 / 2); margin-right: calc(var(--column-gap) * 0.25 / 2); margin-bottom: calc(var(--column-gap) * 0.25); } .dnd-section-filter .grid-filter-container:has(div.span8) { margin-left: calc(-1 * var(--column-gap) * 0.333 / 2); margin-right: calc(-1 * var(--column-gap) * 0.333 / 2); } .dnd-section-filter .grid-filter-container>.span8 { margin-left: calc(var(--column-gap) * 0.333 / 2); margin-right: calc(var(--column-gap) * 0.333 / 2); margin-bottom: calc(var(--column-gap) * 0.333); } .dnd-section-filter .grid-filter-container:has(div.span7) { margin-left: calc(-1 * var(--column-gap) * 0.4166 / 2); margin-right: calc(-1 * var(--column-gap) * 0.4166 / 2); } .dnd-section-filter .grid-filter-container>.span7 { margin-left: calc(var(--column-gap) * 0.4166 / 2); margin-right: calc(var(--column-gap) * 0.4166 / 2); margin-bottom: calc(var(--column-gap) * 0.4166); } .dnd-section-filter .grid-filter-container:has(div.span6) { margin-left: calc(-1 * var(--column-gap) * 0.5 / 2); margin-right: calc(-1 * var(--column-gap) * 0.5 / 2); } .dnd-section-filter .grid-filter-container>.span6 { margin-left: calc(var(--column-gap) * 0.5 / 2); margin-right: calc(var(--column-gap) * 0.5 / 2); margin-bottom: calc(var(--column-gap) * 0.5); } .dnd-section-filter .grid-filter-container:has(div.span5) { margin-left: calc(-1 * var(--column-gap) * 0.5833 / 2); margin-right: calc(-1 * var(--column-gap) * 0.5833 / 2); } .dnd-section-filter .grid-filter-container>.span5 { margin-left: calc(var(--column-gap) * 0.5833 / 2); margin-right: calc(var(--column-gap) * 0.5833 / 2); margin-bottom: calc(var(--column-gap) * 0.5833); } .dnd-section-filter .grid-filter-container:has(div.span4) { margin-left: calc(-1 * var(--column-gap) * 0.6668 / 2); margin-right: calc(-1 * var(--column-gap) * 0.6668 / 2); } .dnd-section-filter .grid-filter-container>.span4 { margin-left: calc(var(--column-gap) * 0.6668 / 2); margin-right: calc(var(--column-gap) * 0.6668 / 2); margin-bottom: calc(var(--column-gap) * 0.6668); } .dnd-section-filter .grid-filter-container:has(div.span3) { margin-left: calc(-1 * var(--column-gap) * 0.75 / 2); margin-right: calc(-1 * var(--column-gap) * 0.75 / 2); } .dnd-section-filter .grid-filter-container>.span3 { margin-left: calc(var(--column-gap) * 0.75 / 2); margin-right: calc(var(--column-gap) * 0.75 / 2); margin-bottom: calc(var(--column-gap) * 0.75); } .dnd-section-filter .grid-filter-container:has(div.span2) { margin-left: calc(-1 * var(--column-gap) * 0.8333 / 2); margin-right: calc(-1 * var(--column-gap) * 0.8333 / 2); } .dnd-section-filter .grid-filter-container>.span2 { margin-left: calc(var(--column-gap) * 0.8333 / 2); margin-right: calc(var(--column-gap) * 0.8333 / 2); margin-bottom: calc(var(--column-gap) * 0.8333); } .dnd-section-filter .grid-filter-container:has(div.span1) { margin-left: calc(-1 * var(--column-gap) * 0.9166 / 2); margin-right: calc(-1 * var(--column-gap) * 0.9166 / 2); } .dnd-section-filter .grid-filter-container>.span1 { margin-left: calc(var(--column-gap) * 0.9166 / 2); margin-right: calc(var(--column-gap) * 0.9166 / 2); margin-bottom: calc(var(--column-gap) * 0.9166); } } /* Select 2 */ .select2-results__options .select2-results__option { padding: 8px; margin-bottom: 0; color: var(--color-text-body); height: auto !important; display: flex; align-items: center; } .select2-container--default .select2-results__options .select2-results__option:hover { background: var(--color-bg-support-medium); } .select2-container { width: fit-content; margin-right: 15px; margin-top: 5px; margin-bottom: 5px; } .select2-container .selection { position: relative; display: block; } .select2-dropdown .select2-search { padding: 0; } .select2-dropdown .select2-search .select2-search__field { display: none; } .select2-container--default .select2-selection { margin-bottom: 6px; padding: 12px 30px 12px 16px; background: var(--color-bg-support-medium); border: 1px solid var(--color-bg-support-hard); border-radius: var(--border-radius-tiny); height: auto; } .select2-container--default.select2-container--has-value .select2-selection { background: var(--color-bg-primary); } .select2-container--default .select2-results>.select2-results__options { width: fit-content; padding-right: 10px; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: var(--border-radius-tiny); border-bottom-right-radius: var(--border-radius-tiny); } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: var(--border-radius-tiny); border-top-right-radius: var(--border-radius-tiny); } .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar { width: 3px; } .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track { background: var(--color-bg-support-medium); } .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb { background: var(--color-text-body); border-radius: 0px; border: 3px solid var(--color-text-body); } @media screen and (max-width: 767px) { .custom-filter__left { width: 100%; } .custom-filter__left .select2-container { width: 100% !important; margin-right: 0; } .custom-filter__right { width: 100%; } .custom-filter__keyword { width: 100%; } .custom-filter__sort .select2-container { width: 100% !important; margin-top: 10px; } .select2-container--default .select2-results__option[aria-selected=true] { font-size: var(--body-mobile-font-size) !important; line-height: var(--body-mobile-line-height) !important; } .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field { font-size: var(--body-mobile-font-size) !important; line-height: var(--body-mobile-line-height) !important; } .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder { font-size: var(--body-mobile-font-size) !important; line-height: var(--body-mobile-line-height) !important; } .custom-filter__keyword::placeholder { font-size: var(--body-mobile-font-size) !important; line-height: var(--body-mobile-line-height) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { font-size: var(--body-mobile-font-size) !important; line-height: var(--body-mobile-line-height) !important; } } /* Select 2 multiple select*/ .select2-container .dropdown-multiple .select2-results__option:before { content: ""; display: inline-block; position: relative; height: 24px; width: 24px; background: var(--color-bg-primary); margin-right: 19px; vertical-align: text-bottom; border: 2px solid var(--color-text-body); border-radius: 2px; flex: 0 0 24px; } .select2-container .dropdown-multiple .select2-results__option[aria-selected=true]:before { background: var(--color-text-body); border-color: var(--color-text-body); } .select2-container .dropdown-multiple .select2-results__option[aria-selected=true]:after { content: ""; border: solid #fff; border-width: 0 2px 2px 0; width: 5px; height: 10px; position: absolute; left: 17px; top: 14px; transform: rotate(45deg); } .select2-container .dropdown-multiple .select2-results .select2-results__option[aria-selected=true]:after { left: 12px; top: 50%; transform: rotate(45deg) translateY(-75%); } .select2-container--default .select2-results__option.select2-results__message:before { display: none; } .select2-container--default .select2-results__option[aria-selected=true] { background: var(--color-bg-primary); font-size: var(--body-desktop-font-size); font-weight: var(--body-desktop-font-weight); line-height: var(--body-desktop-line-height); color: var(--color-text-body); position: relative; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: initial; color: var(--color-text-body); } .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-radius: var(--border-radius-tiny); } .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: var(--color-bg-support-hard); border-width: 1px; } .select2-container--open .select2-dropdown { background: var(--color-bg-primary); border: 1px solid var(--color-bg-support-hard); border-radius: var(--border-radius-tiny); padding: 8px 8px 8px 16px; min-width: auto !important; } .select2-container .select2-selection--multiple:before { content: ''; display: block; /* position: absolute; top: 50%; right: 30px; transform: translateY(-50%); cursor: pointer; background-image: var(--icon-filter-arrow-down); background-repeat: no-repeat; width: 13px; height: 8px; */ border-radius: 0 1px 0 0; box-shadow: inset -2px 2px 0 0 var(--icon-icon-default-color); height: 8px; position: absolute; right: 16px; top: 50%; transform: translateY(-75%) rotate(135deg); transform-origin: 50% 50%; width: 8px; } .select2-container--open .select2-selection--multiple:before { /* transform: rotate(180deg) translateY(50%); */ } .select2-container.select2-container--has-value .select2-selection--multiple:before { display: none; } .select2-container--default .select2-selection--multiple .select2-selection__clear { margin-top: 13px; margin-right: 0; margin-left: 44px; padding: 0; color: var(--color-text-body); font-size: 0; } .select2-container--default .select2-selection--multiple .select2-selection__clear::before { content: attr(data-before); font-family: var(--body-font-family); font-size: var(--body-mobile-font-size); font-weight: var(--body-desktop-font-weight); line-height: var(--body-mobile-line-height); color: var(--link-default-color); } .select2-container .select2-selection--multiple .select2-selection__rendered { vertical-align: middle; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding-left: 0; padding-right: 0; } .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field { width: 214px !important; margin-top: 0; font-size: var(--body-desktop-font-size); font-weight: var(--body-desktop-font-weight); line-height: var(--body-desktop-line-height); color: var(--color-text-body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder { font-size: var(--body-desktop-font-size); font-weight: var(--body-desktop-font-weight); line-height: var(--body-desktop-line-height); color: var(--color-text-body); } .select2-container.select2-container--has-value .select2-selection--multiple .select2-search--inline .select2-search__field { display: none; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background: var(--color-bg-support-medium); border: 1px solid var(--color-bg-support-hard); border-radius: var(--border-radius-full); padding: 8px 16px; display: flex; justify-content: center; align-items: center; flex-direction: row-reverse; color: var(--color-text-body); } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { /* background-image: var(--icon-filter-close); */ /* background-repeat: no-repeat; */ color: var(--icon-icon-default-color); font-size: var(--body-desktop-font-size); line-height: var(--body-desktop-line-height); font-weight: 400; /* height: 13px; */ margin-left: 10px; margin-right: 0; /* width: 13px; */ position: absolute; right: 6px; top: 50%; transform: translateY(-50%); } /* Select single selection */ .select2-container .dropdown-single .select2-results__option:before { content: ""; display: inline-block; position: relative; height: 24px; width: 24px; margin-right: 19px; vertical-align: text-bottom; border-radius: 2px; } .select2-container--default .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--color-text-body) } .select2-container--default .select2-selection.select2-selection--single { padding: 10px 40px 10px 12px; margin-bottom: 0; background: var(--color-bg-support-medium); border-color: var(--color-bg-support-hard); } .select2-selection--single .custom-filter__sort-result { padding-right: 20px; background-position: left center; background-repeat: no-repeat; } .select2-selection--single .custom-filter__sort-result.custom-filter__sort-result--asc:before { content: ''; padding-left: 30px; background: var(--icon-icon-default-color); -webkit-mask-image: var(--icon-filter-asc); mask-image: var(--icon-filter-asc); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center left; mask-position: center left; } .select2-selection--single .custom-filter__sort-result.custom-filter__sort-result--desc:before { content: ''; padding-left: 30px; background: var(--icon-icon-default-color); -webkit-mask-image: var(--icon-filter-desc); mask-image: var(--icon-filter-desc); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center left; mask-position: center left; } .select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: var(--body-desktop-font-size); font-weight: var(--body-desktop-font-weight); line-height: var(--body-desktop-line-height); color: var(--color-text-body); } .select2-container--default .select2-selection--single .select2-selection__arrow { /* top: 50%; right: 25px; transform: translateY(-50%); background-image: var(--icon-filter-arrow-down); background-repeat: no-repeat; width: 13px; height: 8px; */ border-radius: 0 1px 0 0; box-shadow: inset -2px 2px 0 0 var(--icon-icon-default-color); height: 8px; position: absolute; right: 28px; top: 50%; transform: translateY(-75%) rotate(135deg); transform-origin: 50% 50%; width: 8px; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow { /* transform: rotate(180deg) translateY(50%); */ } .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .dropdown-single .select2-results__options .select2-results__option:before { background-repeat: no-repeat; background-position: center; width: 24px; height: 24px; border: none; border-radius: 0; } .dropdown-single .select2-results__options .select2-results__option:nth-child(n):before { /* background-image: var(--icon-filter-asc); */ background: var(--icon-icon-default-color); -webkit-mask-image: var(--icon-filter-asc); mask-image: var(--icon-filter-asc); } .dropdown-single .select2-results__options .select2-results__option:nth-child(2n):before { /* background-image: var(--icon-filter-desc); */ background: var(--icon-icon-default-color); -webkit-mask-image: var(--icon-filter-desc); mask-image: var(--icon-filter-desc); } /* Column */ .hs-inline-edit .dnd-column:has(.column-filter) { margin-bottom: 30px; } .column-filter { height: 100%; } /* Layout 2 */ .custom-filter__category { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin: 0 auto 40px; padding: 0; text-align: center; } .chip { background: var(--color-bg-support-medium); color: var(--color-text-body); font-size: var(--overline-desktop-font-size); font-weight: var(--overline-desktop-font-weight); border-radius: 20px; cursor: pointer; display: inline-block; list-style: none; margin-bottom: 1rem; padding: 0.5rem 1rem; text-transform: uppercase; transition: background-color .5s ease; } .chip.selected { background: var(--color-primary); color: var(--color-text-on-primary); } /* Improve info box UI in backend */ ._HS-react-root .hs-private { z-index: 2147483597 !important; } /* Guide */ .custom-filter__guide2, .custom-filter__guide { display: none; } .hs-inline-edit .custom-filter__guide2, .hs-inline-edit .custom-filter__guide.show { padding: 16px 24px; background-color: #FFDFDF; display: flex; gap: 12px; border-radius: 12px; align-items: center; flex-wrap: wrap; } .custom-filter__guide-icon { width: 24px; flex: 0 0 24px; } .custom-filter__guide-text { width: calc(100% - 36px); flex: 0 0 calc(100% - 36px); color: var(--color-text-error); } .custom-filter__guide-icon-notify svg path{ fill: var(--color-text-error); }.hs-search-field { width: 100%; } .hs-search-field__bar form { display: flex; align-items: center; } .hs-search-field__input-wrapper { max-width: 573px; width: 100%; position: relative; color: var(--color-text-body); } .hs-search-field__input { height: 56px; } .hs-search-field__search-clear, .hs-search-field__search-icon { position: absolute; width: 20px; height: 20px; top: 50%; transform: translateY(-50%); } .hs-search-field__search-clear { display: none; cursor: pointer; } .hs-search-field__input:hover, .hs-search-field__input:focus, .hs-search-field__input:active{ outline: none; } .hs-search-field__suggestions { margin: 0; padding: 0; list-style: none; max-width: 573px; width: 100%; } .hs-search-field--open .hs-search-field__suggestions { padding: 15px; border: 1px solid var(--color-bg-support-hard); border-top: none; } .hs-search-field__suggestions li { display: block; margin: 0; padding: 0; } .hs-search-field__suggestions #results-for { font-weight: bold; margin-bottom: 15px; color: var(--color-text-support); } .hs-search-field__suggestions #results-for { display: block; margin-bottom: 10px; font-size: 18px; } .hs-search-field__suggestions li:last-child a { margin-bottom: 0; } .hs-search-field__suggestions a:hover, .hs-search-field__suggestions a:focus { text-decoration: none; outline: none; } @media (max-width: 767px) { } /* Theme */ .search-results__input { background: var(--color-bg-primary); } .hs-search-field__input-wrapper { color: var(--color-text-body); } .hs-search-field .hs-search-field__input { padding: var(--spacing-small-l) calc(var(--spacing-medium-s) * 2 + 20px) } .hs-search-field .hs-search-field__search-icon { left: var(--spacing-medium-s); color: var(--icon-icon-default-color); } .hs-search-field .hs-search-field__search-clear { right: var(--spacing-medium-s); color: var(--icon-icon-default-color); } .hs-search-field--open .hs-search-field__suggestions { background: var(--color-bg-primary); border-color: var(--color-bg-support-hard); } .hs-search-field__suggestions #results-for { color: var(--color-text-support); }.shape-divider { position: absolute; width: 100%; overflow: hidden; left: 0; top: 0; line-height: 0; } .shape-divider--bottom { bottom: 0; top: auto; /* transform: rotate(180deg); */ } .shape-divider--top { transform: rotate(180deg); } .shape-divider--flip svg { transform: rotateY(180deg); } /* .shape-divider--invert { transform: rotate(180deg); } */ .shape-divider svg { fill: #fff; } .hero-banner { position: relative; } .hero-banner .shape-divider { z-index: 9; }/* Default */ .social-links { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; } .social-links__link { display: inline-flex; } .social-links__icon { border-radius: 50%; display: inline-flex; height: 48px; position: relative; width: 48px; } .social-links__icon svg { height: 20px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto; } /* Theme */ .social-links { gap: var(--spacing-medium-s); } .social-links__icon { background: var(--icon-background-default-color); border-color: var(--icon-background-default-color); } .social-links__icon svg path { color: var(--icon-icon-default-color); fill: var(--icon-icon-default-color); } .social-links__icon:hover, .social-links__icon:focus, .social-links__icon:active { background: var(--icon-background-hover-color); border-color: var(--icon-background-hover-color); } .social-links__icon:hover svg path, .social-links__icon:focus svg path, .social-links__icon:active svg path { color: var(--icon-icon-hover-color); fill: var(--icon-icon-hover-color); }.icon-section::before { content: "section"; font-family: spacesword; font-size: 15px; color: #fff; font-style: normal; margin-right: 2px; } .dnd-column__wrapper.dnd-column__wrapper--equal-height { height: 100%; } .dnd-section--custom.row-depth-1>.row-fluid>.dnd-column { padding-left: 0; padding-right: 0; } .dnd-section--custom { position: relative; } .dnd-section--custom >.row-fluid > .dnd-column { position: relative; } .hs-inline-edit .dnd-section--custom >.row-fluid > .dnd-column { padding: 5px; } .dnd-section--spacer-line >.row-fluid > .dnd-column .dnd-column__vertical-line { position: absolute; height: 100%; top: 0; right: -1rem; width: 1px; } .dnd-section--spacer-line > .dnd-section__container > .dnd-column:last-child .dnd-column__vertical-line { display: none; } .dnd-section--no-gutter { --column-gap: 0px; } @media screen and (max-width: 767px) { .dnd-section--spacer-line >.row-fluid > .dnd-column .dnd-column__vertical-line { display: none; } } /* Theme */ /* Container */ .dnd-section__container { border-width: 0px; border-style: solid; border-color: transparent; } /*Box over image*/ .box-over-image { padding-top: 0; padding-bottom: 0; } .box-over-image .dnd-section__container { position: relative; height: 100%; } .box-over-image .flexible-card { position: absolute; z-index: 99; } .box-over-image.dnd-section--custom>.row-fluid>.dnd-column, .box-over-image .inpage-editor-active-field, .box-over-image .inpage-editor-highlight-field { position: unset !important; } .box-over-image--align-right .flexible-card, .box-over-image--align-left .flexible-card { top: 50%; transform: translateY(-50%); } .box-over-image--align-right .flexible-card { right: 0; } .box-over-image--align-left .flexible-card { left: 0; } .box-over-image--align-bottom-right .flexible-card { right: 0; bottom: -116px; } .box-over-image--align-bottom-left .flexible-card { left: 0; bottom: -116px; } .box-over-image--align-bottom-right, .box-over-image--align-bottom-left { margin-bottom: 116px; } .box-over-image--align-top-right .flexible-card { right: 0; top: -116px; } .box-over-image--align-top-left .flexible-card { left: 0; top: -116px; } .box-over-image--align-top-right, .box-over-image--align-top-left { margin-top: 116px; } @media (max-width: 768px) { .box-over-image .flexible-card { position: relative; width: 100% !important; } }.icon-column::before { content: "column"; font-family: spacesword; font-size: 15px; color: #fff; font-style: normal; } .column-options { display: none; } .hs-inline-edit .column-options { background: #516f90; border: 1px solid #516f90; border-radius: 0; text-align: center; color: #fff; font-size: 11px; margin-bottom: 3px; padding: 4px 5px; text-align: center; line-height: 100%; display: inline-block; } .hs-inline-edit .column-options img { vertical-align: middle; } .column-filter .column-options, .column-filter .custom-column-tooltip { display: inline-block; z-index: 1; } .column-filter .preview-mode.column-options, .column-filter .preview-mode.custom-column-tooltip { display: none; } /* custom-column-tooltip */ .custom-column-tooltip { position: relative; display: none; vertical-align: middle; z-index: 99999999999999999999; } .custom-column-tooltip__container { /* position: absolute; */ /* bottom: -12px; right: 0; */ width: 15px; height: 15px; /* box-shadow: var(--shadow-style1-value); */ } .custom-column-tooltip__container .filter-keyword__type { font-size: 16px; font-weight: bold; } .custom-column-tooltip__container .filter-keyword { display: none; position: absolute; z-index: 9999999999999999; } .custom-column-tooltip__container .filter-keyword p { margin-top: 4px; margin-bottom: 0; font-family: monospace; font-size: 14px; } .custom-column-tooltip__container .info { width: 15px; height: 15px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; background-size: contain; cursor: pointer; } .custom-column-tooltip__container:hover .filter-keyword { font-family: var(--uicomponents-font-family,"Lexend Deca",Helvetica,Arial,sans-serif); display: block; transform: translateX(-50%); left: 50%; bottom: 30px; width: max-content; min-width: 200px; max-width: 300px; background: #f5f8fa; padding: 10px; box-shadow: var(--shadow-moderate); border: 1px solid #cbd6e2; border-radius: 6px; text-align: left; line-height: 150%; } .custom-column-tooltip__container .filter-keyword__type { color: #33475b; font-weight: 700; margin-top: 10px; margin-bottom: 5px; } .custom-column-tooltip__container .filter-keyword__type:first-child { margin-top: 0; } .custom-column-tooltip__container .filter-keyword__tag-type { color: #33475b; font-weight: 600; } .custom-column-tooltip__container .filter-keyword__tag-bracket { color: #33475b; } .custom-column-tooltip__container .filter-keyword__tag-colon { color: #33475b; } .custom-column-tooltip__container .filter-keyword__tag-value { color: #33475b; } .custom-column-tooltip__container .filter-keyword__publish-date { color: #33475b; font-size: 14px; } /* Style 1 */ .dnd-column--style1 .dnd-column__wrapper { background: var(--color-bg-primary); box-shadow: var(--shadow-none); border-radius: var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large); border-width: 0px; border-style: solid; border-color: transparent; } .dnd-column--style1.dnd-column--can-hover .dnd-column__wrapper:hover { background: var(--color-bg-primary); box-shadow: var(--shadow-strong); border-radius: var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large); border-width: 0px; border-style: solid; border-color: transparent; } /* Style 2 */ .dnd-column--style2 .dnd-column__wrapper { background: var(--color-bg-support-soft); box-shadow: var(--shadow-none); border-radius: var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large); border-width: 0px; border-style: solid; border-color: transparent; } .dnd-column--style2.dnd-column--can-hover .dnd-column__wrapper:hover { background: var(--color-bg-primary); box-shadow: var(--shadow-light); border-radius: var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large); border-width: 0px; border-style: solid; border-color: transparent; } /* Style 3 */ .dnd-column--style3 .dnd-column__wrapper { background: transparent; box-shadow: var(--shadow-none); border-radius: var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large); border-width: 0px; border-style: solid; border-color: transparent; } .dnd-column--style3.dnd-column--can-hover .dnd-column__wrapper:hover { background: var(--color-bg-inverse); box-shadow: var(--shadow-none); border-radius: var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large); border-width: 0px; border-style: solid; border-color: transparent; } /* Style 4 */ .dnd-column--style4 .dnd-column__wrapper { background: var(--color-bg-support-medium); box-shadow: var(--shadow-none); border-radius: var(--border-radius-large) var(--border-radius-none) var(--border-radius-large) var(--border-radius-none); border-width: 0px; border-style: solid; border-color: transparent; } .dnd-column--style4.dnd-column--can-hover .dnd-column__wrapper:hover { background: var(--color-bg-support-medium); box-shadow: var(--shadow-none); border-radius: var(--border-radius-large) var(--border-radius-none) var(--border-radius-large) var(--border-radius-none); border-width: 0px; border-style: solid; border-color: transparent; } /* Style 5 */ .dnd-column--style5 .dnd-column__wrapper { background: transparent; box-shadow: var(--shadow-none); border-radius: var(--border-radius-none) var(--border-radius-none) var(--border-radius-none) var(--border-radius-none); border-width: var(--border-width-thin); border-style: solid; border-color: var(--color-text-body); } .dnd-column--style5.dnd-column--can-hover .dnd-column__wrapper:hover { background: transparent; box-shadow: var(--shadow-none); border-radius: var(--border-radius-none) var(--border-radius-none) var(--border-radius-none) var(--border-radius-none); border-width: var(--border-width-thin); border-style: solid; border-color: var(--color-text-body); } /* Style 6 */ .dnd-column--style6 .dnd-column__wrapper { background: var(--color-primary); box-shadow: var(--shadow-none); border-radius: var(--border-radius-none) var(--border-radius-none) var(--border-radius-none) var(--border-radius-none); border-width: 0px; border-style: solid; border-color: transparent; } .dnd-column--style6.dnd-column--can-hover .dnd-column__wrapper:hover { background: var(--color-primary); box-shadow: var(--shadow-none); border-radius: var(--border-radius-none) var(--border-radius-none) var(--border-radius-none) var(--border-radius-none); border-width: 0px; border-style: solid; border-color: transparent; } /* Style 7 */ .dnd-column--style7 .dnd-column__wrapper { background: var(--color-bg-primary); box-shadow: var(--shadow-none); border-radius: var(--border-radius-none) var(--border-radius-none) var(--border-radius-none) var(--border-radius-none); border-width: 0px; border-style: solid; border-color: transparent; } .dnd-column--style7.dnd-column--can-hover .dnd-column__wrapper:hover { background: var(--color-bg-primary); box-shadow: var(--shadow-none); border-radius: var(--border-radius-none) var(--border-radius-none) var(--border-radius-none) var(--border-radius-none); border-width: 0px; border-style: solid; border-color: transparent; } /* Style 8 */ .dnd-column--style8 .dnd-column__wrapper { background: transparent; box-shadow: var(--shadow-none); border-radius: var(--border-radius-none) var(--border-radius-none) var(--border-radius-none) var(--border-radius-none); border-width: var(--border-width-thin); border-style: solid; border-color: var(--color-text-highlight); } .dnd-column--style8.dnd-column--can-hover .dnd-column__wrapper:hover { background: transparent; box-shadow: var(--shadow-none); border-radius: var(--border-radius-none) var(--border-radius-none) var(--border-radius-none) var(--border-radius-none); border-width: var(--border-width-thin); border-style: solid; border-color: var(--color-text-highlight); } /* Caption */ .caption { font-family: var(--caption-font-family); font-size: var(--caption-desktop-font-size); font-weight: var(--caption-desktop-font-weight); line-height: var(--caption-desktop-line-height); color: var(--caption-default-color); margin-bottom: var(--spacing small-m) background-image: none; -webkit-text-fill-color: initial; } .caption--can-hover.caption:hover, .dnd-section--custom-hover > .row-fluid .dnd-column--can-hover > .dnd-column__wrapper:hover .caption, .dnd-column--can-hover > .dnd-column__wrapper:hover .caption { color: var(--caption-hover-color); background-image: none; -webkit-text-fill-color: initial; } .parallax { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; background-blend-mode: multiply; height: 95vh; } .parallax:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; background: #fff; opacity: 75%; z-index: 1; } .parallax__container { max-width: 1322px; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9; align-items: center; } .parallax .parallax__container h1:last-child, .parallax .parallax__container h2:last-child, .parallax .parallax__container h3:last-child, .parallax .parallax__container h4:last-child, .parallax .parallax__container h5:last-child, .parallax .parallax__container h6:last-child, .parallax .parallax__container p:last-child, .parallax .parallax__container span:last-child, .parallax .parallax__container b:last-child { margin-bottom: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .parallax { background-attachment: initial !important; } } @media (max-width: 767px) { .parallax { background-attachment: initial !important; } .parallax__content { flex-direction: column; justify-content: center; padding: 0 15px; margin: 0; } .parallax__title { flex: 0 100%; width: 100%; } } /* Theme */ .parallax:after { background: var(--color-bg-inverse); opacity: var(--opacity-mostly-opaque); } .parallax__container { max-width: var(--container-width); } .parallax__container * { color: var(--color-text-body); } .parallax__container h1, .parallax__container h2, .parallax__container h3, .parallax__container h4, .parallax__container h5, .parallax__container h6 { color: var(--color-text-heading); }.video-fullwidth { border-radius: 3px; } video { width: 100%; max-width: none!important; object-fit: cover; height: 100%; } .video-fullwidth iframe { width: 100%; } .video-box { position: relative; cursor: pointer; } .video-box::before, .video-box::after { content:''; top:0; left: 0; width: 100%; height: 100%; z-index: 9; position: absolute; } .video-box .icon-hover { display: none; } .video-box img { margin: auto; cursor: pointer; position: absolute; top: 50%; transform: translate(0%, -50%); z-index: 99; left: 0; right: 0; } .video-box.open img { display: none; } .video-box.open::before, .video-box.open::after { display: none; } .video__help-text { color: var(--color-text-support); margin-top: 15px; } html.hs-inline-edit .video-fullwidth { pointer-events: none; } .video-box iframe { z-index: 1; } @media screen and (min-width: 992px) { .sub-text p { font-size: 24px; line-height: 36px; } } @media screen and (max-width: 1366px) and (min-width: 376px) { .video-box { background-size: contain; } }