.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{background-color:transparent;border:none;font-size:1em}.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;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color: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--selectable{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-color:#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-color:#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;height:26px;margin-right:20px;padding-right:0px}.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-color:#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-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.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__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;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-color:#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 .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--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#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;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#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-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.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-color:#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--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#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} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU1RTM0MEU5QzBCMDExRTM4MURCQTkwQzkyRUYxMzEzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU1RTM0MEVBQzBCMDExRTM4MURCQTkwQzkyRUYxMzEzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTVFMzQwRTdDMEIwMTFFMzgxREJBOTBDOTJFRjEzMTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTVFMzQwRThDMEIwMTFFMzgxREJBOTBDOTJFRjEzMTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6n647gAAAP5klEQVR42uxcCVRU1xl+82aGQWAQEcVAFI2gWCMqxDWYYOPCSQPxpNianLjHGJtdY2ubGI0naeBU20ZjTBQxotGKB6IhatVoIkQSRR1EQNFRBlllGZDNGRDof4f/6eP63jDMjqf3nCvOW+7yvX+//72S9vZ25v/F/CIj/0gkErMbMPcDNDU1+SkUilB4fwr0/wTUwVD7Q/Uw3l17dWtraxXUfJ1OlwntpGk0mtzJkyfXtJsxGEvmbnif9GkvAO/evfsM/JkilUrnQp+PWZMSWlpacuvr67dptdq0oKCgbLjUZgqglgLIWMrC5H1jVa/Xj4LJvd/W1lbUbqfS3NycU1lZ+U5CQkI/GCJrbHwWF1sBCKBFAMVta3dggf4rqqqqYk+fPj0UhirlOM6aAFqdhQG4MSzLvgVsutDYeyC/tDU1NWqQX5dycnLysrOzS86cOVOVmZlZT5oVeqdXr17sjBkzvEJCQvqGhYUNGTZs2OMDBgwY7enpGQD9uYn1BdRfW11d/eW0adM+hn7uwJjbnFIGwkDXAnhrjCiOCgDs159//jlt3759eSdPnqwgWGLVE/yhtpKmjI2ZsCUqQDlUxYoVKwIjIyPHjxw58pn+/fuHiYEJ4uQayMjNfn5+X5K+CJBOIQOB6iYDeL+KsVJFRcXFlJSUTyZNmjQTXgmFOgzqo1D7QlUS4kIwBNmMYjkOQPKsC1QCVm+o/aEGrFq1aoZKpfqisbGxWGw8wNbfzJw50xvbcCyAYE6sFBvorVu3VFu3bv0LPDYJ6igyQQTNHQFju1JCplQElYChwA/iO2vWrDEgDmKB6kuExgYi5HphYeFSfId1CIAAXqLQ4BoaGoqTkpI+hkcmQ30cqa03N1hrgGYCmISq+86bN29sfn5+PIz1jtBYCwoKPsIPytoNQHhHCSybKjSg3Nzcb8PDw5+Dx8YgxfVGVpPYEjgRMDkgfXbu3Pk8KK3zQmMuLS2NR8qV2hzAO3fuBAB4P9CDgOtVO3bsWA2PTEQZ5wPV1dYU1w0g3ceOHRtw9erVL4nyEJDTSfixpTYDEJ7tD+D9RHcOJkLe/PnzX0QFMYj7mo4GToC1idztk56e/idQfPX0PMrLy/d1G0RTAYTnZADefwXI/8yECROeRSXhi1QncSbwBKjR48CBA1HANaX0fIqKiuK7BaKpAAJ4KXRn169fP+Hv7/9buP0b1K5yZwaPosZeiYmJ4QCihp6XWq2OQy5irQIgaLA4uhMwAdI9PDyehtvBhC2IYevswAmAqABrIRx851v0/C5cuLCcUGqXIHYFIPiTiwXsu6zg4OAZcHsEgiftSeBRILqAR/QszPM2f45giGtCQ0MD0fQyD0BUGrcoG68IfMrn4fZIqN49jfLEKBEobh78buXPtaSk5ACKJqlZAALr7uQ3CL/1sbGxb6KN16+ng8ebu0EmAmCf0dyWlZVFTDNPUVYWAxBI+hW6sR9//HEL3BoH1R+NY+YhAdAAYlhYWO+6urrT/DkTVxA4bgRaF6YDCKybxW+orKzsHFx+Eupj6MBLLAEQPlCMKcEDOwJoMHGOHj0aBpzWyJ87cQVFWVkIQGhgBRWY1L/77rsLUe558cnZgsGTr5sEA34cQ1MSJwCQFDkoyVia+77++uto9JklRgGE33Kgvnz+yyqVKglZ9xG09RhrAIgfp7q4uPj96OhopSPcPqF449q1a310Ot1Vigp3wb0B3EKcKIBAfa/zX9Tr9bXTp08n6AcJfQFLAeSZDefz8vKetXfgQaRINRrNIlqBxsXFTX8AA7oRoL5s/ouZmZkE+TDUutLuLiqZCiA3TvCrdyQnJz9mL9tSrMydO9cdqDCH4sTPMXArFQQQHOxp/Bfgd+OcOXOIsA9ExcHYGECO6kuAAl63RzTHSGFBcb5BcUkJXB+KITJBAD+ifN3jcPmJB1C3MYBcqa+vPwUG7lO29LGNlT179viCjO7kSIDX8jf0vlihRaFO0YktW7asQF/X4wHtYwcASYEx6SoqKj7bvHnzAFuwdReFBbswnj8erVabjSE7RScAwaEeT5FraWBgYASG4+XmLqxbCiBvDeMalLk4cImdAGSKiooi6QCsu7v7KIzW3LfnJBLJFP6LN2/ePK9Wq2+T1UjimDg6iUehUMD3DEy8fft2cnp6eiiMVyaxeE2y63Lq1KkM0MDF/GsLFy4cwomVe18BHlLxUd67dy/xAYej2mYcTYGUYV8HAn7dggULvCxVMqasnYPBv4/fP3zA9WgTSrmG3KgB6ubPn/975HUXZwOQ56dmge04yxLb0ZRSU1PzJhWRuoEurauhEZB/Y/gP1NbW3vD09JxgTPs6A4CcngHBvic1NTXYHJfQlFJSUjIZOLSW32lUVFQ4idKwCMII/gsA4E3QPiTdormLNAtnKJI+ffq8GBkZmQZy+21CFSAaWWt2AHK3ALhSw782depUYg+6cB0N598Eb6AIwbsrlujjdJmiMlm/gQMHrgfr4QewHacCiHJrKZk1a9ZUAAV2AnDo0KEDiSJhUQMP4d+srKws4SX69Kji5uY2ecyYMUdgDp/v3r3bH+Zmcf7L/v37W8EeLeRf8/X1fYQPYD+KAmuQ+tqYHlgI9fn4+Lw6e/bs0zdu3FgIv12tQI1l/B+gI0h8UMaxsCfF8w1IfT06A93FxWXQkCFDtoFLeCAjI2OcJbYjcUL4v11dXQ1rxxyACip9g1MebcxDUDw8PGZOnDgxHVzCf5BAgDlKhriUneJdUqkLH0CWeritp1OfQHJlHbCzDiPqsu6+z7JsM/XbYDJxwHVSFnK5QTY+FACSGGNOTs6BWbNmvQJU+B9z50XkKkVkBvdWhp3c4d9UKpWuYtGXnlRAGebu2LFj68qVK88QhwJrvTm+Pb1/paWl5Q4fwFr+TS8vLyUC2CNBBM+qFvzVPTExMfvAKdAicCQwQpIszTLNgGV9+L/B3iTttbFIjuX8m/369fPhlhx7Gnhqtfr44sWLl06bNi0BwCMOAYmkVJI5mwseUuCj/N9VVVWkzVYZkmMBqOV7N8GG8kcA2Z4CHJheN8Dg3bZkyZKfiDcKVYvsqudvazBTjsrBlRvEv1ZaWlp2D0Ag+Xz+TW9v70EY73J6AGFiTefOndu/aNGi3ZcvX65AdiUAEhnVas7+ObrodDo/sCk7bU3Lysq6afDWSPvFxcXDqGh0WUhISCgXdXXWaExRUdHp5cuXL8B1G+Lce3c3Ym1KAQ59BsRcpyT14ODgCENMkDSyceNGBbUO0frpp5/OxgFJnA3AhoaGUtwFQLZPjMDgpps5ayYm2pAf8Puvqam5ynQkGvS9l+IFbHyW/1BaWlocI7QS70AAW1tbmy9evLg/IiKC2wUwCN1Qs1NDTKTAY/xxfP/99yQiPcrQN9dIZWXlEir3+RRcHsKIZSXZGUCyaWfdunWvQZfjmY4sCavsAjBBRPkCR9bwxzJlypTfwa3BBnHBNZKXlxdELarXzZs3L7wrOWhrAMmmxCNHjvxTJpORzDCS3OSH6zRSe6zKgZKawx8PaHsNfsT+BiXLa0QKbHyF//CJEyfWMiIpHXYAsC0/P//w7NmzSWZEKH5xL8bKi+wmAJhKLax/AZdD7kWw+FmaWq32r9SmvAtMx24jhT0BBBcsHxQbWdSfgNFy8rV7MTZI8+jCfAkE9m3ij2316tWLUOO70gAy8MVHU9q4LT4+/iWmY9+EzTMTyOYXUF5b/f39p6KQfhRFiM3yB7tQHhso7XsNP+p95Uo1IgWVfZZKtD6OckduSwALCwtPLVu27GW06YjRSvJPbJ7qJlaampr8gX60/DEeOnRoA37Y+wRF5wmXl5cvoaiwZdu2bTFICRJrAwhCuTAxMfFDnk3nizadXZItxQqYTJ9QyoOsiTz5gEgTaEQBvH+B2oiXIUaFFgy++cqVKwmhoaGR0Mxoa9h01gIQN1TWUAp1E46zTycXV6ARkhe3TCBD/22coFUyVDUazQtMx67OIKYjgVvBOGZLrBD1fUNTn1KpnIKWgOsDFCRQFCAwU6jtrGVLly4dTTdgwcAVaJZ4MA7c6SRgtkTTxHP8+PGNSH3eDwRYRABks7OznxbYmXkI7UKZFQDkdpY7zTYH9DqK6N2oTMfO+wBBr8yIIJXDy3+nQVSpVGsY3s6dh2WjDfxfIrQLPy4u7g1GYHuHKQASCnGvq6v7ic5WB9dqDmpKycMCIMzrAWJJT0+PR7dN1IzrMtH64MGDIdB4A3W0UuWuXbsiGCffXG0qgDC/1wTs0jQ0W4YyQhtsTATQsPBUUFDwjsAZCTe3b98+iXHQgRLWqqA05pKUSDpggLvwg9FoZo1GU7paT2E6djJuFABRk5yc/GRPBRHAI5tpWih3smn9+vVvo9b16XIR3sSgIvkCSjCo9wqclFYOsiKqp7Gz2IFBKSkpsRht9mO6yM7tDoAciJ4AYrJApLhRrVb/2Z4umAXVE8a7XQi8w4cP/wuDBQEY/ZFYE0AG7bbe5HgQkTOpkjZs2DCQcdIjAIBbnqC38XJLBd999x1JPJqIUXjTTzIyY9XPACJoqa+EQAS5eC03N/cPjnLNRKoLgLSKrEcZOTBoPLpq3TsGysxlUwKiJ3grH5B1WSEga2trk8+ePTuOceBeYFQUzwHVZYqts2AIjUS8B3IiqLur7uauNxsUy6ZNmyKqq6vPiqyiNYJJsBuAnmRnIFkA7nmoJ8Wi3pcuXUqG8YSjl3HvwCBz0hYsWbRnUdgOACWy1dh+N/BoDoIp9MekpCRvWykaYMfBIOfeAuDOGtlbUgGe1AaMPwZheEpudh6QFTIfJEhdXqmpqS+BIjltbL0DJlgIYH4FfvYLWVlZ/haCKdPpdMOgzUUAWgp8qNvG+iZUhwbyWNS05p3Yxp+8tY4AxbRZQo29MzMzXx0+fPhLSqUyqIu02VqY+BWouVCzwYgl+SZkx2gtUFMDy7J6aKNdLpe7gThQSqVSQr1+8DcQ+hsNf0fCM0FMF4fjXLt27Sho2UPvvffeGV7iEckDt3wfjDWOABU4IY24PwEZGRkfggy83O6AQpYigOK+jY2NfR01LFkueISOP1ojBdZqAPIGxSJVEPkSkJCQ8LJKpfoK2K3S1sCRNLdjx479OyYm5gVcoBqOwCmF1pQtll/WYmGRpEQWB+2KJoI72FxPjRo1alxwcHCku7v7YGukuGm12qu//PJL6tGjR1VgFagxta0e2ZRs19WLpbr1iKPgcW+GlAcmkZVu0dHRflFRUcHDoPj5+QWBvPN1dXXtS2SeTCZzw0x4YsvpyRmoer2+HmQjWE3VJQUFBerz58+rd+3aVaDRaJoQtEYEjH+sstEj4R0OoJlamwPTBascWV7O3D8OmcXKDa4dBX4rJom3YG3mVe6a3bZpOAJAIVuSO1ib5eVmCyW5t1NActVh+1r+J8AAu6ig4K2spqcAAAAASUVORK5CYII=) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /** Import Bootstrap requirements */ /** Bootstrap navbar fix (https://git.io/fADqW) */ /* Typography */ /* Font weight */ /* Colors */ /* Link colors */ /* Containers */ /* Buttons */ /* Tab nav */ /* Input */ /* Pills */ /* Navbar */ /* custom controls */ /* Pagination */ /* Border radius */ /* Modal */ /** Import everything from autoload */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #FF2427; --secondary: #4D4D4F; --light: #E5E5E2; --dark: #2E292A; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Poppins", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #4D4D4F; text-align: left; background-color: #F0F0F0; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 1.2rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #4D4D4F; text-decoration: none; background-color: transparent; } a:hover { color: #9EA29F; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 1.2rem; font-weight: 600; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 3.25rem; } h3, .h3 { font-size: 2.25rem; } h4, .h4 { font-size: 1.75rem; } h5, .h5 { font-size: 1.5rem; } h6, .h6 { font-size: 1.375rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 1.5rem; font-weight: 400; line-height: 1.2; } .display-2 { font-size: 1.25rem; font-weight: 400; line-height: 1.2; } .display-3 { font-size: 1rem; font-weight: 400; line-height: 1.2; } .display-4 { font-size: 0.9375rem; font-weight: 400; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 0.75rem; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "\2014\A0"; } .img-fluid, .wp-caption img { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure, .wp-caption { display: inline-block; } .figure-img, .wp-caption img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption, .wp-caption-text { font-size: 90%; color: #6c757d; } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 100%; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 100%; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 100%; } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1280px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters, .none > .row { margin-right: 0; margin-left: 0; } .no-gutters > .col, .none > .row > .col, .no-gutters > [class*="col-"], .none > .row > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #ffc2c3; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #ff8d8f; } .table-hover .table-primary:hover { background-color: #ffa9aa; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #ffa9aa; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #cdcdce; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #a2a2a3; } .table-hover .table-secondary:hover { background-color: #c0c0c1; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c0c0c1; } .table-light, .table-light > th, .table-light > td { background-color: #f8f8f7; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #f1f1f0; } .table-hover .table-light:hover { background-color: #ecece9; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ecece9; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c4c3c3; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #929090; } .table-hover .table-dark:hover { background-color: #b7b6b6; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b7b6b6; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: 58px; padding: 0.375rem 1.5rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #7d7d7d; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 8px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { appearance: none; } select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #7d7d7d; } select.form-control:focus::-ms-value { color: #7d7d7d; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 0px; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .valid-tooltip, .form-row > [class*="col-"] > .valid-tooltip { left: 5px; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated select.form-control:valid, select.form-control.is-valid { padding-right: 6rem !important; background-position: right 3rem center; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .invalid-tooltip, .form-row > [class*="col-"] > .invalid-tooltip { left: 5px; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated select.form-control:invalid, select.form-control.is-invalid { padding-right: 6rem !important; background-position: right 3rem center; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn, .nf-form-cont .nf-form-content button, .nf-form-cont .nf-form-content input[type=button], .nf-form-cont .nf-form-content input[type=submit] { display: inline-block; font-weight: 600; color: #4D4D4F; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 0 solid transparent; padding: 1.25rem 2rem; font-size: 1rem; line-height: 16px; border-radius: 16px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn, .nf-form-cont .nf-form-content button, .nf-form-cont .nf-form-content input[type=button], .nf-form-cont .nf-form-content input[type=submit] { transition: none; } } .btn:hover, .nf-form-cont .nf-form-content button:hover, .nf-form-cont .nf-form-content input:hover[type=button], .nf-form-cont .nf-form-content input:hover[type=submit] { color: #4D4D4F; text-decoration: none; } .btn:focus, .nf-form-cont .nf-form-content button:focus, .nf-form-cont .nf-form-content input:focus[type=button], .nf-form-cont .nf-form-content input:focus[type=submit], .btn.focus, .nf-form-cont .nf-form-content button.focus, .nf-form-cont .nf-form-content input.focus[type=button], .nf-form-cont .nf-form-content input.focus[type=submit] { outline: 0; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1) !important; } .btn.disabled, .nf-form-cont .nf-form-content button.disabled, .nf-form-cont .nf-form-content input.disabled[type=button], .nf-form-cont .nf-form-content input.disabled[type=submit], .btn:disabled, .nf-form-cont .nf-form-content button:disabled, .nf-form-cont .nf-form-content input:disabled[type=button], .nf-form-cont .nf-form-content input:disabled[type=submit] { opacity: 0.65; } .btn:not(:disabled):not(.disabled), .nf-form-cont .nf-form-content button:not(:disabled):not(.disabled), .nf-form-cont .nf-form-content input:not(:disabled):not(.disabled)[type=button], .nf-form-cont .nf-form-content input:not(:disabled):not(.disabled)[type=submit] { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary, .nf-form-cont .nf-form-content input[type=submit] { color: #fff; background-color: #FF2427; border-color: #FF2427; } .btn-primary:hover, .nf-form-cont .nf-form-content input:hover[type=submit] { color: #fff; background-color: #fd0003; border-color: #f00003; } .btn-primary:focus, .nf-form-cont .nf-form-content input:focus[type=submit], .btn-primary.focus, .nf-form-cont .nf-form-content input.focus[type=submit] { color: #fff; background-color: #fd0003; border-color: #f00003; box-shadow: 0 0 0 0.2rem rgba(255, 69, 71, 0.5); } .btn-primary.disabled, .nf-form-cont .nf-form-content input.disabled[type=submit], .btn-primary:disabled, .nf-form-cont .nf-form-content input:disabled[type=submit] { color: #fff; background-color: #FF2427; border-color: #FF2427; } .btn-primary:not(:disabled):not(.disabled):active, .nf-form-cont .nf-form-content input:not(:disabled):not(.disabled):active[type=submit], .btn-primary:not(:disabled):not(.disabled).active, .nf-form-cont .nf-form-content input:not(:disabled):not(.disabled).active[type=submit], .show > .btn-primary.dropdown-toggle, .nf-form-cont .nf-form-content .show > input.dropdown-toggle[type=submit] { color: #fff; background-color: #f00003; border-color: #e30003; } .btn-primary:not(:disabled):not(.disabled):active:focus, .nf-form-cont .nf-form-content input:not(:disabled):not(.disabled):active:focus[type=submit], .btn-primary:not(:disabled):not(.disabled).active:focus, .nf-form-cont .nf-form-content input:not(:disabled):not(.disabled).active:focus[type=submit], .show > .btn-primary.dropdown-toggle:focus, .nf-form-cont .nf-form-content .show > input.dropdown-toggle:focus[type=submit] { box-shadow: 0 0 0 0.2rem rgba(255, 69, 71, 0.5); } .btn-secondary, .nf-form-cont .nf-form-content button, .nf-form-cont .nf-form-content input[type=button] { color: #fff; background-color: #4D4D4F; border-color: #4D4D4F; } .btn-secondary:hover, .nf-form-cont .nf-form-content button:hover, .nf-form-cont .nf-form-content input:hover[type=button] { color: #fff; background-color: #3a3a3c; border-color: #343435; } .btn-secondary:focus, .nf-form-cont .nf-form-content button:focus, .nf-form-cont .nf-form-content input:focus[type=button], .btn-secondary.focus, .nf-form-cont .nf-form-content button.focus, .nf-form-cont .nf-form-content input.focus[type=button] { color: #fff; background-color: #3a3a3c; border-color: #343435; box-shadow: 0 0 0 0.2rem rgba(104, 104, 105, 0.5); } .btn-secondary.disabled, .nf-form-cont .nf-form-content button.disabled, .nf-form-cont .nf-form-content input.disabled[type=button], .btn-secondary:disabled, .nf-form-cont .nf-form-content button:disabled, .nf-form-cont .nf-form-content input:disabled[type=button] { color: #fff; background-color: #4D4D4F; border-color: #4D4D4F; } .btn-secondary:not(:disabled):not(.disabled):active, .nf-form-cont .nf-form-content button:not(:disabled):not(.disabled):active, .nf-form-cont .nf-form-content input:not(:disabled):not(.disabled):active[type=button], .btn-secondary:not(:disabled):not(.disabled).active, .nf-form-cont .nf-form-content button:not(:disabled):not(.disabled).active, .nf-form-cont .nf-form-content input:not(:disabled):not(.disabled).active[type=button], .show > .btn-secondary.dropdown-toggle, .nf-form-cont .nf-form-content .show > button.dropdown-toggle, .nf-form-cont .nf-form-content .show > input.dropdown-toggle[type=button] { color: #fff; background-color: #343435; border-color: #2e2e2f; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .nf-form-cont .nf-form-content button:not(:disabled):not(.disabled):active:focus, .nf-form-cont .nf-form-content input:not(:disabled):not(.disabled):active:focus[type=button], .btn-secondary:not(:disabled):not(.disabled).active:focus, .nf-form-cont .nf-form-content button:not(:disabled):not(.disabled).active:focus, .nf-form-cont .nf-form-content input:not(:disabled):not(.disabled).active:focus[type=button], .show > .btn-secondary.dropdown-toggle:focus, .nf-form-cont .nf-form-content .show > button.dropdown-toggle:focus, .nf-form-cont .nf-form-content .show > input.dropdown-toggle:focus[type=button] { box-shadow: 0 0 0 0.2rem rgba(104, 104, 105, 0.5); } .btn-light { color: #212529; background-color: #E5E5E2; border-color: #E5E5E2; } .btn-light:hover { color: #212529; background-color: #d3d3ce; border-color: #cdcdc7; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #d3d3ce; border-color: #cdcdc7; box-shadow: 0 0 0 0.2rem rgba(200, 200, 198, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #E5E5E2; border-color: #E5E5E2; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #cdcdc7; border-color: #c7c7c0; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(200, 200, 198, 0.5); } .btn-dark { color: #fff; background-color: #2E292A; border-color: #2E292A; } .btn-dark:hover { color: #fff; background-color: #1a1718; border-color: #131111; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #1a1718; border-color: #131111; box-shadow: 0 0 0 0.2rem rgba(77, 73, 74, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #2E292A; border-color: #2E292A; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #131111; border-color: #0c0b0b; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(77, 73, 74, 0.5); } .btn-outline-primary { color: #FF2427; border-color: #FF2427; } .btn-outline-primary:hover { color: #fff; background-color: #FF2427; border-color: #FF2427; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(255, 36, 39, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #FF2427; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #FF2427; border-color: #FF2427; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 36, 39, 0.5); } .btn-outline-secondary { color: #4D4D4F; border-color: #4D4D4F; } .btn-outline-secondary:hover { color: #fff; background-color: #4D4D4F; border-color: #4D4D4F; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(77, 77, 79, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #4D4D4F; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #4D4D4F; border-color: #4D4D4F; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(77, 77, 79, 0.5); } .btn-outline-light { color: #E5E5E2; border-color: #E5E5E2; } .btn-outline-light:hover { color: #212529; background-color: #E5E5E2; border-color: #E5E5E2; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(229, 229, 226, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #E5E5E2; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #E5E5E2; border-color: #E5E5E2; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(229, 229, 226, 0.5); } .btn-outline-dark { color: #2E292A; border-color: #2E292A; } .btn-outline-dark:hover { color: #fff; background-color: #2E292A; border-color: #2E292A; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(46, 41, 42, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #2E292A; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #2E292A; border-color: #2E292A; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(46, 41, 42, 0.5); } .btn-link { font-weight: 400; color: #4D4D4F; text-decoration: none; } .btn-link:hover { color: #9EA29F; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm { padding: 8px 16px; font-size: 0.9375rem; line-height: 1.5; border-radius: 16px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.width { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.width { transition: none; } } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 2.25rem; print-color-adjust: exact; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1.75rem; height: 1.625rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #9EA29F; background-color: #FFFFFF; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(158, 162, 159, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #9EA29F; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #E5E5E2; border-color: #9EA29F; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: -0.125rem; left: -2.25rem; display: block; width: 1.75rem; height: 1.75rem; pointer-events: none; content: ""; background-color: #fff; border: 1px solid #adb5bd; } .custom-control-label::after { position: absolute; top: -0.125rem; left: -2.25rem; display: block; width: 1.75rem; height: 1.75rem; content: ""; background: 50% / 50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 5px; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #FFFFFF; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23000'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(-0.125rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-select:focus::-ms-value { color: #7d7d7d; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; overflow: hidden; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #9EA29F; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 2px solid #9EA29F; } .nav-tabs .nav-link { margin-bottom: -2px; background-color: transparent; border: 2px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: transparent transparent #000; } .nav-tabs .nav-link.disabled { color: #9EA29F; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #4D4D4F; background-color: transparent; border-color: transparent transparent #000; } .nav-tabs .dropdown-menu { margin-top: -2px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { background: none; border: 0; border-radius: 0px; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #2E292A; background-color: transparent; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50% / 100% 100% no-repeat; } .navbar-nav-scroll { max-height: 75vh; overflow-y: auto; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { flex-wrap: nowrap; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: none; } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 12px; } .page-link { position: relative; display: block; padding: 0.55rem 0.95rem; margin-left: -1px; line-height: 1.25; color: #4D4D4F; background-color: transparent; border: 1px solid #4D4D4F; } .page-link:hover { z-index: 2; color: #FFFFFF; text-decoration: none; background-color: #4D4D4F; border-color: #4D4D4F; } .page-link:focus { z-index: 3; outline: 0; box-shadow: none; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .page-item:last-child .page-link { border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #4D4D4F; border-color: #4D4D4F; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #851314; background-color: #ffd3d4; border-color: #ffc2c3; } .alert-primary hr { border-top-color: #ffa9aa; } .alert-primary .alert-link { color: #580d0d; } .alert-secondary { color: #282829; background-color: #dbdbdc; border-color: #cdcdce; } .alert-secondary hr { border-top-color: #c0c0c1; } .alert-secondary .alert-link { color: #0f0f0f; } .alert-light { color: #777776; background-color: #fafaf9; border-color: #f8f8f7; } .alert-light hr { border-top-color: #ecece9; } .alert-light .alert-link { color: #5d5d5d; } .alert-dark { color: #181516; background-color: #d5d4d4; border-color: #c4c3c3; } .alert-dark hr { border-top-color: #b7b6b6; } .alert-dark .alert-link { color: black; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #FF2427 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #f00003 !important; } .bg-secondary { background-color: #4D4D4F !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #343435 !important; } .bg-light { background-color: #E5E5E2 !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #cdcdc7 !important; } .bg-dark { background-color: #2E292A !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #131111 !important; } .bg-white { background-color: #FFFFFF !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #FF2427 !important; } .border-secondary { border-color: #4D4D4F !important; } .border-light { border-color: #E5E5E2 !important; } .border-dark { border-color: #2E292A !important; } .border-white { border-color: #FFFFFF !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 12px !important; } .rounded-top { border-top-left-radius: 12px !important; border-top-right-radius: 12px !important; } .rounded-right { border-top-right-radius: 12px !important; border-bottom-right-radius: 12px !important; } .rounded-bottom { border-bottom-right-radius: 12px !important; border-bottom-left-radius: 12px !important; } .rounded-left { border-top-left-radius: 12px !important; border-bottom-left-radius: 12px !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .user-select-all { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .screen-reader-text:active, .sr-only-focusable:focus, .screen-reader-text:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #FFFFFF !important; } .text-primary { color: #FF2427 !important; } a.text-primary:hover, a.text-primary:focus { color: #d70003 !important; } .text-secondary { color: #4D4D4F !important; } a.text-secondary:hover, a.text-secondary:focus { color: #272728 !important; } .text-light { color: #E5E5E2 !important; } a.text-light:hover, a.text-light:focus { color: #c1c1ba !important; } .text-dark { color: #2E292A !important; } a.text-dark:hover, a.text-dark:focus { color: #060505 !important; } .text-body { color: #4D4D4F !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } /* Convert em to px */ /* Return overlay from default color */ /* Extends */ .breadcrumb-style { font-size: var(--text-xs); color: var(--color-body); } .tagline-style { font-size: var(--text-xs); font-weight: bold; letter-spacing: 1.6; text-transform: uppercase; } .cta-style { font-size: var(--text-md); font-weight: 900; text-transform: uppercase; } .input-field-style { font-size: var(--text-xxs); font-weight: bold; text-transform: uppercase; } /** * Import npm dependencies * * Prefix your imports with `~` to grab from node_modules/ * @see https://github.com/webpack-contrib/sass-loader#imports */ body.lb-disable-scrolling { overflow: hidden; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; outline: none; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; /* Image border */ border: 4px solid white; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; /* Background color behind image. This is visible during transitions. */ background-color: white; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAFF0lEQVR4Ac2ZW0xcVRSGPTNnhlPKcCsUAeeChkEVxhutDQwzMANaqamNWgpaH+yDIaZp1cRHbgH0gTsxkmDCI/hiRAqgD5qYRgKQ8II6TE00wfgGAcIdKeM/ydrNZIezxxg9m518gRxWmn6s9a9zhvNQJBL5T/gfjokwA5Uw0zWFeHBOugiTsAArfSWZky+iABVowAZSwRkiDSTRz1iHlJMmogATsIDTIAPYgRs8SeTTtXSQSLVKFNkivIQKksDDJFCsquqLmqZdAa/i+yCuPQ1cJHOKjdpJEWGdsIFs8BQoy83NvTEzMzO3t7f318HBweHc3Nxdj8dznWQeIWmpIryENUaiCPgdDsfN+fn5XyLcWV5eDlmt1gBqHgOpbAHIFmESySAHeECF0+m8hd/+vcgxZ3d39wBj9grqCkA6iaiyRBRunJhEpcvl+nBhYeG3iM7Z2dnZgkg1ZSgNqLI6wgebSVTZ7faPlpaW/tSTWF9f36ivr+9AbQkF3iZRhAs2dSInJ+eDUCj0h0Biq7S09BPUBkEhyAKJssKusE6QRCGoQLDfn56eDulJrK6ubgeDwS7UXgTPAztIkXUfUbhxKgLlyMRtBPtXPYm1tbXdqqoqJnEOOGhbJQCTkSJ8sJlEMNoJrFhdicPDw6PKyspe1FaD85yE2YBnLUGwSSIrK+s2bnZLehIbGxubfr+/B7WXSMJJ42QlCcVAES7YJJGdnR0dp7BgnLZKSko6qBPngIvrBEkYIKIT7PLoOKET4TjB7kbty+A8SaRxmcAxQEQn2BUI9q3Z2dl7gk7sINhRiZeoE87jMmGECB/s3JhgR8dJV2Jzc3Pb5/N1UieKKdgsEyaAY5wIk2Dj5GHBRifCgmBHb3adLBNsO3HBNkxEAWZwCmSCx4EPwb4ZJ9jbCHYXSRQDpyDYhomoNFIOUIRMvINO/KQnsbKyshMIBD5D7RVwgQWblzBahD2Sp5jN5jzM+9uLi4s/60mEw+FNbKcvUH8DVIECcAZoXLCliaRaLBbX8PBwb0RwRkZGfkftx+BdUM4+KInDbdxoWUCKoih5CQkJgYGBgS/xs6PjRPb394+ampp+RP174CIoBGcpYypQZIqYY+4dz4DLvb29Y6LONDY2fou6OuAF+SCDZCgj8kQSQDqNihfU9vX1TYlkGhoa7qDuDVBKMpQVrjMG30fYCs6gAHuRmdqurq5JkUxLS8sEaq+CMq4zJGOgCB2Fk8kHJSaTqaazs3Pi2MzQaWtrm0RtDfDFyCQyGUNFOJlEkMlkwLWenp5vRDKtra1TNGYsM5mcjKEifGeYjBfUQUaYmebm5omYzLjFC8C4zyNqTGfcNDZ1/2ABjKHudZLXkTFARJAZN/CqqnqNMqN7Ojo6vqMF4ONkVFmvFUQLQNiZ7u7u76PZAn6S4TJjrIhoAdT+iwXAdQYYKCJaAG/iPhNvAYyj7jXwAngUpAGrDBF+ATCZAuBXFOX60NDQ3TiPM1/hyfoyPf7kgNNSXyvwmSGZMk3T3hocHPwhzlPzJLLFnpZT5PztV5wZNyilbTZFmTnZrxU4GZWXATV4ap4kmeNELlEticjsSHyZq/39/V/j374P2Lk/Pj5+BznxUuDlj1acJ4B8cAH/4er29vbPR0dH58fGxubx/ac2my1Ab3iz5Yc9/gJIB05QCJ4Fz9FXD3gC5HIfi+WKCGQ0GpuzwA7yCDtdS+b/SCFfRPwaQqPxSSaS6JrlwUjR+RtEvCM0ct4sLQAAAABJRU5ErkJggg==) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAFDUlEQVR4Ac2ZS0xcVRjHvTN3hisw0GIRZ3AeLWHQWqdVsRqgA86AUmpqoy20Whd2YYhprJq45BVAF7yJkQQTluDGiEhBF5qYRsIjYYMKQxNNMO4gQHgjZfxP8pF8ufEe0qQ5pyf5BTKcWfzyff/vnHt5xLQ0wgbsQCfswEY80BWPxx8I5sUlHMBJP0nm4RfRWAUMkAqOgseII8AFDNqjPYwiGuEAySADeEEuOEkE6bNjIIX22riQchHWSo+SRACc1nU9ahjGG+ASfn8Vn+WT0BNUMV0so04kFTwJTodCoeuTk5N3dnd397a3t/8dHx+fzM7OvoG/nQPPADdwscqoF2HBPgJynE5nZGFhYTZuWlNTU3/4fL6b2FMMnmUyTpJRLqKTSAbIQyu9vrW1tRv/n4Uqzfv9/g+x7xUQAh6QxmVUV0SnKRWESMXm5uZ63GJNT0//GQgEPsHeUibD20xTLeKioBdUV1e3rKysrFrJzM3N/eP1ej/F3jImIxgAcsOeDLLAKRAtLCz8HDKWlZmdnf3b4/F8zCojGADyz5F04AUvgPJoNNq2tLS0YSUzNjY2iwHwEWXmFHCzymiqRGwgiaaXD7wIysvKytqWl5e3rGQwAO4iM7ewt4SmmYfLqLpr2U0yZ0FFaWlp597e3r6VDEbzXapMlGQEA0COiEYyTmozP8lcKC4u7lhdXV2zksGhOZeVlXWLy5gHgDwRJsMqE6A2qygoKGhBm60L2izmdruZjGkAyBShxTNzlGTOgvMYAO2iAYDKxKjNSgQDQI6IRWb8VJnXMADaUZlNK5mJiYl5DAC6AQgGgCwRWjaWGR/IB+fD4XDr2trahqDN5lEZ3mbZ5gEgW4QPAD6aK3BotmIArAsqE2MDIMTajGTkinAZ3mb5NAAS58zGIQPgJvaGwVMgk5597ECTLcJl+AB4GVyKRCJfLi4uijLzGzLzHrWYj1pMVyXCB4BBz/J5oAzcwDT7OhaLWZ4zMzMzvyNX79rt9uOUNyewqRSxsbzk0Jh9H3w2MDDwV1yw+vv7Ox0OR4C+q1REAzr1+ON0TpSDD+rq6n7d2dmxusbs9/T0fJOUlBTRNO2gIg6lGSGJYyAXFIFrtbW1P4oq0dnZOYR9F8EZdqaoCDtVgrJBEoXgck1Nzfciia6urlHsu0rSOSADJEkXYRK8EufAlYaGhtsiiba2thFk4kAij75Po1fiOcIkkplEGFQ2NTWNCBz2W1tbb9tstkrsLaDvcQlN5hWFS2SyTFxubGwcFUl0dHT8gH1VTCITJHMJWSLmYAcPMlFfXy9sJ0gkMnGNpEnCXAkJIhYSReAtBHvosGCTRBgEWSV0qc8jPNhMIgyutLS0/CSSSGRC1/Uqkg5aZUKGiDkTQVAMqtrb238+RGJUHGyZb1F4Je4/2FfFwZYr4qRb7QnwEngTwR4+5JxIZOJtcbDlv2lMAR5wBjfUi7h2fCuS6Ovru6Np2nVqvzwmQcFW9+43HeSg10twix0RSfT29v5iGMY7dMLniTOh+N8KghN7lKZTIQgKMiG/IkwkCJELFiL7uMWOYE+lWUL8elRNa51APoqGh4cTN9p7TOJed3f3d4nz5P4l1ITdDU66XK5Ic3PzF0NDQ1ODg4NT+P0rCFbQM3qu4MRWLsIfX7PB0yAEngPP089TwA8yBMFWKmJ+qZBGj7FecJzw0mfpwBBLqBexseAbIBWkESnAEPybQLnIf4JfIzSb+FymAAAAAElFTkSuQmCC) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-caption a { color: #4ae; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAAPFBMVEX///8AAAD9/f2CgoKAgIAAAAAAAAAAAABLS0sAAAAAAACqqqqqqqq6urpKSkpISEgAAAC7u7u5ubn////zbsMcAAAAE3RSTlMASv6rqwAWS5YMC7/AyZWVFcrJCYaKfAAAAHhJREFUeF590kkOgCAQRFEaFVGc+/53FYmbz6JqBbyQMFSYuoQuV+iTflnstI7ssLXRvMWRaEMs84e2uVckuZe6knL0hiSPObXhj6ChzoEkIolIIpKIO4joICAIeDd7QGIfCCjOKe9HEk8mnxpIAup/F31RPZP9fAG3IAyBSJe0igAAAABJRU5ErkJggg==) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: calc(1 * 2); animation-iteration-count: calc(1 * 2); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: calc(1 * 3); animation-iteration-count: calc(1 * 3); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { -webkit-animation-delay: calc(1s * 2); animation-delay: calc(1s * 2); -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { -webkit-animation-delay: calc(1s * 3); animation-delay: calc(1s * 3); -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { -webkit-animation-delay: calc(1s * 4); animation-delay: calc(1s * 4); -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { -webkit-animation-delay: calc(1s * 5); animation-delay: calc(1s * 5); -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { -webkit-animation-duration: calc(1s / 2); animation-duration: calc(1s / 2); -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { -webkit-animation-duration: calc(1s * 0.8); animation-duration: calc(1s * 0.8); -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { -webkit-animation-duration: calc(1s * 3); animation-duration: calc(1s * 3); -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); } @media print, (prefers-reduced-motion: reduce) { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animate__animated[class*='Out'] { opacity: 0; } } /* Attention seekers */ @-webkit-keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: calc(1s * 1.3); animation-duration: calc(1s * 1.3); -webkit-animation-duration: calc(var(--animate-duration) * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } /* Back entrances */ @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } /* Back exits */ @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } /* Bouncing entrances */ @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__bounceIn { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } /* Bouncing exits */ @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } /* Fading entrances */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } /* Fading exits */ @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } @keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } @keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } @keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } @keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } /* Flippers */ @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .animate__flipOutX { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .animate__flipOutY { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } /* Lightspeed */ @-webkit-keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* Rotating entrances */ @-webkit-keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Rotating exits */ @-webkit-keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Specials */ @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .animate__hinge { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* Zooming entrances */ @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } /* Zooming exits */ @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } /* Sliding entrances */ @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } /* Sliding exits */ @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /** Import theme styles */ /* Vertical / Horizontal / Both centering */ /* Round corners */ /* Retina-ready images */ /* Position */ /* Fixed aspect ratio */ /* Box */ /* Opacity */ /* Center block */ /* Gradients */ /* Text shorten */ /* Media screen - custom dimensions */ /* Transformation */ /* background image */ /* fill container */ /* Typography */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, h7, .h7, h8, .h8 { color: #2E292A; } h1, .h1 { line-height: 100%; letter-spacing: -0.02em; } @media (max-width: 991.98px) { h1, .h1 { font-size: 32px; } } h1.medium, .h1.medium { font-size: 56px; line-height: 100%; letter-spacing: -0.03em; } @media (max-width: 991.98px) { h1.medium, .h1.medium { font-size: 32px; } } h1.large, .h1.large { font-size: 64px; line-height: 100%; letter-spacing: -0.03em; } @media (max-width: 991.98px) { h1.large, .h1.large { font-size: 40px; } } h2, .h2 { line-height: 100%; letter-spacing: -0.03em; } @media (max-width: 991.98px) { h2, .h2 { font-size: 40px; } } h3, .h3 { line-height: 100%; letter-spacing: -0.03em; } @media (max-width: 991.98px) { h3, .h3 { font-size: 32px; line-height: 100%; } } h4, .h4 { font-weight: 400; line-height: 100%; letter-spacing: -0.02em; text-transform: uppercase; } @media (max-width: 991.98px) { h4, .h4 { font-size: 26px; } } h5, .h5 { letter-spacing: -0.02em; } @media (max-width: 991.98px) { h5, .h5 { font-size: 22px; } } h6, .h6 { font-weight: 400; line-height: 100%; letter-spacing: -0.02em; text-transform: uppercase; } h7, .h7 { font-size: 1.25rem; line-height: 125%; } h8, .h8 { font-size: 1rem; font-weight: 500; line-height: 110%; } p { line-height: 150%; } .display-1 { line-height: 120%; letter-spacing: -0.02em; } @media (max-width: 991.98px) { .display-1 { font-size: 20px; } } .display-2 { line-height: 150%; } @media (max-width: 991.98px) { .display-2 { font-size: 16px; } } .display-3 { line-height: 150%; } @media (max-width: 991.98px) { .display-3 { font-size: 14px; } } .display-4 { letter-spacing: 0.02em; color: #9EA29F; } @media (max-width: 991.98px) { .display-4 { font-size: 13px; } } a { line-height: 150%; text-decoration-line: underline; } .button { font-size: 15px; font-weight: 600; line-height: 100%; letter-spacing: 0.05em; text-transform: uppercase; } .bt-3 { font-size: 18px; line-height: 150%; } /* Typography color */ .text-red { color: #FF2427 !important; } .text-gray { color: #4D4D4F !important; } .text-dark-gray { color: #2E292A !important; } .text-normal-gray { color: #9EA29F !important; } .text-light-gray { color: #E5E5E2 !important; } .text-pastel-red { color: #A73944 !important; } .text-pastel-sand-red { color: #AA837E !important; } .text-pastel-red-beige { color: #E1D3C8 !important; } .text-pastel-stone { color: #9E9A8E !important; } .text-pastel-stone-beige { color: #EAE7DD !important; } .container-small { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 840px; } .container-medium { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 1240px; } .container > [class*='bg-'], .container-fluid > [class*='bg-'], .container-sm > [class*='bg-'], .container-md > [class*='bg-'], .container-lg > [class*='bg-'], .container-xl > [class*='bg-'], .container-medium > [class*='bg-'], .container-small > [class*='bg-'] { border-radius: 12px; } .bg-light { background-color: #E5E5E2; } .bg-dark { background-color: #2E292A; color: #FFFFFF; } .bg-dark a { color: #FFFFFF; } .bg-pastel-red-beige { background-color: #E1D3C8; } .bg-pastel-sand-red { background-color: #AA837E; } .bg-light-gray { background-color: #E5E5E2; } img { max-width: 100%; } .img-overlay { background-color: #2E292A; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .img-overlay.light { background-color: #E5E5E2; } #btn-back-to-top { position: fixed; padding: 14px; border: 1px solid #4D4D4F; bottom: 20px; right: 20px; display: none; z-index: 9; border-radius: 8px; background-color: transparent; } #btn-back-to-top:hover { background: #4D4D4F; } #btn-back-to-top:hover .icon-svg-button-up::before { background-color: #FFFFFF; } .animate__animated { opacity: 0; transition: opacity 0.3s ease-in-out; } .animate__animated.animate_start { opacity: 1; } .widget_wk_template_widget { clear: both; } .widget_wk_template_widget > .wkb-template { padding: 0 !important; } .breadcrumbs { position: relative; z-index: 1; } @media (max-width: 767.98px) { .breadcrumbs { display: none; } } .single-breadcrumbs > .breadcrumbs { display: none; } @media (max-width: 767.98px) { .single-breadcrumbs > .breadcrumbs { position: relative !important; z-index: 1; margin-top: -1rem !important; padding-left: 16px; padding-bottom: 20px; display: block; } } body.single-products .breadcrumbs, body.single-colors .breadcrumbs, body.single-colors-sos .breadcrumbs { position: absolute; } body.single-products .breadcrumbs .current, body.single-colors .breadcrumbs .current, body.single-colors-sos .breadcrumbs .current { color: #FFFFFF; } @media (max-width: 767.98px) { body.single-products .breadcrumbs .current, body.single-colors .breadcrumbs .current, body.single-colors-sos .breadcrumbs .current { color: #9EA29F; } } body.page-template-template-barvne-karte-product .breadcrumbs { color: #FFFFFF; } @media (max-width: 767.98px) { body.page-template-template-barvne-karte-product .breadcrumbs { color: #9EA29F; } } body.page-template-template-barvne-karte-product .breadcrumbs a { color: #FFFFFF; } @media (max-width: 767.98px) { body.page-template-template-barvne-karte-product .breadcrumbs a { color: #9EA29F; } } body.page-template-template-products .breadcrumbs, body.search .breadcrumbs { position: relative; } body.error404 .breadcrumbs { position: relative; } body.error404 .wkb-template { padding-bottom: 0px !important; } /** * BS pagination */ .pagination .page-item { font-weight: 600; } .pagination .page-item:first-child .page-link { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .pagination .page-item.page-blank { border-top: 1px solid #4D4D4F; border-bottom: 1px solid #4D4D4F; cursor: default; line-height: 32px; } .pagination .page-link, .pagination .page-blank { height: 40px; width: 40px; display: flex; justify-content: center; } .pagination .page-link, .pagination a { text-decoration: none; } .pagination .icon { display: block; margin-top: 6px; } .pagination .icon-arrow-right { margin-left: 10px; } .pagination .icon-arrow-left { margin-right: 10px; } /** * Ajax Loader */ .loader-wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); justify-content: center; align-items: center; display: none; z-index: 100; } .loader-wrap.active { display: flex; } .loader { display: inline-block; } .loader:after { content: " "; display: block; width: 44px; height: 44px; margin: 6px; border-radius: 50%; border: 4px solid #FF2427; border-color: #FF2427 transparent #FF2427 transparent; animation: loader 1.2s linear infinite; } @keyframes loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Web fonts */ @font-face { font-family: 'Poppins'; src: local("Poppins Regular"), local("Poppins-Regular"), url(../fonts/Poppins-Regular.ttf) format("truetype"), url(../fonts/Poppins-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: local("Poppins Medium"), local("Poppins-Medium"), url(../fonts/Poppins-Medium.ttf) format("truetype"), url(../fonts/Poppins-Medium.ttf) format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(../fonts/Poppins-SemiBold.ttf) format("truetype"), url(../fonts/Poppins-SemiBold.ttf) format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } /* Icons Variables */ /* Buttons */ .btn, .nf-form-cont .nf-form-content button, .nf-form-cont .nf-form-content input[type=button], .nf-form-cont .nf-form-content input[type=submit] { text-decoration-line: none; letter-spacing: 1px; text-transform: uppercase; } .btn.btn-sm, .nf-form-cont .nf-form-content button.btn-sm, .nf-form-cont .nf-form-content input.btn-sm[type=button], .nf-form-cont .nf-form-content input.btn-sm[type=submit] { text-transform: none; font-weight: 400; letter-spacing: 0; } @media (max-width: 991.98px) { .btn:not(.btn-sm), .nf-form-cont .nf-form-content button:not(.btn-sm), .nf-form-cont .nf-form-content input:not(.btn-sm)[type=button], .nf-form-cont .nf-form-content input:not(.btn-sm)[type=submit] { padding: 12px 32px; border-radius: 12px; } } .btn.btn-white, .nf-form-cont .nf-form-content button.btn-white, .nf-form-cont .nf-form-content input.btn-white[type=button], .nf-form-cont .nf-form-content input.btn-white[type=submit] { background-color: #FFFFFF !important; color: #2E292A !important; border: none !important; } .btn.btn-white.btn-more:hover::before, .nf-form-cont .nf-form-content button.btn-white.btn-more:hover::before, .nf-form-cont .nf-form-content input.btn-white.btn-more[type=button]:hover::before, .nf-form-cont .nf-form-content input.btn-white.btn-more[type=submit]:hover::before { background-color: #4D4D4F !important; } .btn.btn-primary:not(:disabled):not(.disabled):active, .nf-form-cont .nf-form-content button.btn-primary:not(:disabled):not(.disabled):active, .nf-form-cont .nf-form-content input.btn-primary:not(:disabled):not(.disabled):active[type=button], .nf-form-cont .nf-form-content input:not(:disabled):not(.disabled):active[type=submit], .btn.btn-primary:focus, .nf-form-cont .nf-form-content button.btn-primary:focus, .nf-form-cont .nf-form-content input.btn-primary:focus[type=button], .nf-form-cont .nf-form-content input:focus[type=submit] { background-color: #A73944; } .btn.btn-secondary:not(:disabled):not(.disabled):active, .nf-form-cont .nf-form-content button:not(:disabled):not(.disabled):active, .nf-form-cont .nf-form-content input:not(:disabled):not(.disabled):active[type=button], .nf-form-cont .nf-form-content input.btn-secondary:not(:disabled):not(.disabled):active[type=submit], .btn.btn-secondary:focus, .nf-form-cont .nf-form-content button:focus, .nf-form-cont .nf-form-content input:focus[type=button], .nf-form-cont .nf-form-content input.btn-secondary:focus[type=submit] { background-color: #9EA29F; } .btn.btn-outline, .nf-form-cont .nf-form-content button.btn-outline, .nf-form-cont .nf-form-content input.btn-outline[type=button], .nf-form-cont .nf-form-content input.btn-outline[type=submit] { background-color: transparent; } .btn.btn-outline-primary, .nf-form-cont .nf-form-content button.btn-outline-primary, .nf-form-cont .nf-form-content input.btn-outline-primary[type=button], .nf-form-cont .nf-form-content input.btn-outline-primary[type=submit] { border: 1px solid #4D4D4F; color: #2E292A; } .btn.btn-outline-primary:not(:disabled):not(.disabled):active, .nf-form-cont .nf-form-content button.btn-outline-primary:not(:disabled):not(.disabled):active, .nf-form-cont .nf-form-content input.btn-outline-primary:not(:disabled):not(.disabled):active[type=button], .nf-form-cont .nf-form-content input.btn-outline-primary:not(:disabled):not(.disabled):active[type=submit], .btn.btn-outline-primary:focus, .nf-form-cont .nf-form-content button.btn-outline-primary:focus, .nf-form-cont .nf-form-content input.btn-outline-primary:focus[type=button], .nf-form-cont .nf-form-content input.btn-outline-primary:focus[type=submit] { border: 1px solid transparent; background-color: transparent; color: #2E292A; } .btn.btn-outline-primary:hover, .nf-form-cont .nf-form-content button.btn-outline-primary:hover, .nf-form-cont .nf-form-content input.btn-outline-primary:hover[type=button], .nf-form-cont .nf-form-content input.btn-outline-primary:hover[type=submit] { border: 1px solid #9EA29F; background-color: transparent; color: #2E292A; } .btn.btn-outline-secondary, .nf-form-cont .nf-form-content button.btn-outline-secondary, .nf-form-cont .nf-form-content input.btn-outline-secondary[type=button], .nf-form-cont .nf-form-content input.btn-outline-secondary[type=submit] { border: 1px solid #9EA29F; color: #FFFFFF; } .btn.btn-outline-secondary:not(:disabled):not(.disabled):active, .nf-form-cont .nf-form-content button.btn-outline-secondary:not(:disabled):not(.disabled):active, .nf-form-cont .nf-form-content input.btn-outline-secondary:not(:disabled):not(.disabled):active[type=button], .nf-form-cont .nf-form-content input.btn-outline-secondary:not(:disabled):not(.disabled):active[type=submit], .btn.btn-outline-secondary:focus, .nf-form-cont .nf-form-content button.btn-outline-secondary:focus, .nf-form-cont .nf-form-content input.btn-outline-secondary:focus[type=button], .nf-form-cont .nf-form-content input.btn-outline-secondary:focus[type=submit] { border: 1px solid transparent; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2) !important; background-color: transparent; } .btn.btn-outline-secondary:hover, .nf-form-cont .nf-form-content button.btn-outline-secondary:hover, .nf-form-cont .nf-form-content input.btn-outline-secondary:hover[type=button], .nf-form-cont .nf-form-content input.btn-outline-secondary:hover[type=submit] { border: 1px solid #FFFFFF; background-color: transparent; color: #FFFFFF; } .btn.btn-more, .nf-form-cont .nf-form-content button.btn-more, .nf-form-cont .nf-form-content input.btn-more[type=button], .nf-form-cont .nf-form-content input.btn-more[type=submit] { position: relative; width: 40px; height: 40px; border: 1px solid #4D4D4F; display: flex; justify-content: center; align-items: center; padding: 0; border-radius: 8px; } .btn.btn-more:hover, .nf-form-cont .nf-form-content button.btn-more:hover, .nf-form-cont .nf-form-content input.btn-more:hover[type=button], .nf-form-cont .nf-form-content input.btn-more:hover[type=submit] { background-color: #4D4D4F; } .btn.btn-more::before, .nf-form-cont .nf-form-content button.btn-more::before, .nf-form-cont .nf-form-content input.btn-more[type=button]::before, .nf-form-cont .nf-form-content input.btn-more[type=submit]::before { content: ''; position: absolute; width: 13px; height: 13px; background-color: #4D4D4F; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%201.33203L13.6667%207.99838L7%2014.6654%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M13.667%208L0.333656%208%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%201.33203L13.6667%207.99838L7%2014.6654%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M13.667%208L0.333656%208%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); } .btn.btn-more:hover::before, .nf-form-cont .nf-form-content button.btn-more:hover::before, .nf-form-cont .nf-form-content input.btn-more[type=button]:hover::before, .nf-form-cont .nf-form-content input.btn-more[type=submit]:hover::before { background-color: #FFFFFF; } .btn.btn-more-white, .nf-form-cont .nf-form-content button.btn-more-white, .nf-form-cont .nf-form-content input.btn-more-white[type=button], .nf-form-cont .nf-form-content input.btn-more-white[type=submit] { background-color: #FFFFFF; border: 1px solid #FFFFFF; } .btn.btn-more-white:hover, .nf-form-cont .nf-form-content button.btn-more-white:hover, .nf-form-cont .nf-form-content input.btn-more-white:hover[type=button], .nf-form-cont .nf-form-content input.btn-more-white:hover[type=submit] { border-color: #4D4D4F; } .btn.btn-with-icon, .nf-form-cont .nf-form-content button.btn-with-icon, .nf-form-cont .nf-form-content input.btn-with-icon[type=button], .nf-form-cont .nf-form-content input.btn-with-icon[type=submit] { display: flex; align-items: center; gap: 11px; } .btn.btn-with-icon > .icon-svg, .nf-form-cont .nf-form-content button.btn-with-icon > .icon-svg, .nf-form-cont .nf-form-content input.btn-with-icon[type=button] > .icon-svg, .nf-form-cont .nf-form-content input.btn-with-icon[type=submit] > .icon-svg { height: 18px; width: 18px; } .btn.btn-with-icon > .icon-svg:hover::before, .nf-form-cont .nf-form-content button.btn-with-icon > .icon-svg:hover::before, .nf-form-cont .nf-form-content input.btn-with-icon[type=button] > .icon-svg:hover::before, .nf-form-cont .nf-form-content input.btn-with-icon[type=submit] > .icon-svg:hover::before { background-color: #FFFFFF !important; } .btn.btn-link, .nf-form-cont .nf-form-content button.btn-link, .nf-form-cont .nf-form-content input.btn-link[type=button], .nf-form-cont .nf-form-content input.btn-link[type=submit] { padding: 0; text-transform: none; letter-spacing: 0; text-decoration: underline; border-radius: 0; } /** Search form */ /* Ninja Forms */ .nf-form-cont .nf-form-content { max-width: 100%; padding: 0; } .nf-form-cont .nf-before-form-content { margin-bottom: 20px; } .nf-form-cont .checkbox-container .nf-field-label label { font-weight: normal; } .nf-form-cont .checkbox-container.label-right .field-wrap { flex-wrap: wrap; } .nf-form-cont .checkbox-container .nf-field-description { margin-top: 10px; } .nf-form-cont .nf-form-content button, .nf-form-cont .nf-form-content input[type=button] { height: auto; } .nf-form-cont .nf-form-content input[type=submit] { height: auto; } .transparent { background-color: transparent !important; } .nf-form-content input:not([type=button]):not([type=submit]) { border-radius: 8px !important; border: none !important; height: 56px; color: #4D4D4F !important; } @media (max-width: 991.98px) { .nf-form-content input:not([type=button]):not([type=submit]) { height: 41px; } } .nf-form-content textarea { color: #4D4D4F !important; } .nf-error.field-wrap .nf-field-element:after { top: 4px !important; right: 4px !important; border-radius: 8px; font-size: 15px !important; font-weight: 400 !important; } .nf-form-content label { font-size: 15px !important; font-weight: 400 !important; } .checkbox-wrap .nf-field-label label:after { background: #FFFFFF !important; border-color: #FFFFFF !important; border-radius: 4px; } .nf-multi-cell .nf-cell { padding-right: 20px !important; } .checkbox-container.label-right .field-wrap > div { width: auto !important; } .nf-form-cont .checkbox-container .nf-field-label label { color: #9EA29F; } .nf-form-cont .checkbox-container .nf-field-label label a { color: #9EA29F; } .nf-multi-cell .nf-cell { padding-left: 0 !important; } .nf-error-msg { font-size: 15px; } .nf-form-content .ninja-forms-field { padding-left: 24px !important; } .location { display: flex; gap: 20px; } .location .form-group { width: 100%; } @media (max-width: 767.98px) { .nf-field-container .email-container { margin-bottom: 16px !important; } .nf-field-container .checkbox-wrap .nf-field-label label { padding-left: 20px; } .checkbox-wrap .nf-field-element label:after, .checkbox-wrap .nf-field-label label:after, .listcheckbox-wrap .nf-field-element label:after, .listcheckbox-wrap .nf-field-label label:after { width: 28px !important; height: 28px !important; } .checkbox-container.label-right label:before { left: -27px !important; top: 3px !important; } } .custom-control { margin-bottom: 20px; } .custom-control-label { padding-left: 7px; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #4D4D4F; color: white; } .listcheckbox-container .nf-field-element label:after { border-color: #9EA29F !important; background-color: #FFFFFF !important; width: 28px !important; height: 28px !important; border-radius: 5px; left: -38px !important; } .listcheckbox-container .nf-field-element label:before { top: 1px !important; left: -36px !important; } .nf-form-content .listcheckbox-container .nf-field-element label { margin-left: 40px !important; } input[type=checkbox]:focus + label:after, input[type=radio]:focus + label:after { box-shadow: none !important; } .listcheckbox-container .nf-field-element label:after { top: -3px !important; } .listradio-wrap .nf-field-element label.nf-checked-label:before { width: 17px !important; height: 17px !important; } .listradio-wrap .nf-field-element label.nf-checked-label:before { left: -35px !important; top: 1px !important; } .listradio-wrap .nf-field-element label:after { border: 1px solid #9EA29F !important; background-color: #FFFFFF !important; width: 27px !important; height: 27px !important; top: -4px !important; margin-left: -10px; } .nf-form-content input[type=checkbox].ninja-forms-field, .nf-form-content input[type=radio].ninja-forms-field { height: auto; left: 5px; position: absolute; } .nf-form-content .listradio-wrap .nf-field-element label { margin-left: 40px !important; } .nf-field-label .nf-label-span { font-size: 15px !important; font-weight: 400 !important; } .nf-form-content textarea.ninja-forms-field { border-radius: 8px !important; border: none !important; } .nf-pass.field-wrap .nf-field-element:after { top: 3px !important; } .nf-fu-progress { height: 5px !important; margin-top: 20px; background-color: #FFFFFF !important; border-radius: 20px !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .nf-fu-progress-bar { background-color: #FF2427 !important; } .files_uploaded { font-size: 15px; margin-top: 20px; } .files_uploaded a { margin-left: 20px; text-decoration: none; } .btn.nf-fu-button-cancel, .nf-form-cont .nf-form-content button.nf-fu-button-cancel, .nf-form-cont .nf-form-content input.nf-fu-button-cancel[type=button], .nf-form-cont .nf-form-content input.nf-fu-button-cancel[type=submit] { display: none; } .nf-form-fields-required { font-size: 15px; } /* Bootstrap modal */ body.modal-open .modal-lg { max-width: 722px; } body.modal-open header { width: calc(100% - 17px) !important; } body.modal-open .sticky-nav { right: calc(0px + 17px) !important; } body.modal-open .modal__inner { pointer-events: auto; display: flex; flex-direction: row; align-items: center; width: 100%; flex-wrap: wrap; justify-content: space-between; padding: 100px 0; } body.modal-open .modal-backdrop { background-color: #4D4D4F; } body.modal-open .modal-backdrop.show { opacity: 0.95; } /** * WordPress Generated Classes * @see http://codex.wordpress.org/CSS#WordPress_Generated_Classes */ /** Media alignment */ .alignnone { margin-left: 0; margin-right: 0; max-width: 100%; height: auto; } .aligncenter { display: block; margin: 0.5rem auto; height: auto; } .alignleft, .alignright { margin-bottom: 0.5rem; height: auto; } @media (min-width: 576px) { .alignleft { float: left; margin-right: 0.5rem; } .alignright { float: right; margin-left: 0.5rem; } } /** Captions */ /** Text meant only for screen readers */ body.archive article header { min-height: 120px; } article { /* display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; */ width: 100%; height: 100%; } article header img { margin-bottom: 10px; height: 100%; } article .post-content { margin-bottom: 20px; } article .post-content img { height: 350px; object-fit: cover; border-radius: 12px; } article .post-content__inner { width: 85%; background-color: #F0F0F0; padding: 60px 40px 40px; border-radius: 0 12px 12px 12px; margin-top: -100px; z-index: 1; position: relative; } @media (max-width: 767.98px) { article .post-content__inner { padding: 24px 16px; } } article .post-content-jobs { width: 100%; } article .post-content-jobs__inner { background-color: #FFFFFF; width: 100%; padding: 55px 72px; border-radius: 12px; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 767.98px) { article .post-content-jobs__inner { padding: 24px 20px; align-items: flex-start; flex-direction: column; gap: 32px; } } article .post-content-jobs__inner > div { flex-direction: column; } article .post-content-jobs__inner > div p { margin-bottom: 0; } article .post-content-jobs__inner .btns { display: flex; flex-direction: row; gap: 16px; } article .entry-content, article footer { width: 100%; } /* Icons */ .icon-svg { display: block; position: relative; background-repeat: no-repeat; background-position: center center; background-size: contain; } .icon-svg::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; transition: background-color 0.15s ease; background-color: #FFFFFF; } .icon-svg-search { width: 30px; height: 30px; } .icon-svg-search::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M27.4738%2015.768C27.4738%209.26862%2022.205%203.99984%2015.7056%203.99984C9.20628%203.99984%203.9375%209.26862%203.9375%2015.768C3.9375%2022.2674%209.20628%2027.5361%2015.7056%2027.5361C22.205%2027.5361%2027.4738%2022.2674%2027.4738%2015.768Z%22%20stroke%3D%22%239EA29F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M23.853%2024.8206L32.0002%2032.9678%22%20stroke%3D%22%239EA29F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M27.4738%2015.768C27.4738%209.26862%2022.205%203.99984%2015.7056%203.99984C9.20628%203.99984%203.9375%209.26862%203.9375%2015.768C3.9375%2022.2674%209.20628%2027.5361%2015.7056%2027.5361C22.205%2027.5361%2027.4738%2022.2674%2027.4738%2015.768Z%22%20stroke%3D%22%239EA29F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M23.853%2024.8206L32.0002%2032.9678%22%20stroke%3D%22%239EA29F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); } .icon-svg-phone { width: 32px; height: 32px; } .icon-svg-phone::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M33.9991%2027.7121V32.0777C34.0008%2032.483%2033.9176%2032.8842%2033.7549%2033.2555C33.5922%2033.6269%2033.3536%2033.9602%2033.0544%2034.2342C32.7551%2034.5082%2032.4018%2034.7168%2032.0172%2034.8466C31.6325%2034.9764%2031.2249%2035.0247%2030.8204%2034.9882C26.3336%2034.5016%2022.0236%2032.9715%2018.2369%2030.5207C14.7139%2028.2864%2011.7269%2025.3054%209.48824%2021.7893C7.024%2017.9929%205.49045%2013.6706%205.01184%209.17253C4.9754%208.77011%205.02332%208.36453%205.15254%207.98161C5.28177%207.59869%205.48947%207.24682%205.76242%206.9484C6.03537%206.64998%206.36759%206.41155%206.73793%206.24829C7.10828%206.08503%207.50862%206.00052%207.91348%206.00014H12.2878C12.9954%205.99319%2013.6815%206.24328%2014.218%206.70379C14.7545%207.1643%2015.105%207.80381%2015.204%208.50312C15.3887%209.90024%2015.7311%2011.272%2016.2247%2012.5923C16.4209%2013.1132%2016.4634%2013.6792%2016.3471%2014.2234C16.2308%2014.7676%2015.9606%2015.2672%2015.5686%2015.6628L13.7168%2017.511C15.7925%2021.1542%2018.815%2024.1707%2022.4654%2026.2423L24.3172%2024.3942C24.7137%2024.0029%2025.2142%2023.7333%2025.7595%2023.6172C26.3048%2023.5011%2026.872%2023.5435%2027.3939%2023.7393C28.7168%2024.232%2030.0913%2024.5737%2031.4912%2024.758C32.1995%2024.8577%2032.8463%2025.2138%2033.3087%2025.7584C33.7711%2026.3031%2034.0168%2026.9984%2033.9991%2027.7121Z%22%20stroke%3D%22%239EA29F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M33.9991%2027.7121V32.0777C34.0008%2032.483%2033.9176%2032.8842%2033.7549%2033.2555C33.5922%2033.6269%2033.3536%2033.9602%2033.0544%2034.2342C32.7551%2034.5082%2032.4018%2034.7168%2032.0172%2034.8466C31.6325%2034.9764%2031.2249%2035.0247%2030.8204%2034.9882C26.3336%2034.5016%2022.0236%2032.9715%2018.2369%2030.5207C14.7139%2028.2864%2011.7269%2025.3054%209.48824%2021.7893C7.024%2017.9929%205.49045%2013.6706%205.01184%209.17253C4.9754%208.77011%205.02332%208.36453%205.15254%207.98161C5.28177%207.59869%205.48947%207.24682%205.76242%206.9484C6.03537%206.64998%206.36759%206.41155%206.73793%206.24829C7.10828%206.08503%207.50862%206.00052%207.91348%206.00014H12.2878C12.9954%205.99319%2013.6815%206.24328%2014.218%206.70379C14.7545%207.1643%2015.105%207.80381%2015.204%208.50312C15.3887%209.90024%2015.7311%2011.272%2016.2247%2012.5923C16.4209%2013.1132%2016.4634%2013.6792%2016.3471%2014.2234C16.2308%2014.7676%2015.9606%2015.2672%2015.5686%2015.6628L13.7168%2017.511C15.7925%2021.1542%2018.815%2024.1707%2022.4654%2026.2423L24.3172%2024.3942C24.7137%2024.0029%2025.2142%2023.7333%2025.7595%2023.6172C26.3048%2023.5011%2026.872%2023.5435%2027.3939%2023.7393C28.7168%2024.232%2030.0913%2024.5737%2031.4912%2024.758C32.1995%2024.8577%2032.8463%2025.2138%2033.3087%2025.7584C33.7711%2026.3031%2034.0168%2026.9984%2033.9991%2027.7121Z%22%20stroke%3D%22%239EA29F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"); } .icon-svg-wishlist { width: 32px; height: 32px; position: relative; } .icon-svg-wishlist::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20.0094%2033L7.27832%2021.0241C0.359234%2013.8386%2010.5303%200.0424387%2020.0094%2011.2039C29.4886%200.0424387%2039.6135%2013.8865%2032.7405%2021.0241L20.0094%2033Z%22%20stroke%3D%22%239EA29F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20.0094%2033L7.27832%2021.0241C0.359234%2013.8386%2010.5303%200.0424387%2020.0094%2011.2039C29.4886%200.0424387%2039.6135%2013.8865%2032.7405%2021.0241L20.0094%2033Z%22%20stroke%3D%22%239EA29F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); } .icon-svg-wishlist-full { width: 40px; height: 40px; position: relative; } .icon-svg-wishlist-full::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2240px%22%20height%3D%2240px%22%20viewBox%3D%220%200%2040%2040%22%20enable-background%3D%22new%200%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M20.009%2C33L7.278%2C21.023c-6.919-7.185%2C3.252-20.981%2C12.731-9.819c9.479-11.162%2C19.604%2C2.683%2C12.731%2C9.819L20.009%2C33z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2240px%22%20height%3D%2240px%22%20viewBox%3D%220%200%2040%2040%22%20enable-background%3D%22new%200%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M20.009%2C33L7.278%2C21.023c-6.919-7.185%2C3.252-20.981%2C12.731-9.819c9.479-11.162%2C19.604%2C2.683%2C12.731%2C9.819L20.009%2C33z%22%2F%3E%3C%2Fsvg%3E"); } .icon-svg-facebook { width: 28px; height: 28px; } .icon-svg-facebook::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2246%22%20height%3D%2246%22%20viewBox%3D%220%200%2046%2046%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23%200.5C10.5736%200.5%200.5%2010.5736%200.5%2023C0.5%2035.4264%2010.5736%2045.5%2023%2045.5C35.4264%2045.5%2045.5%2035.4264%2045.5%2023C45.5%2010.5736%2035.4264%200.5%2023%200.5ZM25.3452%2023.9883V36.2295H20.2804V23.9888H17.75V19.7704H20.2804V17.2377C20.2804%2013.7964%2021.7092%2011.75%2025.7686%2011.75H29.1482V15.9689H27.0357C25.4555%2015.9689%2025.3509%2016.5584%2025.3509%2017.6586L25.3452%2019.7699H29.1721L28.7243%2023.9883H25.3452Z%22%20fill%3D%22%23E5E5E2%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2246%22%20height%3D%2246%22%20viewBox%3D%220%200%2046%2046%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23%200.5C10.5736%200.5%200.5%2010.5736%200.5%2023C0.5%2035.4264%2010.5736%2045.5%2023%2045.5C35.4264%2045.5%2045.5%2035.4264%2045.5%2023C45.5%2010.5736%2035.4264%200.5%2023%200.5ZM25.3452%2023.9883V36.2295H20.2804V23.9888H17.75V19.7704H20.2804V17.2377C20.2804%2013.7964%2021.7092%2011.75%2025.7686%2011.75H29.1482V15.9689H27.0357C25.4555%2015.9689%2025.3509%2016.5584%2025.3509%2017.6586L25.3452%2019.7699H29.1721L28.7243%2023.9883H25.3452Z%22%20fill%3D%22%23E5E5E2%22%2F%3E%3C%2Fsvg%3E"); background-color: #E5E5E2; } .icon-svg-instagram { width: 28px; height: 28px; } .icon-svg-instagram::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2246%22%20height%3D%2246%22%20viewBox%3D%220%200%2046%2046%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M23.0009%2019.2502C25.279%2019.2502%2027.126%2021.0969%2027.126%2023.3752C27.126%2025.6533%2025.279%2027.5003%2023.0009%2027.5003C20.7226%2027.5003%2018.8759%2025.6533%2018.8759%2023.3752C18.8759%2021.0969%2020.7226%2019.2502%2023.0009%2019.2502Z%22%20fill%3D%22%23E5E5E2%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22.5853%2013.2305C22.3362%2013.2303%2022.1053%2013.2302%2021.8907%2013.2306V13.2275C19.5842%2013.2301%2019.1418%2013.2455%2018.0002%2013.2971C16.7936%2013.3525%2016.1385%2013.5536%2015.7023%2013.7238C15.1248%2013.9486%2014.7123%2014.2167%2014.2792%2014.6498C13.846%2015.083%2013.5774%2015.4955%2013.3531%2016.073C13.1837%2016.5092%2012.9821%2017.1641%2012.9269%2018.3706C12.8676%2019.6752%2012.8558%2020.065%2012.8558%2023.3697C12.8558%2026.6744%2012.8676%2027.0662%2012.9269%2028.3708C12.9818%2029.5774%2013.1837%2030.2322%2013.3531%2030.6679C13.5779%2031.2457%2013.846%2031.6572%2014.2792%2032.0903C14.7123%2032.5234%2015.1248%2032.7915%2015.7023%2033.0158C16.1388%2033.1852%2016.7936%2033.3868%2018.0002%2033.4425C19.3048%2033.5018%2019.6964%2033.5147%2023.0008%2033.5147C26.305%2033.5147%2026.6969%2033.5018%2028.0014%2033.4425C29.208%2033.3874%2029.8633%2033.1863%2030.299%2033.0161C30.8768%2032.7918%2031.288%2032.5237%2031.7212%2032.0905C32.1543%2031.6577%2032.4229%2031.2465%2032.6472%2030.6689C32.8166%2030.2332%2033.0182%2029.5784%2033.0734%2028.3718C33.1327%2027.0673%2033.1456%2026.6754%2033.1456%2023.3728C33.1456%2020.0702%2033.1327%2019.6783%2033.0734%2018.3737C33.0185%2017.1672%2032.8166%2016.5123%2032.6472%2016.0766C32.4224%2015.4991%2032.1543%2015.0866%2031.7212%2014.6535C31.2883%2014.2203%2030.8766%2013.9522%2030.299%2013.7279C29.8628%2013.5585%2029.208%2013.3569%2028.0014%2013.3017C26.6966%2013.2424%2026.305%2013.2306%2023.0008%2013.2306L22.5853%2013.2305ZM28.1214%2016.7695C28.1214%2015.9494%2028.7866%2015.285%2029.6064%2015.285C30.4263%2015.285%2031.0914%2015.9496%2031.0914%2016.7695C31.0914%2017.5894%2030.4263%2018.2545%2029.6064%2018.2545C28.7866%2018.2545%2028.1214%2017.5894%2028.1214%2016.7695ZM23.0005%2017.0201C19.491%2017.0202%2016.6456%2019.8656%2016.6456%2023.3752C16.6456%2026.8848%2019.4912%2029.7291%2023.0008%2029.7291C26.5104%2029.7291%2029.3549%2026.8848%2029.3549%2023.3752C29.3549%2019.8656%2026.5102%2017.0201%2023.0005%2017.0201Z%22%20fill%3D%22%23E5E5E2%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23%200.5C10.5736%200.5%200.5%2010.5736%200.5%2023C0.5%2035.4264%2010.5736%2045.5%2023%2045.5C35.4264%2045.5%2045.5%2035.4264%2045.5%2023C45.5%2010.5736%2035.4264%200.5%2023%200.5ZM17.8985%2011.0748C19.2185%2011.0147%2019.6403%2011%2023.0012%2011H22.9973C26.3592%2011%2026.7795%2011.0147%2028.0995%2011.0748C29.4169%2011.1351%2030.3167%2011.3437%2031.1056%2011.6497C31.9203%2011.9655%2032.6087%2012.3883%2033.297%2013.0767C33.9854%2013.7646%2034.4082%2014.455%2034.7253%2015.2689C35.0295%2016.0558%2035.2384%2016.955%2035.3003%2018.2725C35.3596%2019.5925%2035.375%2020.0143%2035.375%2023.3751C35.375%2026.736%2035.3596%2027.1568%2035.3003%2028.4768C35.2384%2029.7937%2035.0295%2030.6932%2034.7253%2031.4803C34.4082%2032.294%2033.9854%2032.9844%2033.297%2033.6723C32.6094%2034.3607%2031.92%2034.7845%2031.1064%2035.1006C30.319%2035.4066%2029.4187%2035.6152%2028.1013%2035.6755C26.7813%2035.7356%2026.3608%2035.7503%2022.9996%2035.7503C19.639%2035.7503%2019.2175%2035.7356%2017.8975%2035.6755C16.5803%2035.6152%2015.6808%2035.4066%2014.8934%2035.1006C14.08%2034.7845%2013.3896%2034.3607%2012.702%2033.6723C12.0139%2032.9844%2011.591%2032.294%2011.2747%2031.4801C10.9689%2030.6932%2010.7604%2029.794%2010.6998%2028.4765C10.64%2027.1565%2010.625%2026.736%2010.625%2023.3751C10.625%2020.0143%2010.6405%2019.5922%2010.6995%2018.2722C10.7588%2016.9553%2010.9676%2016.0558%2011.2744%2015.2687C11.5915%2014.455%2012.0144%2013.7646%2012.7027%2013.0767C13.3906%2012.3886%2014.081%2011.9658%2014.8949%2011.6497C15.6818%2011.3437%2016.5811%2011.1351%2017.8985%2011.0748Z%22%20fill%3D%22%23E5E5E2%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2246%22%20height%3D%2246%22%20viewBox%3D%220%200%2046%2046%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M23.0009%2019.2502C25.279%2019.2502%2027.126%2021.0969%2027.126%2023.3752C27.126%2025.6533%2025.279%2027.5003%2023.0009%2027.5003C20.7226%2027.5003%2018.8759%2025.6533%2018.8759%2023.3752C18.8759%2021.0969%2020.7226%2019.2502%2023.0009%2019.2502Z%22%20fill%3D%22%23E5E5E2%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22.5853%2013.2305C22.3362%2013.2303%2022.1053%2013.2302%2021.8907%2013.2306V13.2275C19.5842%2013.2301%2019.1418%2013.2455%2018.0002%2013.2971C16.7936%2013.3525%2016.1385%2013.5536%2015.7023%2013.7238C15.1248%2013.9486%2014.7123%2014.2167%2014.2792%2014.6498C13.846%2015.083%2013.5774%2015.4955%2013.3531%2016.073C13.1837%2016.5092%2012.9821%2017.1641%2012.9269%2018.3706C12.8676%2019.6752%2012.8558%2020.065%2012.8558%2023.3697C12.8558%2026.6744%2012.8676%2027.0662%2012.9269%2028.3708C12.9818%2029.5774%2013.1837%2030.2322%2013.3531%2030.6679C13.5779%2031.2457%2013.846%2031.6572%2014.2792%2032.0903C14.7123%2032.5234%2015.1248%2032.7915%2015.7023%2033.0158C16.1388%2033.1852%2016.7936%2033.3868%2018.0002%2033.4425C19.3048%2033.5018%2019.6964%2033.5147%2023.0008%2033.5147C26.305%2033.5147%2026.6969%2033.5018%2028.0014%2033.4425C29.208%2033.3874%2029.8633%2033.1863%2030.299%2033.0161C30.8768%2032.7918%2031.288%2032.5237%2031.7212%2032.0905C32.1543%2031.6577%2032.4229%2031.2465%2032.6472%2030.6689C32.8166%2030.2332%2033.0182%2029.5784%2033.0734%2028.3718C33.1327%2027.0673%2033.1456%2026.6754%2033.1456%2023.3728C33.1456%2020.0702%2033.1327%2019.6783%2033.0734%2018.3737C33.0185%2017.1672%2032.8166%2016.5123%2032.6472%2016.0766C32.4224%2015.4991%2032.1543%2015.0866%2031.7212%2014.6535C31.2883%2014.2203%2030.8766%2013.9522%2030.299%2013.7279C29.8628%2013.5585%2029.208%2013.3569%2028.0014%2013.3017C26.6966%2013.2424%2026.305%2013.2306%2023.0008%2013.2306L22.5853%2013.2305ZM28.1214%2016.7695C28.1214%2015.9494%2028.7866%2015.285%2029.6064%2015.285C30.4263%2015.285%2031.0914%2015.9496%2031.0914%2016.7695C31.0914%2017.5894%2030.4263%2018.2545%2029.6064%2018.2545C28.7866%2018.2545%2028.1214%2017.5894%2028.1214%2016.7695ZM23.0005%2017.0201C19.491%2017.0202%2016.6456%2019.8656%2016.6456%2023.3752C16.6456%2026.8848%2019.4912%2029.7291%2023.0008%2029.7291C26.5104%2029.7291%2029.3549%2026.8848%2029.3549%2023.3752C29.3549%2019.8656%2026.5102%2017.0201%2023.0005%2017.0201Z%22%20fill%3D%22%23E5E5E2%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23%200.5C10.5736%200.5%200.5%2010.5736%200.5%2023C0.5%2035.4264%2010.5736%2045.5%2023%2045.5C35.4264%2045.5%2045.5%2035.4264%2045.5%2023C45.5%2010.5736%2035.4264%200.5%2023%200.5ZM17.8985%2011.0748C19.2185%2011.0147%2019.6403%2011%2023.0012%2011H22.9973C26.3592%2011%2026.7795%2011.0147%2028.0995%2011.0748C29.4169%2011.1351%2030.3167%2011.3437%2031.1056%2011.6497C31.9203%2011.9655%2032.6087%2012.3883%2033.297%2013.0767C33.9854%2013.7646%2034.4082%2014.455%2034.7253%2015.2689C35.0295%2016.0558%2035.2384%2016.955%2035.3003%2018.2725C35.3596%2019.5925%2035.375%2020.0143%2035.375%2023.3751C35.375%2026.736%2035.3596%2027.1568%2035.3003%2028.4768C35.2384%2029.7937%2035.0295%2030.6932%2034.7253%2031.4803C34.4082%2032.294%2033.9854%2032.9844%2033.297%2033.6723C32.6094%2034.3607%2031.92%2034.7845%2031.1064%2035.1006C30.319%2035.4066%2029.4187%2035.6152%2028.1013%2035.6755C26.7813%2035.7356%2026.3608%2035.7503%2022.9996%2035.7503C19.639%2035.7503%2019.2175%2035.7356%2017.8975%2035.6755C16.5803%2035.6152%2015.6808%2035.4066%2014.8934%2035.1006C14.08%2034.7845%2013.3896%2034.3607%2012.702%2033.6723C12.0139%2032.9844%2011.591%2032.294%2011.2747%2031.4801C10.9689%2030.6932%2010.7604%2029.794%2010.6998%2028.4765C10.64%2027.1565%2010.625%2026.736%2010.625%2023.3751C10.625%2020.0143%2010.6405%2019.5922%2010.6995%2018.2722C10.7588%2016.9553%2010.9676%2016.0558%2011.2744%2015.2687C11.5915%2014.455%2012.0144%2013.7646%2012.7027%2013.0767C13.3906%2012.3886%2014.081%2011.9658%2014.8949%2011.6497C15.6818%2011.3437%2016.5811%2011.1351%2017.8985%2011.0748Z%22%20fill%3D%22%23E5E5E2%22%2F%3E%3C%2Fsvg%3E"); background-color: #E5E5E2; } .icon-svg-linkedin { width: 28px; height: 28px; } .icon-svg-linkedin::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2246%22%20height%3D%2246%22%20viewBox%3D%220%200%2046%2046%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23%200.5C10.5736%200.5%200.5%2010.5736%200.5%2023C0.5%2035.4264%2010.5736%2045.5%2023%2045.5C35.4264%2045.5%2045.5%2035.4264%2045.5%2023C45.5%2010.5736%2035.4264%200.5%2023%200.5ZM12.875%2018.5H17.375V33.125H12.875V18.5ZM17.375%2013.9992C17.349%2012.7225%2016.5064%2011.75%2015.138%2011.75C13.7696%2011.75%2012.875%2012.7225%2012.875%2013.9992C12.875%2015.2495%2013.7432%2016.25%2015.0861%2016.25H15.1116C16.5064%2016.25%2017.375%2015.2495%2017.375%2013.9992ZM28.7342%2018.5C31.8867%2018.5%2034.25%2020.5427%2034.25%2024.9317L34.2498%2033.1246H29.4594V25.48C29.4594%2023.5598%2028.7662%2022.2495%2027.032%2022.2495C25.7085%2022.2495%2024.9202%2023.1328%2024.5739%2023.986C24.4473%2024.2917%2024.4162%2024.7177%2024.4162%2025.1448V33.125H19.625C19.625%2033.125%2019.6881%2020.1767%2019.625%2018.8359H24.4162V20.8598C25.052%2019.8869%2026.1907%2018.5%2028.7342%2018.5Z%22%20fill%3D%22%23E5E5E2%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2246%22%20height%3D%2246%22%20viewBox%3D%220%200%2046%2046%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23%200.5C10.5736%200.5%200.5%2010.5736%200.5%2023C0.5%2035.4264%2010.5736%2045.5%2023%2045.5C35.4264%2045.5%2045.5%2035.4264%2045.5%2023C45.5%2010.5736%2035.4264%200.5%2023%200.5ZM12.875%2018.5H17.375V33.125H12.875V18.5ZM17.375%2013.9992C17.349%2012.7225%2016.5064%2011.75%2015.138%2011.75C13.7696%2011.75%2012.875%2012.7225%2012.875%2013.9992C12.875%2015.2495%2013.7432%2016.25%2015.0861%2016.25H15.1116C16.5064%2016.25%2017.375%2015.2495%2017.375%2013.9992ZM28.7342%2018.5C31.8867%2018.5%2034.25%2020.5427%2034.25%2024.9317L34.2498%2033.1246H29.4594V25.48C29.4594%2023.5598%2028.7662%2022.2495%2027.032%2022.2495C25.7085%2022.2495%2024.9202%2023.1328%2024.5739%2023.986C24.4473%2024.2917%2024.4162%2024.7177%2024.4162%2025.1448V33.125H19.625C19.625%2033.125%2019.6881%2020.1767%2019.625%2018.8359H24.4162V20.8598C25.052%2019.8869%2026.1907%2018.5%2028.7342%2018.5Z%22%20fill%3D%22%23E5E5E2%22%2F%3E%3C%2Fsvg%3E"); background-color: #E5E5E2; } .icon-svg-youtube { width: 28px; height: 28px; } .icon-svg-youtube::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2245%22%20height%3D%2245%22%20viewBox%3D%220%200%2045%2045%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26.257%2022.1086L20.993%2019.6523C20.5336%2019.4391%2020.1562%2019.6781%2020.1562%2020.1867V24.8133C20.1562%2025.3219%2020.5336%2025.5609%2020.993%2025.3477L26.2547%2022.8914C26.7164%2022.6758%2026.7164%2022.3242%2026.257%2022.1086ZM22.5%200C10.0734%200%200%2010.0734%200%2022.5C0%2034.9266%2010.0734%2045%2022.5%2045C34.9266%2045%2045%2034.9266%2045%2022.5C45%2010.0734%2034.9266%200%2022.5%200ZM22.5%2031.6406C10.9828%2031.6406%2010.7812%2030.6023%2010.7812%2022.5C10.7812%2014.3977%2010.9828%2013.3594%2022.5%2013.3594C34.0172%2013.3594%2034.2188%2014.3977%2034.2188%2022.5C34.2188%2030.6023%2034.0172%2031.6406%2022.5%2031.6406Z%22%20fill%3D%22%23E5E5E2%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2245%22%20height%3D%2245%22%20viewBox%3D%220%200%2045%2045%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26.257%2022.1086L20.993%2019.6523C20.5336%2019.4391%2020.1562%2019.6781%2020.1562%2020.1867V24.8133C20.1562%2025.3219%2020.5336%2025.5609%2020.993%2025.3477L26.2547%2022.8914C26.7164%2022.6758%2026.7164%2022.3242%2026.257%2022.1086ZM22.5%200C10.0734%200%200%2010.0734%200%2022.5C0%2034.9266%2010.0734%2045%2022.5%2045C34.9266%2045%2045%2034.9266%2045%2022.5C45%2010.0734%2034.9266%200%2022.5%200ZM22.5%2031.6406C10.9828%2031.6406%2010.7812%2030.6023%2010.7812%2022.5C10.7812%2014.3977%2010.9828%2013.3594%2022.5%2013.3594C34.0172%2013.3594%2034.2188%2014.3977%2034.2188%2022.5C34.2188%2030.6023%2034.0172%2031.6406%2022.5%2031.6406Z%22%20fill%3D%22%23E5E5E2%22%2F%3E%3C%2Fsvg%3E"); background-color: #E5E5E2; } .icon-svg-button-up { width: 12px; height: 12px; } .icon-svg-button-up::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%208L6.99971%202L13%208%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M7%202L7%2014%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%208L6.99971%202L13%208%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M7%202L7%2014%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); background-color: #4D4D4F; } .icon-svg-button-up:hover::before { background-color: #FFFFFF !important; } .icon-svg-arrow-down { width: 16px; height: 16px; } .icon-svg-arrow-down::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2216%22%20viewBox%3D%220%200%2018%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17%204L9%2012L1%204%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2216%22%20viewBox%3D%220%200%2018%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17%204L9%2012L1%204%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-color: #FFFFFF; } .icon-svg-arrow-down:hover::before { background-color: #FFFFFF !important; } .icon-svg-find-product-color { width: 36px; height: 36px; } .icon-svg-find-product-color::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236%22%20height%3D%2237%22%20viewBox%3D%220%200%2036%2037%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.9072%2018.5H18.4697%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M7.86621%209.66193C7.86621%208.45356%2011.7854%207.4729%2016.6206%207.4729C21.4558%207.4729%2025.375%208.4527%2025.375%209.66193%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M28.3506%2022.2088V9.80688%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16.2752%204.69995C9.60635%204.69995%204.2002%207.01663%204.2002%209.87495C4.2002%2011.2843%205.5181%2012.5599%207.6502%2013.4931V17.12C7.6502%2017.8824%208.26775%2018.5%209.0302%2018.5C9.79265%2018.5%2010.4102%2017.8824%2010.4102%2017.12V20.57C10.4102%2021.3324%2011.0277%2021.95%2011.7902%2021.95C12.5526%2021.95%2013.1702%2021.3324%2013.1702%2020.57V14.8706C14.1629%2014.9835%2015.1997%2015.05%2016.2752%2015.05C22.944%2015.05%2028.3502%2012.7333%2028.3502%209.87495C28.3502%207.01663%2022.944%204.69995%2016.2752%204.69995Z%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M28.3502%2024.1839V27.125C28.3502%2029.9833%2022.944%2032.3%2016.2752%2032.3C9.60635%2032.3%204.2002%2029.9833%204.2002%2027.125V9.875%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16.6152%2018.5C19.4184%2021.806%2023.6593%2023.7293%2026.9057%2024.1364C30.4894%2024.5858%2033.2899%2022.5814%2030.4437%2018.964%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236%22%20height%3D%2237%22%20viewBox%3D%220%200%2036%2037%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.9072%2018.5H18.4697%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M7.86621%209.66193C7.86621%208.45356%2011.7854%207.4729%2016.6206%207.4729C21.4558%207.4729%2025.375%208.4527%2025.375%209.66193%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M28.3506%2022.2088V9.80688%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16.2752%204.69995C9.60635%204.69995%204.2002%207.01663%204.2002%209.87495C4.2002%2011.2843%205.5181%2012.5599%207.6502%2013.4931V17.12C7.6502%2017.8824%208.26775%2018.5%209.0302%2018.5C9.79265%2018.5%2010.4102%2017.8824%2010.4102%2017.12V20.57C10.4102%2021.3324%2011.0277%2021.95%2011.7902%2021.95C12.5526%2021.95%2013.1702%2021.3324%2013.1702%2020.57V14.8706C14.1629%2014.9835%2015.1997%2015.05%2016.2752%2015.05C22.944%2015.05%2028.3502%2012.7333%2028.3502%209.87495C28.3502%207.01663%2022.944%204.69995%2016.2752%204.69995Z%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M28.3502%2024.1839V27.125C28.3502%2029.9833%2022.944%2032.3%2016.2752%2032.3C9.60635%2032.3%204.2002%2029.9833%204.2002%2027.125V9.875%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16.6152%2018.5C19.4184%2021.806%2023.6593%2023.7293%2026.9057%2024.1364C30.4894%2024.5858%2033.2899%2022.5814%2030.4437%2018.964%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-color: #9EA29F; } .icon-svg-find-product-space { width: 36px; height: 36px; } .icon-svg-find-product-space::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2237%22%20height%3D%2237%22%20viewBox%3D%220%200%2037%2037%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M22.6569%2016.8715V25.4429C22.6569%2030.1572%2018.8512%2031.8715%2016.2284%2031.8715C12.6927%2031.8715%209.7998%2028.9786%209.7998%2025.4429V11.7286C9.7998%208.19291%2012.6927%205.30005%2016.2284%205.30005C19.1684%205.30005%2021.6669%207.30148%2022.4212%2010.01%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.7998%2015.5858H6.7998V11.3H7.65695%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.80008%2025.0142H7.65723V19.8713H9.80008%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M18.3717%2022.0142C18.3717%2020.8313%2017.4117%2019.8713%2016.2288%2019.8713C15.0459%2019.8713%2014.0859%2020.8313%2014.0859%2022.0142C14.0859%2022.7128%2014.4245%2023.3256%2014.9431%2023.7199V26.7285C14.9431%2027.4399%2015.5174%2028.0142%2016.2288%2028.0142%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M29.0851%2015.1573H16.228C15.2851%2015.1573%2014.5137%2014.3859%2014.5137%2013.443C14.5137%2012.5002%2015.2851%2011.7288%2016.228%2011.7288H29.0851C30.028%2011.7288%2030.7994%2012.5002%2030.7994%2013.443C30.7994%2014.3859%2030.028%2015.1573%2029.0851%2015.1573Z%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2237%22%20height%3D%2237%22%20viewBox%3D%220%200%2037%2037%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M22.6569%2016.8715V25.4429C22.6569%2030.1572%2018.8512%2031.8715%2016.2284%2031.8715C12.6927%2031.8715%209.7998%2028.9786%209.7998%2025.4429V11.7286C9.7998%208.19291%2012.6927%205.30005%2016.2284%205.30005C19.1684%205.30005%2021.6669%207.30148%2022.4212%2010.01%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.7998%2015.5858H6.7998V11.3H7.65695%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.80008%2025.0142H7.65723V19.8713H9.80008%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M18.3717%2022.0142C18.3717%2020.8313%2017.4117%2019.8713%2016.2288%2019.8713C15.0459%2019.8713%2014.0859%2020.8313%2014.0859%2022.0142C14.0859%2022.7128%2014.4245%2023.3256%2014.9431%2023.7199V26.7285C14.9431%2027.4399%2015.5174%2028.0142%2016.2288%2028.0142%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M29.0851%2015.1573H16.228C15.2851%2015.1573%2014.5137%2014.3859%2014.5137%2013.443C14.5137%2012.5002%2015.2851%2011.7288%2016.228%2011.7288H29.0851C30.028%2011.7288%2030.7994%2012.5002%2030.7994%2013.443C30.7994%2014.3859%2030.028%2015.1573%2029.0851%2015.1573Z%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-color: #9EA29F; } .icon-svg-cart { width: 36px; height: 36px; } .icon-svg-cart::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.6668%2013.2854L16.6668%205M31.3336%2013.2854L23.3336%205M31.548%2032.6854C31.4212%2033.4512%2030.8742%2034.0009%2030.24%2034H9.76C9.12581%2034.0009%208.57884%2033.4512%208.452%2032.6854L6%2017.5672H34L31.548%2032.6854Z%22%20stroke%3D%22%239EA29F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.6668%2013.2854L16.6668%205M31.3336%2013.2854L23.3336%205M31.548%2032.6854C31.4212%2033.4512%2030.8742%2034.0009%2030.24%2034H9.76C9.12581%2034.0009%208.57884%2033.4512%208.452%2032.6854L6%2017.5672H34L31.548%2032.6854Z%22%20stroke%3D%22%239EA29F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-color: #FFFFFF; } .icon-svg-out { width: 16px; height: 16px; } @media (max-width: 575.98px) { .icon-svg-out { width: 12px; height: 12px; } } .icon-svg-out::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%3E%3Cg%3E%3Cpath%20id%3D%22Path%201934%22%20d%3D%22M22.1534%202.3457L1.8457%2022.6534%22%20stroke%3D%22%234D4D4F%22%2F%3E%3Cpath%20id%3D%22Path%201935%22%20d%3D%22M22.1543%2022.6534L1.8466%202.3457%22%20stroke%3D%22%234D4D4F%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%3E%3Cg%3E%3Cpath%20id%3D%22Path%201934%22%20d%3D%22M22.1534%202.3457L1.8457%2022.6534%22%20stroke%3D%22%234D4D4F%22%2F%3E%3Cpath%20id%3D%22Path%201935%22%20d%3D%22M22.1543%2022.6534L1.8466%202.3457%22%20stroke%3D%22%234D4D4F%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-color: #4D4D4F; } .icon-svg-out:hover::before { background-color: #4D4D4F !important; } .icon-svg-plus { width: 16px; height: 16px; } .icon-svg-plus::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2218%22%20viewBox%3D%220%200%2017%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.1419%209.07107L0.999756%209.07107%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.00024%2016.0711V1.92893%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2218%22%20viewBox%3D%220%200%2017%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.1419%209.07107L0.999756%209.07107%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.00024%2016.0711V1.92893%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-color: #4D4D4F; } .icon-svg-plus:hover::before { background-color: #4D4D4F !important; } .icon-svg-minus { width: 16px; height: 16px; } .icon-svg-minus::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.1419%208.07107L0.999756%208.07107%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.1419%208.07107L0.999756%208.07107%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-color: #4D4D4F; } .icon-svg-minus:hover::before { background-color: #4D4D4F !important; } .icon-svg-next { width: 8px; height: 16px; } .icon-svg-next::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201L9%209L1%2017%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201L9%209L1%2017%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-color: #4D4D4F; } .icon-svg-next:hover::before { background-color: #4D4D4F !important; } .icon-svg-prev { width: 8px; height: 16px; } .icon-svg-prev::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%201L1%209L9%2017%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%201L1%209L9%2017%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-color: #4D4D4F; } .icon-svg-prev:hover::before { background-color: #4D4D4F !important; } .icon-svg-mail { width: 16px; height: 16px; } .icon-svg-mail::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.4%203H13.6C14.37%203%2015%203.5625%2015%204.25V11.75C15%2012.4375%2014.37%2013%2013.6%2013H2.4C1.63%2013%201%2012.4375%201%2011.75V4.25C1%203.5625%201.63%203%202.4%203Z%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M15%204.25L8%208.625L1%204.25%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.4%203H13.6C14.37%203%2015%203.5625%2015%204.25V11.75C15%2012.4375%2014.37%2013%2013.6%2013H2.4C1.63%2013%201%2012.4375%201%2011.75V4.25C1%203.5625%201.63%203%202.4%203Z%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M15%204.25L8%208.625L1%204.25%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-color: #9EA29F; } .icon-svg-mail:hover::before { background-color: #9EA29F !important; } .icon-svg-filter { width: 16px; height: 16px; } .icon-svg-filter::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206C6.10457%206%207%205.10457%207%204C7%202.89543%206.10457%202%205%202C3.89543%202%203%202.89543%203%204C3%205.10457%203.89543%206%205%206Z%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M7%204L16%204%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M0%204H3%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M11%2010C9.89543%2010%209%2010.8954%209%2012C9%2013.1046%209.89543%2014%2011%2014C12.1046%2014%2013%2013.1046%2013%2012C13%2010.8954%2012.1046%2010%2011%2010Z%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M9%2012L0%2012%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M16%2012L13%2012%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206C6.10457%206%207%205.10457%207%204C7%202.89543%206.10457%202%205%202C3.89543%202%203%202.89543%203%204C3%205.10457%203.89543%206%205%206Z%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M7%204L16%204%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M0%204H3%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M11%2010C9.89543%2010%209%2010.8954%209%2012C9%2013.1046%209.89543%2014%2011%2014C12.1046%2014%2013%2013.1046%2013%2012C13%2010.8954%2012.1046%2010%2011%2010Z%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M9%2012L0%2012%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M16%2012L13%2012%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E"); background-color: #FFFFFF; } .icon-svg-filter:hover::before { background-color: #FFFFFF !important; } .icon-svg-doc-safety { width: 32px; height: 32px; position: relative; } .icon-svg-doc-safety::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%208.98131C17.2763%206.55512%2019.9226%205.89111%2022.6752%205.89111H26.7126V22.8446H22.6752C19.9226%2022.8446%2017.2763%2023.5129%2016%2025.9391%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16%209.177V25.2877%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M29.3346%208.34668V25.3938H19.5537C19.5537%2025.3938%2019.0092%2026.6665%2018.337%2026.6665H13.6656C12.9934%2026.6665%2012.4489%2025.3938%2012.4489%2025.3938H2.66797V8.34668%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16.0469%208.98131C14.7706%206.55512%2012.1243%205.89111%209.3717%205.89111H5.33426V22.8446H9.3717C12.1243%2022.8446%2014.7706%2023.5129%2016.0469%2025.9391%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M20.2578%2017.9946H23.1564%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M21.7063%2017.9949V13.3572H20.5469%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M21.707%2010.7483V11.328%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%208.98131C17.2763%206.55512%2019.9226%205.89111%2022.6752%205.89111H26.7126V22.8446H22.6752C19.9226%2022.8446%2017.2763%2023.5129%2016%2025.9391%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16%209.177V25.2877%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M29.3346%208.34668V25.3938H19.5537C19.5537%2025.3938%2019.0092%2026.6665%2018.337%2026.6665H13.6656C12.9934%2026.6665%2012.4489%2025.3938%2012.4489%2025.3938H2.66797V8.34668%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16.0469%208.98131C14.7706%206.55512%2012.1243%205.89111%209.3717%205.89111H5.33426V22.8446H9.3717C12.1243%2022.8446%2014.7706%2023.5129%2016.0469%2025.9391%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M20.2578%2017.9946H23.1564%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M21.7063%2017.9949V13.3572H20.5469%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M21.707%2010.7483V11.328%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); } .icon-svg-doc-instructions { width: 32px; height: 32px; position: relative; } .icon-svg-doc-instructions::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%208.98131C17.2763%206.55512%2019.9226%205.89111%2022.6752%205.89111H26.7126V22.8446H22.6752C19.9226%2022.8446%2017.2763%2023.5129%2016%2025.9391%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16%209.177V25.2877%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M29.3346%208.34668V25.3938H19.5537C19.5537%2025.3938%2019.0092%2026.6665%2018.337%2026.6665H13.6656C12.9934%2026.6665%2012.4489%2025.3938%2012.4489%2025.3938H2.66797V8.34668%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16.0469%208.95689C14.7706%206.53071%2012.1243%205.8667%209.3717%205.8667H5.33426V22.8202H9.3717C12.1243%2022.8202%2014.7706%2023.4885%2016.0469%2025.9147%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M23.4698%2015.8825C23.4698%2017.1255%2022.5145%2018.1334%2021.3365%2018.1334C20.1584%2018.1334%2019.2031%2017.1255%2019.2031%2015.8825C19.2031%2014.6395%2021.3365%2011.7334%2021.3365%2011.7334C21.3365%2011.7334%2023.4698%2014.6385%2023.4698%2015.8825Z%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%208.98131C17.2763%206.55512%2019.9226%205.89111%2022.6752%205.89111H26.7126V22.8446H22.6752C19.9226%2022.8446%2017.2763%2023.5129%2016%2025.9391%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16%209.177V25.2877%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M29.3346%208.34668V25.3938H19.5537C19.5537%2025.3938%2019.0092%2026.6665%2018.337%2026.6665H13.6656C12.9934%2026.6665%2012.4489%2025.3938%2012.4489%2025.3938H2.66797V8.34668%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16.0469%208.95689C14.7706%206.53071%2012.1243%205.8667%209.3717%205.8667H5.33426V22.8202H9.3717C12.1243%2022.8202%2014.7706%2023.4885%2016.0469%2025.9147%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M23.4698%2015.8825C23.4698%2017.1255%2022.5145%2018.1334%2021.3365%2018.1334C20.1584%2018.1334%2019.2031%2017.1255%2019.2031%2015.8825C19.2031%2014.6395%2021.3365%2011.7334%2021.3365%2011.7334C21.3365%2011.7334%2023.4698%2014.6385%2023.4698%2015.8825Z%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); } .icon-svg-doc-price { width: 32px; height: 32px; position: relative; } .icon-svg-doc-price::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%208.98131C17.2763%206.55512%2019.9226%205.89111%2022.6752%205.89111H26.7126V22.8446H22.6752C19.9226%2022.8446%2017.2763%2023.5129%2016%2025.9391%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16%209.177V25.2877%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M29.3346%208.34668V25.3938H19.5537C19.5537%2025.3938%2019.0092%2026.6665%2018.337%2026.6665H13.6656C12.9934%2026.6665%2012.4489%2025.3938%2012.4489%2025.3938H2.66797V8.34668%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16.0469%208.95689C14.7706%206.53071%2012.1243%205.8667%209.3717%205.8667H5.33426V22.8202H9.3717C12.1243%2022.8202%2014.7706%2023.4885%2016.0469%2025.9147%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M24.2837%2017.7715C23.7511%2018.0487%2023.1562%2018.1842%2022.5561%2018.165C21.956%2018.1458%2021.3709%2017.9725%2020.8571%2017.6619C20.3433%2017.3512%2019.9181%2016.9137%2019.6223%2016.3912C19.3265%2015.8687%2019.17%2015.2789%2019.168%2014.6785C19.166%2014.0781%2019.3184%2013.4873%2019.6107%2012.9629C19.903%2012.4384%2020.3253%2011.998%2020.837%2011.6839C21.3487%2011.3698%2021.9326%2011.1926%2022.5325%2011.1694C23.1325%2011.1461%2023.7283%2011.2776%2024.2628%2011.5512%22%20stroke%3D%22%239EA29F%22%2F%3E%3Cpath%20d%3D%22M18.1328%2013.8667H21.5995%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M18.1328%2015.4668H21.5995%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%208.98131C17.2763%206.55512%2019.9226%205.89111%2022.6752%205.89111H26.7126V22.8446H22.6752C19.9226%2022.8446%2017.2763%2023.5129%2016%2025.9391%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16%209.177V25.2877%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M29.3346%208.34668V25.3938H19.5537C19.5537%2025.3938%2019.0092%2026.6665%2018.337%2026.6665H13.6656C12.9934%2026.6665%2012.4489%2025.3938%2012.4489%2025.3938H2.66797V8.34668%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16.0469%208.95689C14.7706%206.53071%2012.1243%205.8667%209.3717%205.8667H5.33426V22.8202H9.3717C12.1243%2022.8202%2014.7706%2023.4885%2016.0469%2025.9147%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M24.2837%2017.7715C23.7511%2018.0487%2023.1562%2018.1842%2022.5561%2018.165C21.956%2018.1458%2021.3709%2017.9725%2020.8571%2017.6619C20.3433%2017.3512%2019.9181%2016.9137%2019.6223%2016.3912C19.3265%2015.8687%2019.17%2015.2789%2019.168%2014.6785C19.166%2014.0781%2019.3184%2013.4873%2019.6107%2012.9629C19.903%2012.4384%2020.3253%2011.998%2020.837%2011.6839C21.3487%2011.3698%2021.9326%2011.1926%2022.5325%2011.1694C23.1325%2011.1461%2023.7283%2011.2776%2024.2628%2011.5512%22%20stroke%3D%22%239EA29F%22%2F%3E%3Cpath%20d%3D%22M18.1328%2013.8667H21.5995%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M18.1328%2015.4668H21.5995%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"); } .icon-svg--md { width: 24px; height: 24px; } a.icon-svg:hover::before { background-color: #9EA29F; } .widget_wk_social_widget .icon-svg-facebook, .widget_wk_social_widget .icon-svg-instagram, .widget_wk_social_widget .icon-svg-linkedin, .widget_wk_social_widget .icon-svg-youtube { width: 45px; height: 45px; } .sticky-nav__social .icon-svg-facebook::before, .sticky-nav__social .icon-svg-instagram::before, .sticky-nav__social .icon-svg-linkedin::before, .sticky-nav__social .icon-svg-youtube::before { background-color: #4D4D4F; } header.no-banner .icon-svg-search::before { background-color: #4D4D4F; } @media (max-width: 1199.98px) { header.no-banner .icon-svg-search::before { background-color: #FFFFFF; } } header.no-banner.navbar-mobile .icon-svg-search::before { background-color: #FFFFFF !important; } @media (max-width: 1199.98px) { header.no-banner.navbar-mobile .icon-svg-search::before { background-color: #FFFFFF; } } header.no-banner .icon-svg-arrow-down::before { background-color: #FFFFFF !important; } @media (max-width: 1199.98px) { header.no-banner .icon-svg-arrow-down::before { background-color: #FFFFFF; } } /* Sticky Nav */ .sticky-nav { width: 50px; height: fit-content; position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 9; } @media (max-width: 1199.98px) { .sticky-nav { left: 50%; bottom: 0; transform: translateX(-50%); top: auto; display: flex; width: fit-content; height: 60px; } } .sticky-nav__content { background-color: #4D4D4F; display: flex; flex-direction: column; align-items: center; gap: 40px; padding: 20px 0; border-radius: 8px 0 0 0; } @media (max-width: 1199.98px) { .sticky-nav__content { flex-direction: row; background-color: #FFFFFF; padding: 20px 15px; } .sticky-nav__content .icon-svg { width: 30px; height: 30px; } .sticky-nav__content .icon-svg::before { background-color: #4D4D4F; } } @media (max-width: 767.98px) { .sticky-nav__content { gap: 20px; } } @media (max-width: 575.98px) { .sticky-nav__content { padding: 20px 10px; } } .sticky-nav__content .wishlist-count { height: 16px; width: 16px; background-color: #FF2427; border-radius: 50%; font-size: 8px; font-weight: 600; color: #FFFFFF; right: -3px; top: -1px; position: absolute; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-family: "Poppins", sans-serif; line-height: 100%; } @media (max-width: 1199.98px) { .sticky-nav__content .wishlist-count { right: -6px; top: -2px; } } .sticky-nav__social { background-color: #E5E5E2; display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 20px 0; border-radius: 0 0 0 8px; } @media (max-width: 1199.98px) { .sticky-nav__social { flex-direction: row; padding: 20px 15px; gap: 35px; border-radius: 0 8px 0 0px; } } @media (max-width: 767.98px) { .sticky-nav__social { gap: 20px; } } @media (max-width: 575.98px) { .sticky-nav__social { padding: 20px 10px; } } /* Language Switch */ .language-switch { text-transform: uppercase; position: relative; color: #FFFFFF; text-decoration: none; position: relative; top: 5px; font-size: 18px; line-height: 100%; letter-spacing: 0.04em; font-weight: 600; text-transform: uppercase; cursor: pointer; margin-left: 25px; } .language-switch span { padding-bottom: 10px; } .language-switch::before { content: ''; display: block; position: absolute; width: 10px; height: 6px; left: 4px; top: -15px; padding-bottom: 10px; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; transition: background-color 0.15s ease; background-color: #FFFFFF; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201L7%207L13%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201L7%207L13%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); transition: .15s; } @media (max-width: 1200px) { .language-switch::before { display: none; } } .language-switch:hover::before { transform: rotate(180deg); } .language-switch:hover .language-switch__dropdown { display: block; position: absolute; margin-top: 24px; grid-template-columns: repeat(5, 1fr); right: 0; background: #E5E5E2; display: grid; border-radius: 16px; padding: 16px; column-gap: 24px; row-gap: 16px; left: auto !important; } .language-switch__dropdown { display: none; } .language-switch__dropdown-link { color: #4D4D4F; font-size: 18px; line-height: 150%; letter-spacing: 0.04em; font-weight: 600; text-transform: uppercase; text-decoration: none; } .language-switch__dropdown-link:hover { text-decoration: none; color: #9EA29F !important; } @media (max-width: 1200px) { .language-switch { margin-top: 64px; margin-left: 16px; color: #FFFFFF !important; } .language-switch__mobile { display: grid; grid-template-columns: repeat(5, 1fr); max-width: 320px; column-gap: 24px; row-gap: 16px; margin-top: 8px; color: #FFFFFF; } } .no-banner .language-switch { color: #4D4D4F; } .no-banner .language-switch::before { background-color: #4D4D4F; } .no-banner .language-switch__dropdown { background-color: #FFFFFF; padding: 0 5px; left: -5px; } /* Search modal */ body.modal-open .search-input { display: flex; align-items: center; gap: 24px; } body.modal-open .search-input .icon-svg-search { display: inline; } body.modal-open .search-input .icon-svg-search:hover::before { background-color: #FFFFFF !important; } body.modal-open .modal-search { background: #FFFFFF; } body.modal-open .modal-search .modal-dialog { max-width: 1280px; } body.modal-open .modal-search .search-history .list > div { margin-bottom: 8px; } body.modal-open .modal-search .search-history a { text-decoration: none; } body.modal-open .modal-search .search-autocomplete { margin-left: 50px; height: 185px; } body.modal-open .modal-search .search-autocomplete > div { margin-bottom: 8px; } body.modal-open .modal-search .search-autocomplete a { text-decoration: none; } body.modal-open .modal-search .icon-svg-search:before { background-color: #4D4D4F; } body.modal-open .modal-search .close { position: absolute; top: 48px; right: 48px; opacity: 1; z-index: 5; } @media (max-width: 767.98px) { body.modal-open .modal-search .close { top: 30px; right: 30px; } } body.modal-open .modal-search .close .icon-svg { width: 32px; height: 32px; } body.modal-open .modal-search .search-form { width: 100%; display: block; justify-content: space-between; } body.modal-open .modal-search .search-form .search-input .icon-svg { display: inline; } body.modal-open .modal-search .search-form .search-input .icon-svg-search { width: 40px; height: 40px; } body.modal-open .modal-search .search-form .search-input .clear { border: none; background: none; position: absolute; right: 10px; margin-top: 10px; } body.modal-open .modal-search .search-form .search-input .clear .icon-svg { width: 24px; height: 24px; display: inline-block; } @media (max-width: 767.98px) { body.modal-open .modal-search .search-form { display: block; } body.modal-open .modal-search .search-form .icon-svg-search { display: none; } } body.modal-open .modal-search .search-form .btn-icon { display: none; } body.modal-open .modal-search .search-form .btn, body.modal-open .modal-search .search-form .nf-form-cont .nf-form-content button, .nf-form-cont .nf-form-content body.modal-open .modal-search .search-form button, body.modal-open .modal-search .search-form .nf-form-cont .nf-form-content input[type=button], .nf-form-cont .nf-form-content body.modal-open .modal-search .search-form input[type=button], body.modal-open .modal-search .search-form .nf-form-cont .nf-form-content input[type=submit], .nf-form-cont .nf-form-content body.modal-open .modal-search .search-form input[type=submit] { display: inline-block; } body.modal-open .modal-search .search-form .form-control { width: 100%; border-width: 0 0 1px 0; border-radius: 0; background: transparent; padding: 0; font-size: 24px; box-shadow: none; color: #4D4D4F; } body.modal-open .modal-search .search-form .form-control::placeholder { color: #4D4D4F; opacity: 1; } body.modal-open .modal-search .search-form .form-control::-ms-input-placeholder { color: #4D4D4F; } body.modal-open .modal-search .search-form .form-control::-ms-input-placeholder { color: #4D4D4F; } /* Select2 */ .select2 .select2-selection--single { border: 1px solid #E5E5E2; max-width: 360px; height: 56px; padding: 0 22px; display: flex; align-items: center; border-radius: 8px; } .select2 .select2-selection--single .select2-selection__rendered { color: #7D7D7D; padding-left: 0; } .select2 .select2-selection--single .select2-selection__arrow b { width: 12px; height: 12px; border-right: 2px solid #000 !important; border-top: 2px solid #000 !important; border-left: transparent !important; border-bottom: transparent !important; transform: rotate(135deg); position: absolute; top: 19px; right: 17px; left: initial; transition: .15s; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { transform: rotate(-45deg); top: 25px; } /* Hamburger */ #nav-icon3 { width: auto; height: 24px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #nav-icon3 span { display: block; position: absolute; height: 2px; width: 34px; background: #FFFFFF; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } /* Icon 3 */ #nav-icon3 span:nth-child(1) { top: 0px; } #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) { top: 10px; width: 20px; } #nav-icon3 span:nth-child(4) { top: 20px; } .navbar-toggler[aria-expanded="true"] #nav-icon3 span:nth-child(1) { top: 10px; width: 0%; left: 50%; } .navbar-toggler[aria-expanded="true"] #nav-icon3 span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 7px; } .navbar-toggler[aria-expanded="true"] #nav-icon3 span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); left: 7px; } .navbar-toggler[aria-expanded="true"] #nav-icon3 span:nth-child(4) { top: 18px; width: 0%; right: 50%; } /* Documents */ .documents:not(article) { display: flex; flex-wrap: wrap; gap: 32px; } .documents__inner { background-color: #E5E5E2; border-radius: 12px; position: relative; padding: 20px; display: flex; gap: 20px; text-decoration: none; max-width: 100%; width: 395px; } .documents__inner:hover { text-decoration: none; } .documents__inner .icon-svg { flex: none; } .documents__inner .icon-svg::before { padding-right: 32px; background-color: #9EA29F; } .table tr th, .table tr td, .wkb-text table tr th, .wkb-text table tr td { padding: 4px 16px; } .table tr th, .wkb-text table tr th { font-weight: 600; } @media (max-width: 1199.98px) { body.page-template-template-barvne-karte-product header { background: transparent; position: absolute; width: 100%; } } body.home > header { position: absolute; } body > header { position: relative; height: 66px; } body > header .navbar { position: fixed; width: 100%; z-index: 10; } body > header .navbar a:hover { color: #E5E5E2; } body > header .navbar a.icon-svg:hover::before { background-color: #E5E5E2; } body > header.no-banner .navbar { background: #FFFFFF; } body > header.no-banner .logo-dark { display: inline-block; } body > header.no-banner .logo-light { display: none; } body > header.has-banner { position: absolute; z-index: 5; width: 100%; } body > header.has-banner .navbar { background: none; } body > header.has-banner .logo-dark { display: none; } body > header.no-banner > .navbar .icon-svg::before { background-color: #4D4D4F; } body > header.no-banner > .navbar a { color: #4D4D4F !important; } body > header.no-banner > .navbar a.icon-svg:hover::before { background-color: #4D4D4F; } @media (max-width: 1199.98px) { body > header.navbar-mobile .level-trigger.active .icon-svg { transition: .15s; transform: rotate(-180deg); } body > header.navbar-mobile .collapsing { -webkit-transition: none; transition: none; display: none; } body > header.navbar-mobile .header-tools { position: fixed; top: 14px; } } @media (max-width: 1199.98px) and (max-width: 767.98px) { body > header.navbar-mobile .header-tools { top: 14px; } } @media (max-width: 1199.98px) { body > header.navbar-mobile .navbar-dark .navbar-toggler { position: fixed; height: 57px; } } @media (max-width: 1199.98px) and (max-width: 767.98px) { body > header.navbar-mobile .navbar-dark .navbar-toggler { height: 57px; } } @media (max-width: 1199.98px) { body > header.navbar-mobile .navbar-expand-xl .navbar-collapse { position: fixed; overflow: scroll; } body > header.navbar-mobile .menu-item { padding: 16px 16px; } body > header.navbar-mobile .menu-item .sub-menu { list-style: none; font-size: 16px; font-weight: 400; padding-left: 16px; line-height: 150%; } body > header.navbar-mobile .menu-item .sub-menu > li { padding: 5px 0px; } body > header.navbar-mobile .menu-item .level-trigger { display: none !important; } body > header.navbar-mobile .menu-item.menu-item-has-children .level-trigger { display: block !important; position: absolute; top: 7px; right: 16px; } body > header.navbar-mobile .menu-item.menu-item-has-children .level-trigger.active .icon-svg { transition: .15s; transform: rotate(-180deg); } } body > header .navbar-brand { text-decoration: none; } body > header .navbar-brand.dropdown { top: -8px; } body > header .navbar-brand img { max-width: 245px; max-height: 50px; } body > header .navbar-inner { display: flex; flex-grow: 1; justify-content: flex-end; } @media (max-width: 1199.98px) { body > header .navbar-inner { margin-right: 60px; } } body > header .navbar-inner .navbar-nav { gap: 40px; font-size: 17px; font-weight: 600; line-height: 100%; letter-spacing: 0.04em; } @media (max-width: 1199.98px) { body > header .navbar-inner .navbar-nav { gap: 0; } } @media (min-width: 1200px) { body > header .navbar-inner .navbar-nav .menu-item:hover .sub-menu { display: block; background-color: #E5E5E2; border-radius: 12px; list-style: none; padding: 0; max-width: 220px; width: max-content; top: 40px; left: -32px; position: absolute; font-size: 15px; font-weight: 400; z-index: 10; overflow: hidden; } body > header .navbar-inner .navbar-nav .menu-item:hover .sub-menu .menu-item { padding: 20px 32px; } body > header .navbar-inner .navbar-nav .menu-item:hover .sub-menu .menu-item:hover { background-color: #4D4D4F; } body > header .navbar-inner .navbar-nav .menu-item:hover .sub-menu .menu-item:hover a { color: #FFFFFF !important; } } body > header .navbar-inner .navbar-nav li { position: relative; } body > header .navbar-inner .navbar-nav a { color: #FFFFFF; text-decoration: none; transition: .15s; padding: 20px 0; } body > header .navbar-inner .navbar-nav a:hover { color: #E5E5E2; } body > header .navbar-inner .navbar-nav .sub-menu { display: none; } body > header .navbar-inner .navbar-nav .sub-menu a { color: #4D4D4F; } body > header .navbar-dark { color: rgba(255, 255, 255, 0.7); } body > header .navbar-dark .navbar-toggler { background: #4D4D4F; position: absolute; top: 0; right: 0; height: 100%; width: 60px; } body > header .navbar-dark .navbar-nav .nav-link { color: #FFFFFF; } body > header .navbar .navbar-nav .nav-link { padding-right: 20px; padding-left: 20px; } body > header .nav-primary { margin: auto; } body > header .navbar-collapse { justify-content: space-around; align-items: center; } body > header .header-tools { display: flex; align-items: center; gap: 15px; } body > header .myaccount-link { padding-left: 25px; line-height: 100%; font-size: 20px; } body > header .site-header-cart { list-style: none; margin-bottom: 0; padding-left: 25px; line-height: 100%; } body > header .site-header-cart:hover .widget_shopping_cart { display: block; } body > header .site-header-cart .cart-contents { font-size: 20px; position: relative; } body > header .site-header-cart .cart-contents .count { position: absolute; border-radius: 50%; background: #181818; font-size: 9px; width: 15px; height: 15px; line-height: 15px; text-align: center; top: -3px; right: -7px; } body > header .site-header-cart .widget_shopping_cart { position: absolute; top: 0; width: 250px; padding: 2rem 1rem 1rem 1rem; background: #FFFFFF; color: #000; display: none; right: 0; font-size: 14px; } body > header .site-header-cart .widget_shopping_cart .mini_cart_item { margin-bottom: 10px; } body > header .search-form { position: relative; } body > header .search-form form { position: absolute; transition: all 0.2s ease-out; right: 20px; width: 0; overflow: hidden; flex-wrap: nowrap; } body > header .search-form.active .trigger:before { content: "\E913"; } body > header .search-form.active form { width: 300px; } body > header .search-form .trigger { display: block !important; cursor: pointer; } @media (max-width: 1199.98px) { body > header .navbar-expand-xl .navbar-collapse { position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background: #4D4D4F; padding-left: 16px; padding-top: 16px; } body > header .navbar-expand-xl .navbar-collapse a { color: #FFFFFF !important; } } @media (max-width: 991.98px) { body > header .navbar-expand-lg .navbar-collapse { position: absolute; left: 0; top: 0; width: 100%; background: #4D4D4F; } } @media (max-width: 767.98px) { body > header .navbar-expand-md .navbar-collapse { position: absolute; left: 0; top: 0; width: 100%; background: #4D4D4F; } body > header .navbar-brand img { max-width: 150px; } body > header .search-form { height: 50px; padding: 0 15px; } body > header .search-form.active form { width: 70%; } body > header .header-tools .search-form { display: none; } body > header .myaccount-link { padding-left: 0; } body > header .site-header-cart { padding-left: 15px; } body > header .site-header-cart .widget_shopping_cart { transform: translateX(-50%); left: 50%; right: auto; } } /* Sidebar */ .sidebar { height: 100%; width: 0; position: fixed; z-index: 100; top: 0; right: 0; background-color: #F0F0F0; overflow-x: hidden; transition: 0.5s; } .sidebar__inner .icon-svg-filter::before { background-color: #4D4D4F; } .sidebar__inner .search-input { width: 100%; } .sidebar__inner .title { display: flex; gap: 10px; align-items: center; } .sidebar__inner .title h5 { margin-bottom: 0; } .sidebar__inner-top { padding: 51px 51px; background-color: #FFFFFF; } @media (max-width: 575.98px) { .sidebar__inner-top { padding: 51px 32px; } } .sidebar__inner-options { padding-top: 45px; padding-left: 51px; padding-right: 51px; } @media (max-width: 575.98px) { .sidebar__inner-options { padding-left: 32px; padding-right: 32px; } } .sidebar__inner-options .btns { display: flex; flex-direction: column; align-items: center; align-content: flex-start; flex-wrap: wrap; } .sidebar__inner-options .option-header { display: flex; align-items: center; cursor: pointer; transition: .15s; margin-bottom: 36px; } .sidebar__inner-options .option-header .button { background: #FFFFFF; border: 1px solid #9EA29F; border-radius: 12px; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 8px 24px; } .sidebar__inner-options .option-header .button[aria-expanded="true"] { background-color: #4D4D4F; color: #FFFFFF; } .sidebar__inner-options .option-header .button[aria-expanded="true"] .icon-svg-plus::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.1419%208.07107L0.999756%208.07107%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.1419%208.07107L0.999756%208.07107%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-color: #FFFFFF; width: 16px; height: 16px; } .sidebar__inner-options .option-header .button[aria-expanded="true"] .icon-svg-plus:hover::before { background-color: #FFFFFF !important; } .sidebar__inner-options .option-body { margin-bottom: 36px; } .sidebar__inner-options .option-body .input-group-text { padding-left: 0; } .sidebar__inner-options .option-body .color-palletes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding: 0; } @media (max-width: 575.98px) { .sidebar__inner-options .option-body .color-palletes { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 360px) { .sidebar__inner-options .option-body .color-palletes { grid-template-columns: repeat(2, 1fr); } } .sidebar__inner-options .option-body .color-palletes .color { height: 76px; width: 76px; border-radius: 12px; } @media (max-width: 575.98px) { .sidebar__inner-options .option-body .color-palletes .color { width: 100%; } } .sidebar .close { position: absolute; top: 18px; right: 18px; cursor: pointer; } .overlay { display: none; position: fixed; top: 0; left: 0; background-color: #000; width: 100vw; height: 100vh; opacity: 0.5; z-index: 100; } footer.content-info { position: relative; padding-top: 30px; padding-bottom: 20px; border-radius: 40px 40px 0 0; } @media (max-width: 767.98px) { footer.content-info { border-radius: 20px 20px 0 0; padding-left: 16px; } } footer.content-info a { text-decoration: none; transition: .15s; color: #FFFFFF; } footer.content-info a:hover { color: #9EA29F !important; } footer.content-info p { font-size: 15px; } footer.content-info .widget_nav_menu ul { list-style: none; padding-left: 10px; } footer.content-info .widget_nav_menu > ul { padding-left: 0; } footer.content-info .social-title { margin-bottom: 10px; line-height: 20px; } footer.content-info .social-link { color: #FF2427; font-size: 27px; } footer.content-info .navbar-brand { width: 90px; } footer.content-info .footer-top .footer-menu { list-style: none; padding: 0; margin-top: 28px; font-size: 15px; line-height: 22.5px; } footer.content-info .footer-top .footer-menu-bottom { width: 75%; } footer.content-info .footer-top .footer-menu-bottom .menu-bottom { display: grid; grid-template-columns: 1fr 1fr 1fr; list-style: none; padding: 0; margin: 0; } @media (max-width: 767.98px) { footer.content-info .footer-top .footer-menu-bottom .menu-bottom { grid-template-columns: 1fr; gap: 32px; } } footer.content-info .footer-top .footer-menu .menu { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; list-style: none; padding: 0; margin: 0; } @media (max-width: 767.98px) { footer.content-info .footer-top .footer-menu .menu { grid-template-columns: 1fr; gap: 32px; } } @media (max-width: 767.98px) { footer.content-info .footer-top .widget { margin-top: 79px; } } footer.content-info .footer-top a { line-height: 20px; } footer.content-info .footer-bottom { justify-content: center; } footer.content-info .footer-bottom .widget_wk_social_widget { display: flex; justify-content: center; gap: 120px; padding: 52px 0; border-top: 1px solid #4D4D4F; border-bottom: 6px solid #4D4D4F; margin-top: 4.625rem; width: 100%; } @media (max-width: 767.98px) { footer.content-info .footer-bottom .widget_wk_social_widget { gap: 60px; padding: 40px 0; margin-top: 2rem; } } footer.content-info .footer-bottom p { margin-bottom: 0; } footer.content-info .footer-copyright { display: grid; grid-template-columns: 2fr 1fr 1fr; font-size: 15px; line-height: 22.5px; } @media (max-width: 767.98px) { footer.content-info .footer-copyright { grid-template-columns: 1fr; } } footer.content-info .footer-copyright a { text-decoration: underline; width: fit-content; } body.single article { max-width: 100%; } body.single article .container-fluid, body.single article .container-sm, body.single article .container-md, body.single article .container-lg, body.single article .container-xl, body.single article .container { padding-left: 0; padding-right: 0; } body.single .updated { margin-bottom: 10px; margin-left: 0; } @media (max-width: 576px) { body.single .updated { flex-wrap: wrap; } } body#tinymce { margin: 12px !important; } .grid > div { margin-bottom: 100px; } @media (max-width: 767.98px) { .grid > div { margin-bottom: 50px; } } .grid > div:last-child { margin-bottom: 0px; } /* Products */ .product__banner { width: 50%; height: 640px; background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; left: 0; } @media (max-width: 991.98px) { .product__banner { width: 100%; } } @media (max-width: 575.98px) { .product__banner { background-size: cover; height: 400px; background-position: right; } } .product__banner-placeholder { height: 680px; margin-bottom: 200px; } @media (max-width: 991.98px) { .product__banner-placeholder { margin-bottom: 0px; } } @media (max-width: 575.98px) { .product__banner-placeholder { height: 440px; } } .product__description img { width: 290px; } .product__description-add-to-cart { display: flex; align-items: center; gap: 1.5rem; } @media (max-width: 575.98px) { .product__description-add-to-cart { align-items: flex-start; flex-direction: column; } } .product__description-add-to-cart div { display: flex; gap: 24px; } .product__description-tab .owl-stage-outer { margin-right: 26px; margin-left: 26px; } .product__description-tab .owl-nav { position: absolute; top: 1px; width: 100%; } .product__description-tab .owl-nav .owl-next, .product__description-tab .owl-nav .owl-prev { font-size: 30px !important; line-height: 100% !important; } .product__description-tab .owl-nav .owl-prev { left: 0; position: absolute; } .product__description-tab .owl-nav .owl-next { right: 0; position: absolute; } .product__info-video { border-radius: 12px; } .product__info-palletes { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 1px; } @media (max-width: 575.98px) { .product__info-palletes { grid-template-columns: 1fr 1fr 1fr; column-gap: 1px; margin-bottom: 30px; } } .product__info-palletes .color-card { height: 208px; width: 100%; border-radius: 12px; position: relative; display: flex; justify-content: flex-end; background-size: 200%; background-position: center; background-repeat: no-repeat; } @media (max-width: 575.98px) { .product__info-palletes .color-card { justify-content: flex-start; } } @media (max-width: 767.98px) { .product__info-palletes .color-card { height: 116px; } } .product__info-palletes .color-card.card-hover { transition: .15s; } .product__info-palletes .color-card.card-hover:hover { transform: scale(1.07); z-index: 1; filter: drop-shadow(0px 0px 40px rgba(0, 0, 0, 0.25)); } .product__info-palletes .color-card__info { text-align: right; background-color: #FFFFFF; bottom: 0; position: absolute; width: 100%; padding: 12px; border-radius: 0 0 12px 12px; min-height: 78px; } @media (max-width: 767.98px) { .product__info-palletes .color-card__info { font-size: 9.65px; line-height: 120%; padding: 4px 10px 10px 10px; min-height: 0; } } .product__info-palletes .color-card__all { display: flex; flex-direction: column; align-items: flex-end; text-align: right; justify-content: center; } @media (max-width: 575.98px) { .product__info-palletes .color-card__all { align-items: flex-start; text-align: left; } } .product__info-palletes.swatches { display: grid; grid-template-columns: repeat(7, 1fr); } @media (max-width: 767.98px) { .product__info-palletes.swatches { grid-template-columns: repeat(4, 1fr); } } .product__info-palletes a.active { pointer-events: none; } .product__info-palletes a.active .color-card__info { background-color: #4D4D4F; color: #FFFFFF; } .product__info-palletes a.active:hover { transform: none; filter: none; } .product__info-calculation { display: flex; background-color: #FFFFFF; padding: 40px; border-radius: 12px; flex-direction: column; } @media (max-width: 767.98px) { .product__info-calculation { padding: 16px; } } .product__info-calculation .select2-container { max-width: 360px; } .product__info-calculation-header, .product__info-calculation-content { display: grid; grid-template-columns: 0.6fr 1fr 2fr; align-items: center; max-width: 438px; gap: 16px; } .product__info-calculation-header { font-weight: 600; } @media (max-width: 575.98px) { .product__info-calculation-header p:nth-child(3) { text-align: right; } } .product__info-calculation-content .number { max-width: 57px; height: 57px; border: 1px solid #E5E5E2; padding: 0; text-align: center; border-radius: 8px; } .product__info-calculation-content p { margin: 0; color: #4D4D4F; } @media (max-width: 575.98px) { .product__info-calculation-content p:nth-child(3) { text-align: right; } } .product__info-usage { display: grid; grid-template-columns: repeat(4, 1fr); gap: 21px; align-items: start; } @media (max-width: 575.98px) { .product__info-usage { grid-template-columns: repeat(2, 1fr); } } .product__info-usage > div { display: flex; justify-content: center; flex-direction: column; } .product__info-usage img { height: 60px; width: 60px; margin: auto; } .product__info .certificate { display: flex; flex-direction: row; gap: 20px; flex-wrap: wrap; } .product__info .certificate img { height: 80px; width: 80px; object-fit: contain; } .product .nav-pills .nav-link { height: 88px; text-align: left; padding: 0 20px; border-bottom: 1px solid #9EA29F; color: #9EA29F; position: relative; white-space: break-spaces; width: 100%; } @media (max-width: 991.98px) { .product .nav-pills .nav-link { padding: 0 0 10px 0 !important; border-bottom: 2px solid transparent; height: auto; width: auto; } } .product .nav-pills .nav-link.active { border-bottom: 1px solid #2E292A; color: #2E292A; font-weight: 700; white-space: break-spaces; padding-right: 50px; display: flex; align-items: center; } @media (max-width: 991.98px) { .product .nav-pills .nav-link.active { border-bottom: 2px solid #2E292A; white-space: normal; } } .product .nav-pills .nav-link.active::before { content: ''; position: absolute; width: 16px; height: 16px; right: 20px; background-color: #2E292A; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%201.33203L13.6667%207.99838L7%2014.6654%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M13.667%208L0.333656%208%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%201.33203L13.6667%207.99838L7%2014.6654%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M13.667%208L0.333656%208%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 991.98px) { .product .nav-pills .nav-link.active::before { display: none; } } .system-step { display: flex; gap: 16px; margin-bottom: 32px; } .system-step__bullet { background-color: #E1D3C8; font-size: 48px; font-weight: bold; display: inline-block; width: 90px; height: 90px; text-align: center; line-height: 90px; border-radius: 100%; } .system-step__text { flex: 1; margin-top: 35px; } .system-step p:last-child { margin-bottom: 0; } @media (min-width: 992px) { .system-sidebar { padding-right: 180px; position: relative; z-index: 2; } .system-sidebar.offset { margin-top: -160px; } } @media (max-width: 1199.98px) { .system-sidebar { padding-right: 60px; } } @media (max-width: 991.98px) { .system-sidebar { padding-right: 0; margin-top: 0; } } /* Product page single */ .product-single { overflow-x: hidden; } .product-single.container { overflow-x: hidden; } .product-single__banner { height: 640px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; top: -48px; position: relative; z-index: 0; } .product-single__banner-inner { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; height: 100%; } .product-single__banner-swatch { height: 240px; width: 240px; border-radius: 12px 12px 0 0; display: flex; padding: 20px; justify-content: flex-end; align-items: flex-end; position: absolute; bottom: 0; } .product-single__banner-swatch .wishlist { background-color: #FFFFFF; border-radius: 8px; height: 48px; width: 48px; display: flex; align-items: center; justify-content: center; } .product-single__banner-swatch .wishlist .icon-svg-wishlist-full { display: none; } .product-single__banner-swatch .wishlist .active .icon-svg-wishlist-full { display: block; } .product-single__banner-swatch .wishlist .active .icon-svg-wishlist { display: none; } .product-single__banner-swatch .wishlist .icon-svg { height: 30px; } .product-single__banner-swatch .wishlist .icon-svg::before { background-color: #2E292A; } .product-single__info { display: flex; gap: 80px; } @media (max-width: 767.98px) { .product-single__info { flex-direction: column; gap: 24px; } } .product-single__info > p { max-width: 540px; } .product-single__info-btns { display: flex; gap: 24px; align-content: flex-start; align-items: center; flex-wrap: wrap; } .product-single__info-color { display: flex; gap: 80px; } .product-single__combinations { position: relative; } .product-single__combinations::after { content: ''; position: absolute; background-image: url("/app/uploads/2023/04/Rectangle-1800.png"); height: 860px; width: 860px; right: -200px; top: -200px; z-index: -1; } @media (max-width: 767.98px) { .product-single__combinations::after { height: 343px; width: 343px; right: -70px; background-size: contain; } } .product-single__combinations .owl-stage { padding-left: 0px !important; } .product-single__combinations .owl-item:nth-child(even) { margin-top: 80px; margin-bottom: 0; } @media (max-width: 767.98px) { .product-single__combinations .owl-item:nth-child(even) { margin-top: 0px; } } .product-single__combinations-card { display: flex; border-radius: 12px; overflow: hidden; position: relative; } .product-single__combinations-card .left-side, .product-single__combinations-card .right-side { height: 296px; width: 50%; position: relative; } .product-single__combinations-card .left-side__info, .product-single__combinations-card .right-side__info { padding: 4px 20px 12px 20px; background-color: #FFFFFF; bottom: 0; position: absolute; width: 100%; min-height: 78px; } .product-single__combinations-card .btn, .product-single__combinations-card .nf-form-cont .nf-form-content button, .nf-form-cont .nf-form-content .product-single__combinations-card button, .product-single__combinations-card .nf-form-cont .nf-form-content input[type=button], .nf-form-cont .nf-form-content .product-single__combinations-card input[type=button], .product-single__combinations-card .nf-form-cont .nf-form-content input[type=submit], .nf-form-cont .nf-form-content .product-single__combinations-card input[type=submit] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, calc(-50% - 30px)); } /* Product page */ .product-page .banner-shadow { box-shadow: 0px 8px 16px rgba(46, 41, 42, 0.05); } .product-page.sticky { position: fixed; z-index: 1000; top: 0; padding-bottom: 0px; background-color: #F0F0F0; width: 100%; } .product-page .filter { display: flex; gap: 10px; } @media (max-width: 1199.98px) { .product-page .filter { max-width: 140px; } } .product-page__filter-top { display: flex; gap: 24px; flex-wrap: wrap; align-items: flex-start; position: relative; border-bottom: 1px solid #E5E5E2; } .product-page__filter-top > div { display: flex; gap: 24px; flex-wrap: wrap; width: calc(100% - 165px); } @media (max-width: 767.98px) { .product-page__filter-top > div { width: auto; flex-direction: column; } } .product-page__filter-top a { text-decoration: none; } .product-page__filter-top .active { font-weight: 700; border-bottom: 2px solid #4D4D4F; } .product-page__filter-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; } .product-page__filter-bottom .line { height: 50px; width: 1px; background-color: #E5E5E2; } .product-page__filter-bottom > div { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; } .product-page__filter-selected { display: flex; gap: 24px; cursor: default; flex-wrap: wrap; } @media (max-width: 575.98px) { .product-page__filter-selected { gap: 16px; } } .product-page__filter-selected .active { background-color: #FFFFFF; border-radius: 16px; padding: 12px; display: flex; align-items: center; gap: 10px; font-size: 15px; line-height: 0; } @media (max-width: 767.98px) { .product-page__filter-selected .active { border-radius: 12px; } } .product-page__products { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 32px; row-gap: 60px; margin-top: 20px; } @media (max-width: 991.98px) { .product-page__products { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767.98px) { .product-page__products { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575.98px) { .product-page__products { grid-template-columns: repeat(1, 1fr); } } .product-page-sticky-height { padding-top: 87px; } .color-description { width: 100%; max-width: 600px; } /* Search */ .search-form { flex-wrap: nowrap; gap: 20px; } .search-form .btn, .search-form .nf-form-cont .nf-form-content button, .nf-form-cont .nf-form-content .search-form button, .search-form .nf-form-cont .nf-form-content input[type=button], .nf-form-cont .nf-form-content .search-form input[type=button], .search-form .nf-form-cont .nf-form-content input[type=submit], .nf-form-cont .nf-form-content .search-form input[type=submit] { display: none; } .search-form .search-input input { width: 100%; } .search-form .search-input .icon-svg { display: none; } .search-form .btn-icon { box-shadow: none; border: 0; background: none; } .search-form .btn-icon .icon-svg { width: 30px; height: 30px; } .search-form .btn-icon .icon-svg::before { background-color: #4D4D4F; } .search-form .btn-icon .icon-svg:hover::before { background-color: #4D4D4F !important; } .search-title, .search-description { display: flex; gap: 9px; justify-content: center; } @media (max-width: 575.98px) { .search-title, .search-description { flex-wrap: wrap; text-align: center; } } /* Maps */ .page-template-template-locations .acf-map { height: 800px; } @media (max-width: 767.98px) { .page-template-template-locations .acf-map { height: 450px; } } .page-template-template-locations .gm-style .gm-style-iw-c { box-shadow: none !important; } .maps-filter { margin-top: -100px; border-radius: 12px; background-color: #FFFFFF; padding: 72px; z-index: 1; position: relative; } @media (max-width: 767.98px) { .maps-filter { padding: 24px; margin-top: -40px; } } .maps-filter__inner { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; } @media (max-width: 991.98px) { .maps-filter__inner { grid-template-columns: repeat(1, 1fr); } .maps-filter__inner .select2 .select2-selection--single { max-width: inherit; } } .maps-filter__inner div:nth-child(1) { display: flex; flex-direction: column; gap: 32px; } .maps-results { display: grid; gap: 20px; } .maps-results__inner { display: grid; grid-template-columns: 1fr 1fr 2fr 1fr; gap: 24px; background-color: #FFFFFF; border-radius: 12px; padding: 40px 72px; } @media (max-width: 991.98px) { .maps-results__inner { grid-template-columns: 1fr; } } @media (max-width: 767.98px) { .maps-results__inner { padding: 36px; gap: 16px; } } .maps-results__inner-card:nth-child(5) { display: flex; } .maps-results__inner-card > span { display: flex; align-items: center; gap: 16px; } .maps-results .icon-svg { width: 16px; height: 16px; left: -13px; top: 4px; } .maps-results .icon-svg:before { background-color: #9EA29F; } .maps-results .icon-svg:before:hover { background-color: #9EA29F !important; } .wkb-404 { height: 300px; display: flex; align-items: center; } .wkb-404 .alert.alert-warning { color: #FFFFFF; background-color: #FF2427; border-color: #FF2427; width: 100%; border-radius: 12px; } .colors-switch { text-align: center; position: absolute; top: -160px; left: 50%; transform: translateX(-50%); z-index: 2; } .colors-switch__inner { display: inline-flex; align-items: center; justify-content: center; background-color: #FFFFFF; padding: 8px; border-radius: 24px; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15); gap: 8px; } .colors-switch__btn { position: relative; } .colors-switch__btn.disabled { opacity: 1; } .colors-switch__btn span { position: absolute; right: 8px; top: -12px; font-size: 10px; font-weight: 600; line-height: 160%; border-radius: 40px; background: #FF2427; padding: 2px 10px; } @media (max-width: 767.98px) { .colors-switch { top: -120px; width: calc(100% - 30px); } } .color-palletes-sos { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 120px; } .color-palletes-sos .colors-pallete { display: flex; height: 108px; border-radius: 6px; overflow: hidden; } .color-palletes-sos .colors-pallete .color { width: 25%; height: 100%; } .color-palletes-sos .color-sos-cat { display: block; width: 240px; border-radius: 12px; background: #FFFFFF; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15); text-decoration: none; padding: 8px; transition: transform 0.2s ease-in-out; color: #4D4D4F; } .color-palletes-sos .color-sos-cat:hover:not(.active-link) { transform: scale(1.03); } .color-palletes-sos .color-sos-cat.active-link { border: 4px solid #4D4D4F; box-shadow: none; pointer-events: none; } @media (max-width: 991.98px) { .color-palletes-sos { flex-wrap: wrap; gap: 16px; justify-content: center; } .color-palletes-sos .color-sos-cat { width: calc(50% - 8px); } } .color-cards-sos { display: flex; border-radius: 12px; gap: 16px; background: #FFFFFF; padding: 16px; overflow: hidden; flex-wrap: wrap; justify-content: center; } .color-cards-sos .collapse { gap: 16px; justify-content: center; width: 100%; flex-wrap: wrap; } .color-cards-sos .collapse.show { display: flex; } .color-cards-sos .mix-collapse { width: 100%; display: flex; align-items: center; text-decoration: none; position: relative; padding: 0; } .color-cards-sos .mix-collapse .btn-collapse { position: absolute; right: 0; width: 40px; height: 40px; border-radius: 8px; border: 1px solid #4D4D4F; display: flex; justify-content: center; align-items: center; } .color-cards-sos .mix-collapse .btn-collapse .icon-svg-minus { display: none; } .color-cards-sos .mix-collapse[aria-expanded="true"] .btn-collapse .icon-svg-minus { display: block; } .color-cards-sos .mix-collapse[aria-expanded="true"] .btn-collapse .icon-svg-plus { display: none; } .color-cards-sos .mix-collapse .colors-pallete { display: flex; padding-left: 8px; margin-right: 16px; } .color-cards-sos .mix-collapse .colors-pallete .color { width: 40px; height: 40px; border-radius: 8px; margin-left: -8px; } .color-cards-sos[data-cols="7"] .color-card { width: calc(14.285% - 14px); } .color-cards-sos .color-card { width: calc(16.666% - 14px); padding: 10px; border-radius: 12px; background: #FFFFFF; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15); text-decoration: none; color: #2E292A; transition: transform 0.2s ease-in-out; } .color-cards-sos .color-card:hover { transform: scale(1.05); } .color-cards-sos .color-card__hex { width: 100%; height: 180px; border-radius: 6px; margin-bottom: 12px; } @media (max-width: 991.98px) { .color-cards-sos .color-card { width: calc(33.333% - 14px) !important; } } @media (max-width: 767.98px) { .color-cards-sos .color-card { width: calc(50% - 14px) !important; } .color-cards-sos .color-card__hex { height: 134px; } } .single-colors-sos .product-single__banner-swatch { border: 10px solid white; border-radius: 12px; margin-bottom: -40px; } .single-colors-sos .product-single__info-color { gap: 10px 40px; flex-wrap: wrap; } @media (max-width: 767.98px) { .single-colors-sos .product-single__info-color { gap: 0; } .single-colors-sos .product-single__info-color div { width: 50%; } } @media (max-width: 767.98px) { .single-colors-sos .product-single__banner-swatch { position: static; width: 168px; height: 168px; padding: 8px; } .single-colors-sos .product-single__banner-inner { justify-content: flex-start; padding-top: 32px; } .single-colors-sos .product-single__info-btns { gap: 16px; } } /** Import modules */ .wkb-heading { padding-bottom: 1px; margin-bottom: -1px; } .wkb-banner { position: relative; width: 100%; height: 60vh; } .wkb-banner .title, .wkb-banner .link { color: #FFFFFF; } .wkb-banner.wkb-banner--full { height: 100vh; } .wkb-banner.wkb-banner--hero .image, .wkb-banner.wkb-banner--hero .img-overlay { border-radius: 0; } .wkb-banner > .container-fluid, .wkb-banner > .container-sm, .wkb-banner > .container-md, .wkb-banner > .container-lg, .wkb-banner > .container-xl { padding: 0; } .wkb-banner > .container-fluid, .wkb-banner > .container-sm, .wkb-banner > .container-md, .wkb-banner > .container-lg, .wkb-banner > .container-xl, .wkb-banner > .owl-carousel, .wkb-banner .owl-stage-outer, .wkb-banner .owl-stage, .wkb-banner .owl-item, .wkb-banner .container { height: 100%; } .wkb-banner .item { height: 100%; position: relative; } .wkb-banner.parallax .owl-carousel:not(.owl-loaded) .image { background-attachment: fixed; } .wkb-banner-navigation { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: relative; bottom: 70px; z-index: 1; left: 50%; transform: translateX(-50%); gap: 32px; } .wkb-banner-navigation .owl-prev, .wkb-banner-navigation .owl-next { position: relative; outline: none; display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; cursor: pointer; } .wkb-banner-navigation .owl-prev::before, .wkb-banner-navigation .owl-next::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; transition: background-color 0.15s ease; background-color: #FFFFFF; } .wkb-banner-navigation .owl-next { width: 30px; height: 30px; } .wkb-banner-navigation .owl-next::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M36%201L46%2010.9995L36%2021%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M45%2011L0%2011%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M36%201L46%2010.9995L36%2021%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M45%2011L0%2011%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); } .wkb-banner-navigation .owl-prev { width: 30px; height: 30px; } .wkb-banner-navigation .owl-prev::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2021L2%2011.0005L12%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M3%2011H48%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2021L2%2011.0005L12%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M3%2011H48%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); } .wkb-banner-navigation .nav-dots { position: relative; display: flex; align-items: center; } .wkb-banner-navigation .nav-dots .owl-dot { width: 1px; height: 17px; background: #FFFFFF; margin: 0 5px; padding: 0; border: none; } .wkb-banner-navigation .nav-dots .owl-dot:not(.active) { background: #FFFFFF; width: 1px; height: 8px; } .wkb-banner .owl-carousel { display: block; } .wkb-banner .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; border-radius: 12px; } .wkb-banner .play-btn { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 4; display: flex; align-items: center; cursor: pointer; left: 50%; } .wkb-banner .play-btn .icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA2MiA2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxlbGxpcHNlIGN4PSIzMC45OTk5IiBjeT0iMzAuMzk2NyIgcng9IjMwLjE0MjUiIHJ5PSIzMCIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0yNi41MjU5IDI1LjE2MlYzNi4wMTU4QzI2LjUyNTkgMzcuNDcxNCAyOC4zMjgyIDM4LjI5ODYgMjkuNTgyNSAzNy40MTc3TDM3LjMxMjggMzEuOTkwMUMzOC4zMTYgMzEuMjg2MiAzOC4zMTYgMjkuODkwMSAzNy4zMTI4IDI5LjE4NjNMMjkuNTgyNSAyMy43NTg3QzI4LjMyODIgMjIuODc3OCAyNi41MjU5IDIzLjcwNSAyNi41MjU5IDI1LjE2MDZWMjUuMTYyWiIgc3Ryb2tlPSIjNEQ0RDRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPg0KPC9zdmc+DQo=); background-position: center; background-size: cover; width: 100px; height: 100px; display: block; margin-right: 20px; } .wkb-banner .video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; display: none; z-index: 3; } @media (max-width: 991.98px) { .wkb-banner .video { width: 100%; background-color: #4D4D4F; } } .wkb-banner .yt-video { position: absolute; z-index: 3; width: 100%; height: 100%; display: none; } .wkb-banner.playing .play-btn { display: none; } .wkb-banner.playing .video, .wkb-banner.playing .yt-video { display: block; } .wkb-banner .content { position: relative; z-index: 3; color: #FFFFFF; height: 100%; } @media (min-width: 576px) { .wkb-banner .content { padding-left: 4rem; } } .wkb-banner .content > .row { height: 100%; align-items: center; } .wkb-banner .btns { display: flex; gap: 16px; flex-wrap: wrap; } @media (max-width: 767.98px) { .wkb-banner .btns { flex-direction: column; align-items: flex-start; } } .wkb-banner .img-overlay { border-radius: 12px; } .wkb-spacer .horizontal-line div { height: 1px; background-color: #FF2427; } .wkb-image a { text-decoration: none; color: inherit; position: relative; display: block; } .wkb-image .content { position: absolute; bottom: 0; width: 70%; background-color: #F0F0F0; padding: 36px; border-radius: 0 12px 0 0; z-index: 2; } .wkb-image .image-wrap { position: relative; border-radius: 12px; overflow: hidden; } .wkb-image .embed-responsive .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover; } @media (max-width: 767.98px) { .wkb-image .content { position: static; border-radius: 12px; margin-top: 16px; width: 100%; padding: 32px 16px; } } .embed-responsive-8by5::before { padding-top: 62.5%; } .embed-responsive-2by1::before { padding-bottom: 50%; } .embed-responsive-5by4::before { padding-top: 80%; } .embed-responsive-3by4::before { padding-top: 133.33333333333334%; } .embed-responsive-9by16::before { padding-top: 177.77777777777777%; } .embed-responsive-5by8::before { padding-top: 160%; } .embed-responsive-1by2::before { padding-top: 200%; } .embed-responsive-4by5::before { padding-top: 125%; } .wkb-accordion .item-header { cursor: pointer; } .wkb-accordion .item-header .icon { transition: all 0.2s ease-in-out; display: inline-block; margin-right: 10px; } .wkb-accordion [aria-expanded=true] .icon { transform: rotate(180deg); } .wkb-gallery .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; border-radius: 12px; } .wkb-gallery .image.cover { background-size: cover; border-radius: 12px; } .wkb-gallery .owl-stage { padding-left: 0px !important; display: flex; align-items: center; } .wkb-gallery .owl-stage .item { position: relative; } .wkb-gallery .owl-stage .item .btn.btn-more.btn-white, .wkb-gallery .owl-stage .item .nf-form-cont .nf-form-content button.btn-more.btn-white, .nf-form-cont .nf-form-content .wkb-gallery .owl-stage .item button.btn-more.btn-white, .wkb-gallery .owl-stage .item .nf-form-cont .nf-form-content input.btn-more.btn-white[type=button], .nf-form-cont .nf-form-content .wkb-gallery .owl-stage .item input.btn-more.btn-white[type=button], .wkb-gallery .owl-stage .item .nf-form-cont .nf-form-content input.btn-more.btn-white[type=submit], .nf-form-cont .nf-form-content .wkb-gallery .owl-stage .item input.btn-more.btn-white[type=submit] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .wkb-gallery .owl-carousel .owl-nav .owl-prev, .wkb-gallery .owl-carousel .owl-nav .owl-next { position: absolute; font-size: 100px; color: #FF2427; top: calc(50% - 20px); outline: none; } .wkb-gallery .owl-carousel .owl-nav .owl-next { right: -60px; } .wkb-gallery .owl-carousel .owl-nav .owl-prev { left: -60px; } @media (max-width: 767.98px) { .wkb-gallery .owl-carousel .owl-nav .owl-prev, .wkb-gallery .owl-carousel .owl-nav .owl-next { font-size: 70px; } .wkb-gallery .owl-carousel .owl-nav .owl-next { right: -20px; } .wkb-gallery .owl-carousel .owl-nav .owl-prev { left: -20px; } } .wkb-gallery-navigation { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: relative; margin-top: 30px; z-index: 1; left: 50%; transform: translateX(-50%); gap: 32px; } .wkb-gallery-navigation .owl-prev, .wkb-gallery-navigation .owl-next { position: relative; outline: none; display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; cursor: pointer; } .wkb-gallery-navigation .owl-prev::before, .wkb-gallery-navigation .owl-next::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; transition: background-color 0.15s ease; background-color: #4D4D4F; } .wkb-gallery-navigation .owl-next { width: 30px; height: 30px; } .wkb-gallery-navigation .owl-next::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M36%201L46%2010.9995L36%2021%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M45%2011L0%2011%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M36%201L46%2010.9995L36%2021%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M45%2011L0%2011%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); } .wkb-gallery-navigation .owl-prev { width: 30px; height: 30px; } .wkb-gallery-navigation .owl-prev::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2021L2%2011.0005L12%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M3%2011H48%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2021L2%2011.0005L12%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M3%2011H48%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); } .wkb-gallery-nav-dots, .wkb-gallery-nav-dots-color { position: relative; display: flex; align-items: center; } .wkb-gallery-nav-dots .owl-dot, .wkb-gallery-nav-dots-color .owl-dot { width: 1px; height: 17px; background: #4D4D4F; margin: 0 5px; padding: 0; border: none; } .wkb-gallery-nav-dots .owl-dot:not(.active), .wkb-gallery-nav-dots-color .owl-dot:not(.active) { background: #9EA29F; width: 1px; height: 8px; } .wkb-text { padding-bottom: 1px; } .wkb-video__container { position: relative; max-width: 624px; margin: auto; } .wkb-video .small-window { max-height: 288px; } @media (max-width: 767.98px) { .wkb-video .small-window { max-height: 202px; } } .wkb-video.playing .poster { display: none; } .wkb-video .video { width: 100%; } .wkb-video .poster { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 2; border-radius: 12px; } .wkb-video .play-btn { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 4; display: flex; align-items: center; cursor: pointer; } .wkb-video .play-btn .icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA2MiA2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxlbGxpcHNlIGN4PSIzMC45OTk5IiBjeT0iMzAuMzk2NyIgcng9IjMwLjE0MjUiIHJ5PSIzMCIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0yNi41MjU5IDI1LjE2MlYzNi4wMTU4QzI2LjUyNTkgMzcuNDcxNCAyOC4zMjgyIDM4LjI5ODYgMjkuNTgyNSAzNy40MTc3TDM3LjMxMjggMzEuOTkwMUMzOC4zMTYgMzEuMjg2MiAzOC4zMTYgMjkuODkwMSAzNy4zMTI4IDI5LjE4NjNMMjkuNTgyNSAyMy43NTg3QzI4LjMyODIgMjIuODc3OCAyNi41MjU5IDIzLjcwNSAyNi41MjU5IDI1LjE2MDZWMjUuMTYyWiIgc3Ryb2tlPSIjNEQ0RDRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPg0KPC9zdmc+DQo=); background-position: center; background-size: cover; width: 60px; height: 60px; display: block; } .wkb-video iframe, .wkb-video video { background: #000; border-radius: 12px; } .wkb-video .content { margin-top: 10px; } .wkb-video .content p { margin-bottom: 0; } .wkb-section { position: relative; overflow: hidden; } .wkb-section > .container > [class*='bg-'], .wkb-section > .container-fluid > [class*='bg-'], .wkb-section > .container-sm > [class*='bg-'], .wkb-section > .container-md > [class*='bg-'], .wkb-section > .container-lg > [class*='bg-'], .wkb-section > .container-xl > [class*='bg-'], .wkb-section > .container-medium > [class*='bg-'], .wkb-section > .container-small > [class*='bg-'] { border-radius: 12px; } .wkb-section.none > .bg-image { max-width: 1280px; margin: auto; position: relative; } .wkb-section.none > .bg-image .posx-left { left: -220px; } .wkb-section.none > .bg-image .posx-right { right: -220px; } .wkb-section .bg-dark { color: #FFFFFF; } .wkb-section .bg-dark .wkb-gallery-navigation .owl-prev::before, .wkb-section .bg-dark .wkb-gallery-navigation .owl-next::before { background-color: #FFFFFF !important; } .wkb-section .bg-dark .wkb-gallery-nav-dots .owl-dot { background: #FFFFFF !important; } .wkb-section .bg-dark .wkb-gallery-nav-dots .owl-dot:not(.active) { background: #9EA29F !important; } .wkb-section .style-dark { color: #FFFFFF; } .wkb-section > .bg-image-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; width: 860px; height: 860px; background-size: cover; background-position: center; } .wkb-section.parallax { overflow: hidden; } .wkb-section.parallax .bg-image { background-attachment: fixed; } .wkb-section .section-image { max-width: 860px; position: absolute; z-index: 2; } .wkb-section .section-image.posx-left { left: 0; } .wkb-section .section-image.posx-center { left: 50%; transform: translateX(-50%); } .wkb-section .section-image.posx-right { right: 5%; } .wkb-section .section-image.posy-top { top: 0; } .wkb-section .section-image.posy-center { top: 35%; transform: translateY(-50%); } .wkb-section .section-image.posy-bottom { bottom: 0; } .wkb-section .wkb-modules { position: relative; z-index: 3; } .wkb-google-maps { position: relative; overflow: hidden; } .wkb-google-maps .map-container { position: relative; } .wkb-google-maps .acf-map { width: 100%; height: 700px; } .wkb-google-maps .acf-map img { max-width: inherit !important; } .wkb-google-maps .content { position: absolute; bottom: 0; padding: 80px 50px 50px 150px; max-width: 800px; width: 100%; } .wkb-google-maps .social-icons { position: absolute; right: 50px; top: 80px; font-size: 22px; display: flex; flex-direction: column; text-align: center; } .wkb-google-maps .social-icons a { margin-bottom: 25px; } .wkb-google-maps .icon-mail { color: #FFFFFF; background: #2E292A; padding: 20px; font-size: 30px; position: absolute; right: -70px; top: 0; } @media (max-width: 991.98px) { .wkb-google-maps .content { position: relative; padding: 40px 80px 20px 10px; max-width: 100%; } .wkb-google-maps .social-icons { right: 20px; } .wkb-google-maps .acf-map { height: 300px; } } @media (max-width: 767.98px) { .wkb-google-maps .content { position: relative; padding: 40px 10px 20px 10px; } .wkb-google-maps .social-icons { position: static; flex-direction: row; } .wkb-google-maps .social-icons a { margin-right: 20px; } } .wkb-posts .grid { display: flex; flex-wrap: wrap; } .wkb-posts .grid [class*='col-']:nth-child(even) { margin-top: 80px; margin-bottom: 0; } @media (max-width: 767.98px) { .wkb-posts .grid [class*='col-']:nth-child(even) { margin-top: 0px; margin-bottom: 50px; } } .wkb-posts .grid [class*='col-'] ~ .jobs:nth-child(even) { margin-top: 0px; margin-bottom: 0; } @media (max-width: 767.98px) { .wkb-posts .grid [class*='col-'] ~ .jobs:nth-child(even) { margin-top: 0px; margin-bottom: 50px; } } .wkb-posts .owl-stage { display: flex; } .wkb-posts .owl-stage { padding-left: 0px !important; } .wkb-posts .owl-item { display: flex; flex: 1 0 auto; } .wkb-posts .owl-item:nth-child(even) { margin-top: 80px; } @media (max-width: 767.98px) { .wkb-posts .owl-item:nth-child(even) { margin-top: 0px; } } .wkb-posts .controles-container { display: flex; justify-content: space-between; align-items: center; margin-top: 56px; flex-direction: column; gap: 48px; } .wkb-posts .controles-container ul { margin: 0; padding: 0; list-style-type: none; display: flex; } .wkb-posts .controles-container .nav-dots-posts { position: relative; display: flex; align-items: center; gap: 32px; } .wkb-posts .controles-container .nav-dots-posts .owl-prev, .wkb-posts .controles-container .nav-dots-posts .owl-next { position: relative; outline: none; display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; cursor: pointer; } .wkb-posts .controles-container .nav-dots-posts .owl-prev::before, .wkb-posts .controles-container .nav-dots-posts .owl-next::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; transition: background-color 0.15s ease; background-color: #4D4D4F; } .wkb-posts .controles-container .nav-dots-posts .owl-next { width: 30px; height: 30px; } .wkb-posts .controles-container .nav-dots-posts .owl-next::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M36%201L46%2010.9995L36%2021%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M45%2011L0%2011%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M36%201L46%2010.9995L36%2021%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M45%2011L0%2011%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); } .wkb-posts .controles-container .nav-dots-posts .owl-prev { width: 30px; height: 30px; } .wkb-posts .controles-container .nav-dots-posts .owl-prev::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2021L2%2011.0005L12%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M3%2011H48%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2021L2%2011.0005L12%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M3%2011H48%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); } .wkb-posts .controles-container .nav-dots-posts .owl-dots { display: flex; align-items: center; } .wkb-posts .controles-container .nav-dots-posts .owl-dot { width: 1px; height: 17px; background: #4D4D4F; margin: 0 5px; padding: 0; border: none; } .wkb-posts .controles-container .nav-dots-posts .owl-dot:not(.active) { background: #4D4D4F; width: 1px; height: 8px; } .wkb-posts .hide-image article header > img { display: none; } /* Link Cards module */ .link-cards { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 2.125rem; } @media (max-width: 991.98px) { .link-cards { grid-template-columns: 1fr; gap: 20px; } } .link-cards.testimonials { display: flex; width: 100%; } @media (max-width: 991.98px) { .link-cards.testimonials { flex-direction: column; } } .link-cards__item { padding: 40px; background-color: #E5E5E2; border-radius: 12px; transition: .15s; margin-top: 80px; } @media (max-width: 991.98px) { .link-cards__item { margin-top: 0px; padding: 20px; } } .link-cards__item:hover { background-color: #FFFFFF !important; } .link-cards__item img { width: 60px; height: 60px; } .link-cards__item .testimonials { gap: 16px; margin-top: 10px; } .link-cards__item .testimonials img { width: 64px; height: 64px; border-radius: 8px; } .link-cards__item .testimonials .name { font-size: 18px; font-weight: 700; line-height: 150%; } .link-cards__item .testimonials p { margin-bottom: 0px; } /* Image Links module */ .image-links { display: grid; grid-template-columns: 1fr 1fr; gap: 2.125rem; } @media (max-width: 767.98px) { .image-links { grid-template-columns: 1fr; gap: 20px; } } .image-links__inner { position: relative; height: 440px; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; justify-content: center; align-items: center; padding: 100px; border-radius: 12px; overflow: hidden; } .image-links__inner:nth-child(2) { margin-top: 80px; } @media (max-width: 767.98px) { .image-links__inner:nth-child(2) { margin-top: 0px; } } .image-links__inner:nth-child(odd) { margin-top: -80px; } @media (max-width: 767.98px) { .image-links__inner:nth-child(odd) { margin-top: 0px; } } .image-links__inner:nth-child(-n+1) { margin-top: 0; } .image-links__inner-item { position: absolute; max-width: 400px; z-index: 3; } .image-links__inner a { margin: auto; } /* Color Cards */ .color-cards { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 2.125rem; } @media (max-width: 991.98px) { .color-cards { grid-template-columns: 1fr; } } @media (max-width: 991.98px) { .color-cards__inner { margin-bottom: 20px; } } .color-cards__inner:nth-child(even) { margin-top: 80px; margin-bottom: 80px; } @media (max-width: 991.98px) { .color-cards__inner:nth-child(even) { margin-top: 0px; margin-bottom: 20px; } } .color-cards__inner-top { height: 200px; width: 100%; border-radius: 12px 12px 0 0; display: flex; justify-content: center; align-items: center; } .color-cards__inner img { width: 60px; height: 60px; } /* Find Product module */ .find-product { padding-bottom: 80px; } .find-product__container { margin-left: calc(100% / 2 - 640px); max-width: 100%; width: auto; padding-left: 16px; } @media screen and (max-width: 1297px) { .find-product__container { margin-left: 0; } } .find-product > .container { position: relative; height: 60px; } .find-product .item { width: 296px; height: 296px; display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 12px; background-size: cover; position: relative; } .find-product .item > .row { position: absolute; bottom: 0; } .find-product .item-pallet { width: 74px; height: 74px; border-radius: 4px 4px 0 0; } .find-product .owl-item:nth-child(even) { margin-top: 50px; } @media (max-width: 767.98px) { .find-product .owl-item:nth-child(even) { margin-top: 0px; } } .find-product-navigation, .find-product-navigation-color { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: relative; margin-top: 80px; z-index: 1; left: 50%; transform: translateX(-50%); gap: 32px; } .find-product-navigation .owl-prev, .find-product-navigation .owl-next, .find-product-navigation-color .owl-prev, .find-product-navigation-color .owl-next { position: relative; outline: none; display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; cursor: pointer; } .find-product-navigation .owl-prev::before, .find-product-navigation .owl-next::before, .find-product-navigation-color .owl-prev::before, .find-product-navigation-color .owl-next::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; transition: background-color 0.15s ease; background-color: #4D4D4F; } .find-product-navigation .owl-next, .find-product-navigation-color .owl-next { width: 30px; height: 30px; } .find-product-navigation .owl-next::before, .find-product-navigation-color .owl-next::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M36%201L46%2010.9995L36%2021%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M45%2011L0%2011%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M36%201L46%2010.9995L36%2021%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M45%2011L0%2011%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); } .find-product-navigation .owl-prev, .find-product-navigation-color .owl-prev { width: 30px; height: 30px; } .find-product-navigation .owl-prev::before, .find-product-navigation-color .owl-prev::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2021L2%2011.0005L12%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M3%2011H48%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2021L2%2011.0005L12%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M3%2011H48%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); } .find-product-nav-dots, .find-product-nav-dots-color { position: relative; display: flex; align-items: center; } .find-product-nav-dots .owl-dot, .find-product-nav-dots-color .owl-dot { width: 1px; height: 17px; background: #4D4D4F; margin: 0 5px; padding: 0; border: none; } .find-product-nav-dots .owl-dot:not(.active), .find-product-nav-dots-color .owl-dot:not(.active) { background: #9EA29F; width: 1px; height: 8px; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { height: 60px; } .nav-tabs { border-bottom: 1px solid #9EA29F; position: relative; } @media (max-width: 767.98px) { .nav-tabs { border-bottom: 0px solid #9EA29F; } } .nav-tabs .owl-carousel { display: flex !important; } .nav-tabs .tabs-navigation { position: absolute; top: 40%; width: 100%; transform: translateY(-50%); height: 0; z-index: 1; } .nav-tabs .tabs-navigation .owl-prev, .nav-tabs .tabs-navigation .owl-next { position: absolute; outline: none; display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; cursor: pointer; z-index: 1; } .nav-tabs .tabs-navigation .owl-prev::before, .nav-tabs .tabs-navigation .owl-next::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; transition: background-color 0.15s ease; background-color: #FFFFFF; } .nav-tabs .tabs-navigation .owl-next { width: 8px; height: 16px; right: 0; } .nav-tabs .tabs-navigation .owl-next::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201L9%209L1%2017%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201L9%209L1%2017%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-color: #4D4D4F; } .nav-tabs .tabs-navigation .owl-prev { width: 8px; height: 16px; left: 0; } .nav-tabs .tabs-navigation .owl-prev::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%201L1%209L9%2017%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%201L1%209L9%2017%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-color: #4D4D4F; } .nav-item { display: flex; gap: 10px; align-items: center; flex: 1 1 0px; position: relative; } .nav-item img { height: 36px; width: 36px !important; } .nav .nav-tabs { position: absolute; bottom: 0; width: 100%; } .nav-tabs .nav-link { color: #9EA29F; margin-bottom: -2px; display: flex; align-items: center; justify-content: center; gap: 20px; height: 60px; width: 100%; } .nav-tabs .nav-link.active { border-bottom-color: #000; } .nav-tabs .nav-link:hover:not(.active) { color: #4D4D4F; } .tab-menu { margin-top: 34px; } .tab-menu ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .tab-menu ul li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; text-align: center; } .tab-menu ul li a { color: #fff; text-transform: uppercase; letter-spacing: 0.44px; font-family: 'Oswald'; font-weight: bold; display: inline-block; padding: 18px 26px; display: block; text-decoration: none; transition: 0.5s all; background: #d0d062; border: 2px solid #d0d062; border-bottom: 0; } .tab-menu ul li a:hover { background: #d0d062; color: #fff; text-decoration: none; } .tab-menu ul li a.active { background: #f4fcce; color: #000; text-decoration: none; } .tab-box { display: none; } .tab-teaser { max-width: 800px; width: 100%; margin: 0 auto; font-family: 'Oswald'; } .tab-main-box { background: #f4fcce; padding: 10px 30px; border: 2px solid #d0d062; margin-top: -2px; } /* Info Cards module */ .wkb-info_cards__item { padding: 65px; border-radius: 12px; height: 100%; } @media (max-width: 767.98px) { .wkb-info_cards__item { padding: 20px; } } .wkb-info_cards [class*='col-']:nth-child(1) .wkb-info_cards__item { background-color: #EAE7DD; } .wkb-info_cards [class*='col-']:nth-child(2) .wkb-info_cards__item { background-color: #AA837E; } @media (max-width: 767.98px) { .wkb-info_cards .container > .row { gap: 20px; } } /* Text with Image module */ .wkb-text-with-image .row { align-items: center; } .wkb-text-with-image img { border-radius: 12px; } /* Color Palletes */ .color-palletes { padding: 42px 0 30px 0; left: 0; } .color-palletes a { text-decoration: none; color: #2E292A; } .color-palletes .active-link { font-weight: 700; text-decoration: underline; } .color-palletes.sticky { top: 0; position: fixed; z-index: 10; background-color: #FFFFFF; } .color-palletes.sticky .color-palletes__card, .color-palletes.sticky .color-palletes__card-small { height: 70px; transition: .15s; } @media (max-width: 767.98px) { .color-palletes.sticky .color-palletes__card, .color-palletes.sticky .color-palletes__card-small { height: 50px; } } .color-palletes.sticky p { margin-bottom: 0; } .color-palletes__inner-container .owl-stage { padding-left: 0px !important; } @media (max-width: 767.98px) { .color-palletes__inner-container .owl-carousel { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; } .color-palletes__inner-container .owl-carousel :last-child:nth-child(3n - 1) { grid-column-end: -2; } } .color-palletes__card { width: 100%; height: 108px; border-radius: 12px 12px 0 0; position: relative; } .color-palletes__card > .row { position: absolute; bottom: 0; width: 100%; margin: 0; } .color-palletes__card-small { width: 25%; height: 108px; } @media (max-width: 767.98px) { .color-palletes__card-small { height: 108px; } } .color-palletes__card-small:nth-child(1) { border-radius: 12px 0 0 0; } .color-palletes__card-small:nth-child(4) { border-radius: 0 12px 0 0; } .color-palletes__top-seller header { position: relative; } .color-palletes__top-seller .color-sample { position: absolute; border-radius: 12px; top: 0; right: 0; width: 115px; height: 115px; } .color-palletes__top-seller .owl-stage { padding-left: 0px !important; } .color-palletes__top-seller .owl-item:nth-child(even) { margin-top: 80px; } @media (max-width: 767.98px) { .color-palletes__top-seller .owl-item:nth-child(even) { margin-top: 0px; } } .color-palletes__top-seller .post-content__inner { padding: 40px; } @media (max-width: 767.98px) { .color-palletes__top-seller .post-content__inner { padding: 24px 16px; } } .swatch-height { margin-bottom: 241px; } @media (max-width: 767.98px) { .swatch-height { margin-bottom: 753px; } } /* Text over Image module */ .wkb-text-over-image__inner { height: 640px; width: 100%; position: relative; display: flex; align-items: center; } @media (max-width: 991.98px) { .wkb-text-over-image__inner { flex-direction: column-reverse; height: 100%; } } .wkb-text-over-image__inner-text { position: absolute; max-width: 627px; background: #F0F0F0; z-index: 1; border-radius: 12px; padding: 100px 67px; } @media (max-width: 991.98px) { .wkb-text-over-image__inner-text { position: relative; padding: 30px 16px; } } .wkb-text-over-image__inner-image { position: absolute; right: 0; max-width: 876px; } @media (max-width: 991.98px) { .wkb-text-over-image__inner-image { position: relative; } } .wkb-text-over-image__inner-image.img-reverse { left: 0; right: auto; } .wkb-text-over-image__inner-image img { height: 640px; object-fit: cover; object-position: center; border-radius: 12px; } @media (max-width: 991.98px) { .wkb-text-over-image__inner-image img { height: 250px; } } /* Search documents module */ .wkb-search-documents .form-inline { display: flex; align-items: flex-start; flex-direction: column; gap: 20px; width: 100%; } .wkb-search-documents .form-inline .form-control { width: 100%; } .wkb-search-documents .form-inline .btn, .wkb-search-documents .form-inline .nf-form-cont .nf-form-content button, .nf-form-cont .nf-form-content .wkb-search-documents .form-inline button, .wkb-search-documents .form-inline .nf-form-cont .nf-form-content input[type=button], .nf-form-cont .nf-form-content .wkb-search-documents .form-inline input[type=button], .wkb-search-documents .form-inline .nf-form-cont .nf-form-content input[type=submit], .nf-form-cont .nf-form-content .wkb-search-documents .form-inline input[type=submit] { display: inline-block !important; } .wkb-search-documents, .wkb-app { position: relative; } .wkb-search-documents__inner, .wkb-app__inner { background-color: #E5E5E2; max-width: 100%; position: relative; } @media (max-width: 991.98px) { .wkb-search-documents__inner, .wkb-app__inner { margin-top: 200px; } } .wkb-search-documents__inner > .container, .wkb-app__inner > .container { position: relative; } .wkb-search-documents__inner-content, .wkb-app__inner-content { max-width: 540px; padding-bottom: 83px; padding-top: 83px; display: flex; flex-direction: column; } @media (max-width: 991.98px) { .wkb-search-documents__inner-content, .wkb-app__inner-content { padding-top: 32px; max-width: 100%; } } .wkb-search-documents__inner-image, .wkb-app__inner-image { margin-top: -200px; padding-bottom: 83px; display: flex; justify-content: flex-end; } @media (max-width: 991.98px) { .wkb-search-documents__inner-image, .wkb-app__inner-image { padding-bottom: 0px; justify-content: center; } } .wkb-search-documents__inner-link, .wkb-app__inner-link { height: 40px; text-align: left; padding: 0 40px; border-bottom: 1px solid rgba(158, 162, 159, 0.2); color: #9EA29F; position: relative; display: flex; align-items: center; color: #2E292A; text-decoration: none; text-transform: uppercase; } @media (max-width: 991.98px) { .wkb-search-documents__inner-link, .wkb-app__inner-link { padding: 0 20px; } } .wkb-search-documents__inner-link:hover, .wkb-app__inner-link:hover { text-decoration: none; } .wkb-search-documents__inner-link::before, .wkb-app__inner-link::before { content: ''; position: absolute; width: 16px; height: 16px; right: 60px; background-color: #2E292A; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%201.33203L13.6667%207.99838L7%2014.6654%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M13.667%208L0.333656%208%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%201.33203L13.6667%207.99838L7%2014.6654%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M13.667%208L0.333656%208%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 991.98px) { .wkb-search-documents__inner-link::before, .wkb-app__inner-link::before { right: 20px; } } /* App module */ .wkb-app__inner-btns { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; } .wkb-app__inner-btns .btn, .wkb-app__inner-btns .nf-form-cont .nf-form-content button, .nf-form-cont .nf-form-content .wkb-app__inner-btns button, .wkb-app__inner-btns .nf-form-cont .nf-form-content input[type=button], .nf-form-cont .nf-form-content .wkb-app__inner-btns input[type=button], .wkb-app__inner-btns .nf-form-cont .nf-form-content input[type=submit], .nf-form-cont .nf-form-content .wkb-app__inner-btns input[type=submit] { width: 200px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 12px !important; } @media (max-width: 991.98px) { .wkb-app__inner-image { max-height: 400px; } .wkb-app__inner-image img { object-fit: contain; } } /* CTA link banner module */ .wkb-cta-link-banner__inner { background-color: #E1D3C8; padding: 80px 0; border-radius: 12px; } @media (max-width: 767.98px) { .wkb-cta-link-banner__inner { padding: 40px 0; } } .wkb-cta-link-banner__inner img { width: 120px; } .wkb-cta-link-banner__inner-content { padding: 0 16px; } .wkb-cta-link-banner__inner-content div:last-child { display: flex; gap: 77px; align-items: flex-end; margin-top: -20px; } .wkb-cta-link-banner__inner-btns { display: flex; align-items: center; gap: 42px; } @media (max-width: 767.98px) { .wkb-cta-link-banner__inner-btns { flex-direction: column; align-items: flex-start; gap: 20px; } } /* Products module */ .wkb-products .owl-stage { padding-left: 0px !important; } .wkb-products .owl-item:nth-child(even) { margin-top: 50px; margin-bottom: 0; } @media (max-width: 767.98px) { .wkb-products .owl-item:nth-child(even) { margin-top: 0px; } } .wkb-products__inner-top { height: 200px; background-color: #FFFFFF; border-radius: 12px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .wkb-products__inner-top img:not(.cover) { max-height: 145px; max-width: 145px; } .wkb-products__inner-top img.cover { object-fit: cover; width: 100%; height: 100%; } .wkb-products-navigation { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: relative; margin-top: 60px; z-index: 1; left: 50%; transform: translateX(-50%); gap: 32px; } .wkb-products-navigation .owl-prev, .wkb-products-navigation .owl-next { position: relative; outline: none; display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; cursor: pointer; } .wkb-products-navigation .owl-prev::before, .wkb-products-navigation .owl-next::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; transition: background-color 0.15s ease; background-color: #4D4D4F; } .wkb-products-navigation .owl-next { width: 30px; height: 30px; } .wkb-products-navigation .owl-next::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M36%201L46%2010.9995L36%2021%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M45%2011L0%2011%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M36%201L46%2010.9995L36%2021%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M45%2011L0%2011%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); } .wkb-products-navigation .owl-prev { width: 30px; height: 30px; } .wkb-products-navigation .owl-prev::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2021L2%2011.0005L12%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M3%2011H48%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2021L2%2011.0005L12%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M3%2011H48%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); } .wkb-products-nav-dots, .wkb-products-nav-dots-color { position: relative; display: flex; align-items: center; } .wkb-products-nav-dots .owl-dot, .wkb-products-nav-dots-color .owl-dot { width: 1px; height: 17px; background: #4D4D4F; margin: 0 5px; padding: 0; border: none; } .wkb-products-nav-dots .owl-dot:not(.active), .wkb-products-nav-dots-color .owl-dot:not(.active) { background: #9EA29F; width: 1px; height: 8px; } /* Text with card module */ .wkb-text-with-card.card { padding: 60px 94px 60px 44px; border-radius: 12px; background-color: #E1D3C8; border: none; } @media (max-width: 767.98px) { .wkb-text-with-card.card { padding: 20px; } } /* Testimonials module */ .wkb-testimonials__title { width: 25%; word-break: break-word; } @media (max-width: 991.98px) { .wkb-testimonials__title { width: 100%; } } .wkb-testimonials__items { width: 75%; } @media (max-width: 991.98px) { .wkb-testimonials__items { width: 100%; } } .wkb-testimonials .owl-stage { padding-left: 0px !important; } .wkb-testimonials-navigation { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: relative; margin-top: 80px; padding-bottom: 30px; z-index: 1; left: 50%; transform: translateX(-50%); gap: 32px; } .wkb-testimonials-navigation .owl-prev, .wkb-testimonials-navigation .owl-next { position: relative; outline: none; display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; cursor: pointer; } .wkb-testimonials-navigation .owl-prev::before, .wkb-testimonials-navigation .owl-next::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; transition: background-color 0.15s ease; background-color: #4D4D4F; } .wkb-testimonials-navigation .owl-next { width: 30px; height: 30px; } .wkb-testimonials-navigation .owl-next::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M36%201L46%2010.9995L36%2021%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M45%2011L0%2011%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M36%201L46%2010.9995L36%2021%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M45%2011L0%2011%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); } .wkb-testimonials-navigation .owl-prev { width: 30px; height: 30px; } .wkb-testimonials-navigation .owl-prev::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2021L2%2011.0005L12%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M3%2011H48%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2222%22%20viewBox%3D%220%200%2048%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2021L2%2011.0005L12%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M3%2011H48%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); } .wkb-testimonials-nav-dots, .wkb-testimonials-nav-dots-color { position: relative; display: flex; align-items: center; } .wkb-testimonials-nav-dots .owl-dot, .wkb-testimonials-nav-dots-color .owl-dot { width: 1px; height: 17px; background: #4D4D4F; margin: 0 5px; padding: 0; border: none; } .wkb-testimonials-nav-dots .owl-dot:not(.active), .wkb-testimonials-nav-dots-color .owl-dot:not(.active) { background: #9EA29F; width: 1px; height: 8px; } /* Contact cards module */ .wkb-contact-cards__inner { background-color: #FFFFFF; border-radius: 12px; padding: 40px 72px; } @media (max-width: 991.98px) { .wkb-contact-cards__inner { padding: 2rem; } } .wkb-contact-cards__inner .icon-svg-phone { width: 16px; height: 16px; } .wkb-contact-cards__inner .icon-svg-phone::before { background-color: #9EA29F; } .wkb-contact-cards__inner .icon-svg-phone:hover::before { background-color: #9EA29F !important; } .wkb-contact-cards__inner-title { padding: 20px 72px; } .wkb-contact-cards__inner:last-child { margin-bottom: 0px !important; } .wkb-contact-cards__inner > div { padding-right: 70px; } @media (max-width: 991.98px) { .wkb-contact-cards__inner > div { padding-right: 20px !important; } } .wkb-contact-cards__inner > div:last-child { padding-right: 0px; } .wkb-contact-cards__inner > div > p { margin-bottom: 0; } .wkb-contact-cards__icons { display: flex; align-items: center; position: relative; left: 28px; } .wkb-contact-cards__icons.mail::before { content: ''; position: absolute; width: 16px; height: 16px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.4%203H13.6C14.37%203%2015%203.5625%2015%204.25V11.75C15%2012.4375%2014.37%2013%2013.6%2013H2.4C1.63%2013%201%2012.4375%201%2011.75V4.25C1%203.5625%201.63%203%202.4%203Z%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M15%204.25L8%208.625L1%204.25%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.4%203H13.6C14.37%203%2015%203.5625%2015%204.25V11.75C15%2012.4375%2014.37%2013%2013.6%2013H2.4C1.63%2013%201%2012.4375%201%2011.75V4.25C1%203.5625%201.63%203%202.4%203Z%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M15%204.25L8%208.625L1%204.25%22%20stroke%3D%22%239EA29F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-color: #9EA29F; left: -28px; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .wkb-contact-cards__icons.mail:hover::before { background-color: #9EA29F !important; } .wkb-contact-cards__icons.phone::before { content: ''; position: absolute; width: 18px; height: 18px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M33.9991%2027.7121V32.0777C34.0008%2032.483%2033.9176%2032.8842%2033.7549%2033.2555C33.5922%2033.6269%2033.3536%2033.9602%2033.0544%2034.2342C32.7551%2034.5082%2032.4018%2034.7168%2032.0172%2034.8466C31.6325%2034.9764%2031.2249%2035.0247%2030.8204%2034.9882C26.3336%2034.5016%2022.0236%2032.9715%2018.2369%2030.5207C14.7139%2028.2864%2011.7269%2025.3054%209.48824%2021.7893C7.024%2017.9929%205.49045%2013.6706%205.01184%209.17253C4.9754%208.77011%205.02332%208.36453%205.15254%207.98161C5.28177%207.59869%205.48947%207.24682%205.76242%206.9484C6.03537%206.64998%206.36759%206.41155%206.73793%206.24829C7.10828%206.08503%207.50862%206.00052%207.91348%206.00014H12.2878C12.9954%205.99319%2013.6815%206.24328%2014.218%206.70379C14.7545%207.1643%2015.105%207.80381%2015.204%208.50312C15.3887%209.90024%2015.7311%2011.272%2016.2247%2012.5923C16.4209%2013.1132%2016.4634%2013.6792%2016.3471%2014.2234C16.2308%2014.7676%2015.9606%2015.2672%2015.5686%2015.6628L13.7168%2017.511C15.7925%2021.1542%2018.815%2024.1707%2022.4654%2026.2423L24.3172%2024.3942C24.7137%2024.0029%2025.2142%2023.7333%2025.7595%2023.6172C26.3048%2023.5011%2026.872%2023.5435%2027.3939%2023.7393C28.7168%2024.232%2030.0913%2024.5737%2031.4912%2024.758C32.1995%2024.8577%2032.8463%2025.2138%2033.3087%2025.7584C33.7711%2026.3031%2034.0168%2026.9984%2033.9991%2027.7121Z%22%20stroke%3D%22%239EA29F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M33.9991%2027.7121V32.0777C34.0008%2032.483%2033.9176%2032.8842%2033.7549%2033.2555C33.5922%2033.6269%2033.3536%2033.9602%2033.0544%2034.2342C32.7551%2034.5082%2032.4018%2034.7168%2032.0172%2034.8466C31.6325%2034.9764%2031.2249%2035.0247%2030.8204%2034.9882C26.3336%2034.5016%2022.0236%2032.9715%2018.2369%2030.5207C14.7139%2028.2864%2011.7269%2025.3054%209.48824%2021.7893C7.024%2017.9929%205.49045%2013.6706%205.01184%209.17253C4.9754%208.77011%205.02332%208.36453%205.15254%207.98161C5.28177%207.59869%205.48947%207.24682%205.76242%206.9484C6.03537%206.64998%206.36759%206.41155%206.73793%206.24829C7.10828%206.08503%207.50862%206.00052%207.91348%206.00014H12.2878C12.9954%205.99319%2013.6815%206.24328%2014.218%206.70379C14.7545%207.1643%2015.105%207.80381%2015.204%208.50312C15.3887%209.90024%2015.7311%2011.272%2016.2247%2012.5923C16.4209%2013.1132%2016.4634%2013.6792%2016.3471%2014.2234C16.2308%2014.7676%2015.9606%2015.2672%2015.5686%2015.6628L13.7168%2017.511C15.7925%2021.1542%2018.815%2024.1707%2022.4654%2026.2423L24.3172%2024.3942C24.7137%2024.0029%2025.2142%2023.7333%2025.7595%2023.6172C26.3048%2023.5011%2026.872%2023.5435%2027.3939%2023.7393C28.7168%2024.232%2030.0913%2024.5737%2031.4912%2024.758C32.1995%2024.8577%2032.8463%2025.2138%2033.3087%2025.7584C33.7711%2026.3031%2034.0168%2026.9984%2033.9991%2027.7121Z%22%20stroke%3D%22%239EA29F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-color: #9EA29F; left: -28px; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .wkb-contact-cards__icons.phone:hover::before { background-color: #9EA29F !important; } .wkb-contact-cards .two-columns { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); } @media (max-width: 991.98px) { .wkb-contact-cards .two-columns { grid-template-columns: 1fr; } } .wkb-contact-cards .three-columns { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(0, 1.5fr) minmax(0, 0.85fr); } @media (max-width: 991.98px) { .wkb-contact-cards .three-columns { grid-template-columns: 1fr; } } .wkb-contact-cards .four-columns { display: grid; grid-template-columns: minmax(0, 1.31fr) minmax(0, 0.6fr) minmax(0, 1.27fr) minmax(0, 1.07fr); } @media (max-width: 991.98px) { .wkb-contact-cards .four-columns { grid-template-columns: 1fr; } } .wkb-contact-cards .four-columns > div { padding-right: 70px; } .wkb-contact-cards .four-columns > div:nth-child(6) { word-break: break-all; } .wkb-countdown .flip-clock { text-align: center; perspective: 400px; margin: 20px auto; } .wkb-countdown .flip-clock *, .wkb-countdown .flip-clock *:before, .wkb-countdown .flip-clock *:after { box-sizing: border-box; } .wkb-countdown .flip-clock__piece { display: inline-block; margin: 0 12px; } .wkb-countdown .flip-clock__slot { font-size: 24px; text-transform: uppercase; font-weight: 600; margin-top: 15px; display: inline-block; } .wkb-countdown .ccard { display: block; position: relative; padding-bottom: 0.72em; font-size: 100px; line-height: 0.95; box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.3); border-radius: 12px; width: 1.8em; } .wkb-countdown .ccard:after { content: ''; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKYAAAAUCAYAAAAHikYJAAAACXBIWXMAAAsSAAALEgHS3X78AAAJRklEQVR42pVbzW4cxxHmkCKXu+TKJrUbhtLSoJyllFDkSS8gwKdcfLBEU1ICUaQC6EBbFOkcbMcBdLHlyLn5kJtlwxJgAj4k8RMoL0Q/wUy6Zrtmv/6mume5QKH/6uer6trZmenaqaIophxlnqYscp/oGlBSB/BMGXwsO4m9qYSuErPHnbRJPI0+g95JsER5YnoaYp3FYklylu5s0j1DWSOG2aRYYT07R76M/JnAYOaDOA0gdVySjp89e1bNaR/niLKdnZ0ZlGcSWSWUi/HqesJmoNeQDXwyeLKUvOVHExYhjYOlC/3iuBqxqfElYpYl9srcX1jLrDWOGfLKPPBmlLz1L4f1TaHNnbl169YF185ubm7OSetI2jk/Llul4XDY0nXtIx/O+7biNwjX1H5LMaAt1c19zzOLuCchxhzBhDwtltGYWP0mW5ZcDCfEoUUyLYMnqStiq2WtpbDBmsZ+VvJIyH8RZzB5rStmRj9t+C2eFYfW19fnV1dXO24stOBpsd/vL0prka5ha/AvpOSRP2Gr0tHr9boWH8+leNCubxfYF7bT4OPiysoK+rlAPAu6jvM859tuKmasI4aRY2z4XNpvkpc4pLCoHu+L5s+8Xiz8BQ+vrFlwxaTLsySkZPX1u3f/9Obu3fu/Li8vX1xaWnrLfZYuXry47NaFLnW73Z60vl+OtbXmdexaWe95vopX50n2EvHUSHXzHM8Dvktku8e6wAe2HcihHW45BgaOXsQmY+qBTu0vp2wYOHqgq0exQCw9ku3hniEmnmOb0od8WXL0lk/Yzu7uveL+/T//e3d393c+58LbSbyEylVSsvjw8PDa8fEnZ0dHJ8WTJ8eFV9x3tOJotdPpXHat0JV2u31FWk8DGEu/JIPPpAaeAfJNwDs4zzrrUxt+vuaDX6v8ZUzg+8DSSfxNeIP4akxhHPUN8bEM2b+Ce4V+J3RZ/QHlgdDqwsLCyuLiYl+S9W33efr0kzK3jo//evb48eMNSM7RvSdeMSUxb968Ofvlly9+ef78m+L58xfF119/Uzilv/WG1hytO7raarUk05mGkfmAB8fK71qRHTbJof6ErSHpjuKRNV5PzA0t+QieIcrw2iS2MTZkYwj6A54JfOH4D62+1z+0/DPiMETMIPOu678rOTM/P/+OJKnkklxlR/mlOfbPN/7Wsf5T7h92ZHHu5csfi++++7F4+fJVIX2fkFc9gOuu/cPc3Nyma28IuX5JOva05de2kEf5ZN6Pt0guIM+/ldC3ZchsAR5er+wamG/A2hZgbcQJtjYBd80+xyoSOwv3DcITlU/orPyPxNiMeWxPUvGB/ZF4/F6S2SXnVZ9Lq5RjZ3L7qE/2wRXTJ6Yszv/8838KJHfZzeXSO6aTIhwznRTuNqCU8S3In+ThWsCHepivUN7Q/kle7zO+ULe7TTFxhxgqnLnFR2u+H9o5OhrLou6RvPgXjV8tFhg38i+34s9x5fiObNf2MbYXuO95au/RHvhfiwPnmH9yHz8IaYbqU/hgMGj/8MPr4vvvX1X06tVp8fr1aa7tqP9ToS2SmytwnXnGc6c13jHfqaexzBhDaAf05WPZn0g2xIU2cF10jNoQa2iH/VKsoX2258c1XCpDumsYPT7kL4yYQByYTg3dAd7c1ntaNOmL50Pgb4Cdc8y/WqoegoIHH5+1899++68C6auvXpQk9wPaxzmdd/cMOfPK3IgnbMeyI5l6P9QX6mL7o/sVkg2wuXvlnHGO9JmYURfjL+r8IWaOk20j9Jf1KA6xH4v/+D6t9INwjPSL3xg7y1ewn4/9fZFb8bf2HuOI+nj/ETfnmDzb4ANQ8P7SL86HyfeP4uHDR0r5w4cHvh3N7e0d5LCW7+8/Qn5cZz3WPNBoPZQ/iPKB3Zxaiy8fz8XwjfWMZA5Yf8G+prAZccjrGMe0v/8X9pn8PMiNOOYRXJYt03fyFfzHeB3kvBdo0/la2HswjjvnmH8xP81HklNyj+kTs/XZZ1+cff7534tPP/3C0d/w4Uce66/rg4+/4d3S1tE23DRjvyLPu03jqs9jSwevR/i2DXvbYEP6Jl4Dg8ptWzgJ03YMI8vE9BBGi3c7ZqdpzsC4ndLbsA8YT8XIc/rwc01yqN1ur3U6nVXJK8qxWTyurH7K4eFn7vDw6H8ff/y0ePLkaSGtf8S/4h/5143XHkOftBvwKkPbDe3rmOf1VRGOld8aA6FNtLMR4a/ZYlyoC7AGfcuGvsaJ6U/5A/wbKczsu8fE8R0afjRhYt+q/bF0p+YpB8o8cXkjOfOOvHKUXJKX85JXmmMffXT0Xz0Fqh1J+qeh8gX7gwcPru3tPTrTS7B/m68v2C8bL3P1hSq+VMY1nV+Tb4zF42mNZZRX5CIyurYW40F7igPlwO6at1nDCGO2swb6Av2GfNQHC6sRw7XzysRs45pxGMCyg9SeGXvFBwaX/Qv238hhjbxg39vbL3/yHf1679698gU7ViRxOVd1Rv7++zvXb9/+8JcPPrhTyJmoHEm6+bf9EZMeUfW1lbf60tdWj6x0TEeQTH3UZcj3/bivx2mGzj6u+1OGmm75ksUwMWb2hbCZfeRF7OQ7+mQS6m3gsfDgsWOP92oCWzHcTXtnYdMjSj2SLM/7b9/eObtz58M37733R/mJn4Hqrax2JAk/6TP6s+4rVNqeOlSQ0NXD/MSBfhcKEMw5kO1auoUXCifUFspiUQWOu1h8gLoMXMEa24kUL3SNwpGaDYpNF22iHsbeVIQSK6gw9qOLcxRv9JULRji25ym2YX2SN215HSkP2FoxhknJZW+ZUQhbXjmhPOmCfzCaqGSMS6yMkq9WoqwMy8tasN4y+LFsrmXptsrxcD4xV+kWWcNutBzOwmzJY2laQ6lZ6zyla7GSQ5xjPqP8rhZ7xobxsUoODVxaAndBExLrT4PSy0hVcUYVR7WiUkjaGHHxqSZ6OSd9uDrPQGVTMA/gZ1AH2jB08ByOUX/NF12jL2bVV9zkP/oXEPhZ2TKKe2cIx7SlA7EhRl0z/KjFQeNn+BGNE+mq7T3EaprnIpimYwXCZqGwdfWM/K0gm/DvBqmy/dqXgNfRVqMjDX95qE4U4nZif08wC1kjfz3AcdQe8xl/ZeByRFMHF3dHeKcM/NZfTngvMqtOMqXPikXk7y1Z019j/g8ZqbQPCcdo4AAAAABJRU5ErkJggg==); position: absolute; top: 50%; left: -0.1em; width: calc(100% + 0.2em); height: 15px; background-position: center; background-size: cover; z-index: 6; transform: translate(0, -50%); } .wkb-countdown .ccard__top, .wkb-countdown .ccard__bottom, .wkb-countdown .ccard__back::before, .wkb-countdown .ccard__back::after { display: block; height: 0.72em; color: #fff; background: #FF2427; padding: 0.25em 0.25em; border-radius: 12px 12px 0 0; backface-visiblity: hidden; transform-style: preserve-3d; width: 1.8em; transform: translateZ(0); } .wkb-countdown .ccard__bottom { color: #FFF; position: absolute; top: 50%; left: 0; background: linear-gradient(180deg, #FF2427 0%, #C51C1E 100%); border-radius: 0 0 12px 12px; pointer-events: none; overflow: hidden; } .wkb-countdown .ccard__bottom::after { display: block; margin-top: -0.72em; } .wkb-countdown .ccard__back::before, .wkb-countdown .ccard__bottom::after { content: attr(data-value); } .wkb-countdown .ccard__back { position: absolute; top: 0; height: 100%; left: 0%; pointer-events: none; } .wkb-countdown .ccard__back::before { position: relative; z-index: -1; overflow: hidden; } .wkb-countdown .flip .ccard__back::before { animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35); animation-fill-mode: both; transform-origin: center bottom; } .wkb-countdown .flip .ccard__back .ccard__bottom { transform-origin: center top; animation-fill-mode: both; animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1); } @keyframes flipTop { 0% { transform: rotateX(0deg); z-index: 2; } 0%, 99% { opacity: 0.99; } 100% { transform: rotateX(-90deg); opacity: 0; } } @keyframes flipBottom { 0%, 50% { z-index: -1; transform: rotateX(90deg); opacity: 0; } 51% { opacity: 0.99; } 100% { opacity: 0.99; transform: rotateX(0deg); z-index: 5; } } @media (max-width: 991.98px) { .wkb-countdown .flip-clock__slot { font-size: 16px; } .wkb-countdown .ccard:after { height: 7px; } .wkb-countdown .ccard { font-size: 9vw; } } @media (max-width: 767.98px) { .wkb-countdown .ccard { font-size: 7vw; } .wkb-countdown .flip-clock__slot { font-size: 14px; } } .wkb-quiz .answers { display: flex; gap: 1.5rem; flex-wrap: wrap; justify-content: center; } .wkb-quiz .quiz-answer { width: 25%; position: relative; border-radius: 12px; height: 300px; overflow: hidden; text-decoration: none; } .wkb-quiz .quiz-answer .image { z-index: 1; position: absolute; width: 100%; height: 100%; } .wkb-quiz .quiz-answer img { object-fit: cover; object-position: center; height: 100%; width: 100%; } .wkb-quiz .quiz-answer .title { color: inherit; font-weight: 600; text-transform: none; line-height: 110%; } .wkb-quiz .quiz-answer .subtitle { position: absolute; bottom: 32px; width: calc(100% - 64px); } .wkb-quiz .quiz-answer .content { position: relative; color: #FFFFFF; padding: 32px; width: 100%; height: 100%; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; } .wkb-quiz .quiz-answer .checkbox { display: inline-block; width: 28px; height: 28px; border-radius: 5px; border: 1px solid #DFDFDF; background: #FFFFFF; } .wkb-quiz .quiz-answer:focus, .wkb-quiz .quiz-answer.active { outline: 9px solid #4D4D4F; } .wkb-quiz .quiz-answer:focus .checkbox, .wkb-quiz .quiz-answer.active .checkbox { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.61783%2015.015L12.4119%2020.809L22.5518%208.55183%22%20stroke%3D%22%234D4D4F%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-position: center; background-size: contain; } /*# sourceMappingURL=main.css.map*/