.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{transform:translate(0,-18px);top:auto;right:28px}
@charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:transparent;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline:3px dotted #00b3ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:hsla(0,0%,100%,.9);background:var(--plyr-menu-background,hsla(0,0%,100%,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid transparent;border-top-color:hsla(0,0%,100%,.9);border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:var(--plyr-menu-background,hsla(0,0%,100%,.9));content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:rgba(0,0,0,.1);content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc(-7px - -2);margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:transparent;background-image:linear-gradient(90deg,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc(var(--plyr-range-thumb-height, 13px)/2*-1 - var(--plyr-range-track-height, 5px)/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:transparent;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:transparent;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:transparent;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline:3px dotted #00b3ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;outline-offset:2px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline:3px dotted #00b3ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;outline-offset:2px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline:3px dotted #00b3ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:hsla(0,0%,100%,.9);background:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress__buffer,.plyr__progress input[type=range]{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:transparent;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height, 5px)/2*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:transparent}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(transparent,rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--video .plyr__progress__buffer{color:hsla(0,0%,100%,.25);color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;display:block;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:hsla(0,0%,100%,.9);background-color:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:2px;border-radius:calc(var(--plyr-tooltip-radius, 3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:2px;border-radius:calc(var(--plyr-tooltip-radius, 3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}
@charset "UTF-8";
@font-face {
font-family: "DINOffcPro";
src: url("../fonts/DINOffcPro.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "DINOffcPro";
src: url("../fonts/DINOffcPro-Medi.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "DINOffcPro";
src: url("../fonts/DINOffcPro-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "DINOffcPro";
src: url("../fonts/DINOffcPro-Black.woff2") format("woff2");
font-weight: 900;
font-style: normal;
font-display: swap;
}
/*!
* Bootstrap v4.3.1 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
*,
*::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: "DINOffcPro", sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 22px;
color: #000;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0;
}
p {
margin-top: 0;
margin-bottom: 0;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
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: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: 900;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #000;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
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;
}
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;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
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;
}
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;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
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: 0.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;
}
.container {
width: 100%;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1280px) {
.container {
max-width: calc(1280px + 32px);
}
}
.container-fluid {
width: 100%;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -16px;
margin-left: -16px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-xxl,
.col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
position: relative;
width: 100%;
padding-right: 16px;
padding-left: 16px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.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.3333333333%;
}
.offset-2 {
margin-left: 16.6666666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.3333333333%;
}
.offset-5 {
margin-left: 41.6666666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.3333333333%;
}
.offset-8 {
margin-left: 66.6666666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.3333333333%;
}
.offset-11 {
margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.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.3333333333%;
}
.offset-sm-2 {
margin-left: 16.6666666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.3333333333%;
}
.offset-sm-5 {
margin-left: 41.6666666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.3333333333%;
}
.offset-sm-8 {
margin-left: 66.6666666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.3333333333%;
}
.offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.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.3333333333%;
}
.offset-md-2 {
margin-left: 16.6666666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.3333333333%;
}
.offset-md-5 {
margin-left: 41.6666666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.3333333333%;
}
.offset-md-8 {
margin-left: 66.6666666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.3333333333%;
}
.offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.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.3333333333%;
}
.offset-lg-2 {
margin-left: 16.6666666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.3333333333%;
}
.offset-lg-5 {
margin-left: 41.6666666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.3333333333%;
}
.offset-lg-8 {
margin-left: 66.6666666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.3333333333%;
}
.offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1280px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.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.3333333333%;
}
.offset-xl-2 {
margin-left: 16.6666666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.3333333333%;
}
.offset-xl-5 {
margin-left: 41.6666666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.3333333333%;
}
.offset-xl-8 {
margin-left: 66.6666666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.3333333333%;
}
.offset-xl-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1600px) {
.col-xxl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xxl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xxl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xxl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xxl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xxl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xxl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xxl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xxl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xxl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xxl-first {
order: -1;
}
.order-xxl-last {
order: 13;
}
.order-xxl-0 {
order: 0;
}
.order-xxl-1 {
order: 1;
}
.order-xxl-2 {
order: 2;
}
.order-xxl-3 {
order: 3;
}
.order-xxl-4 {
order: 4;
}
.order-xxl-5 {
order: 5;
}
.order-xxl-6 {
order: 6;
}
.order-xxl-7 {
order: 7;
}
.order-xxl-8 {
order: 8;
}
.order-xxl-9 {
order: 9;
}
.order-xxl-10 {
order: 10;
}
.order-xxl-11 {
order: 11;
}
.order-xxl-12 {
order: 12;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.3333333333%;
}
.offset-xxl-2 {
margin-left: 16.6666666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.3333333333%;
}
.offset-xxl-5 {
margin-left: 41.6666666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.3333333333%;
}
.offset-xxl-8 {
margin-left: 66.6666666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.3333333333%;
}
.offset-xxl-11 {
margin-left: 91.6666666667%;
}
}
/*
* Utilities
*/
.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: #f18500 !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #be6900 !important;
}
.bg-secondary {
background-color: #000 !important;
}
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: black !important;
}
.bg-white {
background-color: #fff !important;
}
a.bg-white:hover, a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus {
background-color: #e6e6e6 !important;
}
.bg-white {
background-color: #fff !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: #f18500 !important;
}
.border-secondary {
border-color: #000 !important;
}
.border-white {
border-color: #fff !important;
}
.border-white {
border-color: #fff !important;
}
.rounded-sm {
border-radius: 0.2rem !important;
}
.rounded {
border-radius: 0.25rem !important;
}
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.rounded-right {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !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: 1280px) {
.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 (min-width: 1600px) {
.d-xxl-none {
display: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-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.8571428571%;
}
.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: 1280px) {
.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;
}
}
@media (min-width: 1600px) {
.flex-xxl-row {
flex-direction: row !important;
}
.flex-xxl-column {
flex-direction: column !important;
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xxl-fill {
flex: 1 1 auto !important;
}
.flex-xxl-grow-0 {
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xxl-start {
justify-content: flex-start !important;
}
.justify-content-xxl-end {
justify-content: flex-end !important;
}
.justify-content-xxl-center {
justify-content: center !important;
}
.justify-content-xxl-between {
justify-content: space-between !important;
}
.justify-content-xxl-around {
justify-content: space-around !important;
}
.align-items-xxl-start {
align-items: flex-start !important;
}
.align-items-xxl-end {
align-items: flex-end !important;
}
.align-items-xxl-center {
align-items: center !important;
}
.align-items-xxl-baseline {
align-items: baseline !important;
}
.align-items-xxl-stretch {
align-items: stretch !important;
}
.align-content-xxl-start {
align-content: flex-start !important;
}
.align-content-xxl-end {
align-content: flex-end !important;
}
.align-content-xxl-center {
align-content: center !important;
}
.align-content-xxl-between {
align-content: space-between !important;
}
.align-content-xxl-around {
align-content: space-around !important;
}
.align-content-xxl-stretch {
align-content: stretch !important;
}
.align-self-xxl-auto {
align-self: auto !important;
}
.align-self-xxl-start {
align-self: flex-start !important;
}
.align-self-xxl-end {
align-self: flex-end !important;
}
.align-self-xxl-center {
align-self: center !important;
}
.align-self-xxl-baseline {
align-self: baseline !important;
}
.align-self-xxl-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: 1280px) {
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
@media (min-width: 1600px) {
.float-xxl-left {
float: left !important;
}
.float-xxl-right {
float: right !important;
}
.float-xxl-none {
float: 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 {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
}
.shadow-sm {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}
.shadow {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}
.shadow-lg {
box-shadow: 0 0 24px rgba(18, 18, 18, 0.08) !important;
}
.shadow-none {
box-shadow: none !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);
}
.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-4 {
margin: 4px !important;
}
.mt-4,
.my-4 {
margin-top: 4px !important;
}
.mr-4,
.mx-4 {
margin-right: 4px !important;
}
.mb-4,
.my-4 {
margin-bottom: 4px !important;
}
.ml-4,
.mx-4 {
margin-left: 4px !important;
}
.m-8 {
margin: 8px !important;
}
.mt-8,
.my-8 {
margin-top: 8px !important;
}
.mr-8,
.mx-8 {
margin-right: 8px !important;
}
.mb-8,
.my-8 {
margin-bottom: 8px !important;
}
.ml-8,
.mx-8 {
margin-left: 8px !important;
}
.m-12 {
margin: 12px !important;
}
.mt-12,
.my-12 {
margin-top: 12px !important;
}
.mr-12,
.mx-12 {
margin-right: 12px !important;
}
.mb-12,
.my-12 {
margin-bottom: 12px !important;
}
.ml-12,
.mx-12 {
margin-left: 12px !important;
}
.m-16 {
margin: 16px !important;
}
.mt-16,
.my-16 {
margin-top: 16px !important;
}
.mr-16,
.mx-16 {
margin-right: 16px !important;
}
.mb-16,
.my-16 {
margin-bottom: 16px !important;
}
.ml-16,
.mx-16 {
margin-left: 16px !important;
}
.m-20 {
margin: 20px !important;
}
.mt-20,
.my-20 {
margin-top: 20px !important;
}
.mr-20,
.mx-20 {
margin-right: 20px !important;
}
.mb-20,
.my-20 {
margin-bottom: 20px !important;
}
.ml-20,
.mx-20 {
margin-left: 20px !important;
}
.m-24 {
margin: 24px !important;
}
.mt-24,
.my-24 {
margin-top: 24px !important;
}
.mr-24,
.mx-24 {
margin-right: 24px !important;
}
.mb-24,
.my-24 {
margin-bottom: 24px !important;
}
.ml-24,
.mx-24 {
margin-left: 24px !important;
}
.m-32 {
margin: 32px !important;
}
.mt-32,
.my-32 {
margin-top: 32px !important;
}
.mr-32,
.mx-32 {
margin-right: 32px !important;
}
.mb-32,
.my-32 {
margin-bottom: 32px !important;
}
.ml-32,
.mx-32 {
margin-left: 32px !important;
}
.m-40 {
margin: 40px !important;
}
.mt-40,
.my-40 {
margin-top: 40px !important;
}
.mr-40,
.mx-40 {
margin-right: 40px !important;
}
.mb-40,
.my-40 {
margin-bottom: 40px !important;
}
.ml-40,
.mx-40 {
margin-left: 40px !important;
}
.m-48 {
margin: 48px !important;
}
.mt-48,
.my-48 {
margin-top: 48px !important;
}
.mr-48,
.mx-48 {
margin-right: 48px !important;
}
.mb-48,
.my-48 {
margin-bottom: 48px !important;
}
.ml-48,
.mx-48 {
margin-left: 48px !important;
}
.m-64 {
margin: 64px !important;
}
.mt-64,
.my-64 {
margin-top: 64px !important;
}
.mr-64,
.mx-64 {
margin-right: 64px !important;
}
.mb-64,
.my-64 {
margin-bottom: 64px !important;
}
.ml-64,
.mx-64 {
margin-left: 64px !important;
}
.m-70 {
margin: 70px !important;
}
.mt-70,
.my-70 {
margin-top: 70px !important;
}
.mr-70,
.mx-70 {
margin-right: 70px !important;
}
.mb-70,
.my-70 {
margin-bottom: 70px !important;
}
.ml-70,
.mx-70 {
margin-left: 70px !important;
}
.m-80 {
margin: 80px !important;
}
.mt-80,
.my-80 {
margin-top: 80px !important;
}
.mr-80,
.mx-80 {
margin-right: 80px !important;
}
.mb-80,
.my-80 {
margin-bottom: 80px !important;
}
.ml-80,
.mx-80 {
margin-left: 80px !important;
}
.m-96 {
margin: 96px !important;
}
.mt-96,
.my-96 {
margin-top: 96px !important;
}
.mr-96,
.mx-96 {
margin-right: 96px !important;
}
.mb-96,
.my-96 {
margin-bottom: 96px !important;
}
.ml-96,
.mx-96 {
margin-left: 96px !important;
}
.m-128 {
margin: 128px !important;
}
.mt-128,
.my-128 {
margin-top: 128px !important;
}
.mr-128,
.mx-128 {
margin-right: 128px !important;
}
.mb-128,
.my-128 {
margin-bottom: 128px !important;
}
.ml-128,
.mx-128 {
margin-left: 128px !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-4 {
padding: 4px !important;
}
.pt-4,
.py-4 {
padding-top: 4px !important;
}
.pr-4,
.px-4 {
padding-right: 4px !important;
}
.pb-4,
.py-4 {
padding-bottom: 4px !important;
}
.pl-4,
.px-4 {
padding-left: 4px !important;
}
.p-8 {
padding: 8px !important;
}
.pt-8,
.py-8 {
padding-top: 8px !important;
}
.pr-8,
.px-8 {
padding-right: 8px !important;
}
.pb-8,
.py-8 {
padding-bottom: 8px !important;
}
.pl-8,
.px-8 {
padding-left: 8px !important;
}
.p-12 {
padding: 12px !important;
}
.pt-12,
.py-12 {
padding-top: 12px !important;
}
.pr-12,
.px-12 {
padding-right: 12px !important;
}
.pb-12,
.py-12 {
padding-bottom: 12px !important;
}
.pl-12,
.px-12 {
padding-left: 12px !important;
}
.p-16 {
padding: 16px !important;
}
.pt-16,
.py-16 {
padding-top: 16px !important;
}
.pr-16,
.px-16 {
padding-right: 16px !important;
}
.pb-16,
.py-16 {
padding-bottom: 16px !important;
}
.pl-16,
.px-16 {
padding-left: 16px !important;
}
.p-20 {
padding: 20px !important;
}
.pt-20,
.py-20 {
padding-top: 20px !important;
}
.pr-20,
.px-20 {
padding-right: 20px !important;
}
.pb-20,
.py-20 {
padding-bottom: 20px !important;
}
.pl-20,
.px-20 {
padding-left: 20px !important;
}
.p-24 {
padding: 24px !important;
}
.pt-24,
.py-24 {
padding-top: 24px !important;
}
.pr-24,
.px-24 {
padding-right: 24px !important;
}
.pb-24,
.py-24 {
padding-bottom: 24px !important;
}
.pl-24,
.px-24 {
padding-left: 24px !important;
}
.p-32 {
padding: 32px !important;
}
.pt-32,
.py-32 {
padding-top: 32px !important;
}
.pr-32,
.px-32 {
padding-right: 32px !important;
}
.pb-32,
.py-32 {
padding-bottom: 32px !important;
}
.pl-32,
.px-32 {
padding-left: 32px !important;
}
.p-40 {
padding: 40px !important;
}
.pt-40,
.py-40 {
padding-top: 40px !important;
}
.pr-40,
.px-40 {
padding-right: 40px !important;
}
.pb-40,
.py-40 {
padding-bottom: 40px !important;
}
.pl-40,
.px-40 {
padding-left: 40px !important;
}
.p-48 {
padding: 48px !important;
}
.pt-48,
.py-48 {
padding-top: 48px !important;
}
.pr-48,
.px-48 {
padding-right: 48px !important;
}
.pb-48,
.py-48 {
padding-bottom: 48px !important;
}
.pl-48,
.px-48 {
padding-left: 48px !important;
}
.p-64 {
padding: 64px !important;
}
.pt-64,
.py-64 {
padding-top: 64px !important;
}
.pr-64,
.px-64 {
padding-right: 64px !important;
}
.pb-64,
.py-64 {
padding-bottom: 64px !important;
}
.pl-64,
.px-64 {
padding-left: 64px !important;
}
.p-70 {
padding: 70px !important;
}
.pt-70,
.py-70 {
padding-top: 70px !important;
}
.pr-70,
.px-70 {
padding-right: 70px !important;
}
.pb-70,
.py-70 {
padding-bottom: 70px !important;
}
.pl-70,
.px-70 {
padding-left: 70px !important;
}
.p-80 {
padding: 80px !important;
}
.pt-80,
.py-80 {
padding-top: 80px !important;
}
.pr-80,
.px-80 {
padding-right: 80px !important;
}
.pb-80,
.py-80 {
padding-bottom: 80px !important;
}
.pl-80,
.px-80 {
padding-left: 80px !important;
}
.p-96 {
padding: 96px !important;
}
.pt-96,
.py-96 {
padding-top: 96px !important;
}
.pr-96,
.px-96 {
padding-right: 96px !important;
}
.pb-96,
.py-96 {
padding-bottom: 96px !important;
}
.pl-96,
.px-96 {
padding-left: 96px !important;
}
.p-128 {
padding: 128px !important;
}
.pt-128,
.py-128 {
padding-top: 128px !important;
}
.pr-128,
.px-128 {
padding-right: 128px !important;
}
.pb-128,
.py-128 {
padding-bottom: 128px !important;
}
.pl-128,
.px-128 {
padding-left: 128px !important;
}
.m-n4 {
margin: -4px !important;
}
.mt-n4,
.my-n4 {
margin-top: -4px !important;
}
.mr-n4,
.mx-n4 {
margin-right: -4px !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -4px !important;
}
.ml-n4,
.mx-n4 {
margin-left: -4px !important;
}
.m-n8 {
margin: -8px !important;
}
.mt-n8,
.my-n8 {
margin-top: -8px !important;
}
.mr-n8,
.mx-n8 {
margin-right: -8px !important;
}
.mb-n8,
.my-n8 {
margin-bottom: -8px !important;
}
.ml-n8,
.mx-n8 {
margin-left: -8px !important;
}
.m-n12 {
margin: -12px !important;
}
.mt-n12,
.my-n12 {
margin-top: -12px !important;
}
.mr-n12,
.mx-n12 {
margin-right: -12px !important;
}
.mb-n12,
.my-n12 {
margin-bottom: -12px !important;
}
.ml-n12,
.mx-n12 {
margin-left: -12px !important;
}
.m-n16 {
margin: -16px !important;
}
.mt-n16,
.my-n16 {
margin-top: -16px !important;
}
.mr-n16,
.mx-n16 {
margin-right: -16px !important;
}
.mb-n16,
.my-n16 {
margin-bottom: -16px !important;
}
.ml-n16,
.mx-n16 {
margin-left: -16px !important;
}
.m-n20 {
margin: -20px !important;
}
.mt-n20,
.my-n20 {
margin-top: -20px !important;
}
.mr-n20,
.mx-n20 {
margin-right: -20px !important;
}
.mb-n20,
.my-n20 {
margin-bottom: -20px !important;
}
.ml-n20,
.mx-n20 {
margin-left: -20px !important;
}
.m-n24 {
margin: -24px !important;
}
.mt-n24,
.my-n24 {
margin-top: -24px !important;
}
.mr-n24,
.mx-n24 {
margin-right: -24px !important;
}
.mb-n24,
.my-n24 {
margin-bottom: -24px !important;
}
.ml-n24,
.mx-n24 {
margin-left: -24px !important;
}
.m-n32 {
margin: -32px !important;
}
.mt-n32,
.my-n32 {
margin-top: -32px !important;
}
.mr-n32,
.mx-n32 {
margin-right: -32px !important;
}
.mb-n32,
.my-n32 {
margin-bottom: -32px !important;
}
.ml-n32,
.mx-n32 {
margin-left: -32px !important;
}
.m-n40 {
margin: -40px !important;
}
.mt-n40,
.my-n40 {
margin-top: -40px !important;
}
.mr-n40,
.mx-n40 {
margin-right: -40px !important;
}
.mb-n40,
.my-n40 {
margin-bottom: -40px !important;
}
.ml-n40,
.mx-n40 {
margin-left: -40px !important;
}
.m-n48 {
margin: -48px !important;
}
.mt-n48,
.my-n48 {
margin-top: -48px !important;
}
.mr-n48,
.mx-n48 {
margin-right: -48px !important;
}
.mb-n48,
.my-n48 {
margin-bottom: -48px !important;
}
.ml-n48,
.mx-n48 {
margin-left: -48px !important;
}
.m-n64 {
margin: -64px !important;
}
.mt-n64,
.my-n64 {
margin-top: -64px !important;
}
.mr-n64,
.mx-n64 {
margin-right: -64px !important;
}
.mb-n64,
.my-n64 {
margin-bottom: -64px !important;
}
.ml-n64,
.mx-n64 {
margin-left: -64px !important;
}
.m-n70 {
margin: -70px !important;
}
.mt-n70,
.my-n70 {
margin-top: -70px !important;
}
.mr-n70,
.mx-n70 {
margin-right: -70px !important;
}
.mb-n70,
.my-n70 {
margin-bottom: -70px !important;
}
.ml-n70,
.mx-n70 {
margin-left: -70px !important;
}
.m-n80 {
margin: -80px !important;
}
.mt-n80,
.my-n80 {
margin-top: -80px !important;
}
.mr-n80,
.mx-n80 {
margin-right: -80px !important;
}
.mb-n80,
.my-n80 {
margin-bottom: -80px !important;
}
.ml-n80,
.mx-n80 {
margin-left: -80px !important;
}
.m-n96 {
margin: -96px !important;
}
.mt-n96,
.my-n96 {
margin-top: -96px !important;
}
.mr-n96,
.mx-n96 {
margin-right: -96px !important;
}
.mb-n96,
.my-n96 {
margin-bottom: -96px !important;
}
.ml-n96,
.mx-n96 {
margin-left: -96px !important;
}
.m-n128 {
margin: -128px !important;
}
.mt-n128,
.my-n128 {
margin-top: -128px !important;
}
.mr-n128,
.mx-n128 {
margin-right: -128px !important;
}
.mb-n128,
.my-n128 {
margin-bottom: -128px !important;
}
.ml-n128,
.mx-n128 {
margin-left: -128px !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-4 {
margin: 4px !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 4px !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 4px !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 4px !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 4px !important;
}
.m-sm-8 {
margin: 8px !important;
}
.mt-sm-8,
.my-sm-8 {
margin-top: 8px !important;
}
.mr-sm-8,
.mx-sm-8 {
margin-right: 8px !important;
}
.mb-sm-8,
.my-sm-8 {
margin-bottom: 8px !important;
}
.ml-sm-8,
.mx-sm-8 {
margin-left: 8px !important;
}
.m-sm-12 {
margin: 12px !important;
}
.mt-sm-12,
.my-sm-12 {
margin-top: 12px !important;
}
.mr-sm-12,
.mx-sm-12 {
margin-right: 12px !important;
}
.mb-sm-12,
.my-sm-12 {
margin-bottom: 12px !important;
}
.ml-sm-12,
.mx-sm-12 {
margin-left: 12px !important;
}
.m-sm-16 {
margin: 16px !important;
}
.mt-sm-16,
.my-sm-16 {
margin-top: 16px !important;
}
.mr-sm-16,
.mx-sm-16 {
margin-right: 16px !important;
}
.mb-sm-16,
.my-sm-16 {
margin-bottom: 16px !important;
}
.ml-sm-16,
.mx-sm-16 {
margin-left: 16px !important;
}
.m-sm-20 {
margin: 20px !important;
}
.mt-sm-20,
.my-sm-20 {
margin-top: 20px !important;
}
.mr-sm-20,
.mx-sm-20 {
margin-right: 20px !important;
}
.mb-sm-20,
.my-sm-20 {
margin-bottom: 20px !important;
}
.ml-sm-20,
.mx-sm-20 {
margin-left: 20px !important;
}
.m-sm-24 {
margin: 24px !important;
}
.mt-sm-24,
.my-sm-24 {
margin-top: 24px !important;
}
.mr-sm-24,
.mx-sm-24 {
margin-right: 24px !important;
}
.mb-sm-24,
.my-sm-24 {
margin-bottom: 24px !important;
}
.ml-sm-24,
.mx-sm-24 {
margin-left: 24px !important;
}
.m-sm-32 {
margin: 32px !important;
}
.mt-sm-32,
.my-sm-32 {
margin-top: 32px !important;
}
.mr-sm-32,
.mx-sm-32 {
margin-right: 32px !important;
}
.mb-sm-32,
.my-sm-32 {
margin-bottom: 32px !important;
}
.ml-sm-32,
.mx-sm-32 {
margin-left: 32px !important;
}
.m-sm-40 {
margin: 40px !important;
}
.mt-sm-40,
.my-sm-40 {
margin-top: 40px !important;
}
.mr-sm-40,
.mx-sm-40 {
margin-right: 40px !important;
}
.mb-sm-40,
.my-sm-40 {
margin-bottom: 40px !important;
}
.ml-sm-40,
.mx-sm-40 {
margin-left: 40px !important;
}
.m-sm-48 {
margin: 48px !important;
}
.mt-sm-48,
.my-sm-48 {
margin-top: 48px !important;
}
.mr-sm-48,
.mx-sm-48 {
margin-right: 48px !important;
}
.mb-sm-48,
.my-sm-48 {
margin-bottom: 48px !important;
}
.ml-sm-48,
.mx-sm-48 {
margin-left: 48px !important;
}
.m-sm-64 {
margin: 64px !important;
}
.mt-sm-64,
.my-sm-64 {
margin-top: 64px !important;
}
.mr-sm-64,
.mx-sm-64 {
margin-right: 64px !important;
}
.mb-sm-64,
.my-sm-64 {
margin-bottom: 64px !important;
}
.ml-sm-64,
.mx-sm-64 {
margin-left: 64px !important;
}
.m-sm-70 {
margin: 70px !important;
}
.mt-sm-70,
.my-sm-70 {
margin-top: 70px !important;
}
.mr-sm-70,
.mx-sm-70 {
margin-right: 70px !important;
}
.mb-sm-70,
.my-sm-70 {
margin-bottom: 70px !important;
}
.ml-sm-70,
.mx-sm-70 {
margin-left: 70px !important;
}
.m-sm-80 {
margin: 80px !important;
}
.mt-sm-80,
.my-sm-80 {
margin-top: 80px !important;
}
.mr-sm-80,
.mx-sm-80 {
margin-right: 80px !important;
}
.mb-sm-80,
.my-sm-80 {
margin-bottom: 80px !important;
}
.ml-sm-80,
.mx-sm-80 {
margin-left: 80px !important;
}
.m-sm-96 {
margin: 96px !important;
}
.mt-sm-96,
.my-sm-96 {
margin-top: 96px !important;
}
.mr-sm-96,
.mx-sm-96 {
margin-right: 96px !important;
}
.mb-sm-96,
.my-sm-96 {
margin-bottom: 96px !important;
}
.ml-sm-96,
.mx-sm-96 {
margin-left: 96px !important;
}
.m-sm-128 {
margin: 128px !important;
}
.mt-sm-128,
.my-sm-128 {
margin-top: 128px !important;
}
.mr-sm-128,
.mx-sm-128 {
margin-right: 128px !important;
}
.mb-sm-128,
.my-sm-128 {
margin-bottom: 128px !important;
}
.ml-sm-128,
.mx-sm-128 {
margin-left: 128px !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-4 {
padding: 4px !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 4px !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 4px !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 4px !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 4px !important;
}
.p-sm-8 {
padding: 8px !important;
}
.pt-sm-8,
.py-sm-8 {
padding-top: 8px !important;
}
.pr-sm-8,
.px-sm-8 {
padding-right: 8px !important;
}
.pb-sm-8,
.py-sm-8 {
padding-bottom: 8px !important;
}
.pl-sm-8,
.px-sm-8 {
padding-left: 8px !important;
}
.p-sm-12 {
padding: 12px !important;
}
.pt-sm-12,
.py-sm-12 {
padding-top: 12px !important;
}
.pr-sm-12,
.px-sm-12 {
padding-right: 12px !important;
}
.pb-sm-12,
.py-sm-12 {
padding-bottom: 12px !important;
}
.pl-sm-12,
.px-sm-12 {
padding-left: 12px !important;
}
.p-sm-16 {
padding: 16px !important;
}
.pt-sm-16,
.py-sm-16 {
padding-top: 16px !important;
}
.pr-sm-16,
.px-sm-16 {
padding-right: 16px !important;
}
.pb-sm-16,
.py-sm-16 {
padding-bottom: 16px !important;
}
.pl-sm-16,
.px-sm-16 {
padding-left: 16px !important;
}
.p-sm-20 {
padding: 20px !important;
}
.pt-sm-20,
.py-sm-20 {
padding-top: 20px !important;
}
.pr-sm-20,
.px-sm-20 {
padding-right: 20px !important;
}
.pb-sm-20,
.py-sm-20 {
padding-bottom: 20px !important;
}
.pl-sm-20,
.px-sm-20 {
padding-left: 20px !important;
}
.p-sm-24 {
padding: 24px !important;
}
.pt-sm-24,
.py-sm-24 {
padding-top: 24px !important;
}
.pr-sm-24,
.px-sm-24 {
padding-right: 24px !important;
}
.pb-sm-24,
.py-sm-24 {
padding-bottom: 24px !important;
}
.pl-sm-24,
.px-sm-24 {
padding-left: 24px !important;
}
.p-sm-32 {
padding: 32px !important;
}
.pt-sm-32,
.py-sm-32 {
padding-top: 32px !important;
}
.pr-sm-32,
.px-sm-32 {
padding-right: 32px !important;
}
.pb-sm-32,
.py-sm-32 {
padding-bottom: 32px !important;
}
.pl-sm-32,
.px-sm-32 {
padding-left: 32px !important;
}
.p-sm-40 {
padding: 40px !important;
}
.pt-sm-40,
.py-sm-40 {
padding-top: 40px !important;
}
.pr-sm-40,
.px-sm-40 {
padding-right: 40px !important;
}
.pb-sm-40,
.py-sm-40 {
padding-bottom: 40px !important;
}
.pl-sm-40,
.px-sm-40 {
padding-left: 40px !important;
}
.p-sm-48 {
padding: 48px !important;
}
.pt-sm-48,
.py-sm-48 {
padding-top: 48px !important;
}
.pr-sm-48,
.px-sm-48 {
padding-right: 48px !important;
}
.pb-sm-48,
.py-sm-48 {
padding-bottom: 48px !important;
}
.pl-sm-48,
.px-sm-48 {
padding-left: 48px !important;
}
.p-sm-64 {
padding: 64px !important;
}
.pt-sm-64,
.py-sm-64 {
padding-top: 64px !important;
}
.pr-sm-64,
.px-sm-64 {
padding-right: 64px !important;
}
.pb-sm-64,
.py-sm-64 {
padding-bottom: 64px !important;
}
.pl-sm-64,
.px-sm-64 {
padding-left: 64px !important;
}
.p-sm-70 {
padding: 70px !important;
}
.pt-sm-70,
.py-sm-70 {
padding-top: 70px !important;
}
.pr-sm-70,
.px-sm-70 {
padding-right: 70px !important;
}
.pb-sm-70,
.py-sm-70 {
padding-bottom: 70px !important;
}
.pl-sm-70,
.px-sm-70 {
padding-left: 70px !important;
}
.p-sm-80 {
padding: 80px !important;
}
.pt-sm-80,
.py-sm-80 {
padding-top: 80px !important;
}
.pr-sm-80,
.px-sm-80 {
padding-right: 80px !important;
}
.pb-sm-80,
.py-sm-80 {
padding-bottom: 80px !important;
}
.pl-sm-80,
.px-sm-80 {
padding-left: 80px !important;
}
.p-sm-96 {
padding: 96px !important;
}
.pt-sm-96,
.py-sm-96 {
padding-top: 96px !important;
}
.pr-sm-96,
.px-sm-96 {
padding-right: 96px !important;
}
.pb-sm-96,
.py-sm-96 {
padding-bottom: 96px !important;
}
.pl-sm-96,
.px-sm-96 {
padding-left: 96px !important;
}
.p-sm-128 {
padding: 128px !important;
}
.pt-sm-128,
.py-sm-128 {
padding-top: 128px !important;
}
.pr-sm-128,
.px-sm-128 {
padding-right: 128px !important;
}
.pb-sm-128,
.py-sm-128 {
padding-bottom: 128px !important;
}
.pl-sm-128,
.px-sm-128 {
padding-left: 128px !important;
}
.m-sm-n4 {
margin: -4px !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -4px !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -4px !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -4px !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -4px !important;
}
.m-sm-n8 {
margin: -8px !important;
}
.mt-sm-n8,
.my-sm-n8 {
margin-top: -8px !important;
}
.mr-sm-n8,
.mx-sm-n8 {
margin-right: -8px !important;
}
.mb-sm-n8,
.my-sm-n8 {
margin-bottom: -8px !important;
}
.ml-sm-n8,
.mx-sm-n8 {
margin-left: -8px !important;
}
.m-sm-n12 {
margin: -12px !important;
}
.mt-sm-n12,
.my-sm-n12 {
margin-top: -12px !important;
}
.mr-sm-n12,
.mx-sm-n12 {
margin-right: -12px !important;
}
.mb-sm-n12,
.my-sm-n12 {
margin-bottom: -12px !important;
}
.ml-sm-n12,
.mx-sm-n12 {
margin-left: -12px !important;
}
.m-sm-n16 {
margin: -16px !important;
}
.mt-sm-n16,
.my-sm-n16 {
margin-top: -16px !important;
}
.mr-sm-n16,
.mx-sm-n16 {
margin-right: -16px !important;
}
.mb-sm-n16,
.my-sm-n16 {
margin-bottom: -16px !important;
}
.ml-sm-n16,
.mx-sm-n16 {
margin-left: -16px !important;
}
.m-sm-n20 {
margin: -20px !important;
}
.mt-sm-n20,
.my-sm-n20 {
margin-top: -20px !important;
}
.mr-sm-n20,
.mx-sm-n20 {
margin-right: -20px !important;
}
.mb-sm-n20,
.my-sm-n20 {
margin-bottom: -20px !important;
}
.ml-sm-n20,
.mx-sm-n20 {
margin-left: -20px !important;
}
.m-sm-n24 {
margin: -24px !important;
}
.mt-sm-n24,
.my-sm-n24 {
margin-top: -24px !important;
}
.mr-sm-n24,
.mx-sm-n24 {
margin-right: -24px !important;
}
.mb-sm-n24,
.my-sm-n24 {
margin-bottom: -24px !important;
}
.ml-sm-n24,
.mx-sm-n24 {
margin-left: -24px !important;
}
.m-sm-n32 {
margin: -32px !important;
}
.mt-sm-n32,
.my-sm-n32 {
margin-top: -32px !important;
}
.mr-sm-n32,
.mx-sm-n32 {
margin-right: -32px !important;
}
.mb-sm-n32,
.my-sm-n32 {
margin-bottom: -32px !important;
}
.ml-sm-n32,
.mx-sm-n32 {
margin-left: -32px !important;
}
.m-sm-n40 {
margin: -40px !important;
}
.mt-sm-n40,
.my-sm-n40 {
margin-top: -40px !important;
}
.mr-sm-n40,
.mx-sm-n40 {
margin-right: -40px !important;
}
.mb-sm-n40,
.my-sm-n40 {
margin-bottom: -40px !important;
}
.ml-sm-n40,
.mx-sm-n40 {
margin-left: -40px !important;
}
.m-sm-n48 {
margin: -48px !important;
}
.mt-sm-n48,
.my-sm-n48 {
margin-top: -48px !important;
}
.mr-sm-n48,
.mx-sm-n48 {
margin-right: -48px !important;
}
.mb-sm-n48,
.my-sm-n48 {
margin-bottom: -48px !important;
}
.ml-sm-n48,
.mx-sm-n48 {
margin-left: -48px !important;
}
.m-sm-n64 {
margin: -64px !important;
}
.mt-sm-n64,
.my-sm-n64 {
margin-top: -64px !important;
}
.mr-sm-n64,
.mx-sm-n64 {
margin-right: -64px !important;
}
.mb-sm-n64,
.my-sm-n64 {
margin-bottom: -64px !important;
}
.ml-sm-n64,
.mx-sm-n64 {
margin-left: -64px !important;
}
.m-sm-n70 {
margin: -70px !important;
}
.mt-sm-n70,
.my-sm-n70 {
margin-top: -70px !important;
}
.mr-sm-n70,
.mx-sm-n70 {
margin-right: -70px !important;
}
.mb-sm-n70,
.my-sm-n70 {
margin-bottom: -70px !important;
}
.ml-sm-n70,
.mx-sm-n70 {
margin-left: -70px !important;
}
.m-sm-n80 {
margin: -80px !important;
}
.mt-sm-n80,
.my-sm-n80 {
margin-top: -80px !important;
}
.mr-sm-n80,
.mx-sm-n80 {
margin-right: -80px !important;
}
.mb-sm-n80,
.my-sm-n80 {
margin-bottom: -80px !important;
}
.ml-sm-n80,
.mx-sm-n80 {
margin-left: -80px !important;
}
.m-sm-n96 {
margin: -96px !important;
}
.mt-sm-n96,
.my-sm-n96 {
margin-top: -96px !important;
}
.mr-sm-n96,
.mx-sm-n96 {
margin-right: -96px !important;
}
.mb-sm-n96,
.my-sm-n96 {
margin-bottom: -96px !important;
}
.ml-sm-n96,
.mx-sm-n96 {
margin-left: -96px !important;
}
.m-sm-n128 {
margin: -128px !important;
}
.mt-sm-n128,
.my-sm-n128 {
margin-top: -128px !important;
}
.mr-sm-n128,
.mx-sm-n128 {
margin-right: -128px !important;
}
.mb-sm-n128,
.my-sm-n128 {
margin-bottom: -128px !important;
}
.ml-sm-n128,
.mx-sm-n128 {
margin-left: -128px !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-4 {
margin: 4px !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 4px !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 4px !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 4px !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 4px !important;
}
.m-md-8 {
margin: 8px !important;
}
.mt-md-8,
.my-md-8 {
margin-top: 8px !important;
}
.mr-md-8,
.mx-md-8 {
margin-right: 8px !important;
}
.mb-md-8,
.my-md-8 {
margin-bottom: 8px !important;
}
.ml-md-8,
.mx-md-8 {
margin-left: 8px !important;
}
.m-md-12 {
margin: 12px !important;
}
.mt-md-12,
.my-md-12 {
margin-top: 12px !important;
}
.mr-md-12,
.mx-md-12 {
margin-right: 12px !important;
}
.mb-md-12,
.my-md-12 {
margin-bottom: 12px !important;
}
.ml-md-12,
.mx-md-12 {
margin-left: 12px !important;
}
.m-md-16 {
margin: 16px !important;
}
.mt-md-16,
.my-md-16 {
margin-top: 16px !important;
}
.mr-md-16,
.mx-md-16 {
margin-right: 16px !important;
}
.mb-md-16,
.my-md-16 {
margin-bottom: 16px !important;
}
.ml-md-16,
.mx-md-16 {
margin-left: 16px !important;
}
.m-md-20 {
margin: 20px !important;
}
.mt-md-20,
.my-md-20 {
margin-top: 20px !important;
}
.mr-md-20,
.mx-md-20 {
margin-right: 20px !important;
}
.mb-md-20,
.my-md-20 {
margin-bottom: 20px !important;
}
.ml-md-20,
.mx-md-20 {
margin-left: 20px !important;
}
.m-md-24 {
margin: 24px !important;
}
.mt-md-24,
.my-md-24 {
margin-top: 24px !important;
}
.mr-md-24,
.mx-md-24 {
margin-right: 24px !important;
}
.mb-md-24,
.my-md-24 {
margin-bottom: 24px !important;
}
.ml-md-24,
.mx-md-24 {
margin-left: 24px !important;
}
.m-md-32 {
margin: 32px !important;
}
.mt-md-32,
.my-md-32 {
margin-top: 32px !important;
}
.mr-md-32,
.mx-md-32 {
margin-right: 32px !important;
}
.mb-md-32,
.my-md-32 {
margin-bottom: 32px !important;
}
.ml-md-32,
.mx-md-32 {
margin-left: 32px !important;
}
.m-md-40 {
margin: 40px !important;
}
.mt-md-40,
.my-md-40 {
margin-top: 40px !important;
}
.mr-md-40,
.mx-md-40 {
margin-right: 40px !important;
}
.mb-md-40,
.my-md-40 {
margin-bottom: 40px !important;
}
.ml-md-40,
.mx-md-40 {
margin-left: 40px !important;
}
.m-md-48 {
margin: 48px !important;
}
.mt-md-48,
.my-md-48 {
margin-top: 48px !important;
}
.mr-md-48,
.mx-md-48 {
margin-right: 48px !important;
}
.mb-md-48,
.my-md-48 {
margin-bottom: 48px !important;
}
.ml-md-48,
.mx-md-48 {
margin-left: 48px !important;
}
.m-md-64 {
margin: 64px !important;
}
.mt-md-64,
.my-md-64 {
margin-top: 64px !important;
}
.mr-md-64,
.mx-md-64 {
margin-right: 64px !important;
}
.mb-md-64,
.my-md-64 {
margin-bottom: 64px !important;
}
.ml-md-64,
.mx-md-64 {
margin-left: 64px !important;
}
.m-md-70 {
margin: 70px !important;
}
.mt-md-70,
.my-md-70 {
margin-top: 70px !important;
}
.mr-md-70,
.mx-md-70 {
margin-right: 70px !important;
}
.mb-md-70,
.my-md-70 {
margin-bottom: 70px !important;
}
.ml-md-70,
.mx-md-70 {
margin-left: 70px !important;
}
.m-md-80 {
margin: 80px !important;
}
.mt-md-80,
.my-md-80 {
margin-top: 80px !important;
}
.mr-md-80,
.mx-md-80 {
margin-right: 80px !important;
}
.mb-md-80,
.my-md-80 {
margin-bottom: 80px !important;
}
.ml-md-80,
.mx-md-80 {
margin-left: 80px !important;
}
.m-md-96 {
margin: 96px !important;
}
.mt-md-96,
.my-md-96 {
margin-top: 96px !important;
}
.mr-md-96,
.mx-md-96 {
margin-right: 96px !important;
}
.mb-md-96,
.my-md-96 {
margin-bottom: 96px !important;
}
.ml-md-96,
.mx-md-96 {
margin-left: 96px !important;
}
.m-md-128 {
margin: 128px !important;
}
.mt-md-128,
.my-md-128 {
margin-top: 128px !important;
}
.mr-md-128,
.mx-md-128 {
margin-right: 128px !important;
}
.mb-md-128,
.my-md-128 {
margin-bottom: 128px !important;
}
.ml-md-128,
.mx-md-128 {
margin-left: 128px !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-4 {
padding: 4px !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 4px !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 4px !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 4px !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 4px !important;
}
.p-md-8 {
padding: 8px !important;
}
.pt-md-8,
.py-md-8 {
padding-top: 8px !important;
}
.pr-md-8,
.px-md-8 {
padding-right: 8px !important;
}
.pb-md-8,
.py-md-8 {
padding-bottom: 8px !important;
}
.pl-md-8,
.px-md-8 {
padding-left: 8px !important;
}
.p-md-12 {
padding: 12px !important;
}
.pt-md-12,
.py-md-12 {
padding-top: 12px !important;
}
.pr-md-12,
.px-md-12 {
padding-right: 12px !important;
}
.pb-md-12,
.py-md-12 {
padding-bottom: 12px !important;
}
.pl-md-12,
.px-md-12 {
padding-left: 12px !important;
}
.p-md-16 {
padding: 16px !important;
}
.pt-md-16,
.py-md-16 {
padding-top: 16px !important;
}
.pr-md-16,
.px-md-16 {
padding-right: 16px !important;
}
.pb-md-16,
.py-md-16 {
padding-bottom: 16px !important;
}
.pl-md-16,
.px-md-16 {
padding-left: 16px !important;
}
.p-md-20 {
padding: 20px !important;
}
.pt-md-20,
.py-md-20 {
padding-top: 20px !important;
}
.pr-md-20,
.px-md-20 {
padding-right: 20px !important;
}
.pb-md-20,
.py-md-20 {
padding-bottom: 20px !important;
}
.pl-md-20,
.px-md-20 {
padding-left: 20px !important;
}
.p-md-24 {
padding: 24px !important;
}
.pt-md-24,
.py-md-24 {
padding-top: 24px !important;
}
.pr-md-24,
.px-md-24 {
padding-right: 24px !important;
}
.pb-md-24,
.py-md-24 {
padding-bottom: 24px !important;
}
.pl-md-24,
.px-md-24 {
padding-left: 24px !important;
}
.p-md-32 {
padding: 32px !important;
}
.pt-md-32,
.py-md-32 {
padding-top: 32px !important;
}
.pr-md-32,
.px-md-32 {
padding-right: 32px !important;
}
.pb-md-32,
.py-md-32 {
padding-bottom: 32px !important;
}
.pl-md-32,
.px-md-32 {
padding-left: 32px !important;
}
.p-md-40 {
padding: 40px !important;
}
.pt-md-40,
.py-md-40 {
padding-top: 40px !important;
}
.pr-md-40,
.px-md-40 {
padding-right: 40px !important;
}
.pb-md-40,
.py-md-40 {
padding-bottom: 40px !important;
}
.pl-md-40,
.px-md-40 {
padding-left: 40px !important;
}
.p-md-48 {
padding: 48px !important;
}
.pt-md-48,
.py-md-48 {
padding-top: 48px !important;
}
.pr-md-48,
.px-md-48 {
padding-right: 48px !important;
}
.pb-md-48,
.py-md-48 {
padding-bottom: 48px !important;
}
.pl-md-48,
.px-md-48 {
padding-left: 48px !important;
}
.p-md-64 {
padding: 64px !important;
}
.pt-md-64,
.py-md-64 {
padding-top: 64px !important;
}
.pr-md-64,
.px-md-64 {
padding-right: 64px !important;
}
.pb-md-64,
.py-md-64 {
padding-bottom: 64px !important;
}
.pl-md-64,
.px-md-64 {
padding-left: 64px !important;
}
.p-md-70 {
padding: 70px !important;
}
.pt-md-70,
.py-md-70 {
padding-top: 70px !important;
}
.pr-md-70,
.px-md-70 {
padding-right: 70px !important;
}
.pb-md-70,
.py-md-70 {
padding-bottom: 70px !important;
}
.pl-md-70,
.px-md-70 {
padding-left: 70px !important;
}
.p-md-80 {
padding: 80px !important;
}
.pt-md-80,
.py-md-80 {
padding-top: 80px !important;
}
.pr-md-80,
.px-md-80 {
padding-right: 80px !important;
}
.pb-md-80,
.py-md-80 {
padding-bottom: 80px !important;
}
.pl-md-80,
.px-md-80 {
padding-left: 80px !important;
}
.p-md-96 {
padding: 96px !important;
}
.pt-md-96,
.py-md-96 {
padding-top: 96px !important;
}
.pr-md-96,
.px-md-96 {
padding-right: 96px !important;
}
.pb-md-96,
.py-md-96 {
padding-bottom: 96px !important;
}
.pl-md-96,
.px-md-96 {
padding-left: 96px !important;
}
.p-md-128 {
padding: 128px !important;
}
.pt-md-128,
.py-md-128 {
padding-top: 128px !important;
}
.pr-md-128,
.px-md-128 {
padding-right: 128px !important;
}
.pb-md-128,
.py-md-128 {
padding-bottom: 128px !important;
}
.pl-md-128,
.px-md-128 {
padding-left: 128px !important;
}
.m-md-n4 {
margin: -4px !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -4px !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -4px !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -4px !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -4px !important;
}
.m-md-n8 {
margin: -8px !important;
}
.mt-md-n8,
.my-md-n8 {
margin-top: -8px !important;
}
.mr-md-n8,
.mx-md-n8 {
margin-right: -8px !important;
}
.mb-md-n8,
.my-md-n8 {
margin-bottom: -8px !important;
}
.ml-md-n8,
.mx-md-n8 {
margin-left: -8px !important;
}
.m-md-n12 {
margin: -12px !important;
}
.mt-md-n12,
.my-md-n12 {
margin-top: -12px !important;
}
.mr-md-n12,
.mx-md-n12 {
margin-right: -12px !important;
}
.mb-md-n12,
.my-md-n12 {
margin-bottom: -12px !important;
}
.ml-md-n12,
.mx-md-n12 {
margin-left: -12px !important;
}
.m-md-n16 {
margin: -16px !important;
}
.mt-md-n16,
.my-md-n16 {
margin-top: -16px !important;
}
.mr-md-n16,
.mx-md-n16 {
margin-right: -16px !important;
}
.mb-md-n16,
.my-md-n16 {
margin-bottom: -16px !important;
}
.ml-md-n16,
.mx-md-n16 {
margin-left: -16px !important;
}
.m-md-n20 {
margin: -20px !important;
}
.mt-md-n20,
.my-md-n20 {
margin-top: -20px !important;
}
.mr-md-n20,
.mx-md-n20 {
margin-right: -20px !important;
}
.mb-md-n20,
.my-md-n20 {
margin-bottom: -20px !important;
}
.ml-md-n20,
.mx-md-n20 {
margin-left: -20px !important;
}
.m-md-n24 {
margin: -24px !important;
}
.mt-md-n24,
.my-md-n24 {
margin-top: -24px !important;
}
.mr-md-n24,
.mx-md-n24 {
margin-right: -24px !important;
}
.mb-md-n24,
.my-md-n24 {
margin-bottom: -24px !important;
}
.ml-md-n24,
.mx-md-n24 {
margin-left: -24px !important;
}
.m-md-n32 {
margin: -32px !important;
}
.mt-md-n32,
.my-md-n32 {
margin-top: -32px !important;
}
.mr-md-n32,
.mx-md-n32 {
margin-right: -32px !important;
}
.mb-md-n32,
.my-md-n32 {
margin-bottom: -32px !important;
}
.ml-md-n32,
.mx-md-n32 {
margin-left: -32px !important;
}
.m-md-n40 {
margin: -40px !important;
}
.mt-md-n40,
.my-md-n40 {
margin-top: -40px !important;
}
.mr-md-n40,
.mx-md-n40 {
margin-right: -40px !important;
}
.mb-md-n40,
.my-md-n40 {
margin-bottom: -40px !important;
}
.ml-md-n40,
.mx-md-n40 {
margin-left: -40px !important;
}
.m-md-n48 {
margin: -48px !important;
}
.mt-md-n48,
.my-md-n48 {
margin-top: -48px !important;
}
.mr-md-n48,
.mx-md-n48 {
margin-right: -48px !important;
}
.mb-md-n48,
.my-md-n48 {
margin-bottom: -48px !important;
}
.ml-md-n48,
.mx-md-n48 {
margin-left: -48px !important;
}
.m-md-n64 {
margin: -64px !important;
}
.mt-md-n64,
.my-md-n64 {
margin-top: -64px !important;
}
.mr-md-n64,
.mx-md-n64 {
margin-right: -64px !important;
}
.mb-md-n64,
.my-md-n64 {
margin-bottom: -64px !important;
}
.ml-md-n64,
.mx-md-n64 {
margin-left: -64px !important;
}
.m-md-n70 {
margin: -70px !important;
}
.mt-md-n70,
.my-md-n70 {
margin-top: -70px !important;
}
.mr-md-n70,
.mx-md-n70 {
margin-right: -70px !important;
}
.mb-md-n70,
.my-md-n70 {
margin-bottom: -70px !important;
}
.ml-md-n70,
.mx-md-n70 {
margin-left: -70px !important;
}
.m-md-n80 {
margin: -80px !important;
}
.mt-md-n80,
.my-md-n80 {
margin-top: -80px !important;
}
.mr-md-n80,
.mx-md-n80 {
margin-right: -80px !important;
}
.mb-md-n80,
.my-md-n80 {
margin-bottom: -80px !important;
}
.ml-md-n80,
.mx-md-n80 {
margin-left: -80px !important;
}
.m-md-n96 {
margin: -96px !important;
}
.mt-md-n96,
.my-md-n96 {
margin-top: -96px !important;
}
.mr-md-n96,
.mx-md-n96 {
margin-right: -96px !important;
}
.mb-md-n96,
.my-md-n96 {
margin-bottom: -96px !important;
}
.ml-md-n96,
.mx-md-n96 {
margin-left: -96px !important;
}
.m-md-n128 {
margin: -128px !important;
}
.mt-md-n128,
.my-md-n128 {
margin-top: -128px !important;
}
.mr-md-n128,
.mx-md-n128 {
margin-right: -128px !important;
}
.mb-md-n128,
.my-md-n128 {
margin-bottom: -128px !important;
}
.ml-md-n128,
.mx-md-n128 {
margin-left: -128px !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-4 {
margin: 4px !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 4px !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 4px !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 4px !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 4px !important;
}
.m-lg-8 {
margin: 8px !important;
}
.mt-lg-8,
.my-lg-8 {
margin-top: 8px !important;
}
.mr-lg-8,
.mx-lg-8 {
margin-right: 8px !important;
}
.mb-lg-8,
.my-lg-8 {
margin-bottom: 8px !important;
}
.ml-lg-8,
.mx-lg-8 {
margin-left: 8px !important;
}
.m-lg-12 {
margin: 12px !important;
}
.mt-lg-12,
.my-lg-12 {
margin-top: 12px !important;
}
.mr-lg-12,
.mx-lg-12 {
margin-right: 12px !important;
}
.mb-lg-12,
.my-lg-12 {
margin-bottom: 12px !important;
}
.ml-lg-12,
.mx-lg-12 {
margin-left: 12px !important;
}
.m-lg-16 {
margin: 16px !important;
}
.mt-lg-16,
.my-lg-16 {
margin-top: 16px !important;
}
.mr-lg-16,
.mx-lg-16 {
margin-right: 16px !important;
}
.mb-lg-16,
.my-lg-16 {
margin-bottom: 16px !important;
}
.ml-lg-16,
.mx-lg-16 {
margin-left: 16px !important;
}
.m-lg-20 {
margin: 20px !important;
}
.mt-lg-20,
.my-lg-20 {
margin-top: 20px !important;
}
.mr-lg-20,
.mx-lg-20 {
margin-right: 20px !important;
}
.mb-lg-20,
.my-lg-20 {
margin-bottom: 20px !important;
}
.ml-lg-20,
.mx-lg-20 {
margin-left: 20px !important;
}
.m-lg-24 {
margin: 24px !important;
}
.mt-lg-24,
.my-lg-24 {
margin-top: 24px !important;
}
.mr-lg-24,
.mx-lg-24 {
margin-right: 24px !important;
}
.mb-lg-24,
.my-lg-24 {
margin-bottom: 24px !important;
}
.ml-lg-24,
.mx-lg-24 {
margin-left: 24px !important;
}
.m-lg-32 {
margin: 32px !important;
}
.mt-lg-32,
.my-lg-32 {
margin-top: 32px !important;
}
.mr-lg-32,
.mx-lg-32 {
margin-right: 32px !important;
}
.mb-lg-32,
.my-lg-32 {
margin-bottom: 32px !important;
}
.ml-lg-32,
.mx-lg-32 {
margin-left: 32px !important;
}
.m-lg-40 {
margin: 40px !important;
}
.mt-lg-40,
.my-lg-40 {
margin-top: 40px !important;
}
.mr-lg-40,
.mx-lg-40 {
margin-right: 40px !important;
}
.mb-lg-40,
.my-lg-40 {
margin-bottom: 40px !important;
}
.ml-lg-40,
.mx-lg-40 {
margin-left: 40px !important;
}
.m-lg-48 {
margin: 48px !important;
}
.mt-lg-48,
.my-lg-48 {
margin-top: 48px !important;
}
.mr-lg-48,
.mx-lg-48 {
margin-right: 48px !important;
}
.mb-lg-48,
.my-lg-48 {
margin-bottom: 48px !important;
}
.ml-lg-48,
.mx-lg-48 {
margin-left: 48px !important;
}
.m-lg-64 {
margin: 64px !important;
}
.mt-lg-64,
.my-lg-64 {
margin-top: 64px !important;
}
.mr-lg-64,
.mx-lg-64 {
margin-right: 64px !important;
}
.mb-lg-64,
.my-lg-64 {
margin-bottom: 64px !important;
}
.ml-lg-64,
.mx-lg-64 {
margin-left: 64px !important;
}
.m-lg-70 {
margin: 70px !important;
}
.mt-lg-70,
.my-lg-70 {
margin-top: 70px !important;
}
.mr-lg-70,
.mx-lg-70 {
margin-right: 70px !important;
}
.mb-lg-70,
.my-lg-70 {
margin-bottom: 70px !important;
}
.ml-lg-70,
.mx-lg-70 {
margin-left: 70px !important;
}
.m-lg-80 {
margin: 80px !important;
}
.mt-lg-80,
.my-lg-80 {
margin-top: 80px !important;
}
.mr-lg-80,
.mx-lg-80 {
margin-right: 80px !important;
}
.mb-lg-80,
.my-lg-80 {
margin-bottom: 80px !important;
}
.ml-lg-80,
.mx-lg-80 {
margin-left: 80px !important;
}
.m-lg-96 {
margin: 96px !important;
}
.mt-lg-96,
.my-lg-96 {
margin-top: 96px !important;
}
.mr-lg-96,
.mx-lg-96 {
margin-right: 96px !important;
}
.mb-lg-96,
.my-lg-96 {
margin-bottom: 96px !important;
}
.ml-lg-96,
.mx-lg-96 {
margin-left: 96px !important;
}
.m-lg-128 {
margin: 128px !important;
}
.mt-lg-128,
.my-lg-128 {
margin-top: 128px !important;
}
.mr-lg-128,
.mx-lg-128 {
margin-right: 128px !important;
}
.mb-lg-128,
.my-lg-128 {
margin-bottom: 128px !important;
}
.ml-lg-128,
.mx-lg-128 {
margin-left: 128px !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-4 {
padding: 4px !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 4px !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 4px !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 4px !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 4px !important;
}
.p-lg-8 {
padding: 8px !important;
}
.pt-lg-8,
.py-lg-8 {
padding-top: 8px !important;
}
.pr-lg-8,
.px-lg-8 {
padding-right: 8px !important;
}
.pb-lg-8,
.py-lg-8 {
padding-bottom: 8px !important;
}
.pl-lg-8,
.px-lg-8 {
padding-left: 8px !important;
}
.p-lg-12 {
padding: 12px !important;
}
.pt-lg-12,
.py-lg-12 {
padding-top: 12px !important;
}
.pr-lg-12,
.px-lg-12 {
padding-right: 12px !important;
}
.pb-lg-12,
.py-lg-12 {
padding-bottom: 12px !important;
}
.pl-lg-12,
.px-lg-12 {
padding-left: 12px !important;
}
.p-lg-16 {
padding: 16px !important;
}
.pt-lg-16,
.py-lg-16 {
padding-top: 16px !important;
}
.pr-lg-16,
.px-lg-16 {
padding-right: 16px !important;
}
.pb-lg-16,
.py-lg-16 {
padding-bottom: 16px !important;
}
.pl-lg-16,
.px-lg-16 {
padding-left: 16px !important;
}
.p-lg-20 {
padding: 20px !important;
}
.pt-lg-20,
.py-lg-20 {
padding-top: 20px !important;
}
.pr-lg-20,
.px-lg-20 {
padding-right: 20px !important;
}
.pb-lg-20,
.py-lg-20 {
padding-bottom: 20px !important;
}
.pl-lg-20,
.px-lg-20 {
padding-left: 20px !important;
}
.p-lg-24 {
padding: 24px !important;
}
.pt-lg-24,
.py-lg-24 {
padding-top: 24px !important;
}
.pr-lg-24,
.px-lg-24 {
padding-right: 24px !important;
}
.pb-lg-24,
.py-lg-24 {
padding-bottom: 24px !important;
}
.pl-lg-24,
.px-lg-24 {
padding-left: 24px !important;
}
.p-lg-32 {
padding: 32px !important;
}
.pt-lg-32,
.py-lg-32 {
padding-top: 32px !important;
}
.pr-lg-32,
.px-lg-32 {
padding-right: 32px !important;
}
.pb-lg-32,
.py-lg-32 {
padding-bottom: 32px !important;
}
.pl-lg-32,
.px-lg-32 {
padding-left: 32px !important;
}
.p-lg-40 {
padding: 40px !important;
}
.pt-lg-40,
.py-lg-40 {
padding-top: 40px !important;
}
.pr-lg-40,
.px-lg-40 {
padding-right: 40px !important;
}
.pb-lg-40,
.py-lg-40 {
padding-bottom: 40px !important;
}
.pl-lg-40,
.px-lg-40 {
padding-left: 40px !important;
}
.p-lg-48 {
padding: 48px !important;
}
.pt-lg-48,
.py-lg-48 {
padding-top: 48px !important;
}
.pr-lg-48,
.px-lg-48 {
padding-right: 48px !important;
}
.pb-lg-48,
.py-lg-48 {
padding-bottom: 48px !important;
}
.pl-lg-48,
.px-lg-48 {
padding-left: 48px !important;
}
.p-lg-64 {
padding: 64px !important;
}
.pt-lg-64,
.py-lg-64 {
padding-top: 64px !important;
}
.pr-lg-64,
.px-lg-64 {
padding-right: 64px !important;
}
.pb-lg-64,
.py-lg-64 {
padding-bottom: 64px !important;
}
.pl-lg-64,
.px-lg-64 {
padding-left: 64px !important;
}
.p-lg-70 {
padding: 70px !important;
}
.pt-lg-70,
.py-lg-70 {
padding-top: 70px !important;
}
.pr-lg-70,
.px-lg-70 {
padding-right: 70px !important;
}
.pb-lg-70,
.py-lg-70 {
padding-bottom: 70px !important;
}
.pl-lg-70,
.px-lg-70 {
padding-left: 70px !important;
}
.p-lg-80 {
padding: 80px !important;
}
.pt-lg-80,
.py-lg-80 {
padding-top: 80px !important;
}
.pr-lg-80,
.px-lg-80 {
padding-right: 80px !important;
}
.pb-lg-80,
.py-lg-80 {
padding-bottom: 80px !important;
}
.pl-lg-80,
.px-lg-80 {
padding-left: 80px !important;
}
.p-lg-96 {
padding: 96px !important;
}
.pt-lg-96,
.py-lg-96 {
padding-top: 96px !important;
}
.pr-lg-96,
.px-lg-96 {
padding-right: 96px !important;
}
.pb-lg-96,
.py-lg-96 {
padding-bottom: 96px !important;
}
.pl-lg-96,
.px-lg-96 {
padding-left: 96px !important;
}
.p-lg-128 {
padding: 128px !important;
}
.pt-lg-128,
.py-lg-128 {
padding-top: 128px !important;
}
.pr-lg-128,
.px-lg-128 {
padding-right: 128px !important;
}
.pb-lg-128,
.py-lg-128 {
padding-bottom: 128px !important;
}
.pl-lg-128,
.px-lg-128 {
padding-left: 128px !important;
}
.m-lg-n4 {
margin: -4px !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -4px !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -4px !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -4px !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -4px !important;
}
.m-lg-n8 {
margin: -8px !important;
}
.mt-lg-n8,
.my-lg-n8 {
margin-top: -8px !important;
}
.mr-lg-n8,
.mx-lg-n8 {
margin-right: -8px !important;
}
.mb-lg-n8,
.my-lg-n8 {
margin-bottom: -8px !important;
}
.ml-lg-n8,
.mx-lg-n8 {
margin-left: -8px !important;
}
.m-lg-n12 {
margin: -12px !important;
}
.mt-lg-n12,
.my-lg-n12 {
margin-top: -12px !important;
}
.mr-lg-n12,
.mx-lg-n12 {
margin-right: -12px !important;
}
.mb-lg-n12,
.my-lg-n12 {
margin-bottom: -12px !important;
}
.ml-lg-n12,
.mx-lg-n12 {
margin-left: -12px !important;
}
.m-lg-n16 {
margin: -16px !important;
}
.mt-lg-n16,
.my-lg-n16 {
margin-top: -16px !important;
}
.mr-lg-n16,
.mx-lg-n16 {
margin-right: -16px !important;
}
.mb-lg-n16,
.my-lg-n16 {
margin-bottom: -16px !important;
}
.ml-lg-n16,
.mx-lg-n16 {
margin-left: -16px !important;
}
.m-lg-n20 {
margin: -20px !important;
}
.mt-lg-n20,
.my-lg-n20 {
margin-top: -20px !important;
}
.mr-lg-n20,
.mx-lg-n20 {
margin-right: -20px !important;
}
.mb-lg-n20,
.my-lg-n20 {
margin-bottom: -20px !important;
}
.ml-lg-n20,
.mx-lg-n20 {
margin-left: -20px !important;
}
.m-lg-n24 {
margin: -24px !important;
}
.mt-lg-n24,
.my-lg-n24 {
margin-top: -24px !important;
}
.mr-lg-n24,
.mx-lg-n24 {
margin-right: -24px !important;
}
.mb-lg-n24,
.my-lg-n24 {
margin-bottom: -24px !important;
}
.ml-lg-n24,
.mx-lg-n24 {
margin-left: -24px !important;
}
.m-lg-n32 {
margin: -32px !important;
}
.mt-lg-n32,
.my-lg-n32 {
margin-top: -32px !important;
}
.mr-lg-n32,
.mx-lg-n32 {
margin-right: -32px !important;
}
.mb-lg-n32,
.my-lg-n32 {
margin-bottom: -32px !important;
}
.ml-lg-n32,
.mx-lg-n32 {
margin-left: -32px !important;
}
.m-lg-n40 {
margin: -40px !important;
}
.mt-lg-n40,
.my-lg-n40 {
margin-top: -40px !important;
}
.mr-lg-n40,
.mx-lg-n40 {
margin-right: -40px !important;
}
.mb-lg-n40,
.my-lg-n40 {
margin-bottom: -40px !important;
}
.ml-lg-n40,
.mx-lg-n40 {
margin-left: -40px !important;
}
.m-lg-n48 {
margin: -48px !important;
}
.mt-lg-n48,
.my-lg-n48 {
margin-top: -48px !important;
}
.mr-lg-n48,
.mx-lg-n48 {
margin-right: -48px !important;
}
.mb-lg-n48,
.my-lg-n48 {
margin-bottom: -48px !important;
}
.ml-lg-n48,
.mx-lg-n48 {
margin-left: -48px !important;
}
.m-lg-n64 {
margin: -64px !important;
}
.mt-lg-n64,
.my-lg-n64 {
margin-top: -64px !important;
}
.mr-lg-n64,
.mx-lg-n64 {
margin-right: -64px !important;
}
.mb-lg-n64,
.my-lg-n64 {
margin-bottom: -64px !important;
}
.ml-lg-n64,
.mx-lg-n64 {
margin-left: -64px !important;
}
.m-lg-n70 {
margin: -70px !important;
}
.mt-lg-n70,
.my-lg-n70 {
margin-top: -70px !important;
}
.mr-lg-n70,
.mx-lg-n70 {
margin-right: -70px !important;
}
.mb-lg-n70,
.my-lg-n70 {
margin-bottom: -70px !important;
}
.ml-lg-n70,
.mx-lg-n70 {
margin-left: -70px !important;
}
.m-lg-n80 {
margin: -80px !important;
}
.mt-lg-n80,
.my-lg-n80 {
margin-top: -80px !important;
}
.mr-lg-n80,
.mx-lg-n80 {
margin-right: -80px !important;
}
.mb-lg-n80,
.my-lg-n80 {
margin-bottom: -80px !important;
}
.ml-lg-n80,
.mx-lg-n80 {
margin-left: -80px !important;
}
.m-lg-n96 {
margin: -96px !important;
}
.mt-lg-n96,
.my-lg-n96 {
margin-top: -96px !important;
}
.mr-lg-n96,
.mx-lg-n96 {
margin-right: -96px !important;
}
.mb-lg-n96,
.my-lg-n96 {
margin-bottom: -96px !important;
}
.ml-lg-n96,
.mx-lg-n96 {
margin-left: -96px !important;
}
.m-lg-n128 {
margin: -128px !important;
}
.mt-lg-n128,
.my-lg-n128 {
margin-top: -128px !important;
}
.mr-lg-n128,
.mx-lg-n128 {
margin-right: -128px !important;
}
.mb-lg-n128,
.my-lg-n128 {
margin-bottom: -128px !important;
}
.ml-lg-n128,
.mx-lg-n128 {
margin-left: -128px !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: 1280px) {
.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-4 {
margin: 4px !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 4px !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 4px !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 4px !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 4px !important;
}
.m-xl-8 {
margin: 8px !important;
}
.mt-xl-8,
.my-xl-8 {
margin-top: 8px !important;
}
.mr-xl-8,
.mx-xl-8 {
margin-right: 8px !important;
}
.mb-xl-8,
.my-xl-8 {
margin-bottom: 8px !important;
}
.ml-xl-8,
.mx-xl-8 {
margin-left: 8px !important;
}
.m-xl-12 {
margin: 12px !important;
}
.mt-xl-12,
.my-xl-12 {
margin-top: 12px !important;
}
.mr-xl-12,
.mx-xl-12 {
margin-right: 12px !important;
}
.mb-xl-12,
.my-xl-12 {
margin-bottom: 12px !important;
}
.ml-xl-12,
.mx-xl-12 {
margin-left: 12px !important;
}
.m-xl-16 {
margin: 16px !important;
}
.mt-xl-16,
.my-xl-16 {
margin-top: 16px !important;
}
.mr-xl-16,
.mx-xl-16 {
margin-right: 16px !important;
}
.mb-xl-16,
.my-xl-16 {
margin-bottom: 16px !important;
}
.ml-xl-16,
.mx-xl-16 {
margin-left: 16px !important;
}
.m-xl-20 {
margin: 20px !important;
}
.mt-xl-20,
.my-xl-20 {
margin-top: 20px !important;
}
.mr-xl-20,
.mx-xl-20 {
margin-right: 20px !important;
}
.mb-xl-20,
.my-xl-20 {
margin-bottom: 20px !important;
}
.ml-xl-20,
.mx-xl-20 {
margin-left: 20px !important;
}
.m-xl-24 {
margin: 24px !important;
}
.mt-xl-24,
.my-xl-24 {
margin-top: 24px !important;
}
.mr-xl-24,
.mx-xl-24 {
margin-right: 24px !important;
}
.mb-xl-24,
.my-xl-24 {
margin-bottom: 24px !important;
}
.ml-xl-24,
.mx-xl-24 {
margin-left: 24px !important;
}
.m-xl-32 {
margin: 32px !important;
}
.mt-xl-32,
.my-xl-32 {
margin-top: 32px !important;
}
.mr-xl-32,
.mx-xl-32 {
margin-right: 32px !important;
}
.mb-xl-32,
.my-xl-32 {
margin-bottom: 32px !important;
}
.ml-xl-32,
.mx-xl-32 {
margin-left: 32px !important;
}
.m-xl-40 {
margin: 40px !important;
}
.mt-xl-40,
.my-xl-40 {
margin-top: 40px !important;
}
.mr-xl-40,
.mx-xl-40 {
margin-right: 40px !important;
}
.mb-xl-40,
.my-xl-40 {
margin-bottom: 40px !important;
}
.ml-xl-40,
.mx-xl-40 {
margin-left: 40px !important;
}
.m-xl-48 {
margin: 48px !important;
}
.mt-xl-48,
.my-xl-48 {
margin-top: 48px !important;
}
.mr-xl-48,
.mx-xl-48 {
margin-right: 48px !important;
}
.mb-xl-48,
.my-xl-48 {
margin-bottom: 48px !important;
}
.ml-xl-48,
.mx-xl-48 {
margin-left: 48px !important;
}
.m-xl-64 {
margin: 64px !important;
}
.mt-xl-64,
.my-xl-64 {
margin-top: 64px !important;
}
.mr-xl-64,
.mx-xl-64 {
margin-right: 64px !important;
}
.mb-xl-64,
.my-xl-64 {
margin-bottom: 64px !important;
}
.ml-xl-64,
.mx-xl-64 {
margin-left: 64px !important;
}
.m-xl-70 {
margin: 70px !important;
}
.mt-xl-70,
.my-xl-70 {
margin-top: 70px !important;
}
.mr-xl-70,
.mx-xl-70 {
margin-right: 70px !important;
}
.mb-xl-70,
.my-xl-70 {
margin-bottom: 70px !important;
}
.ml-xl-70,
.mx-xl-70 {
margin-left: 70px !important;
}
.m-xl-80 {
margin: 80px !important;
}
.mt-xl-80,
.my-xl-80 {
margin-top: 80px !important;
}
.mr-xl-80,
.mx-xl-80 {
margin-right: 80px !important;
}
.mb-xl-80,
.my-xl-80 {
margin-bottom: 80px !important;
}
.ml-xl-80,
.mx-xl-80 {
margin-left: 80px !important;
}
.m-xl-96 {
margin: 96px !important;
}
.mt-xl-96,
.my-xl-96 {
margin-top: 96px !important;
}
.mr-xl-96,
.mx-xl-96 {
margin-right: 96px !important;
}
.mb-xl-96,
.my-xl-96 {
margin-bottom: 96px !important;
}
.ml-xl-96,
.mx-xl-96 {
margin-left: 96px !important;
}
.m-xl-128 {
margin: 128px !important;
}
.mt-xl-128,
.my-xl-128 {
margin-top: 128px !important;
}
.mr-xl-128,
.mx-xl-128 {
margin-right: 128px !important;
}
.mb-xl-128,
.my-xl-128 {
margin-bottom: 128px !important;
}
.ml-xl-128,
.mx-xl-128 {
margin-left: 128px !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-4 {
padding: 4px !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 4px !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 4px !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 4px !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 4px !important;
}
.p-xl-8 {
padding: 8px !important;
}
.pt-xl-8,
.py-xl-8 {
padding-top: 8px !important;
}
.pr-xl-8,
.px-xl-8 {
padding-right: 8px !important;
}
.pb-xl-8,
.py-xl-8 {
padding-bottom: 8px !important;
}
.pl-xl-8,
.px-xl-8 {
padding-left: 8px !important;
}
.p-xl-12 {
padding: 12px !important;
}
.pt-xl-12,
.py-xl-12 {
padding-top: 12px !important;
}
.pr-xl-12,
.px-xl-12 {
padding-right: 12px !important;
}
.pb-xl-12,
.py-xl-12 {
padding-bottom: 12px !important;
}
.pl-xl-12,
.px-xl-12 {
padding-left: 12px !important;
}
.p-xl-16 {
padding: 16px !important;
}
.pt-xl-16,
.py-xl-16 {
padding-top: 16px !important;
}
.pr-xl-16,
.px-xl-16 {
padding-right: 16px !important;
}
.pb-xl-16,
.py-xl-16 {
padding-bottom: 16px !important;
}
.pl-xl-16,
.px-xl-16 {
padding-left: 16px !important;
}
.p-xl-20 {
padding: 20px !important;
}
.pt-xl-20,
.py-xl-20 {
padding-top: 20px !important;
}
.pr-xl-20,
.px-xl-20 {
padding-right: 20px !important;
}
.pb-xl-20,
.py-xl-20 {
padding-bottom: 20px !important;
}
.pl-xl-20,
.px-xl-20 {
padding-left: 20px !important;
}
.p-xl-24 {
padding: 24px !important;
}
.pt-xl-24,
.py-xl-24 {
padding-top: 24px !important;
}
.pr-xl-24,
.px-xl-24 {
padding-right: 24px !important;
}
.pb-xl-24,
.py-xl-24 {
padding-bottom: 24px !important;
}
.pl-xl-24,
.px-xl-24 {
padding-left: 24px !important;
}
.p-xl-32 {
padding: 32px !important;
}
.pt-xl-32,
.py-xl-32 {
padding-top: 32px !important;
}
.pr-xl-32,
.px-xl-32 {
padding-right: 32px !important;
}
.pb-xl-32,
.py-xl-32 {
padding-bottom: 32px !important;
}
.pl-xl-32,
.px-xl-32 {
padding-left: 32px !important;
}
.p-xl-40 {
padding: 40px !important;
}
.pt-xl-40,
.py-xl-40 {
padding-top: 40px !important;
}
.pr-xl-40,
.px-xl-40 {
padding-right: 40px !important;
}
.pb-xl-40,
.py-xl-40 {
padding-bottom: 40px !important;
}
.pl-xl-40,
.px-xl-40 {
padding-left: 40px !important;
}
.p-xl-48 {
padding: 48px !important;
}
.pt-xl-48,
.py-xl-48 {
padding-top: 48px !important;
}
.pr-xl-48,
.px-xl-48 {
padding-right: 48px !important;
}
.pb-xl-48,
.py-xl-48 {
padding-bottom: 48px !important;
}
.pl-xl-48,
.px-xl-48 {
padding-left: 48px !important;
}
.p-xl-64 {
padding: 64px !important;
}
.pt-xl-64,
.py-xl-64 {
padding-top: 64px !important;
}
.pr-xl-64,
.px-xl-64 {
padding-right: 64px !important;
}
.pb-xl-64,
.py-xl-64 {
padding-bottom: 64px !important;
}
.pl-xl-64,
.px-xl-64 {
padding-left: 64px !important;
}
.p-xl-70 {
padding: 70px !important;
}
.pt-xl-70,
.py-xl-70 {
padding-top: 70px !important;
}
.pr-xl-70,
.px-xl-70 {
padding-right: 70px !important;
}
.pb-xl-70,
.py-xl-70 {
padding-bottom: 70px !important;
}
.pl-xl-70,
.px-xl-70 {
padding-left: 70px !important;
}
.p-xl-80 {
padding: 80px !important;
}
.pt-xl-80,
.py-xl-80 {
padding-top: 80px !important;
}
.pr-xl-80,
.px-xl-80 {
padding-right: 80px !important;
}
.pb-xl-80,
.py-xl-80 {
padding-bottom: 80px !important;
}
.pl-xl-80,
.px-xl-80 {
padding-left: 80px !important;
}
.p-xl-96 {
padding: 96px !important;
}
.pt-xl-96,
.py-xl-96 {
padding-top: 96px !important;
}
.pr-xl-96,
.px-xl-96 {
padding-right: 96px !important;
}
.pb-xl-96,
.py-xl-96 {
padding-bottom: 96px !important;
}
.pl-xl-96,
.px-xl-96 {
padding-left: 96px !important;
}
.p-xl-128 {
padding: 128px !important;
}
.pt-xl-128,
.py-xl-128 {
padding-top: 128px !important;
}
.pr-xl-128,
.px-xl-128 {
padding-right: 128px !important;
}
.pb-xl-128,
.py-xl-128 {
padding-bottom: 128px !important;
}
.pl-xl-128,
.px-xl-128 {
padding-left: 128px !important;
}
.m-xl-n4 {
margin: -4px !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -4px !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -4px !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -4px !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -4px !important;
}
.m-xl-n8 {
margin: -8px !important;
}
.mt-xl-n8,
.my-xl-n8 {
margin-top: -8px !important;
}
.mr-xl-n8,
.mx-xl-n8 {
margin-right: -8px !important;
}
.mb-xl-n8,
.my-xl-n8 {
margin-bottom: -8px !important;
}
.ml-xl-n8,
.mx-xl-n8 {
margin-left: -8px !important;
}
.m-xl-n12 {
margin: -12px !important;
}
.mt-xl-n12,
.my-xl-n12 {
margin-top: -12px !important;
}
.mr-xl-n12,
.mx-xl-n12 {
margin-right: -12px !important;
}
.mb-xl-n12,
.my-xl-n12 {
margin-bottom: -12px !important;
}
.ml-xl-n12,
.mx-xl-n12 {
margin-left: -12px !important;
}
.m-xl-n16 {
margin: -16px !important;
}
.mt-xl-n16,
.my-xl-n16 {
margin-top: -16px !important;
}
.mr-xl-n16,
.mx-xl-n16 {
margin-right: -16px !important;
}
.mb-xl-n16,
.my-xl-n16 {
margin-bottom: -16px !important;
}
.ml-xl-n16,
.mx-xl-n16 {
margin-left: -16px !important;
}
.m-xl-n20 {
margin: -20px !important;
}
.mt-xl-n20,
.my-xl-n20 {
margin-top: -20px !important;
}
.mr-xl-n20,
.mx-xl-n20 {
margin-right: -20px !important;
}
.mb-xl-n20,
.my-xl-n20 {
margin-bottom: -20px !important;
}
.ml-xl-n20,
.mx-xl-n20 {
margin-left: -20px !important;
}
.m-xl-n24 {
margin: -24px !important;
}
.mt-xl-n24,
.my-xl-n24 {
margin-top: -24px !important;
}
.mr-xl-n24,
.mx-xl-n24 {
margin-right: -24px !important;
}
.mb-xl-n24,
.my-xl-n24 {
margin-bottom: -24px !important;
}
.ml-xl-n24,
.mx-xl-n24 {
margin-left: -24px !important;
}
.m-xl-n32 {
margin: -32px !important;
}
.mt-xl-n32,
.my-xl-n32 {
margin-top: -32px !important;
}
.mr-xl-n32,
.mx-xl-n32 {
margin-right: -32px !important;
}
.mb-xl-n32,
.my-xl-n32 {
margin-bottom: -32px !important;
}
.ml-xl-n32,
.mx-xl-n32 {
margin-left: -32px !important;
}
.m-xl-n40 {
margin: -40px !important;
}
.mt-xl-n40,
.my-xl-n40 {
margin-top: -40px !important;
}
.mr-xl-n40,
.mx-xl-n40 {
margin-right: -40px !important;
}
.mb-xl-n40,
.my-xl-n40 {
margin-bottom: -40px !important;
}
.ml-xl-n40,
.mx-xl-n40 {
margin-left: -40px !important;
}
.m-xl-n48 {
margin: -48px !important;
}
.mt-xl-n48,
.my-xl-n48 {
margin-top: -48px !important;
}
.mr-xl-n48,
.mx-xl-n48 {
margin-right: -48px !important;
}
.mb-xl-n48,
.my-xl-n48 {
margin-bottom: -48px !important;
}
.ml-xl-n48,
.mx-xl-n48 {
margin-left: -48px !important;
}
.m-xl-n64 {
margin: -64px !important;
}
.mt-xl-n64,
.my-xl-n64 {
margin-top: -64px !important;
}
.mr-xl-n64,
.mx-xl-n64 {
margin-right: -64px !important;
}
.mb-xl-n64,
.my-xl-n64 {
margin-bottom: -64px !important;
}
.ml-xl-n64,
.mx-xl-n64 {
margin-left: -64px !important;
}
.m-xl-n70 {
margin: -70px !important;
}
.mt-xl-n70,
.my-xl-n70 {
margin-top: -70px !important;
}
.mr-xl-n70,
.mx-xl-n70 {
margin-right: -70px !important;
}
.mb-xl-n70,
.my-xl-n70 {
margin-bottom: -70px !important;
}
.ml-xl-n70,
.mx-xl-n70 {
margin-left: -70px !important;
}
.m-xl-n80 {
margin: -80px !important;
}
.mt-xl-n80,
.my-xl-n80 {
margin-top: -80px !important;
}
.mr-xl-n80,
.mx-xl-n80 {
margin-right: -80px !important;
}
.mb-xl-n80,
.my-xl-n80 {
margin-bottom: -80px !important;
}
.ml-xl-n80,
.mx-xl-n80 {
margin-left: -80px !important;
}
.m-xl-n96 {
margin: -96px !important;
}
.mt-xl-n96,
.my-xl-n96 {
margin-top: -96px !important;
}
.mr-xl-n96,
.mx-xl-n96 {
margin-right: -96px !important;
}
.mb-xl-n96,
.my-xl-n96 {
margin-bottom: -96px !important;
}
.ml-xl-n96,
.mx-xl-n96 {
margin-left: -96px !important;
}
.m-xl-n128 {
margin: -128px !important;
}
.mt-xl-n128,
.my-xl-n128 {
margin-top: -128px !important;
}
.mr-xl-n128,
.mx-xl-n128 {
margin-right: -128px !important;
}
.mb-xl-n128,
.my-xl-n128 {
margin-bottom: -128px !important;
}
.ml-xl-n128,
.mx-xl-n128 {
margin-left: -128px !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;
}
}
@media (min-width: 1600px) {
.m-xxl-0 {
margin: 0 !important;
}
.mt-xxl-0,
.my-xxl-0 {
margin-top: 0 !important;
}
.mr-xxl-0,
.mx-xxl-0 {
margin-right: 0 !important;
}
.mb-xxl-0,
.my-xxl-0 {
margin-bottom: 0 !important;
}
.ml-xxl-0,
.mx-xxl-0 {
margin-left: 0 !important;
}
.m-xxl-4 {
margin: 4px !important;
}
.mt-xxl-4,
.my-xxl-4 {
margin-top: 4px !important;
}
.mr-xxl-4,
.mx-xxl-4 {
margin-right: 4px !important;
}
.mb-xxl-4,
.my-xxl-4 {
margin-bottom: 4px !important;
}
.ml-xxl-4,
.mx-xxl-4 {
margin-left: 4px !important;
}
.m-xxl-8 {
margin: 8px !important;
}
.mt-xxl-8,
.my-xxl-8 {
margin-top: 8px !important;
}
.mr-xxl-8,
.mx-xxl-8 {
margin-right: 8px !important;
}
.mb-xxl-8,
.my-xxl-8 {
margin-bottom: 8px !important;
}
.ml-xxl-8,
.mx-xxl-8 {
margin-left: 8px !important;
}
.m-xxl-12 {
margin: 12px !important;
}
.mt-xxl-12,
.my-xxl-12 {
margin-top: 12px !important;
}
.mr-xxl-12,
.mx-xxl-12 {
margin-right: 12px !important;
}
.mb-xxl-12,
.my-xxl-12 {
margin-bottom: 12px !important;
}
.ml-xxl-12,
.mx-xxl-12 {
margin-left: 12px !important;
}
.m-xxl-16 {
margin: 16px !important;
}
.mt-xxl-16,
.my-xxl-16 {
margin-top: 16px !important;
}
.mr-xxl-16,
.mx-xxl-16 {
margin-right: 16px !important;
}
.mb-xxl-16,
.my-xxl-16 {
margin-bottom: 16px !important;
}
.ml-xxl-16,
.mx-xxl-16 {
margin-left: 16px !important;
}
.m-xxl-20 {
margin: 20px !important;
}
.mt-xxl-20,
.my-xxl-20 {
margin-top: 20px !important;
}
.mr-xxl-20,
.mx-xxl-20 {
margin-right: 20px !important;
}
.mb-xxl-20,
.my-xxl-20 {
margin-bottom: 20px !important;
}
.ml-xxl-20,
.mx-xxl-20 {
margin-left: 20px !important;
}
.m-xxl-24 {
margin: 24px !important;
}
.mt-xxl-24,
.my-xxl-24 {
margin-top: 24px !important;
}
.mr-xxl-24,
.mx-xxl-24 {
margin-right: 24px !important;
}
.mb-xxl-24,
.my-xxl-24 {
margin-bottom: 24px !important;
}
.ml-xxl-24,
.mx-xxl-24 {
margin-left: 24px !important;
}
.m-xxl-32 {
margin: 32px !important;
}
.mt-xxl-32,
.my-xxl-32 {
margin-top: 32px !important;
}
.mr-xxl-32,
.mx-xxl-32 {
margin-right: 32px !important;
}
.mb-xxl-32,
.my-xxl-32 {
margin-bottom: 32px !important;
}
.ml-xxl-32,
.mx-xxl-32 {
margin-left: 32px !important;
}
.m-xxl-40 {
margin: 40px !important;
}
.mt-xxl-40,
.my-xxl-40 {
margin-top: 40px !important;
}
.mr-xxl-40,
.mx-xxl-40 {
margin-right: 40px !important;
}
.mb-xxl-40,
.my-xxl-40 {
margin-bottom: 40px !important;
}
.ml-xxl-40,
.mx-xxl-40 {
margin-left: 40px !important;
}
.m-xxl-48 {
margin: 48px !important;
}
.mt-xxl-48,
.my-xxl-48 {
margin-top: 48px !important;
}
.mr-xxl-48,
.mx-xxl-48 {
margin-right: 48px !important;
}
.mb-xxl-48,
.my-xxl-48 {
margin-bottom: 48px !important;
}
.ml-xxl-48,
.mx-xxl-48 {
margin-left: 48px !important;
}
.m-xxl-64 {
margin: 64px !important;
}
.mt-xxl-64,
.my-xxl-64 {
margin-top: 64px !important;
}
.mr-xxl-64,
.mx-xxl-64 {
margin-right: 64px !important;
}
.mb-xxl-64,
.my-xxl-64 {
margin-bottom: 64px !important;
}
.ml-xxl-64,
.mx-xxl-64 {
margin-left: 64px !important;
}
.m-xxl-70 {
margin: 70px !important;
}
.mt-xxl-70,
.my-xxl-70 {
margin-top: 70px !important;
}
.mr-xxl-70,
.mx-xxl-70 {
margin-right: 70px !important;
}
.mb-xxl-70,
.my-xxl-70 {
margin-bottom: 70px !important;
}
.ml-xxl-70,
.mx-xxl-70 {
margin-left: 70px !important;
}
.m-xxl-80 {
margin: 80px !important;
}
.mt-xxl-80,
.my-xxl-80 {
margin-top: 80px !important;
}
.mr-xxl-80,
.mx-xxl-80 {
margin-right: 80px !important;
}
.mb-xxl-80,
.my-xxl-80 {
margin-bottom: 80px !important;
}
.ml-xxl-80,
.mx-xxl-80 {
margin-left: 80px !important;
}
.m-xxl-96 {
margin: 96px !important;
}
.mt-xxl-96,
.my-xxl-96 {
margin-top: 96px !important;
}
.mr-xxl-96,
.mx-xxl-96 {
margin-right: 96px !important;
}
.mb-xxl-96,
.my-xxl-96 {
margin-bottom: 96px !important;
}
.ml-xxl-96,
.mx-xxl-96 {
margin-left: 96px !important;
}
.m-xxl-128 {
margin: 128px !important;
}
.mt-xxl-128,
.my-xxl-128 {
margin-top: 128px !important;
}
.mr-xxl-128,
.mx-xxl-128 {
margin-right: 128px !important;
}
.mb-xxl-128,
.my-xxl-128 {
margin-bottom: 128px !important;
}
.ml-xxl-128,
.mx-xxl-128 {
margin-left: 128px !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.pt-xxl-0,
.py-xxl-0 {
padding-top: 0 !important;
}
.pr-xxl-0,
.px-xxl-0 {
padding-right: 0 !important;
}
.pb-xxl-0,
.py-xxl-0 {
padding-bottom: 0 !important;
}
.pl-xxl-0,
.px-xxl-0 {
padding-left: 0 !important;
}
.p-xxl-4 {
padding: 4px !important;
}
.pt-xxl-4,
.py-xxl-4 {
padding-top: 4px !important;
}
.pr-xxl-4,
.px-xxl-4 {
padding-right: 4px !important;
}
.pb-xxl-4,
.py-xxl-4 {
padding-bottom: 4px !important;
}
.pl-xxl-4,
.px-xxl-4 {
padding-left: 4px !important;
}
.p-xxl-8 {
padding: 8px !important;
}
.pt-xxl-8,
.py-xxl-8 {
padding-top: 8px !important;
}
.pr-xxl-8,
.px-xxl-8 {
padding-right: 8px !important;
}
.pb-xxl-8,
.py-xxl-8 {
padding-bottom: 8px !important;
}
.pl-xxl-8,
.px-xxl-8 {
padding-left: 8px !important;
}
.p-xxl-12 {
padding: 12px !important;
}
.pt-xxl-12,
.py-xxl-12 {
padding-top: 12px !important;
}
.pr-xxl-12,
.px-xxl-12 {
padding-right: 12px !important;
}
.pb-xxl-12,
.py-xxl-12 {
padding-bottom: 12px !important;
}
.pl-xxl-12,
.px-xxl-12 {
padding-left: 12px !important;
}
.p-xxl-16 {
padding: 16px !important;
}
.pt-xxl-16,
.py-xxl-16 {
padding-top: 16px !important;
}
.pr-xxl-16,
.px-xxl-16 {
padding-right: 16px !important;
}
.pb-xxl-16,
.py-xxl-16 {
padding-bottom: 16px !important;
}
.pl-xxl-16,
.px-xxl-16 {
padding-left: 16px !important;
}
.p-xxl-20 {
padding: 20px !important;
}
.pt-xxl-20,
.py-xxl-20 {
padding-top: 20px !important;
}
.pr-xxl-20,
.px-xxl-20 {
padding-right: 20px !important;
}
.pb-xxl-20,
.py-xxl-20 {
padding-bottom: 20px !important;
}
.pl-xxl-20,
.px-xxl-20 {
padding-left: 20px !important;
}
.p-xxl-24 {
padding: 24px !important;
}
.pt-xxl-24,
.py-xxl-24 {
padding-top: 24px !important;
}
.pr-xxl-24,
.px-xxl-24 {
padding-right: 24px !important;
}
.pb-xxl-24,
.py-xxl-24 {
padding-bottom: 24px !important;
}
.pl-xxl-24,
.px-xxl-24 {
padding-left: 24px !important;
}
.p-xxl-32 {
padding: 32px !important;
}
.pt-xxl-32,
.py-xxl-32 {
padding-top: 32px !important;
}
.pr-xxl-32,
.px-xxl-32 {
padding-right: 32px !important;
}
.pb-xxl-32,
.py-xxl-32 {
padding-bottom: 32px !important;
}
.pl-xxl-32,
.px-xxl-32 {
padding-left: 32px !important;
}
.p-xxl-40 {
padding: 40px !important;
}
.pt-xxl-40,
.py-xxl-40 {
padding-top: 40px !important;
}
.pr-xxl-40,
.px-xxl-40 {
padding-right: 40px !important;
}
.pb-xxl-40,
.py-xxl-40 {
padding-bottom: 40px !important;
}
.pl-xxl-40,
.px-xxl-40 {
padding-left: 40px !important;
}
.p-xxl-48 {
padding: 48px !important;
}
.pt-xxl-48,
.py-xxl-48 {
padding-top: 48px !important;
}
.pr-xxl-48,
.px-xxl-48 {
padding-right: 48px !important;
}
.pb-xxl-48,
.py-xxl-48 {
padding-bottom: 48px !important;
}
.pl-xxl-48,
.px-xxl-48 {
padding-left: 48px !important;
}
.p-xxl-64 {
padding: 64px !important;
}
.pt-xxl-64,
.py-xxl-64 {
padding-top: 64px !important;
}
.pr-xxl-64,
.px-xxl-64 {
padding-right: 64px !important;
}
.pb-xxl-64,
.py-xxl-64 {
padding-bottom: 64px !important;
}
.pl-xxl-64,
.px-xxl-64 {
padding-left: 64px !important;
}
.p-xxl-70 {
padding: 70px !important;
}
.pt-xxl-70,
.py-xxl-70 {
padding-top: 70px !important;
}
.pr-xxl-70,
.px-xxl-70 {
padding-right: 70px !important;
}
.pb-xxl-70,
.py-xxl-70 {
padding-bottom: 70px !important;
}
.pl-xxl-70,
.px-xxl-70 {
padding-left: 70px !important;
}
.p-xxl-80 {
padding: 80px !important;
}
.pt-xxl-80,
.py-xxl-80 {
padding-top: 80px !important;
}
.pr-xxl-80,
.px-xxl-80 {
padding-right: 80px !important;
}
.pb-xxl-80,
.py-xxl-80 {
padding-bottom: 80px !important;
}
.pl-xxl-80,
.px-xxl-80 {
padding-left: 80px !important;
}
.p-xxl-96 {
padding: 96px !important;
}
.pt-xxl-96,
.py-xxl-96 {
padding-top: 96px !important;
}
.pr-xxl-96,
.px-xxl-96 {
padding-right: 96px !important;
}
.pb-xxl-96,
.py-xxl-96 {
padding-bottom: 96px !important;
}
.pl-xxl-96,
.px-xxl-96 {
padding-left: 96px !important;
}
.p-xxl-128 {
padding: 128px !important;
}
.pt-xxl-128,
.py-xxl-128 {
padding-top: 128px !important;
}
.pr-xxl-128,
.px-xxl-128 {
padding-right: 128px !important;
}
.pb-xxl-128,
.py-xxl-128 {
padding-bottom: 128px !important;
}
.pl-xxl-128,
.px-xxl-128 {
padding-left: 128px !important;
}
.m-xxl-n4 {
margin: -4px !important;
}
.mt-xxl-n4,
.my-xxl-n4 {
margin-top: -4px !important;
}
.mr-xxl-n4,
.mx-xxl-n4 {
margin-right: -4px !important;
}
.mb-xxl-n4,
.my-xxl-n4 {
margin-bottom: -4px !important;
}
.ml-xxl-n4,
.mx-xxl-n4 {
margin-left: -4px !important;
}
.m-xxl-n8 {
margin: -8px !important;
}
.mt-xxl-n8,
.my-xxl-n8 {
margin-top: -8px !important;
}
.mr-xxl-n8,
.mx-xxl-n8 {
margin-right: -8px !important;
}
.mb-xxl-n8,
.my-xxl-n8 {
margin-bottom: -8px !important;
}
.ml-xxl-n8,
.mx-xxl-n8 {
margin-left: -8px !important;
}
.m-xxl-n12 {
margin: -12px !important;
}
.mt-xxl-n12,
.my-xxl-n12 {
margin-top: -12px !important;
}
.mr-xxl-n12,
.mx-xxl-n12 {
margin-right: -12px !important;
}
.mb-xxl-n12,
.my-xxl-n12 {
margin-bottom: -12px !important;
}
.ml-xxl-n12,
.mx-xxl-n12 {
margin-left: -12px !important;
}
.m-xxl-n16 {
margin: -16px !important;
}
.mt-xxl-n16,
.my-xxl-n16 {
margin-top: -16px !important;
}
.mr-xxl-n16,
.mx-xxl-n16 {
margin-right: -16px !important;
}
.mb-xxl-n16,
.my-xxl-n16 {
margin-bottom: -16px !important;
}
.ml-xxl-n16,
.mx-xxl-n16 {
margin-left: -16px !important;
}
.m-xxl-n20 {
margin: -20px !important;
}
.mt-xxl-n20,
.my-xxl-n20 {
margin-top: -20px !important;
}
.mr-xxl-n20,
.mx-xxl-n20 {
margin-right: -20px !important;
}
.mb-xxl-n20,
.my-xxl-n20 {
margin-bottom: -20px !important;
}
.ml-xxl-n20,
.mx-xxl-n20 {
margin-left: -20px !important;
}
.m-xxl-n24 {
margin: -24px !important;
}
.mt-xxl-n24,
.my-xxl-n24 {
margin-top: -24px !important;
}
.mr-xxl-n24,
.mx-xxl-n24 {
margin-right: -24px !important;
}
.mb-xxl-n24,
.my-xxl-n24 {
margin-bottom: -24px !important;
}
.ml-xxl-n24,
.mx-xxl-n24 {
margin-left: -24px !important;
}
.m-xxl-n32 {
margin: -32px !important;
}
.mt-xxl-n32,
.my-xxl-n32 {
margin-top: -32px !important;
}
.mr-xxl-n32,
.mx-xxl-n32 {
margin-right: -32px !important;
}
.mb-xxl-n32,
.my-xxl-n32 {
margin-bottom: -32px !important;
}
.ml-xxl-n32,
.mx-xxl-n32 {
margin-left: -32px !important;
}
.m-xxl-n40 {
margin: -40px !important;
}
.mt-xxl-n40,
.my-xxl-n40 {
margin-top: -40px !important;
}
.mr-xxl-n40,
.mx-xxl-n40 {
margin-right: -40px !important;
}
.mb-xxl-n40,
.my-xxl-n40 {
margin-bottom: -40px !important;
}
.ml-xxl-n40,
.mx-xxl-n40 {
margin-left: -40px !important;
}
.m-xxl-n48 {
margin: -48px !important;
}
.mt-xxl-n48,
.my-xxl-n48 {
margin-top: -48px !important;
}
.mr-xxl-n48,
.mx-xxl-n48 {
margin-right: -48px !important;
}
.mb-xxl-n48,
.my-xxl-n48 {
margin-bottom: -48px !important;
}
.ml-xxl-n48,
.mx-xxl-n48 {
margin-left: -48px !important;
}
.m-xxl-n64 {
margin: -64px !important;
}
.mt-xxl-n64,
.my-xxl-n64 {
margin-top: -64px !important;
}
.mr-xxl-n64,
.mx-xxl-n64 {
margin-right: -64px !important;
}
.mb-xxl-n64,
.my-xxl-n64 {
margin-bottom: -64px !important;
}
.ml-xxl-n64,
.mx-xxl-n64 {
margin-left: -64px !important;
}
.m-xxl-n70 {
margin: -70px !important;
}
.mt-xxl-n70,
.my-xxl-n70 {
margin-top: -70px !important;
}
.mr-xxl-n70,
.mx-xxl-n70 {
margin-right: -70px !important;
}
.mb-xxl-n70,
.my-xxl-n70 {
margin-bottom: -70px !important;
}
.ml-xxl-n70,
.mx-xxl-n70 {
margin-left: -70px !important;
}
.m-xxl-n80 {
margin: -80px !important;
}
.mt-xxl-n80,
.my-xxl-n80 {
margin-top: -80px !important;
}
.mr-xxl-n80,
.mx-xxl-n80 {
margin-right: -80px !important;
}
.mb-xxl-n80,
.my-xxl-n80 {
margin-bottom: -80px !important;
}
.ml-xxl-n80,
.mx-xxl-n80 {
margin-left: -80px !important;
}
.m-xxl-n96 {
margin: -96px !important;
}
.mt-xxl-n96,
.my-xxl-n96 {
margin-top: -96px !important;
}
.mr-xxl-n96,
.mx-xxl-n96 {
margin-right: -96px !important;
}
.mb-xxl-n96,
.my-xxl-n96 {
margin-bottom: -96px !important;
}
.ml-xxl-n96,
.mx-xxl-n96 {
margin-left: -96px !important;
}
.m-xxl-n128 {
margin: -128px !important;
}
.mt-xxl-n128,
.my-xxl-n128 {
margin-top: -128px !important;
}
.mr-xxl-n128,
.mx-xxl-n128 {
margin-right: -128px !important;
}
.mb-xxl-n128,
.my-xxl-n128 {
margin-bottom: -128px !important;
}
.ml-xxl-n128,
.mx-xxl-n128 {
margin-left: -128px !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mt-xxl-auto,
.my-xxl-auto {
margin-top: auto !important;
}
.mr-xxl-auto,
.mx-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-auto,
.my-xxl-auto {
margin-bottom: auto !important;
}
.ml-xxl-auto,
.mx-xxl-auto {
margin-left: auto !important;
}
}
.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: 1280px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 1600px) {
.text-xxl-left {
text-align: left !important;
}
.text-xxl-right {
text-align: right !important;
}
.text-xxl-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: 900 !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #f18500 !important;
}
.text-secondary {
color: #000 !important;
}
.text-white {
color: #fff !important;
}
.text-body {
color: #000 !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;
overflow-wrap: break-word !important;
}
.text-reset {
color: inherit !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
touch-action: pan-y;
}
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
touch-action: pan-x;
}
body.hidden-scroll {
overflow: hidden;
}
.sl-overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #fff;
opacity: 0.7;
display: none;
z-index: 1035;
}
.sl-wrapper {
z-index: 1040;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: fixed;
}
.sl-wrapper * {
box-sizing: border-box;
}
.sl-wrapper button {
border: 0 none;
background: transparent;
font-size: 28px;
padding: 0;
cursor: pointer;
}
.sl-wrapper button:hover {
opacity: 0.7;
}
.sl-wrapper .sl-close {
display: none;
position: fixed;
right: 30px;
top: 30px;
z-index: 10060;
margin-top: -14px;
margin-right: -14px;
height: 44px;
width: 44px;
line-height: 44px;
font-family: Arial, Baskerville, monospace;
color: #000;
font-size: 3rem;
}
.sl-wrapper .sl-counter {
display: none;
position: fixed;
top: 30px;
left: 30px;
z-index: 1060;
color: #000;
font-size: 1rem;
}
.sl-wrapper .sl-navigation {
width: 100%;
display: none;
}
.sl-wrapper .sl-navigation button {
position: fixed;
top: 50%;
margin-top: -22px;
height: 44px;
width: 22px;
line-height: 44px;
text-align: center;
display: block;
z-index: 10060;
font-family: Arial, Baskerville, monospace;
color: #000;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 5px;
font-size: 2rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 5px;
font-size: 2rem;
}
@media (min-width: 35.5em) {
.sl-wrapper .sl-navigation button {
width: 44px;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 10px;
font-size: 3rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 10px;
font-size: 3rem;
}
}
@media (min-width: 50em) {
.sl-wrapper .sl-navigation button {
width: 44px;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 20px;
font-size: 3rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 20px;
font-size: 3rem;
}
}
.sl-wrapper.sl-dir-rtl .sl-navigation {
direction: ltr;
}
.sl-wrapper .sl-image {
position: fixed;
touch-action: none;
z-index: 10000;
}
.sl-wrapper .sl-image img {
margin: 0;
padding: 0;
display: block;
border: 0 none;
width: 100%;
height: auto;
}
@media (min-width: 35.5em) {
.sl-wrapper .sl-image img {
border: 0 none;
}
}
@media (min-width: 50em) {
.sl-wrapper .sl-image img {
border: 0 none;
}
}
.sl-wrapper .sl-image iframe {
background: #000;
border: 0 none;
}
@media (min-width: 35.5em) {
.sl-wrapper .sl-image iframe {
border: 0 none;
}
}
@media (min-width: 50em) {
.sl-wrapper .sl-image iframe {
border: 0 none;
}
}
.sl-wrapper .sl-image .sl-caption {
display: none;
padding: 10px;
color: #fff;
background: rgba(0, 0, 0, 0.8);
font-size: 1rem;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-top {
bottom: auto;
top: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
bottom: auto;
}
.sl-wrapper .sl-image .sl-download {
display: none;
position: absolute;
bottom: 5px;
right: 5px;
color: #000;
z-index: 1060;
}
.sl-spinner {
display: none;
border: 5px solid #333;
border-radius: 40px;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
opacity: 0;
position: fixed;
top: 50%;
width: 40px;
z-index: 1007;
-webkit-animation: pulsate 1s ease-out infinite;
animation: pulsate 1s ease-out infinite;
}
.sl-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.sl-transition {
transition: transform ease 200ms;
}
@-webkit-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
#cookiescript_badge {
z-index: 8 !important;
}
.noUi-target {
background-color: #f18500;
box-shadow: none;
border: none;
margin-top: 8px;
margin-bottom: 8px;
}
.noUi-horizontal {
position: fixed;
right: 6vw;
width: 88vw;
height: 4px;
z-index: 2;
margin-top: 70px;
}
@media (min-width: 768px) {
.noUi-horizontal {
right: 2vw;
width: 96vw;
}
}
.noUi-handle {
cursor: pointer;
width: 20px !important;
height: 34px !important;
transform: skew(-30deg);
background-color: #f18500;
box-shadow: none;
top: -16px !important;
right: -10px !important;
border: none;
-webkit-animation: pulseHandle 1.5s infinite;
animation: pulseHandle 1.5s infinite;
}
.noUi-handle:hover {
-webkit-animation: none;
animation: none;
box-shadow: 0 0 20px 10px #f18500;
}
.noUi-handle::before, .noUi-handle::after {
content: none;
}
@-webkit-keyframes pulseHandle {
0% {
box-shadow: 0 0 20px 0 #f18500;
}
50% {
box-shadow: 0 0 20px 10px #f18500;
}
100% {
box-shadow: 0 0 20px 0 #f18500;
}
}
@keyframes pulseHandle {
0% {
box-shadow: 0 0 20px 0 #f18500;
}
50% {
box-shadow: 0 0 20px 10px #f18500;
}
100% {
box-shadow: 0 0 20px 0 #f18500;
}
}
.noUi-connects {
position: absolute;
top: -8px;
padding: 10px 0;
cursor: pointer;
}
.timeline-player {
width: 100%;
height: 100%;
--plyr-color-main: #f18500;
}
.timeline-player .plyr {
width: 100%;
height: 100%;
}
.timeline-player .plyr__control {
z-index: 20;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
html {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html,
body {
height: 100%;
}
body {
overflow-x: hidden;
padding-top: 89px;
letter-spacing: -0.36px;
}
@media (min-width: 1280px) {
body {
padding-top: 129px;
}
}
@media (min-width: 768px) {
body.template-home {
padding-top: 0;
}
}
button {
padding: 0;
border: none;
box-shadow: none;
background: none;
}
button:hover {
cursor: pointer;
}
ul,
ol {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
input,
textarea {
width: 100%;
border: none;
border-radius: 0;
box-shadow: none;
background: none;
}
label {
margin-bottom: 0;
}
a {
color: inherit;
text-decoration: none;
}
/* stylelint-disable no-descending-specificity */
a:focus,
button:focus,
input:focus,
textarea:focus,
span:focus,
select:focus {
outline: none;
}
.accessibility a:focus,
.accessibility button:focus,
.accessibility input:focus,
.accessibility textarea:focus,
.accessibility span:focus,
.accessibility select:focus {
outline: 2px solid #00f;
outline-offset: 2px;
}
/* stylelint-enable */
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 0;
font-family: "DINOffcPro", sans-serif;
font-weight: 400;
line-height: 42px;
color: inherit;
font-size: 18px;
}
strong {
font-weight: 700;
}
img {
display: inline-block;
max-width: 100%;
height: auto;
}
.bg-gray-neutral {
background-color: #F6F6F6;
}
.font-weight-medium {
font-weight: 500 !important;
}
.bg-gray-100 {
background-color: #f9f9f9;
}
.bg-gray-200 {
background-color: #f0f0f0;
}
.bg-gray-300 {
background-color: #dfdfdf;
}
@media (min-width: 576px) {
.bg-sm-gray-100 {
background-color: #f9f9f9;
}
.bg-sm-gray-200 {
background-color: #f0f0f0;
}
.bg-sm-gray-300 {
background-color: #dfdfdf;
}
}
@media (min-width: 768px) {
.bg-md-gray-100 {
background-color: #f9f9f9;
}
.bg-md-gray-200 {
background-color: #f0f0f0;
}
.bg-md-gray-300 {
background-color: #dfdfdf;
}
}
@media (min-width: 992px) {
.bg-lg-gray-100 {
background-color: #f9f9f9;
}
.bg-lg-gray-200 {
background-color: #f0f0f0;
}
.bg-lg-gray-300 {
background-color: #dfdfdf;
}
}
@media (min-width: 1280px) {
.bg-xl-gray-100 {
background-color: #f9f9f9;
}
.bg-xl-gray-200 {
background-color: #f0f0f0;
}
.bg-xl-gray-300 {
background-color: #dfdfdf;
}
}
@media (min-width: 1600px) {
.bg-xxl-gray-100 {
background-color: #f9f9f9;
}
.bg-xxl-gray-200 {
background-color: #f0f0f0;
}
.bg-xxl-gray-300 {
background-color: #dfdfdf;
}
}
.bg-white-8 {
background-color: rgba(255, 255, 255, 0.8) !important;
}
.bg-transparent {
background-color: transparent !important;
}
@media (min-width: 576px) {
.bg-sm-white-8 {
background-color: rgba(255, 255, 255, 0.8) !important;
}
.bg-sm-transparent {
background-color: transparent !important;
}
}
@media (min-width: 768px) {
.bg-md-white-8 {
background-color: rgba(255, 255, 255, 0.8) !important;
}
.bg-md-transparent {
background-color: transparent !important;
}
}
@media (min-width: 992px) {
.bg-lg-white-8 {
background-color: rgba(255, 255, 255, 0.8) !important;
}
.bg-lg-transparent {
background-color: transparent !important;
}
}
@media (min-width: 1280px) {
.bg-xl-white-8 {
background-color: rgba(255, 255, 255, 0.8) !important;
}
.bg-xl-transparent {
background-color: transparent !important;
}
}
@media (min-width: 1600px) {
.bg-xxl-white-8 {
background-color: rgba(255, 255, 255, 0.8) !important;
}
.bg-xxl-transparent {
background-color: transparent !important;
}
}
.img-fluid {
max-width: 100%;
height: auto;
}
.bg-contain {
background: center/contain no-repeat;
}
.bg-cover {
background: center/cover no-repeat;
}
.bg-overlay {
background-color: rgba(0, 0, 0, 0.75);
}
.border-8 {
border: 8px solid #f18500;
}
.border-4 {
border: 4px solid #f18500;
}
.border-gray {
border-color: #333 !important;
}
.text-12 {
font-size: 12px;
line-height: 14px;
}
.text-12:lang(en) {
font-size: 12px;
line-height: 14px;
}
.text-14 {
font-size: 14px;
line-height: 16px;
}
.text-14:lang(en) {
font-size: 14px;
line-height: 17px;
}
.text-16 {
font-size: 16px;
line-height: 18px;
}
.text-16:lang(en) {
font-size: 16px;
line-height: 14px;
}
.text-18 {
font-size: 18px;
line-height: 22px;
}
.text-18:lang(en) {
font-size: 18px;
line-height: 22px;
}
.text-20 {
font-size: 20px;
line-height: 22px;
}
.text-20:lang(en) {
font-size: 20px;
line-height: 20px;
}
.text-24 {
font-size: 24px;
line-height: 26px;
}
.text-24:lang(en) {
font-size: 24px;
line-height: 22px;
}
.text-28 {
font-size: 28px;
line-height: 30px;
}
.text-28:lang(en) {
font-size: 28px;
line-height: 30px;
}
.text-32 {
font-size: 32px;
line-height: 34px;
}
.text-32:lang(en) {
font-size: 32px;
line-height: 30px;
}
.text-40 {
font-size: 40px;
line-height: 42px;
}
.text-40:lang(en) {
font-size: 40px;
line-height: 36px;
}
.text-48 {
font-size: 48px;
line-height: 50px;
}
.text-48:lang(en) {
font-size: 48px;
line-height: 42px;
}
.text-60 {
font-size: 60px;
line-height: 68px;
}
.text-60:lang(en) {
font-size: 60px;
line-height: 52px;
}
.text-80 {
font-size: 80px;
line-height: 86px;
}
.text-80:lang(en) {
font-size: 80px;
line-height: 86px;
}
.text-100 {
font-size: 100px;
line-height: 72px;
}
.text-100:lang(en) {
font-size: 100px;
line-height: 72px;
}
@media (min-width: 576px) {
.text-sm-12 {
font-size: 12px;
line-height: 14px;
}
.text-sm-12:lang(en) {
font-size: 12px;
line-height: 14px;
}
.text-sm-14 {
font-size: 14px;
line-height: 16px;
}
.text-sm-14:lang(en) {
font-size: 14px;
line-height: 17px;
}
.text-sm-16 {
font-size: 16px;
line-height: 18px;
}
.text-sm-16:lang(en) {
font-size: 16px;
line-height: 14px;
}
.text-sm-18 {
font-size: 18px;
line-height: 22px;
}
.text-sm-18:lang(en) {
font-size: 18px;
line-height: 22px;
}
.text-sm-20 {
font-size: 20px;
line-height: 22px;
}
.text-sm-20:lang(en) {
font-size: 20px;
line-height: 20px;
}
.text-sm-24 {
font-size: 24px;
line-height: 26px;
}
.text-sm-24:lang(en) {
font-size: 24px;
line-height: 22px;
}
.text-sm-28 {
font-size: 28px;
line-height: 30px;
}
.text-sm-28:lang(en) {
font-size: 28px;
line-height: 30px;
}
.text-sm-32 {
font-size: 32px;
line-height: 34px;
}
.text-sm-32:lang(en) {
font-size: 32px;
line-height: 30px;
}
.text-sm-40 {
font-size: 40px;
line-height: 42px;
}
.text-sm-40:lang(en) {
font-size: 40px;
line-height: 36px;
}
.text-sm-48 {
font-size: 48px;
line-height: 50px;
}
.text-sm-48:lang(en) {
font-size: 48px;
line-height: 42px;
}
.text-sm-60 {
font-size: 60px;
line-height: 68px;
}
.text-sm-60:lang(en) {
font-size: 60px;
line-height: 52px;
}
.text-sm-80 {
font-size: 80px;
line-height: 86px;
}
.text-sm-80:lang(en) {
font-size: 80px;
line-height: 86px;
}
.text-sm-100 {
font-size: 100px;
line-height: 72px;
}
.text-sm-100:lang(en) {
font-size: 100px;
line-height: 72px;
}
}
@media (min-width: 768px) {
.text-md-12 {
font-size: 12px;
line-height: 14px;
}
.text-md-12:lang(en) {
font-size: 12px;
line-height: 14px;
}
.text-md-14 {
font-size: 14px;
line-height: 16px;
}
.text-md-14:lang(en) {
font-size: 14px;
line-height: 17px;
}
.text-md-16 {
font-size: 16px;
line-height: 18px;
}
.text-md-16:lang(en) {
font-size: 16px;
line-height: 14px;
}
.text-md-18 {
font-size: 18px;
line-height: 22px;
}
.text-md-18:lang(en) {
font-size: 18px;
line-height: 22px;
}
.text-md-20 {
font-size: 20px;
line-height: 22px;
}
.text-md-20:lang(en) {
font-size: 20px;
line-height: 20px;
}
.text-md-24 {
font-size: 24px;
line-height: 26px;
}
.text-md-24:lang(en) {
font-size: 24px;
line-height: 22px;
}
.text-md-28 {
font-size: 28px;
line-height: 30px;
}
.text-md-28:lang(en) {
font-size: 28px;
line-height: 30px;
}
.text-md-32 {
font-size: 32px;
line-height: 34px;
}
.text-md-32:lang(en) {
font-size: 32px;
line-height: 30px;
}
.text-md-40 {
font-size: 40px;
line-height: 42px;
}
.text-md-40:lang(en) {
font-size: 40px;
line-height: 36px;
}
.text-md-48 {
font-size: 48px;
line-height: 50px;
}
.text-md-48:lang(en) {
font-size: 48px;
line-height: 42px;
}
.text-md-60 {
font-size: 60px;
line-height: 68px;
}
.text-md-60:lang(en) {
font-size: 60px;
line-height: 52px;
}
.text-md-80 {
font-size: 80px;
line-height: 86px;
}
.text-md-80:lang(en) {
font-size: 80px;
line-height: 86px;
}
.text-md-100 {
font-size: 100px;
line-height: 72px;
}
.text-md-100:lang(en) {
font-size: 100px;
line-height: 72px;
}
}
@media (min-width: 992px) {
.text-lg-12 {
font-size: 12px;
line-height: 14px;
}
.text-lg-12:lang(en) {
font-size: 12px;
line-height: 14px;
}
.text-lg-14 {
font-size: 14px;
line-height: 16px;
}
.text-lg-14:lang(en) {
font-size: 14px;
line-height: 17px;
}
.text-lg-16 {
font-size: 16px;
line-height: 18px;
}
.text-lg-16:lang(en) {
font-size: 16px;
line-height: 14px;
}
.text-lg-18 {
font-size: 18px;
line-height: 22px;
}
.text-lg-18:lang(en) {
font-size: 18px;
line-height: 22px;
}
.text-lg-20 {
font-size: 20px;
line-height: 22px;
}
.text-lg-20:lang(en) {
font-size: 20px;
line-height: 20px;
}
.text-lg-24 {
font-size: 24px;
line-height: 26px;
}
.text-lg-24:lang(en) {
font-size: 24px;
line-height: 22px;
}
.text-lg-28 {
font-size: 28px;
line-height: 30px;
}
.text-lg-28:lang(en) {
font-size: 28px;
line-height: 30px;
}
.text-lg-32 {
font-size: 32px;
line-height: 34px;
}
.text-lg-32:lang(en) {
font-size: 32px;
line-height: 30px;
}
.text-lg-40 {
font-size: 40px;
line-height: 42px;
}
.text-lg-40:lang(en) {
font-size: 40px;
line-height: 36px;
}
.text-lg-48 {
font-size: 48px;
line-height: 50px;
}
.text-lg-48:lang(en) {
font-size: 48px;
line-height: 42px;
}
.text-lg-60 {
font-size: 60px;
line-height: 68px;
}
.text-lg-60:lang(en) {
font-size: 60px;
line-height: 52px;
}
.text-lg-80 {
font-size: 80px;
line-height: 86px;
}
.text-lg-80:lang(en) {
font-size: 80px;
line-height: 86px;
}
.text-lg-100 {
font-size: 100px;
line-height: 72px;
}
.text-lg-100:lang(en) {
font-size: 100px;
line-height: 72px;
}
}
@media (min-width: 1280px) {
.text-xl-12 {
font-size: 12px;
line-height: 14px;
}
.text-xl-12:lang(en) {
font-size: 12px;
line-height: 14px;
}
.text-xl-14 {
font-size: 14px;
line-height: 16px;
}
.text-xl-14:lang(en) {
font-size: 14px;
line-height: 17px;
}
.text-xl-16 {
font-size: 16px;
line-height: 18px;
}
.text-xl-16:lang(en) {
font-size: 16px;
line-height: 14px;
}
.text-xl-18 {
font-size: 18px;
line-height: 22px;
}
.text-xl-18:lang(en) {
font-size: 18px;
line-height: 22px;
}
.text-xl-20 {
font-size: 20px;
line-height: 22px;
}
.text-xl-20:lang(en) {
font-size: 20px;
line-height: 20px;
}
.text-xl-24 {
font-size: 24px;
line-height: 26px;
}
.text-xl-24:lang(en) {
font-size: 24px;
line-height: 22px;
}
.text-xl-28 {
font-size: 28px;
line-height: 30px;
}
.text-xl-28:lang(en) {
font-size: 28px;
line-height: 30px;
}
.text-xl-32 {
font-size: 32px;
line-height: 34px;
}
.text-xl-32:lang(en) {
font-size: 32px;
line-height: 30px;
}
.text-xl-40 {
font-size: 40px;
line-height: 42px;
}
.text-xl-40:lang(en) {
font-size: 40px;
line-height: 36px;
}
.text-xl-48 {
font-size: 48px;
line-height: 50px;
}
.text-xl-48:lang(en) {
font-size: 48px;
line-height: 42px;
}
.text-xl-60 {
font-size: 60px;
line-height: 68px;
}
.text-xl-60:lang(en) {
font-size: 60px;
line-height: 52px;
}
.text-xl-80 {
font-size: 80px;
line-height: 86px;
}
.text-xl-80:lang(en) {
font-size: 80px;
line-height: 86px;
}
.text-xl-100 {
font-size: 100px;
line-height: 72px;
}
.text-xl-100:lang(en) {
font-size: 100px;
line-height: 72px;
}
}
@media (min-width: 1600px) {
.text-xxl-12 {
font-size: 12px;
line-height: 14px;
}
.text-xxl-12:lang(en) {
font-size: 12px;
line-height: 14px;
}
.text-xxl-14 {
font-size: 14px;
line-height: 16px;
}
.text-xxl-14:lang(en) {
font-size: 14px;
line-height: 17px;
}
.text-xxl-16 {
font-size: 16px;
line-height: 18px;
}
.text-xxl-16:lang(en) {
font-size: 16px;
line-height: 14px;
}
.text-xxl-18 {
font-size: 18px;
line-height: 22px;
}
.text-xxl-18:lang(en) {
font-size: 18px;
line-height: 22px;
}
.text-xxl-20 {
font-size: 20px;
line-height: 22px;
}
.text-xxl-20:lang(en) {
font-size: 20px;
line-height: 20px;
}
.text-xxl-24 {
font-size: 24px;
line-height: 26px;
}
.text-xxl-24:lang(en) {
font-size: 24px;
line-height: 22px;
}
.text-xxl-28 {
font-size: 28px;
line-height: 30px;
}
.text-xxl-28:lang(en) {
font-size: 28px;
line-height: 30px;
}
.text-xxl-32 {
font-size: 32px;
line-height: 34px;
}
.text-xxl-32:lang(en) {
font-size: 32px;
line-height: 30px;
}
.text-xxl-40 {
font-size: 40px;
line-height: 42px;
}
.text-xxl-40:lang(en) {
font-size: 40px;
line-height: 36px;
}
.text-xxl-48 {
font-size: 48px;
line-height: 50px;
}
.text-xxl-48:lang(en) {
font-size: 48px;
line-height: 42px;
}
.text-xxl-60 {
font-size: 60px;
line-height: 68px;
}
.text-xxl-60:lang(en) {
font-size: 60px;
line-height: 52px;
}
.text-xxl-80 {
font-size: 80px;
line-height: 86px;
}
.text-xxl-80:lang(en) {
font-size: 80px;
line-height: 86px;
}
.text-xxl-100 {
font-size: 100px;
line-height: 72px;
}
.text-xxl-100:lang(en) {
font-size: 100px;
line-height: 72px;
}
}
.text-primary {
color: #f18500;
}
.text-secondary {
color: #000;
}
.text-white {
color: #fff;
}
@media (min-width: 576px) {
.text-sm-primary {
color: #f18500;
}
.text-sm-secondary {
color: #000;
}
.text-sm-white {
color: #fff;
}
}
@media (min-width: 768px) {
.text-md-primary {
color: #f18500;
}
.text-md-secondary {
color: #000;
}
.text-md-white {
color: #fff;
}
}
@media (min-width: 992px) {
.text-lg-primary {
color: #f18500;
}
.text-lg-secondary {
color: #000;
}
.text-lg-white {
color: #fff;
}
}
@media (min-width: 1280px) {
.text-xl-primary {
color: #f18500;
}
.text-xl-secondary {
color: #000;
}
.text-xl-white {
color: #fff;
}
}
@media (min-width: 1600px) {
.text-xxl-primary {
color: #f18500;
}
.text-xxl-secondary {
color: #000;
}
.text-xxl-white {
color: #fff;
}
}
@media (min-width: 1280px) {
.text-xl-body {
color: #000 !important;
}
}
.leading-base {
line-height: 22px;
}
.leading-1 {
line-height: 1;
}
.leading-14 {
line-height: 14px;
}
.leading-17 {
line-height: 17px;
}
.leading-20 {
line-height: 20px;
}
.leading-26 {
line-height: 26px;
}
.leading-30 {
line-height: 30px;
}
.leading-36 {
line-height: 36px;
}
.leading-42 {
line-height: 42px;
}
.leading-52 {
line-height: 52px;
}
@media (min-width: 576px) {
.leading-sm-base {
line-height: 22px;
}
.leading-sm-1 {
line-height: 1;
}
.leading-sm-14 {
line-height: 14px;
}
.leading-sm-17 {
line-height: 17px;
}
.leading-sm-20 {
line-height: 20px;
}
.leading-sm-26 {
line-height: 26px;
}
.leading-sm-30 {
line-height: 30px;
}
.leading-sm-36 {
line-height: 36px;
}
.leading-sm-42 {
line-height: 42px;
}
.leading-sm-52 {
line-height: 52px;
}
}
@media (min-width: 768px) {
.leading-md-base {
line-height: 22px;
}
.leading-md-1 {
line-height: 1;
}
.leading-md-14 {
line-height: 14px;
}
.leading-md-17 {
line-height: 17px;
}
.leading-md-20 {
line-height: 20px;
}
.leading-md-26 {
line-height: 26px;
}
.leading-md-30 {
line-height: 30px;
}
.leading-md-36 {
line-height: 36px;
}
.leading-md-42 {
line-height: 42px;
}
.leading-md-52 {
line-height: 52px;
}
}
@media (min-width: 992px) {
.leading-lg-base {
line-height: 22px;
}
.leading-lg-1 {
line-height: 1;
}
.leading-lg-14 {
line-height: 14px;
}
.leading-lg-17 {
line-height: 17px;
}
.leading-lg-20 {
line-height: 20px;
}
.leading-lg-26 {
line-height: 26px;
}
.leading-lg-30 {
line-height: 30px;
}
.leading-lg-36 {
line-height: 36px;
}
.leading-lg-42 {
line-height: 42px;
}
.leading-lg-52 {
line-height: 52px;
}
}
@media (min-width: 1280px) {
.leading-xl-base {
line-height: 22px;
}
.leading-xl-1 {
line-height: 1;
}
.leading-xl-14 {
line-height: 14px;
}
.leading-xl-17 {
line-height: 17px;
}
.leading-xl-20 {
line-height: 20px;
}
.leading-xl-26 {
line-height: 26px;
}
.leading-xl-30 {
line-height: 30px;
}
.leading-xl-36 {
line-height: 36px;
}
.leading-xl-42 {
line-height: 42px;
}
.leading-xl-52 {
line-height: 52px;
}
}
@media (min-width: 1600px) {
.leading-xxl-base {
line-height: 22px;
}
.leading-xxl-1 {
line-height: 1;
}
.leading-xxl-14 {
line-height: 14px;
}
.leading-xxl-17 {
line-height: 17px;
}
.leading-xxl-20 {
line-height: 20px;
}
.leading-xxl-26 {
line-height: 26px;
}
.leading-xxl-30 {
line-height: 30px;
}
.leading-xxl-36 {
line-height: 36px;
}
.leading-xxl-42 {
line-height: 42px;
}
.leading-xxl-52 {
line-height: 52px;
}
}
.overflow-break-word {
overflow-wrap: break-word;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.mh-80 {
max-height: 80px !important;
}
.min-w-auto {
min-width: auto !important;
}
.min-h-auto {
min-height: auto !important;
}
.min-h-100 {
min-height: 100% !important;
}
.w-16 {
width: 16px;
}
.w-32 {
width: 32px;
}
.w-48 {
width: 48px;
}
.w-64 {
width: 64px;
}
.w-100 {
width: 100%;
}
.w-half {
width: 50%;
}
.w-auto {
width: auto;
}
@media (min-width: 576px) {
.w-sm-16 {
width: 16px;
}
.w-sm-32 {
width: 32px;
}
.w-sm-48 {
width: 48px;
}
.w-sm-64 {
width: 64px;
}
.w-sm-100 {
width: 100%;
}
.w-sm-half {
width: 50%;
}
.w-sm-auto {
width: auto;
}
}
@media (min-width: 768px) {
.w-md-16 {
width: 16px;
}
.w-md-32 {
width: 32px;
}
.w-md-48 {
width: 48px;
}
.w-md-64 {
width: 64px;
}
.w-md-100 {
width: 100%;
}
.w-md-half {
width: 50%;
}
.w-md-auto {
width: auto;
}
}
@media (min-width: 992px) {
.w-lg-16 {
width: 16px;
}
.w-lg-32 {
width: 32px;
}
.w-lg-48 {
width: 48px;
}
.w-lg-64 {
width: 64px;
}
.w-lg-100 {
width: 100%;
}
.w-lg-half {
width: 50%;
}
.w-lg-auto {
width: auto;
}
}
@media (min-width: 1280px) {
.w-xl-16 {
width: 16px;
}
.w-xl-32 {
width: 32px;
}
.w-xl-48 {
width: 48px;
}
.w-xl-64 {
width: 64px;
}
.w-xl-100 {
width: 100%;
}
.w-xl-half {
width: 50%;
}
.w-xl-auto {
width: auto;
}
}
@media (min-width: 1600px) {
.w-xxl-16 {
width: 16px;
}
.w-xxl-32 {
width: 32px;
}
.w-xxl-48 {
width: 48px;
}
.w-xxl-64 {
width: 64px;
}
.w-xxl-100 {
width: 100%;
}
.w-xxl-half {
width: 50%;
}
.w-xxl-auto {
width: auto;
}
}
.h-16 {
height: 16px;
}
.h-32 {
height: 32px;
}
.h-48 {
height: 48px;
}
.h-64 {
height: 64px;
}
.h-100 {
height: 100%;
}
.h-half {
height: 50%;
}
.h-auto {
height: auto;
}
@media (min-width: 576px) {
.h-sm-16 {
height: 16px;
}
.h-sm-32 {
height: 32px;
}
.h-sm-48 {
height: 48px;
}
.h-sm-64 {
height: 64px;
}
.h-sm-100 {
height: 100%;
}
.h-sm-half {
height: 50%;
}
.h-sm-auto {
height: auto;
}
}
@media (min-width: 768px) {
.h-md-16 {
height: 16px;
}
.h-md-32 {
height: 32px;
}
.h-md-48 {
height: 48px;
}
.h-md-64 {
height: 64px;
}
.h-md-100 {
height: 100%;
}
.h-md-half {
height: 50%;
}
.h-md-auto {
height: auto;
}
}
@media (min-width: 992px) {
.h-lg-16 {
height: 16px;
}
.h-lg-32 {
height: 32px;
}
.h-lg-48 {
height: 48px;
}
.h-lg-64 {
height: 64px;
}
.h-lg-100 {
height: 100%;
}
.h-lg-half {
height: 50%;
}
.h-lg-auto {
height: auto;
}
}
@media (min-width: 1280px) {
.h-xl-16 {
height: 16px;
}
.h-xl-32 {
height: 32px;
}
.h-xl-48 {
height: 48px;
}
.h-xl-64 {
height: 64px;
}
.h-xl-100 {
height: 100%;
}
.h-xl-half {
height: 50%;
}
.h-xl-auto {
height: auto;
}
}
@media (min-width: 1600px) {
.h-xxl-16 {
height: 16px;
}
.h-xxl-32 {
height: 32px;
}
.h-xxl-48 {
height: 48px;
}
.h-xxl-64 {
height: 64px;
}
.h-xxl-100 {
height: 100%;
}
.h-xxl-half {
height: 50%;
}
.h-xxl-auto {
height: auto;
}
}
.flex-childs-1 > * {
flex: 1;
}
.h-180 {
height: 180px;
}
.pointer-events-none {
pointer-events: none;
}
.responsive-img-thumb {
width: 100%;
height: 180px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (min-width: 576px) {
.responsive-img-thumb {
height: 280px;
}
}
@media (min-width: 1280px) {
.responsive-img-thumb--large {
height: 360px;
}
}
.obj-cover {
-o-object-fit: cover;
object-fit: cover;
}
.obj-contain {
-o-object-fit: contain;
object-fit: contain;
}
.list-dotted ul {
list-style: none;
}
.list-dotted ul li {
position: relative;
padding-left: 20px;
margin-bottom: 4px;
}
@media (min-width: 768px) {
.list-dotted ul li {
padding-left: 36px;
}
}
.list-dotted ul li::before {
width: 7px;
height: 7px;
content: "";
position: absolute;
top: 9px;
left: 5px;
border-radius: 50%;
background-color: #f18500;
}
@media (min-width: 768px) {
.list-dotted ul li::before {
left: 12px;
}
}
.z-index-2 {
z-index: 2;
}
.hover-color-primary:hover {
color: #f18500 !important;
}
.links-primary a {
color: #f18500;
font-weight: bold;
}
.a-abs {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.btn {
font-size: 18px;
line-height: 22px;
display: inline-block;
min-width: 220px;
padding: 13px 32px;
border: 2px solid transparent;
background-color: transparent;
color: #fff;
line-height: 1;
font-weight: 900;
text-transform: uppercase;
text-align: center;
transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.btn:lang(en) {
font-size: 18px;
line-height: 22px;
}
.btn:hover {
color: #fff;
}
.btn--small {
padding: 11px 24px;
}
@media (min-width: 576px) {
.btn-sm--small {
padding: 11px 24px;
}
}
@media (min-width: 768px) {
.btn-md--small {
padding: 11px 24px;
}
}
@media (min-width: 992px) {
.btn-lg--small {
padding: 11px 24px;
}
}
@media (min-width: 1280px) {
.btn-xl--small {
padding: 11px 24px;
}
}
@media (min-width: 1600px) {
.btn-xxl--small {
padding: 11px 24px;
}
}
.btn--large {
padding: 19px 32px;
}
@media (min-width: 576px) {
.btn-sm--large {
padding: 19px 32px;
}
}
@media (min-width: 768px) {
.btn-md--large {
padding: 19px 32px;
}
}
@media (min-width: 992px) {
.btn-lg--large {
padding: 19px 32px;
}
}
@media (min-width: 1280px) {
.btn-xl--large {
padding: 19px 32px;
}
}
@media (min-width: 1600px) {
.btn-xxl--large {
padding: 19px 32px;
}
}
.btn--primary {
background-color: #f18500;
}
.btn--primary:hover {
background-color: #be6900;
}
.btn--primary-outline {
border-color: #f18500;
color: #f18500;
}
.btn--primary-outline:hover {
color: #be6900;
border-color: #be6900;
}
.btn--secondary {
background-color: #000;
}
.btn--secondary:hover {
background-color: #333333;
}
.btn--secondary-outline {
border-color: #000;
color: #000;
}
.btn--secondary-outline:hover {
color: #333333;
border-color: #333333;
}
.btn-close {
width: 32px;
height: 32px;
position: relative;
display: inline-block;
padding: 4px;
}
.btn-close::before, .btn-close::after {
width: 80%;
height: 4px;
content: "";
position: absolute;
top: 50%;
left: 50%;
background-color: #fff;
}
.btn-close::before {
transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.btn-close::after {
transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.btn-ultima {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -24px;
white-space: nowrap;
}
@media (min-width: 768px) {
.btn-ultima {
left: 17vw;
transform: unset;
bottom: 4vw;
}
}
.btn-arrow {
display: inline-flex;
align-items: center;
min-height: 48px;
padding: 12px 21px;
font-size: 14px;
line-height: 18px;
font-weight: 900;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.1px;
transition: all 0.3s;
}
.btn-arrow.wpcf7-submit {
display: flex;
justify-content: center;
width: 100%;
}
.btn-arrow svg {
width: 24px;
height: 24px;
margin-left: 8px;
}
@media (min-width: 992px) {
.btn-arrow svg {
margin-left: 12px;
}
}
.btn-arrow:hover {
color: #fff;
}
.btn-arrow--primary {
background-color: #f18500;
}
.btn-arrow--primary:hover {
background-color: #be6900;
}
.btn-arrow--transparent:hover {
background-color: rgba(0, 0, 0, 0.652);
}
.btn-arrow--border {
padding: 12px 20px;
color: #f18500;
border: 1px solid #f18500;
}
.btn-arrow--border svg path {
fill: #f18500;
transition: all 0.3s;
}
.btn-arrow--border:hover {
background-color: #be6900;
color: white;
border: 1px solid #be6900;
}
.btn-arrow--border:hover svg path {
fill: white;
}
.btn-arrow--noborder {
color: #f18500;
border: none;
}
.btn-arrow--noborder svg path {
fill: #f18500;
}
.btn-arrow--noborder:hover {
color: #be6900;
}
.btn-arrow--noborder:hover svg path {
fill: #be6900;
}
.btn-arrow--sm {
font-size: 13px;
line-height: 16.5px;
padding: 8px 16px;
min-height: 40px;
}
@media (min-width: 992px) {
.btn-arrow--sm svg {
margin-left: 8px;
}
}
@media (min-width: 992px) {
.btn-arrow {
min-height: 48px;
padding: 12px 21px;
font-size: 14px;
line-height: 18px;
}
.btn-arrow--sm {
font-size: 13px;
line-height: 16.5px;
padding: 8px 16px;
min-height: 40px;
}
}
@media (min-width: 992px) and (min-width: 992px) {
.btn-arrow--sm svg {
margin-left: 8px;
}
}
@media (min-width: 992px) {
.btn-arrow.wpcf7-submit {
display: inline-flex;
width: auto;
}
}
.socials {
margin-right: -8px;
margin-left: -8px;
display: flex;
}
.socials__item {
margin-right: 8px;
margin-left: 8px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
}
.socials__item svg {
width: 16px;
height: 16px;
fill: #000;
}
.socials__item--primary {
background-color: #f18500;
}
.socials__item--primary svg {
fill: #fff;
}
.cms.interview .short {
text-shadow: 0px 0px 3px black;
}
.cms.interview h2,
.cms.interview .h2 {
margin-bottom: 40px;
padding-bottom: 42px;
border-bottom: 1px solid black;
}
@media (min-width: 992px) {
.cms.interview h2,
.cms.interview .h2 {
font-size: 28px;
line-height: 30px;
}
.cms.interview h2:lang(en),
.cms.interview .h2:lang(en) {
font-size: 28px;
line-height: 30px;
}
}
.cms.interview h3,
.cms.interview .h3 {
color: #838383;
}
@media (min-width: 992px) {
.cms.interview h3,
.cms.interview .h3 {
font-size: 28px;
line-height: 30px;
}
.cms.interview h3:lang(en),
.cms.interview .h3:lang(en) {
font-size: 28px;
line-height: 30px;
}
}
.cms.interview .shorts h2,
.cms.interview .shorts .h2 {
font-size: 14px;
line-height: 18px;
margin-bottom: 20px;
padding-bottom: 0;
border-bottom: 0;
}
.cms.interview .shorts h3,
.cms.interview .shorts .h3 {
font-size: 14px;
line-height: 18px;
margin-bottom: 20px;
color: #838383;
padding-left: 10px;
}
.cms p {
padding-bottom: 16px;
}
@media (min-width: 768px) {
.cms p {
padding-bottom: 24px;
}
}
.cms a {
font-weight: 700;
}
.cms h1,
.cms h2,
.cms h3,
.cms h4,
.cms h5,
.cms h6 {
margin-top: 16px;
margin-bottom: 16px;
font-weight: 900;
text-transform: uppercase;
}
@media (min-width: 768px) {
.cms h1,
.cms h2,
.cms h3,
.cms h4,
.cms h5,
.cms h6 {
margin-top: 24px;
margin-bottom: 24px;
}
}
.cms h1,
.cms .h1 {
font-size: 32px;
line-height: 34px;
}
.cms h1:lang(en),
.cms .h1:lang(en) {
font-size: 32px;
line-height: 30px;
}
@media (min-width: 768px) {
.cms h1,
.cms .h1 {
font-size: 48px;
line-height: 50px;
}
.cms h1:lang(en),
.cms .h1:lang(en) {
font-size: 48px;
line-height: 42px;
}
}
.cms h2,
.cms .h2 {
font-size: 24px;
line-height: 26px;
}
.cms h2:lang(en),
.cms .h2:lang(en) {
font-size: 24px;
line-height: 22px;
}
@media (min-width: 768px) {
.cms h2,
.cms .h2 {
font-size: 32px;
line-height: 34px;
}
.cms h2:lang(en),
.cms .h2:lang(en) {
font-size: 32px;
line-height: 30px;
}
}
.cms h3,
.cms .h3 {
font-size: 20px;
line-height: 22px;
}
.cms h3:lang(en),
.cms .h3:lang(en) {
font-size: 20px;
line-height: 20px;
}
@media (min-width: 768px) {
.cms h3,
.cms .h3 {
font-size: 24px;
line-height: 26px;
}
.cms h3:lang(en),
.cms .h3:lang(en) {
font-size: 24px;
line-height: 22px;
}
}
.cms h4,
.cms .h4 {
font-size: 18px;
line-height: 22px;
}
.cms h4:lang(en),
.cms .h4:lang(en) {
font-size: 18px;
line-height: 22px;
}
@media (min-width: 768px) {
.cms h4,
.cms .h4 {
font-size: 20px;
line-height: 22px;
}
.cms h4:lang(en),
.cms .h4:lang(en) {
font-size: 20px;
line-height: 20px;
}
}
.cms h5,
.cms .h5 {
font-size: 16px;
line-height: 18px;
}
.cms h5:lang(en),
.cms .h5:lang(en) {
font-size: 16px;
line-height: 14px;
}
@media (min-width: 768px) {
.cms h5,
.cms .h5 {
font-size: 18px;
line-height: 22px;
}
.cms h5:lang(en),
.cms .h5:lang(en) {
font-size: 18px;
line-height: 22px;
}
}
.cms h6,
.cms .h6 {
font-size: 16px;
line-height: 18px;
}
.cms h6:lang(en),
.cms .h6:lang(en) {
font-size: 16px;
line-height: 14px;
}
.cms ul,
.cms ol {
list-style: none;
}
.cms ul li,
.cms ol li {
position: relative;
padding-left: 20px;
margin-bottom: 16px;
}
@media (min-width: 768px) {
.cms ul li,
.cms ol li {
padding-left: 36px;
margin-bottom: 24px;
}
}
.cms ul li::before,
.cms ol li::before {
width: 12px;
height: 12px;
content: "";
position: absolute;
top: 6px;
left: 0;
background-color: #f18500;
}
@media (min-width: 768px) {
.cms ul li::before,
.cms ol li::before {
width: 20px;
height: 20px;
}
}
.form-control {
padding-right: 16px;
padding-left: 16px;
font-size: 16px;
line-height: 18px;
line-height: 20px;
height: 48px;
border: 2px solid #000;
box-shadow: none;
background: #fff;
}
.form-control::-moz-placeholder {
color: #000;
opacity: 1;
}
.form-control::-ms-input-placeholder {
color: #000;
}
.form-control::-webkit-input-placeholder {
color: #000;
}
.form-control:lang(en) {
font-size: 16px;
line-height: 14px;
}
.form-control:focus {
outline: none !important;
border-color: #f18500 !important;
}
textarea.form-control {
min-height: 140px;
padding-top: 16px;
resize: none;
vertical-align: top;
}
.form-control--large {
height: 60px;
}
textarea.form-control--large {
padding-top: 20px;
}
@media (min-width: 576px) {
.form-control-sm--large {
height: 60px;
}
textarea.form-control-sm--large {
padding-top: 20px;
}
}
@media (min-width: 768px) {
.form-control-md--large {
height: 60px;
}
textarea.form-control-md--large {
padding-top: 20px;
}
}
@media (min-width: 992px) {
.form-control-lg--large {
height: 60px;
}
textarea.form-control-lg--large {
padding-top: 20px;
}
}
@media (min-width: 1280px) {
.form-control-xl--large {
height: 60px;
}
textarea.form-control-xl--large {
padding-top: 20px;
}
}
@media (min-width: 1600px) {
.form-control-xxl--large {
height: 60px;
}
textarea.form-control-xxl--large {
padding-top: 20px;
}
}
select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
border-radius: 0;
padding-right: 46px;
}
.form-control:disabled {
border-color: #dfdfdf;
}
.form-newsletter .form-control {
border-color: #fff;
}
.form-newsletter--modal .form-control {
border-color: #f18500;
}
.form-newsletter .btn {
height: 48px;
min-width: auto;
}
.form-newsletter__row {
margin-right: -16px;
margin-left: -16px;
}
@media (min-width: 1280px) {
.form-newsletter__row {
display: flex;
flex-wrap: nowrap;
}
}
.form-newsletter__col {
padding-right: 16px;
padding-left: 16px;
flex: 1;
}
.form-newsletter__col:first-of-type {
flex: 0;
}
@media (min-width: 1280px) {
.form-newsletter__col:first-of-type {
margin-top: 14px;
}
}
@media (min-width: 1280px) {
.form-newsletter--modal .form-newsletter__row {
display: block;
}
}
.form-select {
position: relative;
}
.form-select::after {
width: 0;
height: 0;
pointer-events: none;
content: "";
position: absolute;
top: 20px;
right: 16px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 9px solid #f18500;
}
.form-select--large::after {
top: 28px;
}
@media (min-width: 576px) {
.form-select-sm--large::after {
top: 28px;
}
}
@media (min-width: 768px) {
.form-select-md--large::after {
top: 28px;
}
}
@media (min-width: 992px) {
.form-select-lg--large::after {
top: 28px;
}
}
@media (min-width: 1280px) {
.form-select-xl--large::after {
top: 28px;
}
}
@media (min-width: 1600px) {
.form-select-xxl--large::after {
top: 28px;
}
}
.form-file__control {
position: absolute;
top: 0;
visibility: hidden;
left: -9999px;
}
.form-file__label {
padding-right: 16px;
padding-left: 16px;
width: 100%;
height: 48px;
font-size: 16px;
line-height: 18px;
position: relative;
border: 2px solid #000;
}
.form-file__label::-moz-placeholder {
color: #000;
opacity: 1;
}
.form-file__label::-ms-input-placeholder {
color: #000;
}
.form-file__label::-webkit-input-placeholder {
color: #000;
}
.form-file__label:lang(en) {
font-size: 16px;
line-height: 14px;
}
.form-file__label:hover {
cursor: pointer;
}
.form-file__name {
transform: translate3d(0, -50%, 0);
font-size: 16px;
line-height: 18px;
position: absolute;
top: 50%;
left: 16px;
}
.form-file__name:lang(en) {
font-size: 16px;
line-height: 14px;
}
.form-file__icon {
transform: translate3d(0, -50%, 0);
width: 16px;
height: 16px;
position: absolute;
top: 50%;
right: 16px;
fill: #f18500;
pointer-events: none;
}
.form-file--large .form-file__label {
height: 60px;
}
@media (min-width: 576px) {
.form-file-sm--large .form-file__label {
height: 60px;
}
}
@media (min-width: 768px) {
.form-file-md--large .form-file__label {
height: 60px;
}
}
@media (min-width: 992px) {
.form-file-lg--large .form-file__label {
height: 60px;
}
}
@media (min-width: 1280px) {
.form-file-xl--large .form-file__label {
height: 60px;
}
}
@media (min-width: 1600px) {
.form-file-xxl--large .form-file__label {
height: 60px;
}
}
.form-checkbox {
position: relative;
}
.form-checkbox input {
position: absolute;
top: auto;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
white-space: nowrap;
}
.form-checkbox label {
font-size: 14px;
line-height: 16px;
position: relative;
padding-left: 24px;
display: block;
margin-bottom: 0;
}
.form-checkbox label:lang(en) {
font-size: 14px;
line-height: 17px;
}
.form-checkbox label:hover {
cursor: pointer;
}
.form-checkbox label::before {
width: 16px;
height: 16px;
content: "";
position: absolute;
top: 2px;
left: 0;
border: 2px solid #000;
}
.form-checkbox input:checked ~ label::before {
background-color: #f18500;
}
.accessibility .form-checkbox input:focus ~ label::before {
outline: 2px solid #f18500;
outline-offset: 2px;
}
.form-label {
font-size: 15px;
font-weight: 700;
margin-bottom: 4px;
}
/* stylelint-disable no-descending-specificity */
.form-radio-group {
position: relative;
display: inline-flex;
border-right: 2px solid #000;
}
.form-radio-group input {
position: absolute;
top: auto;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
white-space: nowrap;
}
.form-radio-group label {
font-size: 16px;
line-height: 18px;
flex: 1;
font-weight: 900;
height: 48px;
border: 2px solid #000;
border-right: 0;
padding: 4px 16px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.form-radio-group label:lang(en) {
font-size: 16px;
line-height: 14px;
}
.form-radio-group label:hover {
cursor: pointer;
}
.form-radio-group input:checked ~ label {
background-color: #000;
color: #fff;
}
.accessibility .form-radio-group input:focus ~ label {
background-color: #000;
color: #fff;
}
/* stylelint-enable */
.form-search {
position: relative;
}
.form-search__control {
padding-right: 44px;
}
.form-search__submit {
width: 32px;
height: 32px;
transform: translate3d(0, -50%, 0);
position: absolute;
top: 50%;
right: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.form-search__submit svg {
width: 24px;
height: 24px;
fill: #fff;
}
.form-search--small .form-search__control {
height: 40px;
}
.form-search--small .form-search__submit svg {
width: 24px;
height: 24px;
}
/* stylelint-disable no-descending-specificity */
.wpcf7 .wpcf7-form-control-wrap {
display: block;
}
.wpcf7 .wpcf7-not-valid-tip {
font-size: 12px;
line-height: 14px;
margin-top: 4px;
color: #f00;
}
.wpcf7 .wpcf7-not-valid-tip:lang(en) {
font-size: 12px;
line-height: 14px;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item,
.wpcf7 .wpcf7-radio .wpcf7-list-item,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item {
margin: 0;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label input,
.wpcf7 .wpcf7-radio .wpcf7-list-item label input,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label input {
position: absolute;
top: auto;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
white-space: nowrap;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label::before,
.wpcf7 .wpcf7-radio .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label::before,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label::before {
background-color: #f18500;
}
.accessibility .wpcf7 .wpcf7-acceptance .wpcf7-list-item label input:focus ~ .wpcf7-list-item-label::before,
.accessibility .wpcf7 .wpcf7-radio .wpcf7-list-item label input:focus ~ .wpcf7-list-item-label::before,
.accessibility .wpcf7 .wpcf7-checkbox .wpcf7-list-item label input:focus ~ .wpcf7-list-item-label::before {
outline: 2px solid #00f;
outline-offset: 2px;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label,
.wpcf7 .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
font-size: 14px;
line-height: 16px;
position: relative;
padding-left: 24px;
display: block;
margin-bottom: 0;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label:lang(en),
.wpcf7 .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label:lang(en),
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label:lang(en) {
font-size: 14px;
line-height: 17px;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label:hover,
.wpcf7 .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label:hover,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label:hover {
cursor: pointer;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::before,
.wpcf7 .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label::before,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label::before {
width: 16px;
height: 16px;
content: "";
position: absolute;
top: 2px;
left: 0;
background-color: #fff;
border: 2px solid #000;
}
.wpcf7 .wpcf7-radio {
margin-right: -12px;
margin-left: -12px;
display: flex;
}
.wpcf7 .wpcf7-radio .wpcf7-list-item {
margin-right: 12px;
margin-left: 12px;
}
.wpcf7 .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label::before {
border-radius: 50%;
}
.wpcf7 .ajax-loader {
display: none !important;
}
.wpcf7 .wpcf7-response-output {
font-size: 12px;
line-height: 14px;
border: 1px solid #f18500;
padding: 16px;
margin: 0;
color: #f18500;
}
.wpcf7 .wpcf7-response-output:lang(en) {
font-size: 12px;
line-height: 14px;
}
.wpcf7 .wpcf7-validation-errors {
color: #f00;
border-color: #f00;
}
.wpcf7 .wpcf7-form.submitting .wpcf7-submit {
pointer-events: none !important;
opacity: 0.8 !important;
}
.form-cf7-checkbox-list {
margin-right: -16px;
margin-left: -16px;
}
.form-cf7-checkbox-list .wpcf7-list-item {
margin: 0 16px !important;
}
.form-cf7-checkbox-list .wpcf7-not-valid-tip {
margin-left: 16px;
}
/* stylelint-enable */
.form-number {
position: relative;
}
.form-number__input:disabled {
border-color: #000;
}
.form-number__controls {
position: absolute;
top: 50%;
right: 2px;
transform: translate3d(0, -50%, 0);
display: flex;
flex-direction: column;
justify-content: space-between;
height: 42px;
}
.form-number__control {
width: 22px;
height: 22px;
border: 1px solid #fff;
background-color: #000;
color: #fff;
text-transform: uppercase;
font-size: 18px;
line-height: 1;
font-family: "Arial", sans-serif;
}
.form-control-hidden {
display: none;
}
.grecaptcha-badge {
visibility: hidden;
}
.form--secondary .form__description {
color: #fff;
}
.form--secondary .form__btn {
background: #000;
}
.form--secondary .wpcf7 .wpcf7-not-valid-tip {
color: #940a0a;
}
.form--secondary .wpcf7 .wpcf7-acceptance .wpcf7-list-item label,
.form--secondary .wpcf7 .wpcf7-radio .wpcf7-list-item label,
.form--secondary .wpcf7 .wpcf7-checkbox .wpcf7-list-item label {
color: #fff;
}
.form--secondary .wpcf7 .wpcf7-acceptance .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label::before,
.form--secondary .wpcf7 .wpcf7-radio .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label::before,
.form--secondary .wpcf7 .wpcf7-checkbox .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label::before {
background-color: #000;
}
.form--secondary .wpcf7 .wpcf7-response-output {
border: 1px solid #000;
color: #000;
}
.form--secondary .wpcf7 .wpcf7-validation-errors {
color: #940a0a;
border-color: #940a0a;
}
.dot-typing {
position: relative;
display: inline-block;
left: -9999px;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: #fff;
color: #fff;
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
-webkit-animation: dotTyping 1.5s infinite linear;
animation: dotTyping 1.5s infinite linear;
}
@-webkit-keyframes dotTyping {
0% {
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
}
16.667% {
box-shadow: 9984px -10px 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
}
33.333% {
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
}
50% {
box-shadow: 9984px 0 0 0 #fff, 9999px -10px 0 0 #fff, 10014px 0 0 0 #fff;
}
66.667% {
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
}
83.333% {
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px -10px 0 0 #fff;
}
100% {
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
}
}
@keyframes dotTyping {
0% {
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
}
16.667% {
box-shadow: 9984px -10px 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
}
33.333% {
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
}
50% {
box-shadow: 9984px 0 0 0 #fff, 9999px -10px 0 0 #fff, 10014px 0 0 0 #fff;
}
66.667% {
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
}
83.333% {
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px -10px 0 0 #fff;
}
100% {
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
}
}
.form-control:lang(en) {
line-height: 1;
}
.icon-action {
display: flex;
vertical-align: middle;
}
.icon-action svg {
width: 20px;
height: 20px;
fill: #f18500;
margin-top: 6px;
margin-right: 8px;
}
.box-icon {
position: relative;
height: 100%;
padding: 26px;
border: 4px solid #f18500;
}
@media (min-width: 1280px) {
.box-icon {
padding: 32px;
}
}
.box-icon__title {
font-size: 20px;
line-height: 22px;
margin-bottom: 24px;
font-weight: 900;
}
.box-icon__title:lang(en) {
font-size: 20px;
line-height: 20px;
}
@media (min-width: 1280px) {
.box-icon__title {
font-size: 24px;
line-height: 26px;
}
.box-icon__title:lang(en) {
font-size: 24px;
line-height: 22px;
}
}
.box-icon__icon {
transform: translate3d(-50%, 0, 0);
position: absolute;
top: 12px;
left: -2px;
padding: 8px 2px;
background-color: #fff;
}
@media (min-width: 1280px) {
.box-icon__icon {
top: 16px;
}
}
.box-icon__icon img {
width: 32px;
height: 32px;
fill: #f18500;
}
@media (min-width: 1280px) {
.box-icon__icon img {
width: 38px;
height: 38px;
}
}
.box-icon p {
font-size: 16px;
line-height: 24px;
color: #3D3D3D;
margin-bottom: 24px;
letter-spacing: 0;
}
.box-icon__btns {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
@media (min-width: 992px) {
.box-icon__btns {
flex-direction: row;
}
}
.box-icon__btns .btn-arrow--sm:nth-child(2) {
background-color: white;
border: 1px solid #F18500;
color: #F18500;
padding: 7px 15px;
}
.box-icon__btns .btn-arrow--sm:nth-child(2) svg path {
fill: #F18500;
}
.box-icon__btns .btn-arrow--sm:nth-child(2):hover {
background-color: #be6900;
border: 1p solid #be6900;
color: white;
}
.box-icon__btns .btn-arrow--sm:nth-child(2):hover svg path {
fill: white;
}
.box-icon__btns li:nth-child(2) {
margin-top: 24px;
}
@media (min-width: 992px) {
.box-icon__btns li:nth-child(2) {
margin-top: 0;
margin-left: 24px;
}
}
.box-icon__btns li:nth-child(2) .btn-arrow--sm {
background-color: white;
border: 1px solid #F18500;
color: #F18500;
padding: 7px 15px;
}
.box-icon__btns li:nth-child(2) .btn-arrow--sm svg path {
fill: #F18500;
}
.box-icon__btns li:nth-child(2) .btn-arrow--sm:hover {
background-color: #be6900;
border: 1p solid #be6900;
color: white;
}
.box-icon__btns li:nth-child(2) .btn-arrow--sm:hover svg path {
fill: white;
}
@media (min-width: 992px) {
.box-icon--large {
border-width: 6px;
padding: 26px 64px;
}
}
.box-icon--large .box-icon__title {
font-size: 32px;
line-height: 34px;
letter-spacing: 0;
}
.box-icon--large .box-icon__title:lang(en) {
font-size: 32px;
line-height: 30px;
}
@media (min-width: 992px) {
.box-icon--large .box-icon__title {
font-size: 42px;
line-height: 63px;
font-weight: 900;
margin-bottom: 4px;
margin-top: 4px;
}
}
.box-icon--large .box-icon__icon {
top: 16px;
padding: 12px 2px;
}
@media (min-width: 992px) {
.box-icon--large .box-icon__icon {
top: 28px;
left: -4px;
}
}
@media (min-width: 992px) {
.box-icon--large .box-icon__icon img {
width: 45px;
height: 43px;
}
}
.link-arrow {
font-size: 16px;
line-height: 18px;
position: relative;
display: inline-block;
padding-right: 30px;
}
.link-arrow:lang(en) {
font-size: 16px;
line-height: 14px;
}
.link-arrow::after {
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0);
right: 0;
content: url('data:image/svg+xml; utf8, ');
}
.link-arrow--small {
font-size: 14px;
line-height: 16px;
}
.link-arrow--small:lang(en) {
font-size: 14px;
line-height: 17px;
}
.link-arrow--white {
color: #fff;
}
.link-arrow--white::after {
content: url('data:image/svg+xml; utf8, ');
}
.play-control {
position: relative;
display: inline-block;
}
.play-control__btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
z-index: 2;
}
.play-control__btn svg {
width: 48px;
height: 48px;
fill: #fff;
pointer-events: none;
}
.play-control__btn:hover svg {
fill: #f18500;
}
@media (min-width: 1280px) {
.play-control__btn svg {
width: 69px;
height: 69px;
}
}
.play-control__label {
font-size: 14px;
line-height: 16px;
z-index: 2;
position: absolute;
top: 16px;
left: 0;
padding: 6px 6px 6px 12px;
text-transform: uppercase;
font-weight: 500;
color: #fff;
background-color: #f18500;
pointer-events: none;
}
.play-control__label:lang(en) {
font-size: 14px;
line-height: 17px;
}
.play-control__label::after {
width: 50%;
height: 100%;
content: "";
z-index: -1;
position: absolute;
top: 0;
right: -12px;
background-color: #f18500;
transform: skew(-32deg);
}
.modal {
z-index: 9999;
position: fixed;
inset: 0;
display: block;
transition: opacity 0.2s ease;
}
.modal[aria-hidden=true] {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.modal[aria-hidden=false] {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.modal.is-open {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.modal-timeline__container {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
-webkit-animation: scale 1s ease-out;
animation: scale 1s ease-out;
background-color: #fff;
overflow-y: auto;
}
.modal__overlay {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.5);
pointer-events: auto;
}
.modal__container {
pointer-events: all;
max-width: calc(100% - 32px);
max-height: calc(100vh - 32px);
width: 100%;
overflow-y: auto;
background: #fff;
}
@media (min-width: 768px) {
.modal__container {
max-width: 768px;
}
.modal__container--short {
max-width: 600px;
}
}
h3 {
position: relative;
z-index: 1;
}
.modal__icon {
width: 160px;
height: 110px;
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
z-index: 0;
}
.modal__icon svg,
.modal__icon img {
width: 160px;
fill: rgba(255, 255, 255, 0.2);
}
.modal__icon img {
filter: contrast(200%);
}
@-webkit-keyframes scale {
from {
transform: scale(0);
}
to {
transform: scale(1);
}
}
@keyframes scale {
from {
transform: scale(0);
}
to {
transform: scale(1);
}
}
.product-thumb {
width: 274px;
height: 274px;
position: relative;
display: block;
margin: 0 auto;
}
@media (min-width: 768px) {
.product-thumb {
width: 100%;
height: 0;
padding-bottom: 100%;
}
}
.product-thumb__thumbs img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.product-thumb__thumbs img:nth-of-type(2) {
opacity: 0;
}
@media (min-width: 992px) {
.product-thumb:hover .product-thumb__thumbs img:nth-of-type(2) {
opacity: 1;
}
}
.product-thumb__label {
font-size: 14px;
line-height: 16px;
z-index: 2;
position: absolute;
top: 16px;
left: 0;
padding: 6px 6px 6px 12px;
text-transform: uppercase;
font-weight: 500;
color: #fff;
background-color: #f18500;
pointer-events: none;
}
.product-thumb__label:lang(en) {
font-size: 14px;
line-height: 17px;
}
.product-thumb__label::after {
width: 50%;
height: 100%;
content: "";
z-index: -1;
position: absolute;
top: 0;
right: -12px;
background-color: #f18500;
transform: skew(-32deg);
}
.product-thumb__title, .product-thumb__desc {
z-index: 4;
position: absolute;
left: 0;
width: 100%;
transition: transform 0.2s ease, opacity 0.3s ease;
}
.product-thumb__title {
bottom: 0;
}
.product-thumb__desc {
transform: translate3d(0, 32px, 0);
display: none;
top: 100%;
opacity: 0;
visibility: hidden;
}
@media (min-width: 992px) {
.product-thumb__desc {
display: block;
}
.product-thumb:hover .product-thumb__desc {
transform: translate3d(0, 0, 0);
visibility: visible;
opacity: 1;
}
}
.product-thumb__link {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.product-thumb--second {
overflow: hidden;
}
@media (min-width: 992px) {
.product-thumb--second .product-thumb__title {
transform: translate3d(0, 32px, 0);
opacity: 0;
visibility: hidden;
}
.product-thumb--second:hover .product-thumb__title {
transform: translate3d(0, 0, 0);
visibility: visible;
opacity: 1;
}
}
.product-thumb--second .product-thumb__desc {
display: none !important;
}
.product-thumb-new {
width: auto;
height: auto;
aspect-ratio: 1;
}
.product-thumb-new h3 {
font-size: 18px;
line-height: 23px;
text-align: center;
font-weight: 900;
}
@media (min-width: 992px) {
.product-thumb-new h3 {
font-size: 16px;
line-height: 21px;
}
}
.file {
display: flex;
align-items: flex-start;
text-align: left;
position: relative;
}
@media (min-width: 992px) {
.file {
flex-direction: column;
}
}
.file__gray {
background-color: #F6F6F6;
}
.file__download {
position: absolute;
right: 8px;
top: 8px;
width: 24px;
height: 24px;
}
.file__download svg {
width: 100%;
height: 100%;
}
@media (min-width: 992px) {
.file__download {
right: 16px;
top: 16px;
}
}
.file__icon {
flex-grow: 0;
}
.file__icon svg {
width: 24px;
height: 24px;
fill: #f18500;
}
@media (min-width: 992px) {
.file__icon svg {
width: 48px;
height: 48px;
margin-bottom: 12px;
}
}
.file__desc {
margin-left: 12px;
line-height: 1.1;
pointer-events: none;
}
@media (min-width: 992px) {
.file__desc {
margin-left: 0;
}
}
.file__title {
font-size: 14px;
line-height: 21px;
font-weight: 700;
word-break: break-word;
margin-bottom: 4px;
}
.file:hover .file__title {
color: #f18500;
}
@media (min-width: 992px) {
.file__title {
margin-bottom: 12px;
}
}
.file__name {
font-size: 14px;
line-height: 21px;
font-weight: 400;
color: #3D3D3D;
}
.file--secondary .file__desc {
color: #fff;
}
.table {
table-layout: fixed;
width: 100%;
/* stylelint-disable */
/* stylelint-enable */
}
.table thead th {
font-size: 16px;
line-height: 18px;
font-weight: 900;
background-color: #f18500;
padding: 14px;
text-align: right;
color: #fff;
text-transform: uppercase;
}
.table thead th:lang(en) {
font-size: 16px;
line-height: 14px;
}
@media (min-width: 992px) {
.table thead th {
padding-right: 32px;
padding-left: 32px;
font-size: 20px;
line-height: 22px;
}
.table thead th:lang(en) {
font-size: 20px;
line-height: 20px;
}
}
.table thead th:first-of-type {
text-align: left;
}
.table tbody tr {
border-bottom: 1px solid #f18500;
}
.table tbody tr td {
font-size: 14px;
line-height: 16px;
padding: 12px 12px;
text-align: right;
}
.table tbody tr td:lang(en) {
font-size: 14px;
line-height: 17px;
}
.table tbody tr td:first-of-type {
font-weight: 700;
text-align: left;
width: 75%;
}
.table tbody tr td:last-child {
font-weight: 700;
}
@media (min-width: 992px) {
.table tbody tr td {
padding-right: 32px;
padding-left: 32px;
font-size: 16px;
line-height: 18px;
}
.table tbody tr td:lang(en) {
font-size: 16px;
line-height: 14px;
}
}
.table__dimension {
font-weight: 400;
}
.table__extra_title {
font-weight: 400;
color: #f18500;
}
.table__checks svg {
width: 24px;
height: 24px;
fill: #f18500;
margin-right: 8px;
}
.table--secondary tbody tr td {
font-size: 16px;
line-height: 18px;
padding: 12px 0;
text-align: left;
}
.table--secondary tbody tr td:lang(en) {
font-size: 16px;
line-height: 14px;
}
@media (min-width: 992px) {
.table--secondary tbody tr td {
font-size: 16px;
line-height: 18px;
padding-right: 0;
padding-left: 0;
}
.table--secondary tbody tr td:lang(en) {
font-size: 16px;
line-height: 14px;
}
}
.table--secondary tbody tr td:first-of-type {
width: 65%;
}
.table--secondary tbody tr td:last-child {
font-weight: 400;
text-align: right;
}
@media (min-width: 992px) {
.table--secondary tbody tr td:last-child {
text-align: left;
}
}
.tab {
margin-bottom: 48px;
}
@media (min-width: 992px) {
.tab {
margin-bottom: 96px;
}
}
.tab.is-active {
display: block;
}
.tab__container {
padding-right: 16px;
padding-left: 16px;
margin: 0 auto;
max-width: calc(1280px + 32px);
}
.tab-gray {
background-color: #F6F6F6;
}
.tab__title {
font-size: 32px;
line-height: 35px;
letter-spacing: 0;
color: black;
font-weight: 900;
margin-bottom: 24px;
}
@media (min-width: 992px) {
.tab__title {
font-size: 42px;
line-height: 63px;
}
}
.tab-table__td {
padding-top: 12px;
padding-bottom: 8px;
font-size: 16px;
line-height: 20px;
font-weight: 700;
letter-spacing: unset;
}
@media (min-width: 992px) {
.tab-table__td {
padding-bottom: 12px;
}
}
.tab-table__td--param {
padding-top: 8px;
padding-bottom: 12px;
font-weight: 400;
}
@media (min-width: 992px) {
.tab-table__td--param {
padding-top: 12px;
}
}
.tab-table__row {
border-bottom: 1px solid #888888;
}
.tab-table__inactive {
display: none;
}
.tab .swiper-scrollbar {
position: relative;
margin-top: 35px;
bottom: unset;
left: unset;
right: unset;
}
.tab .swiper-scrollbar .swiper-scrollbar-drag {
height: 2px;
background-color: #f18500;
margin: 0;
}
.tab .tab-btns {
display: flex;
align-items: center;
justify-content: flex-end;
}
.tab .tab-btns .p-home-slider__control {
position: static;
transform: unset;
width: 44px;
height: 44px;
margin-top: 8px;
border: 1px solid #f18500;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s;
}
@media (min-width: 992px) {
.tab .tab-btns .p-home-slider__control {
width: 56px;
height: 56px;
margin-top: 24px;
}
}
.tab .tab-btns .p-home-slider__control--prev {
margin-right: 8px;
}
.tab .tab-btns .p-home-slider__control:hover {
background-color: #B36D26;
}
.tab .tab-btns .p-home-slider__control:hover svg path {
fill: white;
}
.tab .tab-btns .p-home-slider__control svg {
width: 24px;
height: 24px;
}
.nav.nav-tabs {
position: fixed;
top: 90px;
background-color: #F6F6F6;
border-bottom: 1px solid #B0B0B0;
width: 100%;
z-index: 9999;
}
@media (min-width: 1280px) {
.nav.nav-tabs {
top: 130px;
}
}
.nav.nav-tabs .nav__link {
padding: 0;
height: 64px;
margin-right: 40px;
color: black;
font-size: 16px;
line-height: 1;
font-weight: 700;
text-transform: unset;
}
.tab-switch {
display: flex;
align-items: center;
justify-content: flex-start;
}
.tab-switch__button {
padding: 8px;
font-size: 14px;
line-height: 19px;
font-weight: 700;
border: 1px solid #B0B0B0;
background: white;
color: black;
transition: all 0.3s;
}
@media (min-width: 992px) {
.tab-switch__button {
padding: 16px 51px;
font-size: 16px;
line-height: 24px;
}
}
.tab-switch__button.active, .tab-switch__button:hover {
background-color: #f18500;
border-color: #f18500;
color: white;
}
.tab-icons .box-icon--large .box-icon__title {
font-size: 32px;
line-height: 35px;
margin: 15px 0;
font-weight: 900;
}
@media (min-width: 992px) {
.tab-icons .box-icon--large .box-icon__title {
font-size: 42px;
line-height: 63px;
margin-top: 0;
margin-bottom: 4px;
}
}
.quick-link {
display: block;
}
.quick-link__icon {
display: flex;
align-items: center;
justify-content: center;
height: 200px;
background-color: #000;
}
@media (min-width: 992px) {
.quick-link__icon {
height: 280px;
}
}
.quick-link__icon svg {
width: 148px;
height: 128px;
fill: #f18500;
}
.quick-link__link {
font-size: 20px;
line-height: 22px;
display: flex;
justify-content: space-between;
align-items: center;
height: 60px;
padding: 20px;
font-weight: 900;
line-height: 1.1;
color: #fff;
background-color: #f18500;
text-transform: uppercase;
}
.quick-link__link:lang(en) {
font-size: 20px;
line-height: 20px;
}
.quick-link__link:hover {
color: #fff;
}
@media (min-width: 992px) {
.quick-link__link {
font-size: 24px;
line-height: 26px;
height: 80px;
}
.quick-link__link:lang(en) {
font-size: 24px;
line-height: 22px;
}
}
.quick-link__link svg {
width: 23px;
height: 14px;
flex: 0 0 23px;
margin-left: 8px;
fill: #fff;
}
@media (min-width: 992px) {
.quick-link--reverse .quick-link__icon {
background-color: #f18500;
}
.quick-link--reverse .quick-link__icon svg {
fill: #000;
}
.quick-link--reverse .quick-link__link {
background-color: #000;
}
}
@media (min-width: 992px) {
.timeline {
display: flex;
justify-content: space-around;
}
}
.timeline__item {
margin-bottom: 24px;
display: flex;
align-items: center;
}
@media (min-width: 992px) {
.timeline__item {
display: block;
flex: 0 1 280px;
max-width: 280px;
}
}
.timeline__col {
flex: 1;
}
@media (min-width: 992px) {
.timeline__col {
text-align: center;
}
}
.timeline__col--step {
flex: 0 0 96px;
margin-right: 16px;
}
@media (min-width: 992px) {
.timeline__col--step {
margin-bottom: 24px;
margin-right: 0;
}
}
.timeline__line {
width: 96px;
height: 96px;
display: none;
flex: 0 0 96px;
max-width: 96px;
position: relative;
}
@media (min-width: 992px) {
.timeline__line {
display: block;
}
}
.timeline__line::after {
transform: translate3d(-50%, -50%, 0);
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 0;
border-bottom: 4px dotted #f18500;
}
@media (min-width: 1280px) {
.timeline__line::after {
width: 200px;
}
}
.timeline__step {
width: 96px;
height: 96px;
position: relative;
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: #f18500;
}
.timeline__step-title, .timeline__step-number {
font-size: 18px;
line-height: 22px;
display: block;
color: #fff;
font-weight: 900;
}
.timeline__step-title:lang(en), .timeline__step-number:lang(en) {
font-size: 18px;
line-height: 22px;
}
.timeline__step-number {
font-size: 60px;
line-height: 68px;
line-height: 46px;
}
.timeline__step-number:lang(en) {
font-size: 60px;
line-height: 52px;
}
.timeline--large .timeline__line {
width: 48px;
height: 96px;
flex: 0 0 48px;
max-width: 48px;
}
.timeline--large .timeline__line::after {
width: 64px;
}
@media (min-width: 1280px) {
.timeline--large .timeline__line::after {
width: 110px;
}
}
.pagination {
margin-top: 64px;
margin-bottom: 64px;
display: flex;
justify-content: center;
}
.pagination > ul {
margin-right: 24px;
margin-left: 24px;
display: flex;
align-items: center;
}
.pagination > ul > li > .page-numbers {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 22px;
font-weight: 900;
}
.pagination > ul > li > .page-numbers:lang(en) {
font-size: 18px;
line-height: 22px;
}
@media (min-width: 992px) {
.pagination > ul > li > .page-numbers {
width: 48px;
height: 48px;
font-size: 20px;
line-height: 22px;
}
.pagination > ul > li > .page-numbers:lang(en) {
font-size: 20px;
line-height: 20px;
}
}
.pagination > ul > li > .page-numbers svg {
width: 9px;
height: 15px;
fill: #f18500;
}
.pagination > ul > li > .page-numbers:not(.prev):not(.next):not(.dots) {
margin-right: 8px;
margin-left: 8px;
border: 2px solid #f18500;
color: #f18500;
}
.pagination > ul > li > .page-numbers:not(.prev):not(.next):not(.dots).current, .pagination > ul > li > .page-numbers:not(.prev):not(.next):not(.dots):hover {
color: #fff;
background-color: #f18500;
}
.swiper-pagination {
display: flex;
justify-content: center;
}
.swiper-pagination-bullet {
width: 12px;
height: 12px;
margin: 6px;
border-radius: 50%;
border: 1px solid #f18500;
}
@media (min-width: 768px) {
.swiper-pagination-bullet {
width: 16px;
height: 16px;
}
}
.swiper-pagination-bullet:hover {
cursor: pointer;
}
.swiper-pagination-bullet-active {
background-color: #f18500;
}
.filters {
margin-bottom: 48px;
}
.filters__header {
margin-bottom: 32px;
}
.filters__btn {
font-size: 24px;
line-height: 26px;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
font-weight: 900;
text-transform: uppercase;
text-align: left;
}
.filters__btn:lang(en) {
font-size: 24px;
line-height: 22px;
}
@media (min-width: 1280px) {
.filters__btn {
font-size: 32px;
line-height: 34px;
}
.filters__btn:lang(en) {
font-size: 32px;
line-height: 30px;
}
}
.filters__btn svg {
width: 32px;
height: 32px;
flex: 0 0 auto;
margin-left: 8px;
pointer-events: none;
fill: #f18500;
}
@media (min-width: 1280px) {
.filters__btn svg {
display: none;
}
}
.filters__content {
display: none;
}
.filters.is-open .filters__content {
display: block;
}
@media (min-width: 1280px) {
.filters__content {
display: block;
}
}
.filters-wrap {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
background-color: #00000038;
z-index: 9999;
display: none;
}
.filters-wrap.is-open {
display: block;
}
.filters-wrap .form-select::after {
display: none;
}
.filters-wrap .form-select select {
background-image: url("../images/select.svg");
background-repeat: no-repeat;
background-size: 24px;
background-position: right 12px center;
}
.filters-wrap .filters {
padding: 24px;
width: 100%;
max-width: 370px;
background-color: #F6F6F6;
height: 100vh;
overflow-y: scroll;
display: block;
}
@media (max-width: 991.98px) {
.filters-wrap .filters {
max-width: 100%;
}
}
.filters-wrap .filters__header {
margin-bottom: 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
.filters-wrap .filters__title {
font-size: 24px;
line-height: 1;
letter-spacing: -1px;
font-weight: 900;
}
.filters-wrap .filters__btn {
width: 24px;
height: 24px;
margin-left: 12px;
}
.filters-wrap .filters__btn svg {
display: block;
width: 24px;
height: 24px;
margin-left: 0;
}
.filters-wrap .filters__content {
display: block;
}
.filters-wrap .form-control {
height: 50px;
border: 1px solid #6D6D6D;
padding: 8px 40px 8px 12px;
}
.filters-wrap .form-control::-moz-placeholder {
color: black;
}
.filters-wrap .form-control:-ms-input-placeholder {
color: black;
}
.filters-wrap .form-control::placeholder {
color: black;
}
.filters-wrap input.form-control {
background-image: url("../images/search.svg");
background-position: left 12px center;
background-size: 20px;
background-repeat: no-repeat;
padding: 8px 8px 8px 40px;
}
.filters-wrap label.d-block {
letter-spacing: -1px;
font-size: 21px;
line-height: 1;
font-weight: 700;
margin-bottom: 16px;
}
.filters-wrap .form-radio-group {
border-right: 0;
}
.filters-wrap .form-radio-group__item {
margin-right: 16px;
}
.filters-wrap .form-radio-group__item label {
height: 40px;
padding: 8px;
text-transform: unset;
font-size: 14px;
line-height: 19.6px;
color: #0F172A;
text-align: center;
font-weight: 700;
border: 1px solid #B0B0B0;
letter-spacing: 0.3px;
background-color: white;
}
.filters-wrap .box-icon__btns .btn-arrow--sm:nth-child(2) {
margin-top: 16px !important;
}
.filters-wrap .form-radio-group input:hover ~ label {
background-color: #E7E7E7;
border: 1px solid #E7E7E7;
}
.filters-wrap .form-radio-group input:checked ~ label {
background-color: #F18500;
border: 1px solid #F18500;
}
.filter-btn {
height: 40px;
padding: 8px 16px;
text-transform: uppercase;
font-size: 13px;
line-height: 16.7px;
text-align: center;
color: #F18500;
font-weight: 900;
display: inline-flex;
border: 1px solid #F18500;
align-items: center;
cursor: pointer;
letter-spacing: 0;
transition: all 0.3s;
}
@media (max-width: 1279.98px) {
.filter-btn {
display: flex;
justify-content: center;
}
}
.filter-btn:hover {
background-color: #be6900;
color: white;
border: 1px solid #be6900;
}
.filter-btn:hover svg path {
fill: white;
}
.filter-btn svg {
margin-right: 6px;
width: 24px;
height: 24px;
}
.header-image {
position: relative;
}
.header-landing {
overflow: hidden;
}
@media (max-width: 767.98px) {
.header-landing {
background-image: none !important;
}
.header-landing__mobile-overlay::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
}
}
@media (min-width: 768px) {
.header-landing {
display: flex;
align-items: end;
min-height: 618px;
max-height: 798px;
}
.header-landing__title, .header-landing__subtitle {
color: #fff;
}
.header-landing__overlay::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
}
}
.header-landing__partners {
position: relative;
z-index: 1;
}
.header-landing__partners::before {
width: 150%;
height: 100%;
content: "";
z-index: -1;
position: absolute;
top: 0;
right: -25%;
background-color: #000;
}
@media (min-width: 768px) {
.header-landing__partners::before {
width: 1000%;
height: 100%;
right: 0;
background-color: rgba(0, 0, 0, 0.6);
}
}
@media (max-width: 767.98px) {
.header-nav {
background-image: none !important;
}
.header-nav__mobile-overlay::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
}
}
@media (min-width: 768px) {
.header-nav {
min-height: 560px;
display: flex;
align-items: center;
}
.header-nav__overlay::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
}
}
@media (min-width: 768px) {
.header-nav--small {
min-height: 400px;
}
}
@media (min-width: 768px) {
.header-img-description__content {
position: absolute;
top: 0;
}
.header-img-description__description {
color: #fff;
}
}
.header-img-description__overlay::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
}
.apla {
position: relative;
}
.apla::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.66);
}
.apla.header-text::before {
background: #00000038;
}
.apla .header-text-title {
font-size: 32px;
line-height: 35px;
letter-spacing: 0;
}
@media (min-width: 992px) {
.apla .header-text-title {
font-size: 42px;
line-height: 63px;
}
}
.apla .header-text-desc {
line-height: 21px;
font-weight: 500;
}
@media (min-width: 992px) {
.apla .header-text-desc {
line-height: 24px;
}
}
.header-product {
padding: 0 0 32px;
}
@media (min-width: 768px) {
.header-product {
padding: 32px 0 60px 0;
display: flex;
flex-wrap: wrap;
}
}
@media (min-width: 992px) {
.header-product {
padding: 60px 0 60px 0;
}
}
@media (min-width: 1280px) {
.header-product {
flex-wrap: nowrap;
}
}
.header-product__colors {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
}
.header-product__color {
width: 26px;
height: 26px;
margin-right: 12px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
position: relative;
}
@media (min-width: 992px) {
.header-product__color {
width: 32px;
height: 32px;
}
}
.header-product__color span {
position: absolute;
top: calc(-100% - 18px);
left: 50%;
transform: translateX(-50%);
color: black;
padding: 6px 8px;
background-color: white;
font-size: 14px;
line-height: 22;
font-weight: 500;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
display: flex;
align-items: center;
justify-content: center;
max-height: 34px;
min-width: 50px;
opacity: 0;
transition: all 0.2s;
border-radius: 2px;
}
@media (min-width: 992px) {
.header-product__color span {
top: calc(-100% - 9px);
}
}
.header-product__color span::before {
content: "";
width: 4px;
height: 4px;
position: absolute;
left: 50%;
bottom: -2px;
transform: rotate(45deg);
background-color: white;
}
.header-product__color:hover {
outline: 2px solid #F18500;
}
.header-product__color:hover span {
opacity: 1;
}
@media (min-width: 1600px) {
.header-product-title {
margin-top: 24px;
}
}
.header-product-title__name, .header-product-title__desc {
text-transform: uppercase;
}
.header-product-title__name {
color: #f18500;
font-size: 32px;
line-height: 35px;
letter-spacing: unset;
font-weight: 900;
}
@media (min-width: 992px) {
.header-product-title__name {
font-size: 42px;
line-height: 63px;
}
}
.header-product-title__desc {
font-size: 16px;
line-height: 24px;
font-weight: 500;
margin: 0;
}
.header-product-title--small .header-product-title__name {
font-size: 24px;
line-height: 26px;
}
.header-product-title--small .header-product-title__name:lang(en) {
font-size: 24px;
line-height: 22px;
}
@media (min-width: 1280px) {
.header-product-title--small .header-product-title__name {
font-size: 40px;
line-height: 42px;
}
.header-product-title--small .header-product-title__name:lang(en) {
font-size: 40px;
line-height: 36px;
}
}
.header-product-slider {
overflow: hidden;
position: relative;
}
.header-product-slider__item {
background: center/cover no-repeat;
width: 100%;
height: 0;
margin: 0 auto;
height: auto;
aspect-ratio: 1;
}
.header-product-slider__control {
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0);
display: block;
z-index: 3;
}
.header-product-slider__control svg {
width: 18px;
height: 30px;
}
.header-product-slider__control--prev {
left: 0;
}
.header-product-slider__control--next {
right: 0;
}
.js-h-product-slider .swiper-slide-prev, .js-h-product-slider .swiper-slide-next {
opacity: 0;
}
.header-product-slider__item {
max-width: 510px;
max-height: 510px;
}
.header-product-desc {
flex-wrap: wrap;
}
.header-product-desc__content {
display: flex;
}
@media (min-width: 992px) {
.header-product-desc__content {
padding-top: 24px;
display: block;
width: 100%;
}
}
.header-product-desc__images {
display: none;
}
@media (min-width: 1280px) {
.header-product-desc__images {
margin-right: -16px;
margin-left: -16px;
display: flex;
flex-wrap: wrap;
}
}
@media (min-width: 1280px) {
.header-product-desc__images-item {
flex: 0 0 50%;
max-width: 50%;
padding: 16px;
position: relative;
}
.header-product-desc__images-item:nth-of-type(n+5) {
display: none;
}
}
.header-product-desc__image {
background: center/cover no-repeat;
width: 100%;
height: 0;
padding-bottom: 100%;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.header-product-desc__short {
font-size: 16px;
line-height: 24px;
font-weight: 700;
}
.header-product__params {
display: flex;
flex-wrap: wrap;
}
.header-product__param {
display: flex;
flex-direction: column;
margin-bottom: 24px;
margin-right: 20px;
}
@media (min-width: 992px) {
.header-product__param {
margin-bottom: 20px;
max-width: 24%;
}
}
.header-product__param-icon {
width: 24px;
height: 24px;
margin-bottom: 4px;
}
.header-product__param-name {
font-size: 13px;
line-height: 19.5px;
font-weight: 700;
}
.header-product__param-desc {
font-size: 12px;
line-height: 15px;
color: #4F4F4F;
font-weight: 500;
}
.header-product-quality {
flex: 1 1 100%;
margin: 32px -16px 0;
background-color: #f18500;
padding: 12px;
}
@media (min-width: 768px) {
.header-product-quality {
margin: 0;
}
}
@media (min-width: 1280px) {
.header-product-quality {
flex-basis: 80px;
max-width: 80px;
display: flex;
align-items: center;
justify-content: center;
}
}
@media (min-width: 1600px) {
.header-product-quality {
flex-basis: 128px;
max-width: 128px;
}
}
.header-product-list {
margin-right: -12px;
margin-left: -12px;
margin-bottom: -24px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
@media (min-width: 1280px) {
.header-product-list {
margin-right: 0;
margin-left: 0;
}
}
.header-product-list__item {
position: relative;
flex: 0 0 60px;
margin: 0 12px 24px;
}
@media (min-width: 1280px) {
.header-product-list__item {
flex-basis: 48px;
margin: 0 0 24px;
}
}
@media (min-width: 1600px) {
.header-product-list__item {
flex-basis: 60px;
}
}
.header-product-list__item img {
width: 60px;
height: 60px;
}
@media (min-width: 1280px) {
.header-product-list__item img {
width: 48px;
height: 48px;
}
}
@media (min-width: 1600px) {
.header-product-list__item img {
width: 60px;
height: 60px;
}
}
.header-product-list__label {
display: none;
}
@media (min-width: 1280px) {
.header-product-list__label {
transform: translate3d(0, -50%, 0);
font-size: 12px;
line-height: 14px;
z-index: 2;
position: absolute;
top: 50%;
right: 100%;
width: 300px;
display: block;
padding: 8px;
visibility: hidden;
opacity: 0;
text-align: center;
text-transform: uppercase;
color: #fff;
background-color: #000;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
transition: opacity 0.2s ease;
}
.header-product-list__label:lang(en) {
font-size: 12px;
line-height: 14px;
}
.header-product-list__item:hover .header-product-list__label {
visibility: visible;
opacity: 1;
}
}
.header-product-btns .btn-arrow {
cursor: pointer;
}
@media (max-width: 991.98px) {
.header-product-btns .btn-arrow {
width: 100%;
display: flex;
justify-content: center;
}
}
.gallery-thumbs {
height: 98px;
width: 100%;
margin-top: 40px;
}
.gallery-thumbs .swiper-slide {
max-width: 98px;
max-height: 98px;
}
.header-product-slider__thumb {
max-width: 98px;
max-height: 98px;
width: 100%;
aspect-ratio: 1;
height: auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.gallery-thumbs .swiper-slide.active .header-product-slider__thumb {
border: 1px solid #f18500;
}
.swiper-button-disabled {
opacity: 0.5;
}
@media (min-width: 1280px) {
.gproduct-template-default.single.single-gproduct {
height: auto;
padding-top: 0;
}
.gproduct-template-default.single.single-gproduct .navbar.navbar-double {
position: sticky;
top: -50px;
}
.gproduct-template-default.single.single-gproduct .nav.nav-tabs {
position: sticky;
top: 80px;
}
.gproduct-template-default.single.single-gproduct .nav__link.active {
color: #f18500;
position: relative;
}
.gproduct-template-default.single.single-gproduct .nav__link.active::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: #f18500;
}
}
.nav {
background-color: #f18500;
}
.nav.nav-bg-gray {
background-color: #F6F6F6;
}
@media (min-width: 992px) {
.nav {
background-color: #000;
}
}
@media (min-width: 1280px) {
.nav__wrapper {
max-width: calc(1256px + 182px);
margin: 0 auto;
}
}
.nav__container {
padding-right: 16px;
padding-left: 16px;
max-width: calc(1280px + 32px);
margin: 0 auto;
}
.nav__item {
width: auto;
padding: 0 16px;
}
.nav__link {
font-size: 18px;
line-height: 22px;
display: flex;
align-items: center;
justify-content: center;
height: 48px;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 4px solid transparent;
font-weight: 700;
}
.nav__link:lang(en) {
font-size: 18px;
line-height: 22px;
}
@media (min-width: 992px) {
.nav__link {
padding-right: 23px;
padding-left: 23px;
font-size: 20px;
line-height: 22px;
height: 60px;
border-bottom: none;
}
.nav__link:lang(en) {
font-size: 20px;
line-height: 20px;
}
}
.nav__link:hover {
color: #fff;
}
.nav__link.is-active {
color: #fff;
border-bottom-color: #000;
}
@media (min-width: 992px) {
.nav__link.is-active {
background-color: #f18500;
}
}
.nav--secondary {
background-color: #000;
}
.nav--secondary .nav__link.is-active {
color: #f18500;
border-bottom-color: #f18500;
}
@media (min-width: 992px) {
.nav--secondary .nav__link.is-active {
color: #fff;
}
}
.nav--sub {
background-color: #242424;
}
.nav--sub .nav__link {
font-size: 14px;
line-height: 16px;
height: 44px;
font-weight: 500;
}
.nav--sub .nav__link:lang(en) {
font-size: 14px;
line-height: 17px;
}
@media (min-width: 992px) {
.nav--sub .nav__link {
padding-right: 16px;
padding-left: 16px;
font-size: 16px;
line-height: 18px;
}
.nav--sub .nav__link:lang(en) {
font-size: 16px;
line-height: 14px;
}
}
.nav--sub .nav__link.is-active {
border-bottom-color: #3d3d3d;
}
@media (min-width: 992px) {
.nav--sub .nav__link.is-active {
background-color: #3d3d3d;
}
}
.nav--newsub {
background-color: #F6F6F6;
padding: 24px 0 8px;
}
.nav--newsub .nav__link.is-active {
background-color: #F18500;
border: 1px solid #F18500;
color: white;
}
.nav--newsub .nav__link.is-active:hover {
background-color: #F18500;
border: 1px solid #F18500;
color: white;
}
.nav--newsub .nav__item {
padding: 0;
}
.nav--newsub .nav__link {
height: 40px;
font-weight: 700;
padding: 10px 8px;
margin-right: 16px;
color: #0F172A;
font-size: 14px;
letter-spacing: 0.04px;
border: 1px solid #B0B0B0;
background-color: white;
text-transform: none;
margin-bottom: 16px;
transition: all 0.3s;
}
.nav--newsub .nav__link:hover {
background-color: #E7E7E7;
border: 1px solid #E7E7E7;
}
.nav__prev, .nav__next {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
display: flex;
background-color: #000;
flex-shrink: 0;
}
.nav__prev svg, .nav__next svg {
width: 18px;
height: 18px;
pointer-events: none;
fill: #fff;
}
@media (min-width: 992px) {
.nav__prev, .nav__next {
width: 60px;
height: 60px;
background-color: #f18500;
margin: 0 24px;
}
.nav__prev svg, .nav__next svg {
width: 24px;
height: 24px;
}
}
.nav__next {
margin-left: 8px;
}
.nav__prev {
margin-right: 8px;
}
.nav .swiper-button-disabled {
opacity: 0;
}
.nav-download {
padding-top: 6px;
}
.nav-download .nav__item {
padding: 0;
}
.nav-download .nav__link {
color: #0F172A;
font-size: 16px;
line-height: 24px;
padding: 16px 16px 8px;
height: 56px;
border-bottom: 2px solid #B0B0B0;
display: inline-flex;
align-items: center;
text-transform: unset;
letter-spacing: 0;
}
.nav-download .nav__link svg {
width: 24px;
height: 24px;
margin-right: 6px;
}
.nav-download .nav__link.is-active, .nav-download .nav__link:hover {
background-color: inherit;
color: #F18500;
border-bottom: 2px solid #F18500;
}
.nav-download .nav__link.is-active svg path, .nav-download .nav__link:hover svg path {
fill: #f18500;
}
@media (min-width: 992px) {
.nav-download .nav__link {
height: 62px;
}
}
.cookie {
display: none;
position: fixed;
left: 0;
bottom: 0;
z-index: 8;
width: 100%;
padding: 32px 16px;
text-align: center;
background-color: rgba(0, 0, 0, 0.9);
color: #fff;
}
.cookie.is-visible {
display: block;
}
@media (min-width: 576px) {
.cookie {
padding: 32px;
max-width: 340px;
}
}
.widget {
z-index: 7;
position: fixed;
left: 16px;
bottom: 16px;
display: none;
}
@media (min-width: 992px) {
.widget {
display: block;
}
}
.widget__btn {
width: 96px;
height: 96px;
z-index: 2;
position: relative;
border-radius: 50%;
background-color: #f18500;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.widget__btn:hover {
cursor: pointer;
}
.widget__btn svg {
width: 32px;
height: 32px;
pointer-events: none;
fill: #fff;
}
.widget__link {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
background-color: #f18500;
border-radius: 50%;
transition: transform 0.2s ease;
}
.widget__link svg {
width: 18px;
height: 18px;
fill: #fff;
}
.widget.is-open .widget__link:nth-of-type(1) {
transform: translate3d(60px, 16px, 0);
transition-delay: 0s;
}
.widget.is-open .widget__link:nth-of-type(2) {
transform: translate3d(60px, -32px, 0);
transition-delay: 0.1s;
}
.widget.is-open .widget__link:nth-of-type(3) {
transform: translate3d(40px, -76px, 0);
transition-delay: 0.2s;
}
.widget.is-open .widget__link:nth-of-type(4) {
transform: translate3d(0, -100px, 0);
transition-delay: 0.3s;
}
.widget.is-open .widget__link:nth-of-type(5) {
transform: translate3d(-50px, -100px, 0);
transition-delay: 0.4s;
}
.widget-mobile {
width: 64px;
height: 64px;
position: fixed;
left: 8px;
bottom: 8px;
z-index: 7;
background-color: #f18500;
border-radius: 50%;
}
.widget-mobile:hover {
cursor: pointer;
}
@media (min-width: 992px) {
.widget-mobile {
display: none;
}
}
.widget-mobile svg {
width: 32px;
height: 32px;
pointer-events: none;
fill: #fff;
}
.what-next-box {
text-align: center;
}
.what-next-box__icon {
width: 180px;
height: 180px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 auto;
background-color: #000;
}
.what-next-box__icon svg {
width: 96px;
height: 96px;
fill: #f18500;
}
.what-next-box--secondary .what-next-box__icon {
background-color: #f18500;
position: relative;
z-index: 1;
}
.what-next-box--secondary .what-next-box__icon::after {
width: 204px;
height: 204px;
content: "";
position: absolute;
z-index: 0;
border: 2px dotted #f18500;
border-radius: 50%;
}
.what-next-box--secondary .what-next-box__icon svg {
fill: #000;
}
.what-next-box button {
min-height: 61px;
}
/* stylelint-disable */
.what-next-box-inline {
border: 4px solid #f18500;
}
@media (min-width: 992px) {
.what-next-box-inline {
display: flex;
}
}
.what-next-box-inline__icon {
display: flex;
align-items: center;
justify-content: center;
background-color: #f18500;
}
@media (min-width: 992px) {
.what-next-box-inline__icon {
flex: 0 0 300px;
}
}
.what-next-box-inline__icon svg {
width: 100px;
height: 100px;
fill: #000;
}
@media (min-width: 992px) {
.what-next-box-inline__icon svg {
width: 140px;
height: 140px;
}
}
/* stylelint-enable */
.icon-link {
display: flex;
align-items: center;
text-align: left;
}
.icon-link svg {
width: 16px;
height: 16px;
flex-shrink: 0;
pointer-events: none;
fill: #f18500;
margin-right: 6px;
}
.icon-link--big svg {
width: 32px;
height: 32px;
margin-right: 12px;
}
.reviews-stars {
display: inline-flex;
}
.reviews-stars__item {
width: 20px;
height: 20px;
margin-right: 4px;
line-height: 1;
}
.reviews-stars__item svg {
width: 20px;
height: 20px;
fill: #fff;
stroke: #000;
}
.reviews-stars__item.active svg {
fill: #f7d33c;
}
.reviews-stars--big .reviews-stars__item {
width: 32px;
height: 32px;
}
.reviews-stars--big .reviews-stars__item svg {
width: 32px;
height: 32px;
}
.review-reply {
border: 1px solid #cecece;
border-radius: 8px;
}
.accordion__item {
margin-bottom: 16px;
}
.accordion__item:last-child {
margin-bottom: 0;
}
.accordion__trigger {
display: block;
background-color: #000;
width: 100%;
padding: 16px 64px 16px 20px;
text-align: left;
position: relative;
}
.accordion__trigger-icon {
width: 46px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
pointer-events: none;
}
@media (min-width: 768px) {
.accordion__trigger-icon {
width: 64px;
}
}
.accordion__item.is-active .accordion__trigger-icon svg {
transform: rotate(180deg);
}
.accordion__trigger-icon svg {
width: 24px;
height: 16px;
transform-origin: center;
fill: #f18500;
}
.accordion__content {
display: none;
padding: 16px 20px;
}
.accordion__item.is-active .accordion__content {
display: block;
}
.accordion--no-expand .accordion__trigger-icon {
background-color: #f18500;
}
.accordion--no-expand .accordion__trigger-icon svg {
fill: #fff;
}
.accordion--no-expand .accordion__content {
display: block;
}
.read-more-overlay {
height: 383px;
overflow: hidden;
position: relative;
}
.read-more-overlay::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 10%);
}
.counter {
margin-right: -4px;
margin-left: -4px;
position: relative;
display: flex;
justify-content: center;
}
.counter::before {
width: 200%;
height: 2px;
transform: translate3d(-50%, -50%, 0);
content: "";
position: absolute;
top: 50%;
left: 50%;
background-color: #f18500;
}
.counter__item {
margin-right: 4px;
margin-left: 4px;
position: relative;
z-index: 1;
display: inline-block;
padding: 6px;
font-weight: 700;
font-size: 32px;
line-height: 1;
color: #fff;
background-color: #f18500;
}
.counter__item:nth-of-type(3n) {
margin-left: 16px;
}
@media (min-width: 1280px) {
.counter__item {
padding: 14px;
font-weight: 900;
font-size: 72px;
}
.counter__item:nth-of-type(3n) {
margin-left: 24px;
}
}
.icon-desc {
width: 64px;
height: 64px;
}
@media (min-width: 768px) {
.icon-desc {
width: 80px;
height: 80px;
}
}
.icon-desc img {
max-width: 100%;
max-height: 100%;
}
.gallery {
position: relative;
}
.gallery__description p {
margin-bottom: 30px;
}
.gallery__item {
display: block;
height: 220px;
}
.gallery__control {
display: none;
}
@media (min-width: 1366px) {
.gallery__control {
transform: translate3d(0, -50%, 0);
position: absolute;
top: 50%;
z-index: 3;
display: block;
}
}
.gallery__control svg {
width: 32px;
height: 32px;
fill: #000;
}
.gallery__control--prev {
left: -48px;
}
.gallery__control--next {
right: -48px;
}
.gallery .js-gallery--no-slider {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.gallery .js-gallery--no-slider .swiper-slide-1 {
grid-row: 1/2;
grid-column: 1/2;
aspect-ratio: 1;
}
.gallery .js-gallery--no-slider .swiper-slide-2 {
grid-row: 1/2;
grid-column: 2/3;
aspect-ratio: 1;
}
.gallery .js-gallery--no-slider .swiper-slide-3 {
grid-row: 1/2;
grid-column: 3/5;
aspect-ratio: 1;
}
.gallery .js-gallery--no-slider .swiper-slide-4 {
grid-row: 2/4;
grid-column: 1/2;
aspect-ratio: 1/2;
}
.gallery .js-gallery--no-slider .swiper-slide-5 {
grid-row: 2/3;
grid-column: 2/4;
aspect-ratio: 2/1;
}
.gallery .js-gallery--no-slider .swiper-slide-6 {
grid-row: 3/4;
grid-column: 2/3;
aspect-ratio: 1;
}
.gallery .js-gallery--no-slider .swiper-slide-7 {
grid-row: 3/4;
grid-column: 3/4;
align-self: end;
aspect-ratio: 1;
}
.gallery .js-gallery--no-slider .gallery__item {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.download-tabs-item {
font-size: 20px;
line-height: 22px;
display: inline-block;
min-width: 240px;
border: 2px solid #f18500;
padding: 18px;
color: #f18500;
font-weight: 700;
text-transform: uppercase;
}
.download-tabs-item:lang(en) {
font-size: 20px;
line-height: 20px;
}
.download-tabs-item.is-active {
background-color: #f18500;
color: #fff;
}
.download-tabs-content {
display: none;
}
.download-tabs-content.is-active {
display: block;
}
#pardot-form p:not(.form-field) {
margin-bottom: 16px;
}
#pardot-form .field-label {
font-weight: 700;
margin-bottom: 4px;
}
#pardot-form [type=text],
#pardot-form [type=tel],
#pardot-form [type=email] {
padding-right: 16px;
padding-left: 16px;
font-size: 16px;
line-height: 18px;
line-height: 20px;
height: 48px;
border: 2px solid #000;
box-shadow: none;
background: #fff;
}
#pardot-form [type=text]::-moz-placeholder,
#pardot-form [type=tel]::-moz-placeholder,
#pardot-form [type=email]::-moz-placeholder {
color: #000;
opacity: 1;
}
#pardot-form [type=text]::-ms-input-placeholder,
#pardot-form [type=tel]::-ms-input-placeholder,
#pardot-form [type=email]::-ms-input-placeholder {
color: #000;
}
#pardot-form [type=text]::-webkit-input-placeholder,
#pardot-form [type=tel]::-webkit-input-placeholder,
#pardot-form [type=email]::-webkit-input-placeholder {
color: #000;
}
#pardot-form [type=text]:lang(en),
#pardot-form [type=tel]:lang(en),
#pardot-form [type=email]:lang(en) {
font-size: 16px;
line-height: 14px;
}
#pardot-form [type=text]:focus,
#pardot-form [type=tel]:focus,
#pardot-form [type=email]:focus {
outline: none !important;
border-color: #f18500 !important;
}
#pardot-form [type=text]:disabled,
#pardot-form [type=tel]:disabled,
#pardot-form [type=email]:disabled {
border-color: #dfdfdf;
}
#pardot-form textarea {
padding-right: 16px;
padding-left: 16px;
font-size: 16px;
line-height: 18px;
line-height: 20px;
border: 2px solid #000;
box-shadow: none;
background: #fff;
min-height: 140px;
padding-top: 16px;
resize: none;
vertical-align: top;
}
#pardot-form textarea::-moz-placeholder {
color: #000;
opacity: 1;
}
#pardot-form textarea::-ms-input-placeholder {
color: #000;
}
#pardot-form textarea::-webkit-input-placeholder {
color: #000;
}
#pardot-form textarea:lang(en) {
font-size: 16px;
line-height: 14px;
}
#pardot-form textarea:focus {
outline: none !important;
border-color: #f18500 !important;
}
#pardot-form textarea:disabled {
border-color: #dfdfdf;
}
#pardot-form .pd-checkbox {
position: relative;
}
#pardot-form .pd-checkbox input {
position: absolute;
top: auto;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
white-space: nowrap;
}
#pardot-form .pd-checkbox label {
font-size: 14px;
line-height: 16px;
position: relative;
padding-left: 24px;
display: block;
margin-bottom: 0;
}
#pardot-form .pd-checkbox label:lang(en) {
font-size: 14px;
line-height: 17px;
}
#pardot-form .pd-checkbox label:hover {
cursor: pointer;
}
#pardot-form .pd-checkbox label::before {
width: 16px;
height: 16px;
content: "";
position: absolute;
top: 2px;
left: 0;
border: 2px solid #000;
}
#pardot-form .pd-checkbox input:checked ~ label::before {
background-color: #f18500;
}
#pardot-form .error {
font-size: 12px;
color: #f00;
border-color: #f00;
}
@media (min-width: 992px) {
.media-desc-full {
margin-left: calc(50% - 50vw);
}
}
@media (min-width: 992px) {
.media-desc-full__row {
flex-wrap: nowrap;
}
}
.media-desc-full__col {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 992px) {
.media-desc-full__col {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 992px) {
.media-desc-full__out-col {
flex-basis: 50vw;
max-width: 50vw;
width: 50vw;
}
}
@media (min-width: 992px) {
.media-desc-full__image {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
min-height: 460px;
height: 100%;
}
}
.slider {
position: relative;
overflow: hidden;
}
@media (min-width: 1280px) {
.slider {
padding-right: 96px;
padding-left: 96px;
}
}
.slider__wrapper {
overflow: hidden;
}
.slider__control {
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0);
display: none;
z-index: 3;
}
@media (min-width: 1280px) {
.slider__control {
width: 48px;
height: 48px;
display: inline-block;
}
}
.slider__control svg {
width: 34px;
height: 34px;
pointer-events: none;
fill: #f18500;
}
.slider__control--prev {
left: 16px;
}
.slider__control--next {
right: 16px;
}
@media (min-width: 576px) {
.slider-slide {
height: 400px;
min-height: 400px;
display: flex;
}
}
@media (min-width: 1280px) {
.slider-slide {
margin-bottom: 0;
}
}
.slider-slide__image {
background: center/cover no-repeat;
flex: 1;
height: 200px;
}
@media (min-width: 576px) {
.slider-slide__image {
display: block;
height: 100%;
}
}
.slider-slide__content {
display: flex;
align-items: center;
justify-content: center;
background-color: #f18500;
color: #fff;
padding: 32px;
}
@media (min-width: 576px) {
.slider-slide__content {
flex: 0 0 320px;
}
}
@media (min-width: 1280px) {
.slider-slide__content {
flex: 0 0 440px;
}
}
.slider-slide__title {
font-size: 20px;
line-height: 22px;
font-weight: 900;
margin-bottom: 16px;
}
.slider-slide__title:lang(en) {
font-size: 20px;
line-height: 20px;
}
.slider-slide--secondary .slider-slide__content {
background-color: #000;
}
.testimonial-slide {
position: relative;
}
.testimonial-slide__quote {
width: 52px;
height: 30px;
display: block;
}
.testimonial-slide__quote:nth-of-type(1) {
margin-bottom: 24px;
}
.testimonial-slide__quote:nth-of-type(2) {
position: absolute;
right: 16px;
bottom: 16px;
}
.contact-us__row__title {
min-width: 235px;
margin-right: 10px;
flex-shrink: 0;
}
@media (max-width: 1279.98px) {
.contact-us__row__title {
min-width: 200px;
}
}
@media (max-width: 991.98px) {
.contact-us__row__title {
min-width: 160px;
}
}
.contact-us__row__title--steps {
margin: 38px 0;
}
@media (max-width: 1279.98px) {
.contact-us__row__title--steps {
margin: 20px 0;
}
}
@media (max-width: 991.98px) {
.contact-us__row__title--steps {
margin: 0;
}
}
.contact-us__items {
width: 100%;
}
@media (max-width: 767.98px) {
.contact-us__items {
margin-top: 20px;
}
}
@media (max-width: 390px) {
.contact-us__items--benefits {
flex-direction: column !important;
}
}
.contact-us__items--benefits p {
margin: 0 12px;
padding: 15px 26px;
}
@media (max-width: 1279.98px) {
.contact-us__items--benefits p {
padding: 15px 18px;
}
}
@media (max-width: 991.98px) {
.contact-us__items--benefits p {
margin: 0 6px;
padding: 10px 6px;
}
}
@media (max-width: 575.98px) {
.contact-us__items--benefits p {
flex: 0 0 40%;
margin: 6px !important;
}
}
@media (max-width: 390px) {
.contact-us__items--benefits p {
width: 100%;
margin: 6px 0 !important;
}
}
.contact-us__items--benefits p:first-of-type {
margin-left: 0;
}
.contact-us__items--benefits p:last-of-type {
margin-right: 0;
}
.contact-us__items--steps > div {
flex: 1;
max-width: 260px;
}
@media (max-width: 767.98px) {
.contact-us__items--steps > div {
margin: 0 5px;
}
}
@media (max-width: 575.98px) {
.contact-us__items--steps > div {
margin: 10px 0;
}
}
.contact-us__items--steps p:first-of-type {
margin-top: 40px;
}
@media (max-width: 991.98px) {
.contact-us__items--steps p:first-of-type {
margin-top: 20px;
}
}
.contact-us__items--steps p:last-of-type {
margin-top: 10px;
}
.contact-us__items--steps > img {
display: inline-block;
margin: 0 -50px;
max-width: 140px;
width: 100%;
height: auto;
}
@media (max-width: 1279.98px) {
.contact-us__items--steps > img {
max-width: 90px;
margin: 25px -25px;
}
}
@media (max-width: 991.98px) {
.contact-us__items--steps > img {
display: none;
}
}
.contact-us__items--steps > img:last-of-type {
display: none;
}
.contact-us__items__image {
height: 99px;
}
@media (max-width: 1279.98px) {
.contact-us__items__image {
height: 75px;
}
}
@media (max-width: 991.98px) {
.contact-us__items__image {
height: 50px;
}
}
.contact-us__items__image img {
max-height: 100%;
width: auto;
}
.try-dakea-widget {
position: fixed;
right: 0;
top: 33%;
transform: translateY(-50%);
padding: 16px 24px 16px 20px;
border-radius: 8px 0px 0px 8px;
background-color: #f18500;
display: flex;
z-index: 9;
color: #fff;
box-shadow: -5px 8px 11px -7px #42445a;
}
@media (max-width: 991.98px) {
.try-dakea-widget {
align-items: center;
padding-right: 0;
padding-left: 0;
right: unset;
left: calc(100% - 48px);
}
.try-dakea-widget button {
flex-direction: row-reverse;
pointer-events: none;
}
.try-dakea-widget.active {
left: unset;
right: 0;
}
.try-dakea-widget.active button {
pointer-events: all;
}
.try-dakea-widget.active svg {
transform: rotate(0);
}
}
.try-dakea-widget button p {
max-width: 100px;
}
.try-dakea-widget img {
width: 84px;
}
@media (max-width: 1279.98px) {
.try-dakea-widget img {
width: 64px;
}
}
.try-dakea-widget svg {
height: 19px;
width: 32px;
}
@media (max-width: 991.98px) {
.try-dakea-widget svg {
flex-direction: row-reverse;
transform: rotate(180deg);
margin: 0 10px;
}
}
.thumb-img-title {
position: relative;
}
.thumb-img-title__image img {
-o-object-fit: cover;
object-fit: cover;
min-height: 300px;
}
.thumb-img-title__title {
background-color: #000;
padding: 16px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.thumb-img-title__installer {
filter: grayscale(1);
transition: filter 0.3s ease;
}
.thumb-img-title__installer:hover {
filter: none;
}
.slider-section {
position: relative;
overflow: hidden;
}
.slider-section__item {
background: center/cover no-repeat;
height: 100%;
position: relative;
min-height: 618px;
display: flex;
align-items: center;
}
@media (min-width: 1280px) {
.slider-section__item {
padding-right: 96px;
padding-left: 96px;
}
}
@media (min-width: 1600px) {
.slider-section__item {
padding-right: 0;
padding-left: 0;
}
}
.slider-section__item::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
}
.slider-section__item > .container {
z-index: 2;
position: relative;
}
@media (min-width: 992px) {
.slider-section__item {
max-height: 798px;
}
}
.slider-section__control {
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0);
display: none;
z-index: 3;
}
@media (min-width: 1280px) {
.slider-section__control {
display: block;
}
}
.slider-section__control svg {
width: 64px;
height: 64px;
fill: #fff;
}
.slider-section__control--prev {
left: 16px;
}
.slider-section__control--next {
right: 16px;
}
@media (min-width: 992px) {
.contact-us-steps__contact {
background: #f9f9f9 !important;
}
}
@media (min-width: 992px) {
.contact-us-steps__form {
border-left: 1px solid #dee2ee;
}
}
.contact-us-steps__icon {
width: 48px;
height: 48px;
}
.contact-us-steps__icon svg {
width: 48px;
height: 48px;
}
.contact-us-steps__icon--primary svg {
fill: #f18500;
}
.slider-comments__quote {
width: 48px;
height: 32px;
}
.slider-comments__quote svg {
width: 48px;
height: 32px;
}
.slider-comments__prev, .slider-comments__next {
width: 24px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 576px) {
.slider-comments__prev, .slider-comments__next {
position: absolute;
top: calc(50% - 40px);
}
}
.slider-comments__prev svg, .slider-comments__next svg {
width: 24px;
height: 40px;
pointer-events: none;
fill: #f18500;
flex-shrink: 0;
}
.slider-comments__prev {
left: -40px;
}
@media (min-width: 768px) {
.slider-comments__prev {
left: -54px;
}
}
@media (min-width: 992px) {
.slider-comments__prev {
left: -124px;
}
}
.slider-comments__next {
right: -40px;
}
@media (min-width: 768px) {
.slider-comments__next {
right: -54px;
}
}
@media (min-width: 992px) {
.slider-comments__next {
right: -124px;
}
}
.slider-benefits {
max-width: 1800px;
overflow: hidden;
margin: 0 auto;
}
.slider-benefits__wrapper {
max-width: 540px;
margin: 0 auto;
zoom: 85%;
}
@media (min-width: 992px) {
.slider-benefits__wrapper {
max-width: 800px;
}
}
.slider-benefits__image {
height: 320px;
}
@media (min-width: 576px) {
.slider-benefits__image {
height: 320px;
}
}
@media (min-width: 992px) {
.slider-benefits__image {
height: 400px;
}
}
@media (min-width: 1280px) {
.slider-benefits__image {
height: 480px;
}
}
.slider-benefits .swiper-button-disabled {
display: none;
}
.slider-benefits .slider-benefits__content {
opacity: 0;
transition: all 0.4s ease;
}
.slider-benefits .swiper-slide-active .slider-benefits__content {
opacity: 1;
}
.slider-benefits__prev, .slider-benefits__next {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: calc(180px - 40px);
z-index: 1;
border-radius: 50%;
background: rgba(255, 255, 255, 0.7);
}
@media (min-width: 992px) {
.slider-benefits__prev, .slider-benefits__next {
width: 24px;
height: 40px;
background: none;
}
}
@media (min-width: 992px) {
.slider-benefits__prev, .slider-benefits__next {
top: calc(400px + 160px);
}
}
@media (min-width: 1280px) {
.slider-benefits__prev, .slider-benefits__next {
top: calc(480px + 160px);
}
}
.slider-benefits__prev svg, .slider-benefits__next svg {
width: 24px;
height: 24px;
pointer-events: none;
fill: #000;
flex-shrink: 0;
}
@media (min-width: 992px) {
.slider-benefits__prev svg, .slider-benefits__next svg {
width: 24px;
height: 40px;
fill: #f18500;
}
}
.slider-benefits__prev {
left: 12px;
}
@media (min-width: 992px) {
.slider-benefits__prev {
left: -64px;
}
}
@media (min-width: 1280px) {
.slider-benefits__prev {
left: -96px;
}
}
.slider-benefits__next {
right: 12px;
}
@media (min-width: 992px) {
.slider-benefits__next {
right: -64px;
}
}
@media (min-width: 1280px) {
.slider-benefits__next {
right: -96px;
}
}
.faq__title {
cursor: pointer;
background-color: #000;
}
.faq__icon {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.faq__icon svg {
width: 20px;
height: 20px;
fill: #f18500;
}
.faq__content {
position: relative;
transition: all 0.2s linear;
max-height: 0;
border: 1px solid #000;
}
.faq .is-open .faq__icon svg {
transform: rotate(90deg);
}
.video-preview .row {
margin: auto;
max-width: 1096px;
}
.video-preview__quote p {
width: 100%;
}
.video__iframe {
height: 500px;
}
@media (max-width: 1279.98px) {
.video__iframe {
height: 400px;
}
}
@media (max-width: 991.98px) {
.video__iframe {
height: 300px;
}
}
@media (max-width: 767.98px) {
.video__iframe {
height: 250px;
}
}
.back-to-top {
justify-content: center;
align-items: center;
display: none;
position: fixed;
right: 25px;
bottom: 25px;
width: 50px;
height: 50px;
border-radius: 50%;
background: #F18400;
z-index: 999;
}
.back-to-top svg {
width: 35px;
height: 35px;
transform: rotate(180deg);
fill: white;
cursor: pointer;
}
.accordion-files__title {
width: 100%;
padding: 9px 8px;
font-size: 14px;
line-height: 20px;
letter-spacing: 3%;
color: #0F172A;
font-weight: 700;
cursor: pointer;
min-height: 40px;
margin-bottom: 16px;
border: 1px solid #B0B0B0;
transition: all 0.3s;
}
.accordion-files__title:hover, .accordion-files__title.active {
color: white;
border: 1px solid #f18500;
background-color: #f18500;
}
.accordion-files__icon {
width: 64px;
height: auto;
}
.accordion-files__row {
display: none;
width: calc(100% + 40px);
}
.accordion-files__row.active {
display: flex;
margin-bottom: 25px;
}
@media (min-width: 992px) {
.accordion-files__row.active {
margin-bottom: 56px;
}
}
.accordion-files__subcat {
display: none;
cursor: pointer;
}
.accordion-files__subcat.active {
display: flex;
}
.accordion-files__subtitle {
padding: 12px 56px 12px 16px;
min-height: 56px;
background-color: #F6F6F6;
font-size: 16px;
line-height: 21px;
color: black;
font-weight: 900;
margin-bottom: 32px;
display: flex;
align-items: center;
cursor: pointer;
}
.accordion-files__subtitle svg {
position: absolute;
right: 16px;
top: 16px;
width: 24px;
height: 24px;
}
@media (min-width: 992px) {
.accordion-files__subtitle svg {
top: 19.5px;
}
}
.accordion-files__subtitle.active svg {
transform: rotate(-180deg);
}
@media (min-width: 992px) {
.accordion-files__subtitle {
font-size: 24px;
line-height: 31px;
min-height: 63px;
}
}
.download-video {
background-color: #F6F6F6;
}
.download-video__title {
font-size: 32px;
line-height: 35px;
margin-bottom: 20px;
font-weight: 900;
}
@media (min-width: 992px) {
.download-video__title {
margin-bottom: 0;
}
}
.download-video__name {
font-size: 16px;
line-height: 21px;
}
@media (min-width: 992px) {
.download-video__name {
font-size: 21px;
line-height: 27px;
}
}
@media (max-width: 767px) {
.download-video .js-slider-videos {
width: calc(100% + 16px);
}
.download-video .swiper-scrollbar {
width: calc(100% - 16px);
right: 16px;
}
.download-video .swiper-slide {
max-width: 270px;
}
.download-video .swiper-slide .play-control, .download-video .swiper-slide img {
height: 195px;
-o-object-fit: cover;
object-fit: cover;
}
}
.swiper-scrollbar {
position: absolute;
bottom: 0;
z-index: 8;
height: 2px;
width: 100%;
left: 0;
right: 0;
background: #00000020;
}
.swiper-scrollbar::before {
content: "";
width: 100%;
height: 50px;
position: absolute;
left: 0;
top: -50px;
}
.swiper-scrollbar-drag {
height: 3px;
background-color: black;
margin-top: -1px;
}
.contact-quotation {
background-color: #fff;
}
.contact-quotation.bg-gray {
background-color: #F6F6F6;
}
.contact-quotation-title {
font-size: 32px;
line-height: 35px;
font-weight: 900;
}
@media (min-width: 992px) {
.contact-quotation-title {
font-size: 42px;
line-height: 54px;
}
}
.contact-quotation-subtitle {
font-weight: 400;
font-size: 18px;
line-height: 23px;
}
.contact-quotation-subtitle span {
font-weight: 700;
}
@media (min-width: 992px) {
.contact-quotation .flex-fill {
max-width: 292px;
flex: 1 !important;
}
}
.contact-quotation-image {
width: 190px;
height: 190px;
margin: 0 auto;
border-radius: 50%;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 992px) {
.contact-quotation-image {
width: 360px;
height: 360px;
}
}
.contact-quotation .color-gray {
color: #6d6d6d;
}
.contact-quotation h3.text-32 {
line-height: 35px;
}
.contact-quotation h4.text-24 {
line-height: 31px;
}
.contact-quotation .form-control {
padding: 8px 16px 8px 12px;
height: 50px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: #000;
border: 1px solid #6d6d6d;
}
.contact-quotation .form-control.wpcf7-select {
padding-right: 40px;
}
.contact-quotation .form-control.wpcf7-select::after {
display: none;
}
.contact-quotation .form-control.wpcf7-textarea {
padding: 16px;
}
.contact-quotation .form-select::after {
display: none;
}
.contact-quotation .form-select::before {
content: "";
width: 24px;
height: 24px;
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
background-image: url("../images/select.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
z-index: 1;
pointer-events: none;
}
.contact-quotation .qc-hidden {
display: none;
}
@media (min-width: 992px) {
.contact-quotation .mb-lg-56 {
margin-bottom: 56px;
}
}
.contact-quotation .wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
padding-left: 36px;
font-size: 14px;
line-height: 21px;
font-weight: 400;
color: black;
}
.contact-quotation .wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label .qc-toggle {
color: #f18500;
font-weight: 700;
position: relative;
}
.contact-quotation .wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label .qc-toggle::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.contact-quotation .wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::before {
width: 24px;
height: 24px;
border: 1px solid #E2E8F0;
border-radius: 8px;
}
#where-to-buy-map {
min-height: 397px;
}
@media (min-width: 992px) {
#where-to-buy-map {
min-height: 630px;
}
}
.form-search.form-localization .form-search__submit {
position: absolute;
left: 12px;
top: 15px;
width: 20px;
height: 20px;
right: unset;
transform: unset;
}
.form-search.form-localization .form-search__submit svg {
width: 20px;
height: 20px;
}
input.search-localizations {
height: 50px;
margin-bottom: 24px;
padding: 10px 16px 10px 40px;
color: black;
font-size: 16px;
line-height: 24px;
border: 1px solid #6D6D6D;
}
.quote-banner {
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.quote-banner::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #F18500;
mix-blend-mode: multiply;
}
.quote-banner::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: black;
opacity: 0.2;
}
.quote-banner .quote-col {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
z-index: 1;
}
@media (min-width: 992px) {
.quote-banner .quote-col {
width: 50%;
}
}
.quote-banner .quote-col--left {
padding-bottom: 25px;
}
.quote-banner .quote-col--left::before {
content: "";
width: calc(100% - 32px);
position: absolute;
left: 16px;
bottom: 0;
height: 1px;
background: white;
}
@media (min-width: 992px) {
.quote-banner .quote-col--left {
padding-right: 24px;
padding-bottom: 0;
}
.quote-banner .quote-col--left::before {
content: "";
width: 2px;
position: absolute;
right: 0;
top: 0;
left: unset;
bottom: unset;
height: 152px;
background: white;
}
}
.quote-banner .quote-col--right {
padding-top: 32px;
}
.quote-banner .quote-col--right::before {
content: "";
width: calc(100% - 32px);
position: absolute;
left: 16px;
top: 0;
height: 1px;
background: white;
}
@media (min-width: 992px) {
.quote-banner .quote-col--right {
padding-left: 24px;
padding-top: 0;
}
.quote-banner .quote-col--right::before {
content: "";
width: 2px;
position: absolute;
left: 0;
top: 0;
height: 152px;
background: white;
}
}
.quote-banner .quote-desc {
line-height: 24px;
min-height: 48px;
}
.section-media-title {
font-size: 32px;
line-height: 1.34;
font-weight: 900;
}
@media (min-width: 992px) {
.section-media-title {
font-size: 42px;
}
}
.section-media p {
font-size: 16px;
line-height: 24px;
}
.section-media p strong {
font-size: 21px;
line-height: 31.5px;
}
.section-seo-title {
font-size: 32px;
line-height: 1.28;
font-weight: 900;
}
@media (min-width: 992px) {
.section-seo-title {
font-size: 42px;
}
}
.section-seo .cms {
font-size: 16px;
line-height: 24px;
color: #3D3D3D;
}
.section-seo .cms h2 {
color: black;
margin-bottom: 16px;
margin-top: 24px;
}
.grid-product {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 40px;
}
@media (min-width: 768px) {
.grid-product {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.grid-product {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1280px) {
.grid-product {
grid-template-columns: repeat(4, 1fr);
}
}
.product-thumb-shadow:hover .product-thumb-shadow__title {
background-color: white;
border: 1px solid #F18500;
border-top: unset;
}
.product-thumb-shadow {
position: relative;
display: block;
margin: 0 auto;
}
@media (min-width: 992px) {
.product-thumb-shadow {
height: 100%;
}
}
.product-thumb-shadow__thumbs img {
width: 100%;
height: 220px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 2px;
}
.product-thumb-shadow__thumbs img:nth-of-type(2) {
opacity: 0;
transition: transform 0.2s ease, opacity 0.3s ease;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 220px;
}
@media (min-width: 992px) {
.product-thumb-shadow:hover .product-thumb-shadow__thumbs img:nth-of-type(2) {
opacity: 1;
}
}
.product-thumb-shadow__label {
font-size: 14px;
line-height: 16px;
padding: 6px 6px 6px 12px;
text-transform: uppercase;
font-weight: 500;
color: #fff;
background-color: #f18500;
pointer-events: none;
}
.product-thumb-shadow__label:lang(en) {
font-size: 14px;
line-height: 17px;
}
.product-thumb-shadow__label::after {
width: 50%;
height: 100%;
content: "";
z-index: -1;
position: absolute;
top: 0;
right: -12px;
background-color: #f18500;
transform: skew(-32deg);
}
.product-thumb-shadow__title, .product-thumb-shadow__desc {
z-index: 4;
width: 100%;
transition: transform 0.2s ease, opacity 0.3s ease;
}
.product-thumb-shadow__desc p {
color: #3D3D3D;
line-height: 18px;
}
.product-thumb-shadow__desc p span:last-child {
display: none;
}
.product-thumb-shadow__title {
padding: 16px;
background-color: #F6F6F6;
border: 1px solid #F6F6F6;
border-top: unset;
height: calc(100% - 220px);
transition: all 0.3s;
}
.product-thumb-shadow__title h3 {
line-height: 1;
}
.product-thumb-shadow__tags {
display: flex;
flex-wrap: wrap;
}
.product-thumb-shadow__single-tag {
padding: 4.5px 8px;
background-color: white;
}
.product-thumb-shadow__link {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.product-thumb-shadow__tag-name {
font-size: 10px;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.03px;
color: #F18500;
}
.product-thumb-shadow__tag-value {
font-size: 12px;
font-weight: 700;
line-height: 1.3;
color: black;
letter-spacing: 0.03px;
}
.product-thumb-shadow--second {
overflow: hidden;
}
@media (min-width: 992px) {
.product-thumb-shadow--second .product-thumb-shadow__title {
transform: translate3d(0, 32px, 0);
opacity: 0;
visibility: hidden;
}
.product-thumb-shadow--second:hover .product-thumb-shadow__title {
transform: translate3d(0, 0, 0);
visibility: visible;
opacity: 1;
}
}
.product-breadcrumb {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.product-breadcrumb svg {
width: 24px;
height: 24px;
margin: 0 4px;
}
.product-breadcrumb li, .product-breadcrumb li a {
font-size: 14px;
line-height: 19.6px;
letter-spacing: 0.42px;
font-weight: 400;
}
.product-breadcrumb .bread-current {
font-weight: 700;
}
.product-breadcrumb-mobile li a.bread-back {
font-size: 14px;
line-height: 19px;
font-weight: 700;
display: flex;
align-items: center;
}
.product-breadcrumb-mobile li a.bread-back svg {
width: 24px;
height: 24px;
margin-right: 4px;
}
.pricing-box {
display: none;
}
@media (min-width: 992px) {
.pricing-box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 48px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
}
.pricing-box__title {
font-size: 32px;
line-height: 35px;
color: white;
font-weight: 900;
letter-spacing: 0;
margin-bottom: 17px;
text-align: center;
}
.pricing-box__subtitle {
font-size: 16px;
line-height: 24px;
font-weight: 700;
text-align: center;
color: white;
}
.tab-quality .swiper-slide {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 12px;
background-color: white;
height: auto;
}
@media (min-width: 992px) {
.tab-quality .swiper-slide {
padding-bottom: 29px;
}
}
.tab-quality__title {
font-size: 18px;
line-height: 23px;
text-align: center;
letter-spacing: unset;
color: black;
font-weight: 700;
margin-bottom: 12px;
}
.tab-quality__desc p {
text-align: center;
letter-spacing: unset;
font-size: 14px;
line-height: 21px;
font-weight: 400;
}
.tab-quality img {
width: 48px;
height: 48px;
-o-object-fit: cover;
object-fit: cover;
margin-bottom: 12px;
}
.help-center > * {
letter-spacing: 0;
}
.help-center__title {
padding-bottom: 42px;
font-size: 32px;
line-height: 1.1;
font-weight: 900;
width: 100%;
text-align: center;
}
@media (min-width: 768px) {
.help-center__title {
padding-bottom: 32px;
font-size: 42px;
line-height: 1;
}
}
.help-center__search {
margin-bottom: 23px;
}
@media (min-width: 768px) {
.help-center__search {
margin: 32px 0;
}
}
.help-center__search input {
padding-left: 40px;
background-image: url(../images/lupa.svg);
background-repeat: no-repeat;
background-size: 20px;
background-position: left 12px center;
height: 50px;
border: 1px solid #D1D1D1;
background-color: #fff;
border-radius: 8px;
}
.help-center__search input::-moz-placeholder {
color: #6D6D6D;
}
.help-center__search input:-ms-input-placeholder {
color: #6D6D6D;
}
.help-center__search input::placeholder {
color: #6D6D6D;
}
.help-center__search__wrapper {
padding: 32px;
background-color: white;
border-top: 1px solid #E2E8F0;
overflow: hidden;
transition: all 0.3s;
}
.help-center__box {
padding: 32px 23px;
border: 1px solid #E7E7E7;
height: 100%;
}
.help-center__img {
width: 100%;
margin-bottom: 40px;
}
.help-center__img img {
width: 100%;
height: 177px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.help-center__name {
font-size: 21px;
line-height: 1.3;
font-weight: 900;
margin-bottom: 9px;
}
.help-center__description {
font-size: 16px;
line-height: 1.5;
color: #3D3D3D;
font-weight: 400;
margin-bottom: 9px;
}
@media (min-width: 768px) {
.help-center__description {
max-width: 320px;
}
}
.help-center__url {
display: inline-flex;
align-items: center;
padding: 8px 16px 8px 0;
color: #f18500;
font-size: 13px;
line-height: 1;
font-weight: 900;
text-transform: uppercase;
transition: all 0.3;
}
.help-center__url svg {
margin-left: 8px;
}
.help-center__url:hover {
color: #f18500;
opacity: 0.8;
}
.contact-details {
background-repeat: no-repeat;
background-size: cover;
background-position: left center;
}
.contact-details .col-md-4 .contact-details__single {
padding-bottom: 40px;
}
@media (min-width: 768px) {
.contact-details .col-md-4 .contact-details__single {
padding: 24px 0;
}
}
.contact-details .col-md-4:last-child .contact-details__single {
padding-bottom: 0;
}
@media (min-width: 768px) {
.contact-details .col-md-4:last-child .contact-details__single {
padding: 24px 0;
}
}
.contact-details__single {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (min-width: 768px) {
.contact-details__single {
align-items: flex-start;
justify-content: flex-start;
}
}
.contact-details__single img {
width: 48px;
height: 48px;
-o-object-fit: contain;
object-fit: contain;
display: block;
margin-bottom: 20px;
}
.contact-details__name {
font-size: 16px;
color: white;
font-weight: 900;
line-height: 1.3;
margin-bottom: 6px;
text-align: center;
}
@media (min-width: 768px) {
.contact-details__name {
text-align: left;
}
}
.contact-details__detail {
color: white;
font-size: 16px;
line-height: 1.3;
font-weight: 400;
text-align: center;
}
@media (min-width: 768px) {
.contact-details__detail {
text-align: left;
}
}
.contact-details__detail a {
text-decoration: underline;
color: white;
text-align: center;
}
@media (min-width: 768px) {
.contact-details__detail a {
text-align: left;
}
}
.container-fluid,
.container-wrapper {
max-width: 1920px;
}
.container-wrapper {
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container--fluid-sm {
max-width: 1920px;
}
}
@media (min-width: 768px) {
.container--fluid-md {
max-width: 1920px;
}
}
@media (min-width: 992px) {
.container--fluid-lg {
max-width: 1920px;
}
}
@media (min-width: 1280px) {
.container--fluid-xl {
max-width: 1920px;
}
}
@media (max-width: 1279px) {
.container {
padding: 0 32px;
}
}
.navbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
z-index: 9;
background-color: #fff;
z-index: 99;
}
.navbar-double .navbar-langs-mobile {
display: block;
}
@media (min-width: 1280px) {
.navbar-double .navbar-langs-mobile {
display: none;
}
}
.navbar-double .icon-action-mobile {
display: block;
}
@media (min-width: 1280px) {
.navbar-double .icon-action-mobile {
display: none;
}
}
.navbar__top {
padding: 5px 0;
background-color: #000;
display: none;
}
.navbar__top.navbar__content {
padding: 0;
display: block;
}
@media (min-width: 1280px) {
.navbar__top.navbar__content {
display: flex;
}
}
@media (min-width: 1280px) {
.navbar__top {
display: block;
}
}
.navbar__top .navbar-langs {
background-color: transparent;
}
.navbar__top .navbar-nav__link {
color: #000;
line-height: 16px;
font-weight: 700;
}
.navbar__top .navbar-nav-top .navbar-nav__link, .navbar__top .navbar__controls .navbar-nav__link {
font-weight: 500;
}
.navbar__top .navbar-nav-top .navbar-nav__link.is-active, .navbar__top .navbar__controls .navbar-nav__link.is-active {
font-weight: 700;
}
.navbar__top.text-white .navbar-nav__link {
color: #fff;
}
.navbar__top .navbar-nav-top .navbar-nav__item {
margin: 0 16px;
}
@media (min-width: 1280px) {
.navbar__top .navbar-nav-top .navbar-nav__item .navbar-nav__link {
font-size: 14px;
line-height: 14px;
font-weight: 500;
}
}
.navbar__top .navbar-nav-top .form-search__control {
border: none;
}
@media (min-width: 1280px) {
.navbar__top .navbar-nav__item--primary .navbar-nav__link {
font-size: 13px;
line-height: 1;
font-weight: 700;
padding: 9px 16px;
text-transform: uppercase;
}
}
@media (min-width: 1280px) {
.navbar__top .navbar__controls .navbar-nav__link {
font-size: 14px;
}
.navbar__top .navbar__controls .navbar-nav__link.is-active {
font-size: 13px;
width: 90px;
}
}
.navbar__top-content {
justify-content: flex-start;
align-items: center;
display: flex;
}
.navbar__top-content .icon-action {
margin-right: auto;
}
.navbar__top-content .icon-action svg {
margin-top: 9;
}
.navbar__top .form-control {
border: none;
}
@media (min-width: 1280px) {
.navbar__top .navbar__controls {
margin-left: 8px;
}
.navbar__top .navbar__controls .icon-action {
display: flex;
align-items: center;
}
.navbar__top .navbar__controls .icon-action .navbar-nav__item {
margin-left: 0;
margin-right: 24px;
}
.navbar__top .navbar__controls .icon-action .navbar-nav__item.navbar-nav__item--primary {
margin: 0;
}
.navbar__top .navbar__controls .icon-action svg {
margin: 0;
margin-right: 12px;
width: 24px;
height: 24px;
}
}
.navbar__top .navbar__search {
margin: 0;
}
@media (min-width: 1280px) {
.navbar__top .navbar__search .form-search {
width: 24px;
height: 40px;
position: static;
cursor: pointer;
}
.navbar__top .navbar__search .form-search.active .form-search__control {
top: -6px;
}
.navbar__top .navbar__search .form-search__control {
width: 100%;
max-width: 1280px;
height: 50px;
border: 1px solid #D1D1D1;
background-color: #fff;
border-radius: 8px;
transition: top 0.3s;
}
}
.navbar ul.navbar-dropdown__nav svg {
display: none;
}
@media (min-width: 768px) {
.navbar.is-transparent:not(.navbar-double) {
background-color: transparent;
box-shadow: none;
}
}
.navbar__container {
padding-right: 16px;
padding-left: 16px;
display: flex;
align-items: center;
justify-content: space-between;
height: 90px;
max-width: calc(1280px + 32px);
margin: 0 auto;
}
@media (min-width: 1280px) {
.navbar__container {
height: 80px;
justify-content: flex-start;
position: relative;
}
}
.navbar__brands, .navbar__search, .navbar__controls {
flex-grow: 0;
}
.navbar__brands {
display: flex;
align-items: center;
}
.navbar__brands > * {
margin-right: 16px;
}
.navbar__brands > *:last-child {
margin-right: 0;
}
.navbar__brands .navbar-nav {
display: none;
}
@media (min-width: 1280px) {
.navbar__brands .navbar-nav {
display: block;
}
}
.navbar__brand {
display: block;
}
.navbar__brand svg {
width: 48px;
height: 58px;
}
@media (min-width: 1280px) {
.navbar__brand svg {
width: 48px;
height: 58px;
}
}
@media (min-width: 768px) {
.navbar.is-transparent:not(.navbar-double):not(.is-open) .navbar__brand svg {
fill: #f18500;
}
}
.navbar__brand--height svg {
max-width: 100%;
width: auto !important;
}
.navbar__extra-brand {
display: block;
}
.navbar__extra-brand img {
max-width: 100%;
max-height: 60px;
}
@media (min-width: 1280px) {
.navbar__extra-brand img {
max-height: 70px;
}
}
.navbar__search {
display: none;
}
@media (min-width: 1280px) {
.navbar__search {
margin-right: 32px;
margin-left: 32px;
display: block;
}
.navbar.is-transparent:not(.navbar-double) .navbar__search .form-control {
color: rgba(255, 255, 255, 0.7);
background-color: #484848;
border-color: #484848;
}
.navbar.is-transparent:not(.navbar-double) .navbar__search .form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.7);
opacity: 1;
}
.navbar.is-transparent:not(.navbar-double) .navbar__search .form-control::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.7);
}
.navbar.is-transparent:not(.navbar-double) .navbar__search .form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.7);
}
}
.navbar__content {
width: 100%;
height: 100%;
padding-right: 16px;
padding-left: 16px;
overflow-y: auto;
position: fixed;
top: 0;
left: 0;
z-index: 10;
transform: translate3d(-100%, 0, 0);
transition: transform 0.2s ease;
padding-bottom: 16px;
background-color: #f18500;
}
.navbar.is-open .navbar__content {
transform: translate3d(0, 0, 0);
}
@media (min-width: 1280px) {
.navbar__content {
width: auto;
height: auto;
padding-right: 0;
padding-left: 0;
height: 100%;
overflow-y: visible;
flex: 1;
position: static;
display: flex;
align-items: center;
justify-content: flex-end;
margin-right: -32px;
padding-bottom: 0;
transform: none;
background: none;
}
}
.navbar__content-header {
display: flex;
align-items: center;
height: 80px;
}
.navbar__content-header svg {
fill: unset;
width: 48px;
height: 58px;
}
.navbar__content-brand {
display: block;
}
.navbar__content-brand svg {
width: 51px;
height: 60px;
}
@media (min-width: 1280px) {
.navbar__content-header, .navbar__content-search {
display: none;
}
}
.navbar__content .navbar__search {
display: block;
}
@media (min-width: 1280px) {
.navbar__content .navbar__search {
display: inline-block;
}
}
.navbar__controls {
display: flex;
margin-left: 32px;
align-items: center;
}
.navbar__extra-links {
position: relative;
display: inline-flex;
border-right: 2px solid #000;
}
.navbar__extra-links-item {
font-size: 16px;
line-height: 18px;
flex: 1;
font-weight: 900;
height: 48px;
border: 2px solid #000;
border-right: 0;
padding: 4px 16px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.navbar__extra-links-item:lang(en) {
font-size: 16px;
line-height: 14px;
}
.navbar__extra-links-item.is-active {
background-color: #000;
color: #fff;
}
.navbar-nav {
margin-top: 32px;
}
@media (min-width: 1280px) {
.navbar-nav {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 0;
height: 100%;
}
.navbar-nav--mobile {
display: none;
}
}
.navbar-nav--black .navbar-nav__item svg, .navbar-nav--black .navbar-dropdown__item svg {
fill: #000;
}
.navbar-nav__item {
margin-bottom: 24px;
}
@media (min-width: 1280px) {
.navbar-nav__item {
margin: 0 14px;
height: 100%;
display: flex;
align-items: center;
}
}
.navbar-nav__item--primary {
margin: 0;
}
.navbar-nav__item--primary .navbar-nav__link {
background-color: #f18500;
padding: 12px 16px;
color: #fff;
}
.navbar-nav__item--primary .navbar-nav__link:hover {
color: #fff !important;
}
.navbar-nav__item--primary .navbar-nav__link.is-active {
color: #fff !important;
}
.navbar-nav__link {
font-size: 20px;
line-height: 22px;
display: flex;
align-items: center;
font-weight: 900;
text-transform: uppercase;
}
.navbar-nav__link:lang(en) {
font-size: 20px;
line-height: 20px;
}
.navbar-nav__link, .navbar-nav__link:hover {
color: #fff;
}
@media (min-width: 1280px) {
.navbar-nav__link {
font-size: 16px;
line-height: 18px;
padding: 4px 0;
font-weight: 500;
text-transform: none;
color: #000;
}
.navbar-nav__link:lang(en) {
font-size: 16px;
line-height: 14px;
}
.navbar-nav__link:lang(hu-HU), .navbar-nav__link:lang(ro-RO) {
font-size: 14px;
line-height: 16px;
}
.navbar-nav__link:lang(hu-HU):lang(en), .navbar-nav__link:lang(ro-RO):lang(en) {
font-size: 14px;
line-height: 17px;
}
.navbar.is-transparent:not(.navbar-double) .navbar-nav__link {
color: #fff;
}
.navbar-nav__link:hover, .navbar-nav__link.is-active {
color: #000;
}
.navbar-nav__link:hover:not(.navbar-dropdown__control), .navbar-nav__link.is-active:not(.navbar-dropdown__control) {
color: #f18500;
}
}
.navbar-dropdown {
position: relative;
}
@media (min-width: 1280px) {
.navbar-dropdown {
position: static;
}
}
.navbar-dropdown__control svg {
width: 24px;
height: 24px;
margin-left: 4px;
fill: #fff;
pointer-events: none;
}
@media (min-width: 1280px) {
.navbar-dropdown__control svg {
fill: #f18500;
}
}
.navbar-dropdown__nav {
display: none;
}
.navbar-dropdown.is-open .navbar-dropdown__nav {
display: block;
}
@media (min-width: 1280px) {
.navbar-dropdown.is-open .navbar-dropdown__nav {
display: none;
}
}
@media (min-width: 1280px) {
.navbar-dropdown__nav {
display: none;
position: absolute;
top: 100%;
left: 16px;
width: 100%;
max-width: 1280px;
padding: 64px;
background-color: #fff;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
flex-wrap: wrap;
}
.navbar-dropdown__nav .navbar-dropdown__nav {
position: static;
top: unset;
left: unset;
box-shadow: unset;
padding: 0;
display: flex;
flex-direction: column;
}
.navbar-dropdown:hover .navbar-dropdown__nav {
display: flex;
}
}
@media (min-width: 1280px) {
.navbar-dropdown__item:first-child {
margin-top: 0;
}
}
.navbar-dropdown__item > .navbar-dropdown__link {
letter-spacing: -0.8px;
}
@media (min-width: 1280px) {
.navbar-dropdown__link {
font-size: 21px;
line-height: 1;
font-weight: 700;
}
}
.navbar-dropdown__link, .navbar-dropdown__sub-link {
position: relative;
}
.navbar-dropdown__link, .navbar-dropdown__link:hover, .navbar-dropdown__sub-link, .navbar-dropdown__sub-link:hover {
color: #fff;
}
@media (min-width: 1280px) {
.navbar-dropdown__link, .navbar-dropdown__sub-link {
white-space: nowrap;
color: #000;
}
.navbar-dropdown__link > .navbar-dropdown__link .navbar-dropdown__link:hover, .navbar-dropdown__link > .navbar-dropdown__link .navbar-dropdown__sub-link:hover, .navbar-dropdown__sub-link > .navbar-dropdown__link .navbar-dropdown__link:hover, .navbar-dropdown__sub-link > .navbar-dropdown__link .navbar-dropdown__sub-link:hover {
color: #f18500;
}
}
.navbar-dropdown__link::before, .navbar-dropdown__sub-link::before {
width: 12px;
height: 12px;
content: "";
position: absolute;
top: 6px;
left: 0;
background-color: #fff;
opacity: 0;
}
.navbar-dropdown__item.is-active .navbar-dropdown__link::before, .navbar-dropdown__item.is-active .navbar-dropdown__sub-link::before {
opacity: 1;
}
.navbar-dropdown__item.is-active .navbar-dropdown__nav .navbar-dropdown__link::before, .navbar-dropdown__item.is-active .navbar-dropdown__nav .navbar-dropdown__sub-link::before {
opacity: 0;
}
@media (min-width: 1280px) {
.navbar-dropdown__link::before, .navbar-dropdown__sub-link::before {
display: none;
}
}
.navbar-dropdown__sub-link {
padding-left: 40px;
}
@media (min-width: 1280px) {
.navbar-dropdown__sub-link {
padding-left: 0;
font-size: 16px;
line-height: 1;
font-weight: 700;
color: #4F4F4F;
padding-top: 24px;
display: block;
}
}
.navbar-langs {
position: relative;
}
.navbar-langs__btn, .navbar-langs__link {
font-size: 14px;
line-height: 16px;
font-weight: 500;
color: #000;
text-transform: uppercase;
}
.navbar-langs__btn:lang(en), .navbar-langs__link:lang(en) {
font-size: 14px;
line-height: 17px;
}
@media (min-width: 1280px) {
.navbar.navbar-double .navbar-langs__btn, .navbar.navbar-double .navbar-langs__link {
color: #fff;
}
}
.navbar.is-transparent:not(.navbar-double) .navbar-langs__btn, .navbar.is-transparent:not(.navbar-double) .navbar-langs__link {
color: #fff;
}
.navbar.is-transparent:not(.navbar-double) .navbar-langs__btn, .navbar.is-transparent:not(.navbar-double) .navbar-langs__link {
color: #fff;
}
@media (max-width: 767.98px) {
.navbar.is-transparent:not(.navbar-double) .navbar-langs__btn {
color: #000;
}
.navbar.is-transparent:not(.navbar-double) .navbar-langs__btn {
color: #000;
}
}
.navbar-langs__btn {
width: 70px;
height: 40px;
display: flex;
align-items: center;
}
.navbar-langs__btn svg {
width: 24px;
height: 24px;
margin: 0 !important;
pointer-events: none;
fill: #f18500;
}
.navbar-langs__list {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: #f18500;
z-index: 999;
}
.navbar-langs.is-open .navbar-langs__list {
display: block;
}
.navbar-langs__link {
text-align: center;
display: block;
padding: 0 4px;
margin: 12px 0;
color: #fff;
}
.navbar-langs__link:hover {
color: #000;
}
.navbar-toggle {
width: 40px;
height: 40px;
position: relative;
display: inline-block;
margin-left: 12px;
padding: 11px 9px;
background-color: white;
z-index: 99999;
}
@media (min-width: 1280px) {
.navbar-toggle {
display: none;
}
}
.navbar-toggle > div {
width: 100%;
height: 100%;
position: relative;
}
.navbar-toggle > div span {
width: 100%;
height: 3px;
position: absolute;
left: 50%;
display: block;
background-color: #f18500;
transition: transform 0.2s, opacity 0.2s;
}
.navbar.is-open .navbar-toggle > div span:nth-of-type(1) {
top: 50%;
transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.navbar.is-open .navbar-toggle > div span:nth-of-type(2) {
opacity: 0;
}
.navbar.is-open .navbar-toggle > div span:nth-of-type(3) {
top: 50%;
bottom: auto;
transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.navbar-toggle > div span:nth-of-type(1) {
top: 0;
transform: translate3d(-50%, 0, 0);
}
.navbar-toggle > div span:nth-of-type(2) {
top: 50%;
transform: translate3d(-50%, -50%, 0);
}
.navbar-toggle > div span:nth-of-type(3) {
bottom: 0;
transform: translate3d(-50%, 0, 0);
}
.navbar-alert {
z-index: 9;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.navbar-nav__item > .navbar-dropdown__nav > li {
padding-right: 64px;
}
.navbar-dropdown__nav .dropdown-title {
width: 100%;
font-size: 32px;
font-weight: 900;
margin-bottom: 32px;
line-height: 42px;
text-transform: uppercase;
letter-spacing: -2px;
}
@media (min-width: 1280px) {
.form__search-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
display: none;
justify-content: center;
padding: 32px;
background-color: white;
border-top: 1px solid #E2E8F0;
overflow: hidden;
transition: all 0.3s;
}
.form__search-wrapper input {
padding-left: 40px;
background-image: url(../images/lupa.svg);
background-repeat: no-repeat;
background-size: 20px;
background-position: left 12px center;
}
.form-search.active .form__search-wrapper {
display: flex;
top: 130px;
}
.navbar-nav__item.navbar-dropdown:last-child .dropdown-title {
flex: 1 1 100%;
max-width: 100%;
margin-bottom: 0;
}
.navbar-nav__item.navbar-dropdown:last-child .navbar-dropdown__item {
flex: 1 1 33%;
max-width: 33%;
margin-top: 32px;
}
}
.dropdown-back {
display: none;
}
.navbar-dropdown__link:hover, .navbar-dropdown__sub-link:hover {
color: #F18500;
}
@media (max-width: 1279px) {
.navbar__top.navbar__content {
display: flex;
flex-direction: column;
padding-left: 32px;
padding-right: 32px;
}
.navbar-nav, .icon-action {
order: 1;
}
.navbar__content-search {
order: 0;
}
.navbar__container {
padding-left: 32px;
padding-right: 32px;
}
.navbar__top .form-control {
border: 1px solid #838383;
padding-right: 8px;
padding-left: 46px;
}
.navbar-dropdown__link, .navbar-dropdown__link:hover, .navbar-dropdown__sub-link, .navbar-dropdown__sub-link:hover, .navbar-nav__link, .navbar-nav__link:hover {
color: #000;
}
.navbar-dropdown {
position: static;
}
.navbar-dropdown.is-open > .navbar-dropdown__nav {
position: absolute;
left: 32px;
right: 32px;
width: calc(100% - 64px);
height: 100%;
background: white;
top: 0;
padding-top: 77px;
z-index: 9;
}
.navbar__content-search {
z-index: -1;
}
.navbar-dropdown__link {
font-size: 21px;
font-weight: 700;
line-height: 1;
margin-bottom: 24px;
display: inline-block;
}
.navbar-dropdown__sub-link {
padding-left: 0;
font-size: 18px;
line-height: 1;
font-weight: 700;
color: #4F4F4F;
margin-bottom: 24px;
display: inline-block;
}
.dropdown-back.is-open {
z-index: 99;
display: flex;
align-items: center;
position: absolute;
top: 28px;
}
.navbar__content-header {
padding-top: 14px;
}
.navbar-nav {
padding-top: 24px;
margin-top: 0;
}
.navbar-nav.navbar-nav--black {
border-bottom: 1px solid #D1D1D1;
}
.navbar-nav a.navbar-nav__link {
text-transform: capitalize;
font-size: 21px;
font-weight: 700;
line-height: 1;
}
.navbar-nav a.navbar-nav__link.navbar-dropdown__control {
display: flex;
justify-content: space-between;
}
.navbar-nav a.navbar-nav__link.navbar-dropdown__control svg {
transform: rotate(-90deg);
}
.navbar-nav a.navbar-nav__link.navbar-dropdown__control svg path {
fill: #6D6D6D;
}
.navbar-nav--mobile {
border-bottom: 1px solid #D1D1D1;
}
.navbar-nav--mobile li {
margin-bottom: 32px;
}
.navbar-nav--mobile li:last-child {
margin-bottom: 24px;
}
.navbar-nav--mobile li a.navbar-nav__link {
font-size: 18px;
font-weight: 700;
color: #4F4F4F;
}
.navbar-double .navbar-langs-mobile {
z-index: 99;
}
.navbar-langs__btn {
font-size: 21px;
font-weight: 700;
}
.form-search__submit {
right: unset;
left: 18px;
width: 20px;
height: 20px;
padding: 0;
}
.form-search--small .form-search__submit svg {
width: 20px;
height: 20px;
}
.dropdown-back {
font-size: 16px;
font-weight: 700;
color: #6D6D6D;
cursor: pointer;
}
.dropdown-back svg {
padding-right: 12px;
}
.icon-action .navbar-phone-mobile {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
}
.icon-action .navbar-phone-mobile svg {
width: 32px;
height: 32px;
margin-top: 0;
margin-right: 12px;
}
.icon-action .navbar-phone-mobile .navbar-nav__link {
font-size: 18px;
font-weight: 700;
color: #6D6D6D;
}
.icon-action .navbar-contact a {
font-size: 13px;
font-weight: 900;
text-align: center;
padding: 10px;
text-transform: uppercase;
display: flex;
justify-content: center;
}
.navbar-langs {
position: static;
}
.navbar-langs__link {
color: #000;
font-size: 21px;
font-weight: 700;
margin-bottom: 32px;
}
.navbar-langs__list {
overflow-y: auto;
min-height: 100vh;
background-color: white;
border-top: 1px solid #E7E7E7;
}
.navbar-langs__list li:first-child a {
margin-top: 24px;
}
.navbar-toggle {
background-color: transparent;
}
.navbar-langs__btn {
width: auto;
display: flex;
align-items: center;
}
.navbar-langs__btn svg {
width: 24px;
height: 24px;
fill: unset;
}
.navbar-nav__item > .navbar-dropdown__nav > li {
margin-bottom: 24px;
}
}
.footer-belt {
display: flex;
align-items: center;
min-height: 24px;
}
.footer-belt__shape {
width: 70px;
height: 100%;
position: relative;
margin-left: -16px;
}
@media (min-width: 576px) {
.footer-belt__shape {
width: 112px;
margin-left: 0;
}
}
.footer-belt__shape::before {
width: 48px;
height: 50px;
content: "";
position: absolute;
top: 50%;
right: 24px;
background-color: #000;
transform: skew(-30deg) translate3d(0, -50%, 0);
}
.footer-belt__shape::after {
width: 24px;
height: 50px;
content: "";
position: absolute;
top: 50%;
right: 36px;
background-color: #f18500;
transform: skew(-30deg) translate3d(0, -50%, 0);
}
.p-404-title {
font-size: 96px;
line-height: 1;
}
@media (min-width: 992px) {
.p-404-title {
font-size: 128px;
}
}
.four-zero-four-v2 h1 {
font-size: 60px;
line-height: 1.2;
margin-bottom: 16px;
font-weight: 900;
}
.four-zero-four-v2 h6 {
font-size: 20px;
line-height: 1;
font-weight: 700;
margin-bottom: 16px;
}
.four-zero-four-v2 p {
margin-bottom: 20px;
}
.four-zero-four-v2 a {
text-transform: uppercase;
font-weight: 700;
position: relative;
}
.four-zero-four-v2 a:not(:last-of-type) {
margin-bottom: 16px;
}
.four-zero-four-v2 a:after {
content: "→";
position: absolute;
top: -1px;
right: -30px;
width: 20px;
height: 20px;
}
.four-zero-four-v2 img {
width: 330px;
}
.p-home-slider {
position: relative;
overflow: hidden;
}
@media (max-width: 767.98px) {
.p-home-slider {
height: 100vh;
max-height: calc(100vh - 90px);
}
}
.p-home-slider--ultima {
overflow: visible;
}
@media (min-width: 768px) {
.p-home-slider--ultima video {
position: absolute;
transform: unset;
top: 5vw;
left: 17vw;
width: 50vw;
max-width: 960px;
}
}
@media (min-width: 768px) {
.p-home-slider {
color: #fff;
padding-top: 0;
}
}
.p-home-slider__image {
position: relative;
height: calc(140px + 10vw);
min-height: 250px;
}
.p-home-slider__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 576px) {
.p-home-slider__image {
height: calc(180px + 15vw);
}
}
.p-home-slider__image-overlay::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
}
.p-home-slider__item {
height: 100vh;
text-transform: uppercase;
}
@media (max-width: 767.98px) {
.p-home-slider__item {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
max-height: calc(100vh - 90px);
}
}
@media (min-width: 768px) {
.p-home-slider__item {
background: center/cover no-repeat;
position: relative;
height: 100vh;
min-height: 420px;
max-height: 100vh;
display: flex;
align-items: center;
}
.p-home-slider__item-overlay::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
}
}
@media (min-width: 1280px) {
.p-home-slider__item {
height: calc(100vh - 100px);
max-height: calc(100vh - 100px);
}
}
@media (min-width: 1280px) {
.p-home-slider__item {
padding-right: 96px;
padding-left: 96px;
}
}
@media (min-width: 1600px) {
.p-home-slider__item {
padding-right: 0;
padding-left: 0;
}
}
.p-home-slider__item > .container {
z-index: 2;
position: relative;
}
@media (min-width: 992px) {
.p-home-slider__item {
max-height: 100vh;
}
}
.p-home-slider__item h2 {
font-size: 42px;
line-height: 1;
font-weight: 900;
margin-bottom: 32px;
}
@media (min-width: 992px) {
.p-home-slider__item h2 {
font-size: 64px;
line-height: 1;
text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.44);
}
}
.p-home-slider__item p {
margin-bottom: 32px;
font-size: 24px;
line-height: 1;
font-weight: 900;
}
@media (min-width: 992px) {
.p-home-slider__item p {
font-size: 8px;
line-height: 36px;
text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.44);
}
.p-home-slider__item p a {
text-shadow: none;
}
.p-home-slider__item p:last-child {
margin-bottom: 0;
}
}
.p-home-slider__item p a.btn.btn--primary.btn-lg--large {
padding: 16px 28px;
font-size: 18px;
line-height: 23px;
}
@media (min-width: 992px) {
.p-home-slider__item p a.btn.btn--primary.btn-lg--large {
padding: 23px 50px;
font-size: 21px;
font-weight: 900;
line-height: 27px;
}
}
.p-home-slider__control {
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0);
display: none;
z-index: 3;
}
@media (min-width: 1280px) {
.p-home-slider__control {
display: block;
}
}
.p-home-slider__control svg {
width: 64px;
height: 64px;
fill: #fff;
}
.p-home-slider__control--prev {
left: 16px;
}
.p-home-slider__control--next {
right: 16px;
}
.p-home-360 {
position: relative;
overflow: hidden;
}
@media (max-width: 575.98px) {
.p-home-360 .btn {
min-width: auto;
}
}
.p-home-360::before, .p-home-360::after {
content: "";
position: absolute;
background-repeat: no-repeat;
}
.p-home-360::after {
width: 124px;
height: 124px;
bottom: 0;
right: 0;
background-image: url("../images/home-360-mobile.png");
}
@media (min-width: 992px) {
.p-home-360::after {
width: 50%;
height: 100%;
max-width: 782px;
bottom: auto;
top: 0;
background-image: url("../images/home-360-desktop-right.png");
}
}
@media (min-width: 1800px) {
.p-home-360::before {
width: 270px;
height: 270px;
bottom: 0;
left: 0;
background-image: url("../images/home-360-desktop-left.png");
}
}
.p-home-product-thumb-info {
position: relative;
}
.p-home-product-thumb-info__btn {
position: absolute;
right: 0;
bottom: 32px;
}
@media (min-width: 576px) {
.p-home-story {
height: 400px;
min-height: 400px;
display: flex;
}
}
.p-home-story,
.p-home-story--video {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
@media (min-width: 1280px) {
.p-home-story,
.p-home-story--video {
margin-bottom: 0;
}
}
.p-home-story__image,
.p-home-story--video__image {
background: center/cover no-repeat;
flex: 1;
height: 200px;
}
@media (min-width: 576px) {
.p-home-story__image,
.p-home-story--video__image {
display: block;
height: 100%;
}
}
.p-home-story__content,
.p-home-story--video__content {
display: flex;
align-items: center;
justify-content: center;
background-color: #000;
color: #fff;
padding: 32px;
}
@media (min-width: 576px) {
.p-home-story__content,
.p-home-story--video__content {
flex: 0 0 320px;
}
}
.p-home-story__title,
.p-home-story--video__title {
font-size: 20px;
line-height: 22px;
font-weight: 900;
margin-bottom: 16px;
}
.p-home-story__title:lang(en),
.p-home-story--video__title:lang(en) {
font-size: 20px;
line-height: 20px;
}
.p-home-story__btn,
.p-home-story--video__btn {
margin-top: 24px;
}
.p-home-story__btn-arrow,
.p-home-story--video__btn-arrow {
display: none;
}
.p-home-story__btn-arrow svg,
.p-home-story--video__btn-arrow svg {
width: 24px;
height: 15px;
fill: #f18500;
}
@media (min-width: 1280px) {
.p-home-story--small,
.p-home-story--video--small {
height: 200px;
min-height: 200px;
}
.p-home-story--small .p-home-story__content,
.p-home-story--video--small .p-home-story__content {
flex: 0 0 200px;
padding: 12px;
}
.p-home-story--small .p-home-story__title,
.p-home-story--video--small .p-home-story__title {
font-size: 16px;
line-height: 18px;
}
.p-home-story--small .p-home-story__title:lang(en),
.p-home-story--video--small .p-home-story__title:lang(en) {
font-size: 16px;
line-height: 14px;
}
.p-home-story--small .p-home-story__description,
.p-home-story--video--small .p-home-story__description {
display: none;
}
.p-home-story--small .p-home-story__btn,
.p-home-story--video--small .p-home-story__btn {
display: none;
}
.p-home-story--small .p-home-story__btn-arrow,
.p-home-story--video--small .p-home-story__btn-arrow {
display: inline-block;
}
}
.p-home-story .play-icon,
.p-home-story--video .play-icon {
display: none;
}
.p-home-story .video-image,
.p-home-story--video .video-image {
display: none;
}
.p-home-story--video {
height: auto;
min-height: 100%;
}
.p-home-story.p-home-story--video.p-home-story--small {
position: relative;
cursor: pointer;
}
.p-home-story.p-home-story--video.p-home-story--small .video-image {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.p-home-story.p-home-story--video.p-home-story--small .video-image img {
pointer-events: none;
}
.p-home-story.p-home-story--video.p-home-story--small .play-icon {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
content: "";
position: absolute;
top: calc(50% - 24px);
left: calc(50% - 24px);
border-radius: 50%;
background-color: #f18500;
z-index: 3;
pointer-events: none;
}
.p-home-story.p-home-story--video.p-home-story--small .play-icon svg {
width: 18px;
height: 18px;
margin-left: 4px;
fill: #fff;
}
.js-slider-pagination {
margin-bottom: 32px;
z-index: 99;
display: flex;
justify-content: center;
width: 100%;
}
@media (max-width: 767.98px) {
.js-slider-pagination {
margin-bottom: 0;
position: absolute;
bottom: 24px;
}
}
.js-slider-pagination .swiper-pagination-bullet {
display: block;
margin: 0 4px;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #F18500;
opacity: 1;
border: none;
}
.js-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
@media (min-width: 768px) {
.js-slider-pagination {
position: absolute;
bottom: 51px;
margin-bottom: 0;
justify-content: flex-start;
}
.js-slider-pagination .swiper-pagination-bullet {
display: block;
margin: 0 6px 0 0;
background-color: white;
opacity: 1;
border: none;
}
.js-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #F18500;
}
}
.p-home-slider .swiper-slide::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: #000;
opacity: 0.15;
z-index: 1;
left: 0;
}
.p-home-slider .swiper-slide h1, .p-home-slider .swiper-slide h2, .p-home-slider .swiper-slide h3, .p-home-slider .swiper-slide h4, .p-home-slider .swiper-slide h5, .p-home-slider .swiper-slide h6, .p-home-slider .swiper-slide p {
color: white;
}
.p-home-slider .js-slider-pagination .swiper-pagination-bullet {
width: 24px;
height: 2px;
border-radius: 0;
margin: 0 4px;
background-color: white;
}
.p-home-slider .js-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #f18500;
}
.n-home-offer {
padding: 42px 0 16px;
}
@media (min-width: 992px) {
.n-home-offer {
padding: 100px 0 72px;
}
}
.n-home-offer__heading {
font-size: 32px;
line-height: 1.1;
margin-bottom: 34px;
font-weight: 900;
}
@media (min-width: 992px) {
.n-home-offer__heading {
margin-bottom: 40px;
font-size: 42px;
line-height: 1.3;
}
}
.n-home-offer__title {
font-size: 21px;
line-height: 1.3;
padding: 0 0 12px 0;
font-weight: 900;
color: #B0B0B0;
cursor: pointer;
display: inline-block;
transition: all 0.2s;
}
.n-home-offer__title:hover {
color: #000;
}
.n-home-offer .is-active h3 {
color: #000;
border-bottom: 1px solid #f18500;
}
.n-home-offer__tabs {
white-space: nowrap;
overflow-x: hidden;
}
.n-home-offer__tabs .swiper-slide {
width: auto;
}
.n-home-offer .js-product-content-slider .swiper-slide {
width: 274px;
max-width: 274px;
min-width: 274px;
}
@media (min-width: 992px) {
.n-home-offer .js-product-content-slider .swiper-slide {
width: 290px;
max-width: 290px;
min-width: 290px;
}
}
.n-home-offer .product-thumb--second .product-thumb__title {
transform: unset;
opacity: 1;
visibility: visible;
bottom: 0;
}
.n-home-offer .btn-arrow {
background-color: white;
border: 1px solid #F18500;
color: #F18500;
padding: 14px 21px;
font-size: 14px;
display: inline-flex;
align-items: center;
transition: all 0.3s;
}
.n-home-offer .btn-arrow:hover {
background-color: #be6900;
border: 1px solid #be6900;
color: white;
}
.n-home-offer .btn-arrow:hover svg path {
fill: white;
}
@media (min-width: 992px) {
.n-home-offer .btn-arrow {
font-size: 18px;
}
}
.n-home-offer .btn-arrow svg path {
transition: all 0.3s;
fill: #F18500;
}
.n-home-offer .btn-arrow span {
display: inline-flex;
align-items: center;
}
.n-home-offer__row {
overflow-x: hidden;
}
.n-home-offer__row .mb-24.mb-md-32 {
margin-bottom: 0 !important;
}
.n-home-offer__row .product-thumb__title {
font-size: 16px !important;
padding: 18px;
}
.n-home-offer .h-0 {
height: 0;
}
.section-media-home p {
font-size: 21px;
line-height: 1.26;
letter-spacing: -0.05px;
}
@media (min-width: 992px) {
.section-media-home p {
font-size: 24px;
max-width: 434px;
}
}
.section-media-home .btn-arrow span {
display: flex;
align-items: center;
}
.section-media-home .play-control__btn:hover svg circle {
fill-opacity: 1;
}
.section-media-home .play-control__btn:hover svg path {
fill-opacity: 1;
fill: #f18500;
}
.reviews-home__title {
font-size: 32px;
line-height: 1.1;
color: black;
font-weight: 900;
text-align: center;
}
@media (min-width: 992px) {
.reviews-home__title {
font-size: 42px;
line-height: 1.3;
}
.reviews-home__title.mb-lg-56 {
margin-bottom: 56px !important;
}
}
.reviews-home__box {
overflow-x: hidden;
position: relative;
box-shadow: -14px 14px 23px -6px rgba(66, 68, 90, 0.26);
}
.reviews-home .swiper-slide {
min-height: 328px;
padding: 24px;
background-color: white;
text-align: center;
font-size: 21px;
line-height: 1.3;
}
@media (min-width: 992px) {
.reviews-home .swiper-slide {
padding: 96px 94px;
min-height: 318px;
font-size: 24px;
}
}
.reviews-home__bar {
margin: 0 auto;
display: block;
position: relative;
z-index: 9;
}
@media (min-width: 992px) {
.reviews-home__bar {
width: 100%;
max-width: 481px;
margin: 0 auto -43px;
}
}
.reviews-home .js-slider-pagination {
display: flex;
justify-content: center;
bottom: 12px;
}
@media (min-width: 992px) {
.reviews-home .js-slider-pagination {
bottom: 96px;
}
}
.reviews-home .js-slider-pagination .swiper-pagination-bullet {
width: 24px;
height: 2px;
border-radius: 0;
margin: 0 4px;
background-color: #6D6D6D;
}
.reviews-home .js-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #f18500;
}
.home-certificates {
letter-spacing: 0;
}
.home-certificates__title {
font-size: 32px;
line-height: 1.1;
color: black;
font-weight: 900;
text-align: center;
}
@media (min-width: 992px) {
.home-certificates__title {
font-size: 42px;
line-height: 1.3;
}
}
.home-certificates__box {
padding: 24px;
box-shadow: -14px 14px 23px -6px rgba(66, 68, 90, 0.26);
}
@media (min-width: 992px) {
.home-certificates__box {
padding: 96px 96px 72px;
}
}
.home-certificates__name {
font-size: 32px;
line-height: 1.1;
text-align: center;
margin-bottom: 24px;
font-weight: 900;
}
@media (min-width: 992px) {
.home-certificates__name {
text-align: left;
margin-bottom: 32px;
}
}
@media (min-width: 992px) {
.home-certificates .col-lg-5 {
max-width: 433px;
}
.home-certificates .col-lg-5 .home-certificates__description {
max-width: 382px;
}
}
@media (min-width: 992px) {
.home-certificates .col-lg-4.last-col {
width: 390px;
max-width: 390px;
padding: 0;
}
}
.home-certificates__description {
font-size: 16px;
line-height: 1.5;
}
.home-pro-app__wrapper {
padding: 48px 24px 0;
display: flex;
align-items: center;
flex-direction: column;
overflow: hidden;
text-align: center;
justify-content: center;
}
@media (min-width: 992px) {
.home-pro-app__wrapper {
flex-direction: row;
padding: 20px 124px 20px 96px;
justify-content: flex-start;
text-align: left;
}
}
.home-pro-app__content {
width: 100%;
}
@media (min-width: 992px) {
.home-pro-app__content {
width: calc(100% - 307px);
padding-right: 98px;
}
}
.home-pro-app__image {
width: 307px;
}
.home-pro-app__image img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
margin-bottom: -50%;
margin-top: 32px;
}
@media (min-width: 992px) {
.home-pro-app__image img {
margin-bottom: 0;
margin-top: 0;
}
}
.home-pro-app__title {
font-size: 32px;
line-height: 1.1;
margin-bottom: 32px;
text-align: center;
color: white;
font-weight: 900;
}
@media (min-width: 992px) {
.home-pro-app__title {
text-align: left;
}
}
.home-pro-app__description {
font-size: 16px;
line-height: 1.3;
font-weight: 900;
color: white;
}
.home-pro-app .btn-arrow {
background-color: white;
border: 1px solid #F18500;
color: #F18500;
padding: 8px 16px;
font-size: 13px;
display: inline-flex;
align-items: center;
transition: all 0.3s;
}
.home-pro-app .btn-arrow span {
display: inline-flex;
align-items: center;
}
.home-pro-app .btn-arrow svg path {
fill: #F18500;
transition: all 0.3s;
}
.home-pro-app .btn-arrow:hover {
background-color: #be6900;
border: 1px solid #be6900;
color: white;
}
.home-pro-app .btn-arrow:hover svg path {
fill: white;
}
.home-pro-app__shops {
display: flex;
align-items: center;
flex-direction: column;
}
@media (min-width: 992px) {
.home-pro-app__shops {
flex-direction: row;
}
}
.home-pro-app__link {
display: inline-block;
margin-bottom: 12px;
transition: all 0.3s;
}
.home-pro-app__link:hover {
opacity: 0.7;
}
@media (min-width: 992px) {
.home-pro-app__link {
margin-right: 12px;
margin-bottom: 0;
}
}
.home-profesionals {
letter-spacing: 0;
}
.home-profesionals__title {
font-size: 32px;
line-height: 1.1;
margin-bottom: 32px;
font-weight: 900;
color: black;
}
@media (min-width: 1280px) {
.home-profesionals__title {
font-size: 42px;
line-height: 1.3;
margin-bottom: 50px;
}
}
.home-profesionals__box {
display: none;
}
.home-profesionals__box.is-active {
display: block;
}
.home-profesionals__tabs {
white-space: nowrap;
overflow-x: hidden;
}
.home-profesionals__tabs .swiper-slide {
width: auto;
}
.home-profesionals__tab {
font-size: 21px;
line-height: 1.3;
font-weight: 900;
color: #B0B0B0;
cursor: pointer;
display: inline-block;
transition: all 0.2s;
}
.home-profesionals__tab.is-active, .home-profesionals__tab:hover {
color: black;
}
@media (min-width: 1280px) {
.home-profesionals__tab {
font-size: 24px;
}
}
.home-profesionals__items {
margin-top: 32px;
margin-bottom: 12px;
}
.home-profesionals__item {
font-size: 16px;
line-height: 1.5;
padding: 24px;
border-left: 2px solid #E2E2E2;
}
@media (min-width: 992px) {
.home-profesionals__row {
flex-wrap: nowrap;
}
}
@media (min-width: 992px) {
.home-profesionals__col-6 {
min-width: 50vw;
padding-right: 0;
}
.home-profesionals__col-6 img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (min-width: 1920px) {
.home-profesionals__col-6 {
min-width: 960px;
}
}
.home-profesionals .btn-arrow span {
display: flex;
align-items: center;
}
.home-profesionals__btns {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
margin-bottom: 32px;
}
@media (min-width: 992px) {
.home-profesionals__btns {
flex-direction: row;
align-items: center;
margin-bottom: 0;
}
}
.home-profesionals__btns .btn-arrow {
margin-top: 24px;
margin-right: 24px;
}
.home-profesionals__btns .btn-arrow--white {
border: 1px solid #f18500;
color: #f18500;
}
.home-profesionals__btns .btn-arrow--white svg path {
fill: #f18500;
}
.home-profesionals__btns .btn-arrow--white:hover {
background-color: #be6900;
border: 1px solid #be6900;
color: white;
}
.home-profesionals__btns .btn-arrow--white:hover svg path {
fill: white;
}
.home-profesionals .btn-arrow--black {
background-color: black;
color: white;
border: 1px solid black;
position: absolute;
bottom: 0;
left: 32px;
}
@media (min-width: 992px) {
.home-profesionals .btn-arrow--black {
bottom: unset;
top: 0;
left: 0;
}
}
.home-profesionals .btn-arrow--black:hover {
background-color: #333333;
border: 1px solid #333333;
}
.flexible-hero .p-home-slider__item {
height: auto;
max-height: 100%;
}
@media (min-width: 768px) {
.flexible-hero .proud-sh .wpcf7-acceptance label {
color: white;
}
}
.flexible-compare .product-card {
border: 1px solid #eee;
border-radius: 8px;
padding: 20px;
margin-bottom: 20px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.3s;
}
.flexible-compare .product-card:hover {
transform: translateY(-5px);
}
.flexible-compare .product-img {
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
border-radius: 5px;
margin-bottom: 15px;
}
.flexible-compare .product-title {
font-weight: 600;
font-size: 1.5rem;
margin-bottom: 15px;
text-align: center;
}
.flexible-compare .features-list {
padding-left: 20px;
}
.flexible-compare .features-list li {
margin-bottom: 8px;
}
@media (min-width: 1600px) {
.p-quality-px-xxl {
padding-right: 64px;
padding-left: 64px;
}
}
.archive-news-top-image {
position: relative;
min-height: 200px;
}
@media (min-width: 1280px) {
.archive-news-top-image {
min-height: 256px;
}
}
@media (min-width: 1280px) {
.archive-news-top-image {
min-height: 320px;
}
}
.archive-news-top-image__label {
font-size: 14px;
line-height: 16px;
z-index: 2;
position: absolute;
top: 16px;
left: 0;
padding: 6px 6px 6px 12px;
text-transform: uppercase;
font-weight: 500;
color: #fff;
background-color: #f18500;
pointer-events: none;
}
.archive-news-top-image__label:lang(en) {
font-size: 14px;
line-height: 17px;
}
.archive-news-top-image__label::after {
width: 50%;
height: 100%;
content: "";
z-index: -1;
position: absolute;
top: 0;
right: -12px;
background-color: #f18500;
transform: skew(-32deg);
}
.single-news-header {
height: 320px;
}
@media (min-width: 992px) {
.single-news-header {
height: 420px;
}
}
@media (min-width: 1280px) {
.single-news-header {
height: 600px;
}
}
@media (min-width: 1600px) {
.single-news-header {
height: 720px;
}
}
.single-news-flexible h1,
.single-news-flexible h2,
.single-news-flexible h3,
.single-news-flexible h4,
.single-news-flexible h5,
.single-news-flexible h6 {
margin-top: 16px;
margin-bottom: 16px;
font-weight: 900;
text-transform: uppercase;
}
@media (min-width: 768px) {
.single-news-flexible h1,
.single-news-flexible h2,
.single-news-flexible h3,
.single-news-flexible h4,
.single-news-flexible h5,
.single-news-flexible h6 {
margin-top: 24px;
margin-bottom: 24px;
}
}
.single-news-flexible h1,
.single-news-flexible .h1 {
font-size: 32px;
line-height: 34px;
}
.single-news-flexible h1:lang(en),
.single-news-flexible .h1:lang(en) {
font-size: 32px;
line-height: 30px;
}
@media (min-width: 768px) {
.single-news-flexible h1,
.single-news-flexible .h1 {
font-size: 48px;
line-height: 50px;
}
.single-news-flexible h1:lang(en),
.single-news-flexible .h1:lang(en) {
font-size: 48px;
line-height: 42px;
}
}
.single-news-flexible h2,
.single-news-flexible .h2 {
font-size: 24px;
line-height: 26px;
}
.single-news-flexible h2:lang(en),
.single-news-flexible .h2:lang(en) {
font-size: 24px;
line-height: 22px;
}
@media (min-width: 768px) {
.single-news-flexible h2,
.single-news-flexible .h2 {
font-size: 32px;
line-height: 34px;
}
.single-news-flexible h2:lang(en),
.single-news-flexible .h2:lang(en) {
font-size: 32px;
line-height: 30px;
}
}
.single-news-flexible h3,
.single-news-flexible .h3 {
font-size: 20px;
line-height: 22px;
}
.single-news-flexible h3:lang(en),
.single-news-flexible .h3:lang(en) {
font-size: 20px;
line-height: 20px;
}
@media (min-width: 768px) {
.single-news-flexible h3,
.single-news-flexible .h3 {
font-size: 24px;
line-height: 26px;
}
.single-news-flexible h3:lang(en),
.single-news-flexible .h3:lang(en) {
font-size: 24px;
line-height: 22px;
}
}
.single-news-flexible h4,
.single-news-flexible .h4 {
font-size: 18px;
line-height: 22px;
}
.single-news-flexible h4:lang(en),
.single-news-flexible .h4:lang(en) {
font-size: 18px;
line-height: 22px;
}
@media (min-width: 768px) {
.single-news-flexible h4,
.single-news-flexible .h4 {
font-size: 20px;
line-height: 22px;
}
.single-news-flexible h4:lang(en),
.single-news-flexible .h4:lang(en) {
font-size: 20px;
line-height: 20px;
}
}
.single-news-flexible h5,
.single-news-flexible .h5 {
font-size: 16px;
line-height: 18px;
}
.single-news-flexible h5:lang(en),
.single-news-flexible .h5:lang(en) {
font-size: 16px;
line-height: 14px;
}
@media (min-width: 768px) {
.single-news-flexible h5,
.single-news-flexible .h5 {
font-size: 18px;
line-height: 22px;
}
.single-news-flexible h5:lang(en),
.single-news-flexible .h5:lang(en) {
font-size: 18px;
line-height: 22px;
}
}
.single-news-date {
font-size: 16px;
color: #333;
font-weight: 700;
}
.single-news-date span {
font-weight: 400;
}
.news-expert-footer__panel {
position: relative;
padding: 32px 24px;
overflow: hidden;
background: linear-gradient(115deg, rgba(241, 133, 0, 0.14) 0%, rgba(0, 0, 0, 0.94) 36%, #0b0b0b 100%);
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
@media (min-width: 768px) {
.news-expert-footer__panel {
padding: 40px 48px;
border-left: 8px solid #f18500;
}
}
.news-expert-footer__panel::before, .news-expert-footer__panel::after {
content: "";
position: absolute;
pointer-events: none;
background: linear-gradient(135deg, rgba(241, 133, 0, 0.28), rgba(241, 133, 0, 0));
opacity: 0.35;
}
.news-expert-footer__panel::before {
top: -40px;
right: -48px;
width: 220px;
height: 220px;
transform: rotate(8deg);
}
.news-expert-footer__panel::after {
bottom: -96px;
left: -48px;
width: 180px;
height: 180px;
transform: rotate(-6deg);
}
.news-expert-footer__eyebrow {
display: inline-flex;
align-items: center;
padding-left: 16px;
color: #f18500;
letter-spacing: 0.08em;
font-size: 14px;
line-height: 16px;
position: relative;
}
.news-expert-footer__eyebrow:lang(en) {
font-size: 14px;
line-height: 17px;
}
.news-expert-footer__eyebrow::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 24px;
background: #f18500;
transform: translateY(-50%);
}
.news-expert-footer__body {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
margin-top: 20px;
}
@media (min-width: 768px) {
.news-expert-footer__body {
flex-direction: row;
align-items: center;
gap: 32px;
}
}
.news-expert-footer__content {
position: relative;
z-index: 1;
text-align: left;
}
@media (max-width: 767.98px) {
.news-expert-footer__content {
width: 100%;
text-align: center;
}
}
.news-expert-footer__name {
font-size: 32px;
line-height: 34px;
display: inline-flex;
align-items: center;
color: #fff;
font-weight: 900;
letter-spacing: 0.01em;
transition: color 0.2s ease, border-color 0.2s ease;
border-bottom: 2px solid transparent;
}
.news-expert-footer__name:lang(en) {
font-size: 32px;
line-height: 30px;
}
.news-expert-footer__name:hover {
color: #f18500;
border-color: #f18500;
}
.news-expert-footer__role {
font-size: 18px;
line-height: 22px;
margin-top: 8px;
color: rgba(255, 255, 255, 0.72);
}
.news-expert-footer__role:lang(en) {
font-size: 18px;
line-height: 22px;
}
@media (min-width: 768px) {
.news-expert-footer__role {
margin-top: 12px;
}
}
.news-expert-footer__avatar {
position: relative;
z-index: 1;
width: 132px;
height: 132px;
flex-shrink: 0;
padding: 6px;
border: 2px solid rgba(241, 133, 0, 0.5);
background: rgba(255, 255, 255, 0.04);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
@media (min-width: 768px) {
.news-expert-footer__avatar {
width: 160px;
height: 160px;
margin-left: auto;
}
}
.news-expert-footer__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
background: rgba(255, 255, 255, 0.08);
}
.news-expert-footer--alt .news-expert-footer__panel {
display: flex;
flex-direction: column;
background: #fff;
color: #000;
border: none;
border-top: none;
box-shadow: none;
padding: 28px;
}
.news-expert-footer--alt .news-expert-footer__panel::before, .news-expert-footer--alt .news-expert-footer__panel::after {
display: none;
}
@media (min-width: 768px) {
.news-expert-footer--alt .news-expert-footer__panel {
padding: 36px 42px;
}
}
.news-expert-footer--alt .news-expert-footer__body {
flex-direction: row;
align-items: center;
gap: 28px;
margin-top: 0;
}
@media (max-width: 767.98px) {
.news-expert-footer--alt .news-expert-footer__body {
flex-direction: column;
align-items: flex-start;
text-align: left;
}
}
.news-expert-footer--alt .news-expert-footer__avatar {
width: 130px;
height: 130px;
margin-left: 0;
border: none;
background: #fff;
box-shadow: none;
}
@media (min-width: 768px) {
.news-expert-footer--alt .news-expert-footer__avatar {
width: 150px;
height: 150px;
}
}
.news-expert-footer--alt .news-expert-footer__content {
display: flex;
flex-direction: column;
gap: 8px;
}
.news-expert-footer--alt .news-expert-footer__badge {
display: inline-flex;
align-items: center;
gap: 8px;
align-self: flex-start;
padding: 10px 14px;
border-radius: 0;
background: rgba(241, 133, 0, 0.08);
border: none;
color: #000;
font-weight: 900;
letter-spacing: 0.02em;
text-transform: uppercase;
font-size: 12px;
line-height: 14px;
}
.news-expert-footer--alt .news-expert-footer__badge:lang(en) {
font-size: 12px;
line-height: 14px;
}
@media (max-width: 767.98px) {
.news-expert-footer--alt .news-expert-footer__badge {
align-self: center;
}
}
.news-expert-footer--alt .news-expert-footer__badge::before {
content: "✓";
display: inline-flex;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
border-radius: 0;
background: #d87700;
color: #fff;
font-size: 12px;
}
.news-expert-footer--alt .news-expert-footer__name {
color: #000;
border: none;
}
.news-expert-footer--alt .news-expert-footer__name:hover {
color: #f18500;
}
.news-expert-footer--alt .news-expert-footer__name--alt {
font-size: 28px;
line-height: 30px;
}
.news-expert-footer--alt .news-expert-footer__name--alt:lang(en) {
font-size: 28px;
line-height: 30px;
}
.news-expert-footer--alt .news-expert-footer__role {
color: rgba(0, 0, 0, 0.8);
}
.news-expert-footer--alt .news-expert-footer__cta-link {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 6px;
color: #f18500;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.01em;
font-size: 16px;
line-height: 18px;
border-bottom: none;
transition: color 0.2s ease;
}
.news-expert-footer--alt .news-expert-footer__cta-link:lang(en) {
font-size: 16px;
line-height: 14px;
}
.news-expert-footer--alt .news-expert-footer__cta-link:hover {
color: #c86e00;
}
.p-search-description,
.p-search-description p {
display: inline;
}
.p-bs-icon-box__icon {
display: flex;
align-items: center;
justify-content: center;
width: 96px;
height: 96px;
border-radius: 50%;
background-color: #f18500;
}
.p-bs-icon-box__icon img {
max-width: 56px;
max-height: 56px;
}
.p-bs-timeline-section {
background: #f0f0f0 center/cover no-repeat;
}
.p-bs-timeline__container {
padding-right: 16px;
padding-left: 16px;
max-width: 1024px;
margin: 0 auto;
}
.p-bs-timeline__item {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
min-height: 128px;
max-width: 560px;
padding: 12px;
border: 4px solid #f18500;
margin-bottom: 32px;
}
.p-bs-timeline__item:nth-of-type(even) {
margin-left: auto;
}
@media (min-width: 1280px) {
.p-bs-timeline__item {
justify-content: center;
padding: 12px 50px;
}
}
.p-bs-timeline__title {
font-size: 24px;
line-height: 26px;
text-transform: uppercase;
font-weight: 900;
}
.p-bs-timeline__title:lang(en) {
font-size: 24px;
line-height: 22px;
}
.p-bs-timeline__number {
width: 88px;
height: 88px;
background-color: #f1f1f1;
color: #f18500;
font-weight: 900;
}
@media (min-width: 1280px) {
.p-bs-timeline__number {
transform: translate3d(-50%, -50%, 0);
position: absolute;
top: 50%;
left: 0;
}
.p-bs-timeline__item:nth-of-type(even) .p-bs-timeline__number {
transform: translate3d(50%, -50%, 0);
left: auto;
right: 0;
}
}
.p-bs-timeline__number::before {
content: "";
}
@media (min-width: 1280px) {
.p-bs-timeline__number::before {
width: 50vw;
height: 2px;
position: absolute;
top: 50%;
right: 100%;
border-bottom: 4px dashed #f18500;
}
.p-bs-timeline__item:nth-of-type(even) .p-bs-timeline__number::before {
left: 100%;
right: auto;
}
}
.p-bs-timeline__number span {
font-size: 18px;
line-height: 22px;
display: block;
text-align: center;
text-transform: uppercase;
}
.p-bs-timeline__number span:lang(en) {
font-size: 18px;
line-height: 22px;
}
.p-bs-timeline__number span:first-of-type {
font-size: 60px;
line-height: 1;
}
.p-bs-extra-title-box {
background-color: rgba(241, 133, 0, 0.8);
}
@media (min-width: 992px) {
.p-renovation__contact {
background: #f9f9f9 !important;
}
}
@media (min-width: 992px) {
.p-renovation__form {
border-left: 1px solid #dee2ee;
}
}
.p-renovation__icon {
width: 48px;
height: 48px;
}
.p-renovation__icon svg {
width: 48px;
height: 48px;
}
.p-renovation__icon--primary svg {
fill: #f18500;
}
#p-anniversary-canvas {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 0;
}
.p-anniversary {
background-color: #000;
}
.p-anniversary-index {
position: relative;
z-index: 1;
}
.p-anniversary-brand {
position: relative;
min-height: 606px;
}
.p-anniversary-brand__bg {
display: none;
}
@media (min-width: 1280px) {
.p-anniversary-brand__bg {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.p-anniversary-brand__bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.p-anniversary-brand__line {
width: 32px;
height: 4px;
margin-right: 6px;
margin-left: 6px;
display: inline-block;
background-color: #fff;
vertical-align: middle;
}
.p-anniversary-history {
position: relative;
}
@media (min-width: 1280px) {
.p-anniversary-history {
min-height: 800px;
}
}
.p-anniversary-history__title {
font-size: 60px;
}
@media (min-width: 1280px) {
.p-anniversary-history__title {
font-size: 80px;
}
}
.p-anniversary-history__bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: 0;
}
.p-anniversary-history__bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.p-anniversary .navbar {
background-color: #000;
}
.p-anniversary .navbar .navbar-nav__link {
color: #fff;
}
.p-anniversary .navbar .navbar-langs__btn {
color: #fff;
}
.p-anniversary .thumb-img-title__title {
background-color: #f18500 !important;
color: #fff !important;
}
.p-anniversary .testimonial-slide p {
color: #fff !important;
}
.p-anniversary .testimonial-slide svg path {
fill: #f4f4f5 !important;
}
.p-anniversary .last-news-title {
color: #fff;
}
.p-anniversary .article-thumb-title,
.p-anniversary .article-thumb-description {
color: #fff;
}
@media (min-width: 992px) {
.p-anniversary-section-quiz {
background-image: url("../images/anniversary/quiz/quiz_grafika.png");
background-repeat: no-repeat;
background-position: bottom 50px right 0;
}
}
@media (min-width: 1600px) {
.p-anniversary-section-quiz {
background-position: bottom 50px right 350px;
background-size: 100%;
}
}
@media (max-width: 991.98px) {
.p-anniversary-section-quiz {
background-image: none !important;
}
}
.p-anniversary-section-quiz .form-checkbox input {
left: 12px;
top: 15px;
}
.p-anniversary-section-quiz .form-checkbox label {
padding-left: 32px;
}
.p-anniversary-section-quiz .form-checkbox label::after {
width: 14px;
height: 14px;
content: "";
position: absolute;
top: 1px;
left: 5px;
background-color: #fff;
}
.p-anniversary-section-quiz .form-checkbox label::before {
width: 24px;
height: 24px;
top: -4px;
background-color: #fff;
}
.form-checkbox input:checked ~ label::after {
background-color: #f18500;
}
.form-checkbox input:checked ~ label::before {
background-color: #fff;
}
.accessibility .form-checkbox input:focus ~ label::before {
outline: 2px solid #000;
}
.p-anniversary-gallery__frame {
height: 250px;
}
@media (min-width: 768px) {
.p-anniversary-gallery__frame {
background-image: url("../images/anniversary/frame_gallery.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
}
.p-anniversary-gallery__image {
z-index: -1;
}
@media (min-width: 768px) {
.p-anniversary-gallery__image {
width: 224px;
height: 175px;
position: absolute;
top: 13px;
left: 40px;
}
}
@media (min-width: 992px) {
.p-anniversary-gallery__image {
width: 156px;
height: 122px;
position: absolute;
top: 47px;
left: 8px;
}
}
@media (min-width: 1280px) {
.p-anniversary-gallery__image {
width: 223px;
height: 173px;
top: 14px;
left: 12px;
}
}
.p-anniversary-gallery .gallery__control svg {
fill: #fff;
}
.p-anniversary-quiz {
background-color: #f18500;
min-height: 100vh;
margin-top: -80px;
}
@media (min-width: 1280px) {
.p-anniversary-quiz {
margin-top: -100px;
}
}
.p-anniversary-quiz__header {
padding: 16px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
height: 80px;
}
@media (min-width: 576px) {
.p-anniversary-quiz__header {
padding: 20px 0;
height: 100px;
}
}
.p-anniversary-quiz__logo {
display: block;
width: 120px;
}
@media (min-width: 576px) {
.p-anniversary-quiz__logo {
width: 160px;
}
}
.p-anniversary-quiz__logo svg {
width: 50px;
}
@media (min-width: 576px) {
.p-anniversary-quiz__logo svg {
width: 50px;
}
}
.p-anniversary-quiz__arrow {
width: 16px;
height: 16px;
transform: rotate(270deg);
}
.p-anniversary-quiz__arrow svg {
width: 16px;
height: 16px;
}
.p-anniversary-quiz__content {
min-height: calc(100vh - 80px);
z-index: 1;
}
@media (min-width: 576px) {
.p-anniversary-quiz__content {
min-height: calc(100vh - 100px);
height: 100%;
}
}
@media (min-width: 992px) {
.p-anniversary-quiz__content::before {
background-image: url("../images/anniversary/quiz/quiz_step.png");
background-repeat: no-repeat;
background-position: bottom;
background-size: contain;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
z-index: -1;
}
}
.p-anniversary-quiz__progress {
width: 100%;
height: 8px;
position: relative;
background-color: #fff;
border-radius: 12px;
}
.p-anniversary-quiz__progress--active {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
}
.p-anniversary-quiz__check {
flex-shrink: 0;
width: 20%;
text-align: right;
}
.p-anniversary-quiz__choice {
position: relative;
width: 100%;
background-color: #d1d1d1;
padding: 20px 20px 20px 68px;
}
.p-anniversary-quiz__choice::before {
width: 24px;
height: 24px;
position: absolute;
top: calc(50% - 12px);
left: 20px;
content: "";
background-color: #fff;
}
.p-anniversary-quiz__choice.active {
background-color: #000;
color: #f18500;
}
.p-anniversary-quiz__choice.active::after {
width: 18px;
height: 18px;
position: absolute;
top: calc(50% - 6px);
left: 24px;
content: url("data:image/svg+xml;charset=UTF-8, ");
background-color: #fff;
}
.p-anniversary-quiz__choice.correct {
background-color: #85DB5E;
color: #000;
}
.p-anniversary-quiz__choice.incorrect {
background-color: #FF5047;
color: #000;
}
.p-anniversary-quiz__loader {
position: absolute;
top: calc(50% - 20px);
right: -46px;
border: 8px solid #000;
border-radius: 50%;
border-top: 8px solid #f18500;
width: 40px;
height: 40px;
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.template-proud-roofer .navbar-nav__link {
font-size: 15px;
}
.template-proud-roofer .p-proud-roofer .header {
position: relative;
overflow: hidden;
}
@media (min-width: 768px) {
.template-proud-roofer .p-proud-roofer .header {
color: #fff;
padding-top: 0;
}
}
.template-proud-roofer .p-proud-roofer .header__container {
padding-right: 16px;
padding-left: 16px;
max-width: calc(1280px + 32px);
margin: 0 auto;
}
.template-proud-roofer .p-proud-roofer .header__image {
position: relative;
height: calc(140px + 10vw);
}
.template-proud-roofer .p-proud-roofer .header__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 576px) {
.template-proud-roofer .p-proud-roofer .header__image {
height: calc(180px + 15vw);
}
}
.template-proud-roofer .p-proud-roofer .header__item {
height: 100%;
}
@media (max-width: 767.98px) {
.template-proud-roofer .p-proud-roofer .header__item {
background-image: none !important;
}
}
@media (min-width: 768px) {
.template-proud-roofer .p-proud-roofer .header__item {
background: center/cover no-repeat;
position: relative;
height: 100vh;
min-height: 420px;
max-height: 640px;
}
}
.template-proud-roofer .p-proud-roofer .header__item > .container {
z-index: 2;
position: relative;
}
.template-proud-roofer .p-proud-roofer .header__title {
color: #f18500;
font-size: 32px;
line-height: 34px;
}
@media (min-width: 768px) {
.template-proud-roofer .p-proud-roofer .header__title {
font-size: 48px;
line-height: 42px;
color: #ff7700;
text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);
}
}
@media (min-width: 1280px) {
.template-proud-roofer .p-proud-roofer .header__title {
font-size: 64px;
line-height: 58px;
}
}
@media (min-width: 768px) {
.template-proud-roofer .p-proud-roofer .header__title > span {
font-size: 36px;
}
}
@media (min-width: 1280px) {
.template-proud-roofer .p-proud-roofer .header__title > span {
font-size: 54px;
}
}
.template-proud-roofer .p-proud-roofer .header__description {
font-size: 32px;
}
@media (min-width: 768px) {
.template-proud-roofer .p-proud-roofer .header__description {
margin-top: -16px;
font-size: 54px;
line-height: 50px;
color: transparent;
-webkit-text-stroke: 2px #fff;
text-shadow: 3px 5px 2px rgba(0, 0, 0, 0.04);
position: relative;
z-index: 1;
}
}
@media (min-width: 1280px) {
.template-proud-roofer .p-proud-roofer .header__description {
margin-top: -29px;
font-size: 106px;
line-height: 100px;
}
}
.template-proud-roofer .p-proud-roofer .header__btn .btn {
background-color: #ff7700;
display: inline-flex;
align-items: center;
justify-content: center;
}
.template-proud-roofer .p-proud-roofer .header__btn .btn svg {
width: 24px;
height: 24px;
fill: #fff;
border-radius: 3px;
margin-left: 12px;
pointer-events: none;
}
@media (min-width: 768px) {
.template-proud-roofer .p-proud-roofer .header__btn {
position: absolute;
bottom: 96px;
left: 0;
right: 0;
z-index: 2;
}
}
.template-proud-roofer .p-proud-roofer .header-pagination {
display: flex;
justify-content: center;
}
@media (min-width: 768px) {
.template-proud-roofer .p-proud-roofer .header-pagination {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
}
.template-proud-roofer .p-proud-roofer .header-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
margin: 6px;
border-radius: 50%;
}
@media (min-width: 768px) {
.template-proud-roofer .p-proud-roofer .header-pagination .swiper-pagination-bullet {
width: 16px;
height: 16px;
background-color: rgba(255, 255, 255, 0.7);
border: none;
}
}
.template-proud-roofer .p-proud-roofer .header-pagination .swiper-pagination-bullet:hover {
cursor: pointer;
}
.template-proud-roofer .p-proud-roofer .header-pagination .swiper-pagination-bullet-active {
background-color: #f18500;
}
@media (min-width: 768px) {
.template-proud-roofer .p-proud-roofer .header__content-bottomLeft {
position: absolute;
left: 16px;
bottom: 112px;
}
}
@media (min-width: 1280px) {
.template-proud-roofer .p-proud-roofer .header__content-bottomLeft {
bottom: 82px;
}
}
@media (min-width: 768px) {
.template-proud-roofer .p-proud-roofer .header__content-topLeft {
position: absolute;
left: 16px;
top: 76px;
}
}
.template-proud-roofer .p-proud-roofer .container__wide {
padding-right: 16px;
padding-left: 16px;
max-width: calc(1366px + 32px);
margin: 0 auto;
}
.template-proud-roofer .p-proud-roofer .write-about {
box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.16);
}
.template-proud-roofer .p-proud-roofer .write-about__logo {
display: flex;
align-items: center;
justify-content: center;
}
.template-proud-roofer .p-proud-roofer .write-about__logo img {
height: 40px;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 992px) {
.template-proud-roofer .p-proud-roofer .values__items {
height: 520px;
}
}
@media (min-width: 1280px) {
.template-proud-roofer .p-proud-roofer .values__items {
height: 585px;
}
}
@media (max-width: 991.98px) {
.template-proud-roofer .p-proud-roofer .values__item {
display: none;
}
}
@media (min-width: 992px) {
.template-proud-roofer .p-proud-roofer .values__item {
opacity: 0;
position: absolute;
left: 0;
top: 0;
transition: all 0.3s ease-in-out;
}
}
.template-proud-roofer .p-proud-roofer .values__item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 991.98px) {
.template-proud-roofer .p-proud-roofer .values__item.is-active {
display: block;
}
}
@media (min-width: 992px) {
.template-proud-roofer .p-proud-roofer .values__item.is-active {
opacity: 1;
}
}
.template-proud-roofer .p-proud-roofer .values__btn {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
transition: all 0.3s ease-in-out;
font-weight: 500;
}
.template-proud-roofer .p-proud-roofer .values__btn.is-active {
font-weight: 900;
background-color: #f18500;
}
@media (min-width: 992px) {
.template-proud-roofer .p-proud-roofer .values__content {
position: absolute;
top: 0;
left: 0;
}
}
.template-proud-roofer .p-proud-roofer .values .interview-btn {
z-index: 1;
position: absolute;
bottom: 32px;
}
@media (max-width: 991.98px) {
.template-proud-roofer .p-proud-roofer .values .interview-btn {
top: 0;
left: 0;
bottom: unset;
}
}
@media (min-width: 992px) {
.template-proud-roofer .p-proud-roofer .values__description {
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
width: 50%;
}
}
.template-proud-roofer .p-proud-roofer .values__quote div {
height: 32px;
width: 16px;
background-color: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
transform: skewX(-25deg);
}
.template-proud-roofer .p-proud-roofer .mission {
min-height: 470px;
background-repeat: no-repeat;
background-size: cover;
}
@media (min-width: 992px) {
.template-proud-roofer .p-proud-roofer .mission {
display: flex;
align-items: center;
}
}
@media (min-width: 768px) {
.template-proud-roofer .p-proud-roofer .mission__content {
width: 60%;
}
}
.template-proud-roofer .p-proud-roofer .mission__icon {
width: 190px;
height: 115px;
position: absolute;
bottom: 32px;
right: 32px;
}
@media (min-width: 768px) {
.template-proud-roofer .p-proud-roofer .mission__icon {
right: 64px;
}
}
.template-proud-roofer .p-proud-roofer .mission__icon svg {
width: 190px;
height: 115px;
}
.template-proud-roofer .proud-banner {
position: relative;
}
.template-proud-roofer .proud-banner img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.template-proud-roofer .proud-banner a {
position: absolute;
left: 50%;
bottom: 10%;
transform: translateX(-50%);
}
@media (min-width: 992px) {
.template-proud-roofer .proud-banner a {
bottom: 30%;
}
}
.p-ce-documentation {
margin-top: -80px;
min-height: 100vh;
background: radial-gradient(circle, #fff 0%, #e6e6e6 50%);
}
@media (min-width: 1280px) {
.p-ce-documentation {
margin-top: -100px;
}
}
.p-ce-documentation--background {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media (min-width: 992px) {
.p-ce-documentation--background {
background-position: right;
}
}
.p-ce-documentation__brand {
position: absolute;
top: 0;
height: 125px;
}
@media (min-width: 1280px) {
.p-ce-documentation__brand {
height: 135px;
}
}
.p-ce-documentation__brand svg {
max-width: 100%;
width: auto !important;
height: 60px;
}
@media (min-width: 1280px) {
.p-ce-documentation__brand svg {
height: 70px;
}
}
.p-ce-documentation__content {
margin-top: 150px;
margin-bottom: 32px;
}
.p-ce-documentation__list {
-moz-column-count: 2;
column-count: 2;
}
@media (min-width: 576px) {
.p-ce-documentation__list {
width: 70%;
}
}
.p-ce-documentation__item:hover .p-ce-documentation__arrow {
transform: translateX(8px);
}
.p-ce-documentation__flag {
width: 30px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.p-ce-documentation__arrow {
width: 20px;
height: 12px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
}
.p-ce-documentation__arrow svg {
width: 20px;
height: 12px;
}
.p-roofers-v2 .offer-box {
min-height: 120px;
text-align: center;
}
@media (min-width: 576px) {
.p-roofers-v2 .offer-box {
text-align: left;
min-height: 276px;
}
}
@media (max-width: 575.98px) {
.p-roofers-v2 .offer-box {
display: flex;
flex-direction: column;
justify-content: center;
}
}
.p-roofers-v2 .benefits {
font-size: 14px;
}
@media (min-width: 576px) {
.p-roofers-v2 .benefits {
font-size: 16px;
}
}
@media (min-width: 992px) {
.p-roofers-v2 .benefits__nav {
-moz-column-count: 2;
column-count: 2;
}
}
@media (min-width: 576px) {
.p-roofers-v2 .benefits__wrapper {
max-width: 460px;
margin: 0 auto;
}
}
@media (min-width: 992px) {
.p-roofers-v2 .benefits__wrapper {
max-width: 680px;
}
}
.p-roofers-v2 .benefits__icon {
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
}
.p-roofers-v2 .benefits__icon svg {
width: 16px;
height: 16px;
fill: #f18500;
}
.p-roofers-v2 .nav {
zoom: 85%;
}
.proud-mission-relatice {
position: relative;
}
.proud-mission-title {
position: relative;
font-size: 143px;
line-height: 1;
text-align: center;
font-weight: bold;
color: white;
text-shadow: -1px -1px 0 #f18500, 1px -1px 0 #f18500, -1px 1px 0 #f18500, 1px 1px 0 #f18500;
}
@media (max-width: 1279px) {
.proud-mission-title {
font-size: 100px;
}
}
.proud-mission-title-abs {
font-size: 86px;
color: black;
text-shadow: none;
font-weight: bold;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 1279px) {
.proud-mission-title-abs {
font-size: 50px;
}
}
@supports (text-stroke: 2px #f18500) or (-webkit-text-stroke: 2px #f18500) {
.proud-mission-title {
color: transparent;
-webkit-text-stroke: 2px #f18500;
text-stroke: 2px #f18500;
text-shadow: none;
}
}
.p-proud-new h2.text-lg-48 {
line-height: 1.1;
}
.p-proud-new h3 {
line-height: 1.1;
margin-bottom: 22px;
}
.p-proud-new p {
font-size: 18px;
line-height: 1.2;
}
.p-proud-new .p-home-slider h3 {
color: white;
}
.p-proud-new .p-home-slider__item {
min-height: 620px;
}
.p-proud-new textarea.form-control {
min-height: unset;
height: 89px;
}
.proud-abs {
position: absolute;
left: 16px;
bottom: 12px;
width: calc(100% - 32px);
background-color: #000;
text-align: center;
color: #fff;
padding: 13px 20px 15px;
}
.proud-trends-name {
font-weight: bold;
text-transform: uppercase;
margin-bottom: 8px;
}
.p-proud-hero-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.mw-650 {
max-width: 650px;
}
.mw-560 {
max-width: 560px;
margin-left: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.proud-file {
max-width: 400px;
}
.proud-file label {
font-size: 29px;
font-weight: 900;
display: flex;
align-items: center;
cursor: pointer;
color: white;
}
.proud-file label div {
padding-right: 16px;
}
.proud-file label span {
font-size: 16px;
}
.proud-file .wpcf7-form-control-wrap {
display: none;
}
.mw-400 {
max-width: 400px;
}
.btn-proud, .btn-proud.btn:lang(en) {
min-width: unset;
max-width: 145px;
width: 145px;
font-size: 22px;
padding: 10px;
height: 50px;
}
h2.proud-hero-title {
font-size: 58px;
font-weight: bold;
line-height: 1.1;
color: white;
}
h3.proud-hero-title {
font-weight: bold;
margin-bottom: 12px;
line-height: 1.1;
font-size: 37px;
color: white;
}
.p-proud-new .wpcf7-acceptance span.wpcf7-list-item-label:not(.open) {
display: -webkit-box !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.p-proud-new .toggle-arrow {
width: 24px;
height: 25px;
position: absolute;
right: 0;
top: -4px;
background-image: url("../images/arrow2.svg");
z-index: 9999;
background-color: #000;
cursor: pointer;
}
.p-proud-new .toggle-arrow.down {
transform: rotate(180deg);
}
@media (min-width: 768px) {
.p-proud-new .swiper-slide {
height: auto;
}
.p-proud-new .p-home-slider__item {
min-height: unset;
max-height: unset;
height: 100%;
}
}
@media (max-width: 767px) {
.mw-650 {
max-width: 100%;
}
.mw-560 {
max-width: 100%;
}
label svg {
width: 50px;
height: 50px;
}
.wpcf7-acceptance label {
color: white;
text-align: left;
}
}
.template-proud-roofer-quiz {
padding-top: 0;
}
.template-proud-roofer-quiz .navbar {
background: transparent;
box-shadow: none;
}
.template-proud-roofer-quiz .navbar-toggler, .template-proud-roofer-quiz .py-48.bg-cover, .template-proud-roofer-quiz .bg-secondary.text-white.text-14 {
display: none;
}
.proud-banner {
padding: 140px 0 120px;
background-size: cover;
background-repeat: no-repeat;
min-height: 100vh;
}
.proud-banner__step {
color: #fff;
font-size: 18px;
font-weight: 700;
margin-bottom: 30px;
}
.proud-section-start {
margin-top: 60px;
}
@media (min-width: 992px) {
.proud-section-start {
margin-top: 0;
}
}
.proud-section-start__desc {
color: #fff;
font-size: 36px;
line-height: 1.08;
font-weight: bold;
}
@media (min-width: 992px) {
.proud-section-start__desc {
padding-top: 80px;
}
}
@media (min-width: 1280px) {
.proud-section-start__desc {
padding-top: 110px;
}
}
.proud-section-start__desc p {
margin-bottom: 40px;
}
.proud-section-start__desc p:last-child {
margin-bottom: 80px;
}
.proud-section-start__btn {
width: 100%;
text-align: center;
}
@media (min-width: 992px) {
.proud-section-start__btn {
text-align: right;
}
}
.proud-section-start__btn .btn {
cursor: pointer;
}
@media (min-width: 992px) {
.proud-section-quiz {
padding-top: 30px;
}
}
@media (min-width: 1280px) {
.proud-section-quiz {
padding-top: 59px;
}
}
.proud-section-quiz__title {
font-size: 36px;
line-height: 1.08;
margin-bottom: 20px;
font-weight: 700;
}
.proud-section-quiz__question {
font-size: 24px;
line-height: 1.08;
margin-bottom: 30px;
color: #fff;
}
.proud-section-quiz__btn {
width: 100%;
text-align: center;
}
@media (min-width: 992px) {
.proud-section-quiz__btn {
text-align: right;
}
}
@media (min-width: 992px) {
.proud-section-quiz__btn {
margin-bottom: 122px;
}
}
.proud-section-quiz__btn .btn {
cursor: pointer;
}
.proud-section-quiz__answer {
font-size: 18px;
margin-bottom: 5px;
padding-left: 16px;
position: relative;
color: #fff;
font-weight: 500;
cursor: pointer;
}
.proud-section-quiz__answer::before {
content: "";
width: 11px;
height: 11px;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border: 2px solid #f18500;
}
.proud-section-quiz__answer.selected::before {
background: #f18500;
}
.proud-section-quiz__validation {
font-size: 18px;
font-weight: 500;
color: #ff3535;
margin: 10px 0;
}
.proud-section-quiz__validation.hidden {
visibility: hidden;
}
@media (min-width: 992px) {
.proud-section-fb {
padding-top: 30px;
}
}
@media (min-width: 1280px) {
.proud-section-fb {
padding-top: 59px;
}
}
.proud-section-fb__title {
font-weight: 700;
color: #f18500;
font-size: 36px;
line-height: 1.08;
margin-bottom: 30px;
}
.proud-section-fb__title span {
white-space: nowrap;
}
.proud-section-fb__btn {
width: 100%;
text-align: center;
}
@media (min-width: 992px) {
.proud-section-fb__btn {
text-align: right;
}
}
@media (min-width: 992px) {
.proud-section-fb__btn {
margin-bottom: 122px;
}
}
.proud-section-fb__btn .btn {
cursor: pointer;
}
@media (min-width: 992px) {
.proud-section-thank-you {
padding-top: 80px;
}
}
@media (min-width: 1280px) {
.proud-section-thank-you {
padding-top: 110px;
}
}
.proud-section-thank-you__title {
font-size: 36px;
color: #f18500;
line-height: 1.08;
font-weight: 700;
margin-bottom: 39px;
}
.proud-section-thank-you__desc {
font-size: 32px;
color: #fff;
line-height: 1.08;
font-weight: 700;
}
.proud-section-thank-you__desc p {
margin-bottom: 30px;
}
.proud-section-thank-you__btn {
width: 100%;
text-align: center;
}
@media (min-width: 992px) {
.proud-section-thank-you__btn {
text-align: right;
}
}
@media (min-width: 992px) {
.proud-section-thank-you__btn {
margin-bottom: 122px;
}
}
.proud-section-thank-you__btn .btn {
cursor: pointer;
}
@media (min-width: 992px) {
.proud-section-form {
padding-top: 30px;
}
}
@media (min-width: 1280px) {
.proud-section-form {
padding-top: 59px;
}
}
.proud-section-form .form-control-md--large {
height: 40px;
border: none;
background: #f4f4f4;
}
.proud-section-form .form-checkbox label::before {
border: 2px solid white;
}
.proud-section-form__title {
font-size: 36px;
line-height: 1.08;
font-weight: 700;
color: #f18500;
margin-bottom: 20px;
}
.proud-section-form .adress {
font-size: 18px;
color: #f18500;
font-weight: 700;
margin-bottom: 20px;
margin-top: 20px;
}
.proud-section-form__btn {
width: 100%;
text-align: center;
}
@media (min-width: 992px) {
.proud-section-form__btn {
text-align: right;
}
}
@media (min-width: 992px) {
.proud-section-form__btn {
margin-bottom: 122px;
}
}
.proud-section-form__btn .btn {
cursor: pointer;
}
.proud-section-form .wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::before, .proud-section-form .wpcf7 .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label::before, .proud-section-form .wpcf7 .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label::before {
border: 2px solid #fff;
background-color: transparent;
}
.proud-section-form .hidden {
display: none;
}
.proud-section-form .shown {
display: block;
}
.proud-section-form .arrow-down {
width: 10px;
height: 6px;
background-image: url("../images/anniversary/quiz/v.png");
background-repeat: no-repeat;
background-size: cover;
position: absolute;
right: 40px;
bottom: 0;
}
.proud-section-form .arrow-up {
display: none;
}
.proud-section-form .wpcf7-list-item-label {
position: relative;
}
.clean-air-hero {
position: relative;
}
.clean-air-hero img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.clean-air-hero__inner {
padding: 92px 0;
position: relative;
}
.clean-air-hero__bg {
position: relative;
padding: 32px;
background-color: black;
display: inline-block;
z-index: 1;
}
@media (min-width: 1280px) {
.clean-air-hero__bg {
padding-left: 0;
}
}
.clean-air-hero__bg::before {
content: "";
width: calc(100vw - 600px);
position: absolute;
left: calc(-100vw + 600px);
top: 0;
height: 100%;
background-color: black;
z-index: -1;
}
.clean-air-hero__title {
position: relative;
width: 100%;
max-width: 568px;
font-size: 42px;
font-weight: 900;
color: white;
text-shadow: 0px 0px 99px rgba(0, 0, 0, 0.66);
line-height: 40px;
margin-bottom: 18px;
text-transform: uppercase;
}
@media (min-width: 992px) {
.clean-air-hero__title {
font-size: 56px;
line-height: 54px;
}
}
.clean-air-hero__description {
font-size: 18px;
font-weight: 900;
line-height: 140%;
letter-spacing: -0.42px;
text-transform: uppercase;
margin-bottom: 24px;
color: white;
width: 100%;
max-width: 600px;
}
@media (min-width: 992px) {
.clean-air-hero__description {
font-size: 21px;
}
}
.clean-air-support .pr-34 {
padding-right: 34px;
}
.clean-air-support .pr-68 {
padding-right: 68px;
}
.clean-air-support__inner {
padding: 87px 0;
}
.clean-air-support__title {
font-size: 48px;
font-weight: 900;
line-height: 42px;
letter-spacing: -2px;
text-transform: uppercase;
margin-bottom: 24px;
}
.clean-air-support__description {
font-size: 20px;
font-weight: 400;
}
.clean-air-support__description span {
font-weight: 700;
}
.clean-air-table {
background-repeat: no-repeat;
background-size: cover;
}
.clean-air-table s .clean-air-table__inner {
position: relative;
}
.clean-air-table .air-inner {
padding: 67px 0;
position: relative;
}
.clean-air-table .air-inner::before {
content: "";
width: 100%;
height: 239px;
background-color: white;
position: absolute;
bottom: 0;
left: 0;
}
.clean-air-table__tabs {
position: sticky;
top: 80px;
z-index: 9999;
}
@media (min-width: 1280px) {
.clean-air-table__tabs {
top: 100px;
}
}
.clean-air-table__tab {
color: white;
padding: 10px 21px;
font-size: 18px;
font-weight: 900;
line-height: 120%;
text-transform: uppercase;
}
.clean-air-table__col-1 {
padding: 27px 21px;
color: #838383;
font-size: 14px;
font-weight: 900;
line-height: 18px;
text-transform: uppercase;
background-color: #F0F0F0;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.clean-air-table__col-1.col-light {
background-color: #F5F5F5;
}
.clean-air-table__col-2 {
padding: 27px 21px;
font-size: 13px;
font-weight: 400;
line-height: 16px;
background-color: #F0F0F0;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.clean-air-table__col-2.col-light {
background: rgba(255, 255, 255, 0.95);
}
.clean-air-products {
padding-bottom: 69px;
}
.clean-air-products__title {
font-size: 28px;
font-weight: 900;
line-height: 32px;
letter-spacing: -0.56px;
text-transform: uppercase;
margin-bottom: 50px;
text-align: center;
}
.clean-air-products .btn .link-arrow {
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 120%;
}
.template-clean-air .try-dakea-widget.active {
display: none;
}
@media (min-width: 992px) {
.sustai__hero {
background-position: right bottom;
background-size: 50%/contain;
background-repeat: no-repeat;
}
}
@media (min-width: 992px) {
.sustai__hero-desc {
max-width: 596px;
}
}
.sustai__hero-icon {
margin-bottom: 32px;
}
@media (min-width: 992px) {
.sustai__hero-icon {
margin-bottom: 120px;
}
}
@media (min-width: 1280px) {
.sustai__hero-icon {
margin-bottom: 174px;
}
}
.sustai__frame-border {
padding: 26px 50px;
border: 4px solid #f18500;
}
@media (min-width: 992px) {
.sustai__frame-text {
max-width: 435px;
}
}
@media (min-width: 992px) {
.sustai__frame-logo {
max-width: calc(100% - 435px);
}
}
.sustai__strategy-wrap {
width: calc(100% + 25px);
margin-right: -25px;
}
.sustai__strategy-icon {
padding-left: 30px;
margin-bottom: 22px;
}
.sustai__strategy-single {
width: 100%;
margin-right: 25px;
margin-bottom: 32px;
}
@media (min-width: 992px) {
.sustai__strategy-single {
width: calc((100% / 3) - 25px);
margin-bottom: 0;
}
}
.sustai__strategy-single .cms li {
padding-left: 30px;
}
.sustai__strategy-single .cms li::before {
width: 18px;
height: 18px;
}
.sustai__strategy-single .cms p {
padding-left: 30px;
}
.sustai__strategy .btn {
min-width: unset;
padding-left: 46px;
padding-right: 46px;
}
.nsn-hero {
background-color: #f18500;
}
@media (min-width: 992px) {
.nsn-hero {
max-height: 100vh;
}
}
.nsn-hero img {
position: static;
}
@media (min-width: 992px) {
.nsn-hero img {
max-height: calc(100vh - 154px);
}
}
.nsn-hero .clean-air-hero__inner {
padding: 0;
}
.nsn-hero .clean-air-hero__bg {
padding: 32px;
}
@media (min-width: 992px) {
.nsn-hero .clean-air-hero__bg {
padding: 32px 78px;
}
}
.nsn-hero .clean-air-hero__bg::before {
display: none;
}
.nsn-hero__bg .clean-air-hero__title {
max-width: 810px;
text-transform: unset;
}
.nsn-icons__icon {
width: 50px;
height: 50px;
}
.nsn-icons__icon img {
width: 100%;
height: auto;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
.nsn-icons__heading {
max-width: 1000px;
margin: auto;
font-weight: 600;
}
@media (min-width: 992px) {
.nsn-icons__description {
padding: 0 80px;
line-height: 1.15 !important;
}
}
.nsn-ns .form-newsletter__row {
flex-direction: column;
justify-content: center;
align-items: center;
}
.nsn-ns .form-newsletter .form-control {
border-color: #f18500;
}
.nsn-ns .wpcf7-acceptance label {
color: black;
}
.nsn-ns .wpcf7-radio {
flex-wrap: wrap;
}
.nsn-ns .wpcf7-radio .wpcf7-list-item {
margin-top: 8px;
}
@media (min-width: 1280px) {
.nsn-ns .wpcf7-radio .wpcf7-list-item {
margin-top: 0;
}
}
.nsn-gallery__row {
justify-content: space-evenly;
}
.page-template-template-on-the-house, .page-template-template-oth-register {
padding-top: 0;
}
.oth__spacer {
height: 900px;
}
.oth__spacer--small {
min-height: 579px;
height: 70vh;
}
.oth-header {
width: 100%;
}
.oth-header__inner {
padding: 10px 0;
}
@media (min-width: 992px) {
.oth-header__inner {
padding: 20px 0;
}
}
@media (min-width: 992px) {
.oth-header .container {
border-top: 1px solid #C4C4C6;
border-bottom: 1px solid #C4C4C6;
}
}
@media (min-width: 992px) {
.oth-header__row {
padding-top: 15px;
padding-bottom: 15px;
}
}
.oth-header__row span {
font-size: 14px;
padding-bottom: 12px;
}
.oth-header__link {
font-size: 18px;
font-weight: bold;
}
.oth-header img {
height: 58px;
width: auto;
-o-object-fit: contain;
object-fit: contain;
}
.oth-header span {
font-size: 14px;
padding-bottom: 12px;
}
.oth-footer img {
height: 58px;
width: auto;
-o-object-fit: contain;
object-fit: contain;
}
.oth-footer svg {
max-width: 100%;
}
.oth-hero {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 900px;
background-size: cover;
background-position: right center;
z-index: -1;
}
.oth-hero--register {
min-height: 579px;
height: 70vh;
background-position: center;
}
.oth-hero__content {
padding: 190px 0 71px;
}
.oth-hero__heading {
font-size: 26px;
font-weight: 700;
color: white;
line-height: 1.26;
text-transform: uppercase;
letter-spacing: -1px;
margin-bottom: 12px;
}
@media (min-width: 992px) {
.oth-hero__heading {
font-size: 38px;
margin-bottom: 0;
}
}
.oth-hero__description {
font-size: 20px;
line-height: 1.16;
color: white;
text-transform: uppercase;
letter-spacing: -1px;
margin-bottom: 12px;
}
@media (min-width: 992px) {
.oth-hero__description {
font-size: 29px;
margin-bottom: 18px;
}
}
.oth-hero__heading2 {
font-size: 24px;
line-height: 1.3;
margin-bottom: 12px;
text-transform: uppercase;
color: #fff;
}
@media (min-width: 992px) {
.oth-hero__heading2 {
font-size: 28px;
}
}
.oth-hero svg {
max-width: 100%;
}
.oth-hero__icon {
max-width: 122px;
height: auto;
}
@media (min-width: 992px) {
.oth-hero__icon {
max-width: 220px;
}
}
.oth-icons {
background-color: #FF8733;
-webkit-clip-path: polygon(50vw 50px, 56vw 0, 100vw 0, 100% 100%, 0 100%, 0 0, 44vw 0);
clip-path: polygon(50vw 50px, 56vw 0, 100vw 0, 100% 100%, 0 100%, 0 0, 44vw 0);
margin-top: -220px;
}
@media (min-width: 992px) {
.oth-icons {
-webkit-clip-path: polygon(73% 0, 77% 5%, 81% 0, 100% 0, 100% 100%, 50% 100%, 0 100%, 0% 70%, 0% 35%, 0 0);
clip-path: polygon(73% 0, 77% 5%, 81% 0, 100% 0, 100% 100%, 50% 100%, 0 100%, 0% 70%, 0% 35%, 0 0);
}
}
@media (min-width: 1280px) {
.oth-icons {
-webkit-clip-path: polygon(73% 0, 77% 17%, 81% 0, 100% 0, 100% 100%, 50% 100%, 0 100%, 0% 70%, 0% 35%, 0 0);
clip-path: polygon(73% 0, 77% 17%, 81% 0, 100% 0, 100% 100%, 50% 100%, 0 100%, 0% 70%, 0% 35%, 0 0);
}
.oth-icons--sm {
-webkit-clip-path: polygon(75% 0, 77% 7%, 79% 0, 100% 0, 100% 100%, 50% 100%, 0 100%, 0% 70%, 0% 35%, 0 0);
clip-path: polygon(75% 0, 77% 7%, 79% 0, 100% 0, 100% 100%, 50% 100%, 0 100%, 0% 70%, 0% 35%, 0 0);
}
}
.oth-icons__inner {
padding: 80px 0 50px;
}
@media (min-width: 992px) {
.oth-icons__inner {
padding: 50px 0;
}
}
.oth-icons__title {
font-size: 26px;
line-height: 31px;
color: #fff;
margin-bottom: 12px;
font-weight: bold;
}
@media (min-width: 992px) {
.oth-icons__title {
font-size: 51px;
line-height: 65px;
margin-bottom: 15px;
max-width: 900px;
}
}
.oth-icons svg {
margin-bottom: 15px;
max-width: 100%;
}
.oth-icons__description {
font-size: 20px;
margin-bottom: 70px;
text-transform: uppercase;
color: #fff;
}
@media (min-width: 992px) {
.oth-icons__description {
font-size: 24px;
text-transform: none;
}
}
.oth-icons__single {
margin-bottom: 32px;
position: relative;
cursor: pointer;
}
@media (min-width: 1280px) {
.oth-icons__single {
margin-bottom: 0;
}
}
@media (min-width: 1280px) {
.oth-icons__single.active::before {
content: "";
position: absolute;
bottom: 0;
width: 60px;
height: 60px;
background-color: white;
transform: rotate(45deg);
top: 120%;
}
}
.oth-icons__single svg {
height: 64px;
margin-bottom: 32px;
}
@media (min-width: 992px) {
.oth-icons__single svg {
height: 86px;
}
}
.oth-icons__name {
font-size: 16px;
font-weight: bold;
line-height: 22px;
text-align: center;
max-width: 120px;
}
@media (min-width: 992px) {
.oth-icons__name {
font-size: 18px;
line-height: 1.3;
}
}
.oth-banner__inner {
padding: 72px 0;
}
.oth-banner img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: left center;
object-position: left center;
}
@media (min-width: 992px) {
.oth-banner__content {
padding: 32px 48px;
}
}
@media (min-width: 992px) {
.oth-banner__row {
background-color: black;
}
}
.oth-banner__title {
font-size: 26px;
line-height: 1.3;
color: #FF8733;
font-weight: bold;
margin-bottom: 24px;
text-align: center;
}
.oth-banner__title span {
color: #000;
}
@media (min-width: 992px) {
.oth-banner__title {
font-size: 52px;
line-height: 68px;
margin-bottom: 0;
-moz-text-align-last: left;
text-align-last: left;
}
.oth-banner__title span {
color: #FF8733;
}
}
.oth-banner__description {
color: #000;
font-size: 18px;
line-height: 1.4;
text-align: center;
}
@media (min-width: 992px) {
.oth-banner__description {
color: #fff;
-moz-text-align-last: left;
text-align-last: left;
}
}
.oth-logo__inner {
padding: 126px 0;
}
@media (max-width: 1279.98px) {
.oth-logo__inner {
padding: 48px 0;
}
}
.oth-logo__title {
font-size: 19px;
font-weight: bold;
line-height: 1.3;
color: #000;
}
@media (min-width: 768px) {
.oth-logo__title {
font-size: 28px;
}
}
@media (min-width: 992px) {
.oth-logo__title {
font-size: 42px;
}
}
@media (min-width: 1280px) {
.oth-logo__title {
font-size: 62px;
}
}
.oth-media {
background-color: #FF8733;
overflow: hidden;
position: relative;
}
.oth-media::before {
content: "";
position: absolute;
top: -35px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
width: 70px;
height: 70px;
background-color: #fff;
}
@media (min-width: 992px) {
.oth-media::before {
left: 77%;
}
}
.oth-media__inner {
padding: 80px 0 60px;
}
@media (min-width: 992px) {
.oth-media__inner {
padding: 100px 0;
}
}
.oth-media__description {
font-size: 22px;
line-height: 1.26;
color: white;
margin-bottom: 32px;
}
@media (min-width: 992px) {
.oth-media__description {
font-size: 32px;
margin-bottom: 40px;
}
}
.oth-media__btn {
padding: 9px 21px;
font-size: 18px;
font-weight: bold;
color: #fff;
background-color: #000;
display: inline-block;
}
@media (min-width: 992px) {
.oth-media__btn {
font-size: 24px;
}
}
.oth-media__btn:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0.706);
}
.oth-standards {
background-color: #E2E2E3;
}
.oth-standards__inner {
padding: 60px 0;
}
@media (min-width: 992px) {
.oth-standards__inner {
padding: 68px 0;
}
}
.oth-standards__description {
margin-bottom: 40px;
font-size: 18px;
line-height: 1.3;
}
@media (min-width: 992px) {
.oth-standards__description {
font-style: 23px;
margin-bottom: 60px;
}
}
.oth-standards__wrapper {
padding: 16px 30px;
border-left: 4px solid #FF8733;
overflow-x: hidden;
}
@media (min-width: 992px) {
.oth-standards__wrapper {
padding: 20px 60px;
}
}
.oth-standards__item {
font-size: 20px;
line-height: 1.3;
color: #000;
margin-bottom: 18px;
position: relative;
}
@media (min-width: 992px) {
.oth-standards__item {
font-size: 23px;
margin-bottom: 20px;
}
}
.oth-standards__item::before {
content: "";
position: absolute;
width: 25px;
height: 25px;
background-color: #FF8733;
transform: rotate(45deg) translateY(-50%);
top: 10px;
left: -55px;
}
@media (min-width: 992px) {
.oth-standards__item::before {
top: 12px;
left: -85px;
}
}
.oth-standards__item:last-child {
margin-bottom: 0;
}
.oth-video__inner {
padding: 60px 0;
}
@media (min-width: 992px) {
.oth-video__inner {
padding: 100px 0 60px;
}
}
.oth-video__title {
font-size: 24px;
line-height: 1.3;
font-weight: bold;
margin-bottom: 28px;
text-align: center;
}
@media (min-width: 992px) {
.oth-video__title {
font-size: 32px;
margin-bottom: 40px;
}
}
@media (max-width: 991.98px) {
.oth-video .play-control {
aspect-ratio: 1;
}
.oth-video .play-control img {
aspect-ratio: 1;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: right center;
object-position: right center;
}
}
.oth-video__description {
font-size: 16px;
line-height: 1.3;
}
@media (min-width: 992px) {
.oth-video__description {
font-size: 19px;
}
}
.slider-oth .js-slider-oth {
border-top: 4px solid #FF8733;
overflow: hidden;
height: 100%;
padding-bottom: 20px;
width: 100vw;
margin: 0 -32px;
}
@media (min-width: 576px) {
.slider-oth .js-slider-oth {
width: 100%;
margin: 0;
}
}
@media (min-width: 992px) {
.slider-oth .js-slider-oth {
padding: 0 100px 20px 100px;
}
}
.slider-oth .js-slider-oth .swiper-slide {
position: relative;
padding-top: 120px;
}
.slider-oth .js-slider-oth .swiper-slide::after {
content: "";
position: absolute;
top: -60px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
width: 100px;
height: 100px;
background-color: #FF8733;
}
@media (min-width: 992px) {
.slider-oth .js-slider-oth .swiper-blur {
width: 360px;
height: 100%;
position: absolute;
top: 0;
z-index: 8;
}
.slider-oth .js-slider-oth .swiper-blur-left {
background: linear-gradient(275deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.4136248249) 40%, white 100%);
left: 122px;
}
.slider-oth .js-slider-oth .swiper-blur-right {
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.4136248249) 40%, white 100%);
right: 122px;
}
}
.slider-oth__image {
max-height: 112px;
display: flex;
justify-content: center;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.slider-oth__image {
max-height: 148px;
}
}
.slider-oth__image img {
max-width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.slider-oth__description {
font-size: 22px;
line-height: 1.3;
text-align: center;
padding: 0 32px;
}
@media (min-width: 576px) {
.slider-oth__description {
padding: 0;
}
}
@media (min-width: 992px) {
.slider-oth__description {
font-size: 32px;
}
}
.slider-oth .swiper-wrapper {
height: 100% !important;
}
.slider-oth__prev {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 1;
background-color: white;
height: auto;
z-index: 9;
}
.slider-oth__prev svg {
width: 40px;
}
@media (min-width: 992px) {
.slider-oth__prev {
height: 100%;
}
.slider-oth__prev svg {
width: auto;
}
}
.slider-oth__next {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 1;
background-color: white;
height: auto;
z-index: 9;
}
.slider-oth__next svg {
width: 40px;
}
@media (min-width: 992px) {
.slider-oth__next {
height: 100%;
}
.slider-oth__next svg {
width: auto;
}
}
.oth-content__heading {
font-size: 20px;
line-height: 1.3;
margin-bottom: 8px;
color: white;
font-weight: bold;
}
@media (min-width: 992px) {
.oth-content__heading {
max-width: 600px;
font-size: 32px;
}
}
.oth-content svg {
max-width: 100%;
margin-bottom: 12px;
}
.oth-content__subtitle {
font-size: 18px;
line-height: 1.3;
text-transform: uppercase;
margin-bottom: 24px;
color: white;
}
@media (min-width: 992px) {
.oth-content__subtitle {
font-size: 28px;
}
}
.oth-content__description {
font-size: 16px;
color: #fff;
line-height: 1.3;
}
.oth-content__bannertitle {
font-size: 22px;
color: #FF8733;
line-height: 1.3;
font-weight: bold;
}
@media (min-width: 992px) {
.oth-content__bannertitle {
font-size: 28px;
}
}
.oth-content__bannertitle span {
color: #fff;
}
.oth-content__bannerimg img {
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 992px) {
.oth-content__bannerimg img {
height: 105px;
width: 100%;
-o-object-position: top;
object-position: top;
}
}
.oth-content__banner {
width: 100%;
justify-content: center;
}
.othr-icons__icon {
width: calc(100% / 5);
}
.othr-icons__icon img {
height: 60px;
width: auto;
-o-object-fit: contain;
object-fit: contain;
margin-bottom: 24px;
}
.othr-icons__name {
font-size: 14px;
line-height: 1.3;
color: white;
}
@media (min-width: 992px) {
.othr-icons__name {
color: black;
}
}
.oth-files {
display: none;
}
.oth-files.active {
display: block;
}
.oth-files__inner {
padding: 60px 0;
}
.oth-files__wrapper {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
@media (min-width: 1280px) {
.oth-files__wrapper {
padding-bottom: 50px;
border-bottom: 1px solid #FF8733;
}
}
.oth-files__left {
width: 100%;
text-align: center;
margin-bottom: 24px;
}
@media (min-width: 1280px) {
.oth-files__left {
width: 250px;
margin-bottom: 0;
position: relative;
}
.oth-files__left::before {
content: "";
width: 40px;
height: 40px;
border: 1px solid #FF8733;
position: absolute;
bottom: -71px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
background-color: white;
border-top: unset;
border-left: unset;
}
}
.oth-files__left svg {
width: 120px;
height: auto;
max-width: 100%;
}
@media (min-width: 1280px) {
.oth-files__left svg {
height: 200px;
width: auto;
}
}
.oth-files__right {
width: 100%;
}
@media (min-width: 1280px) {
.oth-files__right {
width: calc(100% - 250px);
max-width: 500px;
margin-left: 32px;
}
}
.oth-files__name {
font-size: 32px;
color: #000;
line-height: 1.3;
margin-bottom: 18px;
font-weight: bold;
text-align: center;
}
@media (min-width: 1280px) {
.oth-files__name {
text-align: left;
}
}
.oth-files__description {
font-size: 18px;
line-height: 1.3;
text-align: center;
}
@media (min-width: 1280px) {
.oth-files__description {
text-align: left;
}
}
.oth-files__pdf {
aspect-ratio: 1;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
border: 1px solid black;
flex-direction: column;
}
.oth-files__pdf img {
width: 150px;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.oth-files__file {
width: 100%;
text-align: center;
font-size: 24px;
font-weight: bold;
margin-top: 12px;
}
.oth-files__button {
width: 100%;
display: flex;
justify-content: center;
margin-top: 12px;
}
@media (min-width: 1280px) {
.oth-files__button {
justify-content: flex-end;
}
}
.oth-files__button a {
padding: 9px 21px;
font-size: 24px;
text-align: center;
color: white;
font-weight: bold;
background-color: #000;
text-transform: uppercase;
transition: all 0.3s;
}
.oth-files__button a:hover {
background-color: #FF8733;
}
.oth-form {
background-color: #000;
padding: 24px;
}
@media (min-width: 992px) {
.oth-form {
padding: 32px 48px;
}
}
.oth-form__title {
font-size: 32px;
text-align: center;
color: #fff;
line-height: 1.3;
font-weight: bold;
}
@media (min-width: 1280px) {
.oth-form__title {
text-align: left;
}
}
.oth-form__title svg {
margin-bottom: 12px;
}
.oth-form .wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
color: #fff;
font-size: 12px;
}
.lngp-label {
color: white;
font-size: 14px;
display: flex;
flex-direction: column;
justify-content: center;
}
.ultima-row__h2 {
letter-spacing: -0.96px;
line-height: 1.08 !important;
}
.ultima-row__description {
margin-bottom: 30px;
}
.ultima-row__description p {
letter-spacing: -0.36px;
line-height: 1.22;
font-weight: 500;
}
.ultima-row__description p strong {
font-weight: 900;
}
@media (max-width: 767.98px) {
.ultima-row__description p br {
display: none;
}
}
.ultima-row__h3 {
font-size: 22px;
line-height: 1.28;
margin-bottom: 16px;
font-weight: 900;
letter-spacing: -0.44px;
text-align: center;
}
.ultima-row__url {
display: inline-block;
}
.ultima-row__url img {
display: block;
width: 32px;
height: 32px;
}
.ultima-row__img {
width: 650px;
max-width: 100%;
}
.ultima-row__abs {
position: absolute;
left: 74px;
top: 80px;
padding: 0 32px;
border-bottom: 1px solid white;
padding-bottom: 23px;
padding-top: 6px;
margin-top: -6px;
}
.ultima-row__abs.macos {
margin-top: 0;
padding-top: 0;
}
.ultima-row__abs::before {
content: "";
width: 15px;
height: 34px;
background: #f18500;
position: absolute;
left: 8px;
top: 11px;
transform: skew(-25deg);
}
.ultima-row2__date {
font-size: 22px;
line-height: 1.27;
letter-spacing: -0.22px;
margin-bottom: 24px;
background-color: black;
font-weight: 900;
color: white;
}
.ultima-row2__h3 {
font-size: 32px;
line-height: 1.06;
letter-spacing: -0.65px;
font-weight: 900;
text-align: center;
text-transform: uppercase;
}
.navbar__brands svg.svg-ultima {
width: 89px;
height: 54px;
}
body.page-template-template-we-do-our-thing {
padding: 0;
}
.our-thing-container {
width: 100%;
max-width: 1470px;
margin: 0px auto;
}
@media (min-width: 1280px) {
.our-thing-container {
padding: 0 75px;
margin: 55px auto;
}
}
@media (min-width: 768px) {
.spacer-54 {
padding: 27px 0;
}
}
.spacer-24 {
padding: 12px 0;
}
.our-thing-hero {
background-color: black;
min-height: 625px;
position: relative;
display: flex;
}
.our-thing-hero__bg {
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: top left;
}
.our-thing-hero__inner {
padding: 42px 32px 54px;
height: 100%;
}
@media (min-width: 1280px) {
.our-thing-hero__inner {
padding: 42px 136px 54px;
}
}
.our-thing-hero__wrapper {
position: relative;
height: 100%;
}
.our-thing-hero__content {
display: flex;
flex-wrap: wrap;
height: 100%;
}
.our-thing-hero__logo {
margin-bottom: 40px;
}
.our-thing-hero__image {
max-width: 400px;
width: 100%;
display: block;
margin: auto;
}
@media (min-width: 992px) {
.our-thing-hero__image {
max-width: calc(100% - 485px);
width: auto;
position: absolute;
right: 0;
bottom: 0;
margin: 0;
}
}
@media (min-width: 1280px) {
.our-thing-hero__image {
right: -55px;
}
}
.our-thing-hero__content {
position: relative;
z-index: 1;
}
.our-thing-hero__label {
display: flex;
align-items: center;
color: white;
font-size: 22px;
font-weight: 900;
width: 100%;
max-width: 282px;
border-bottom: 1px solid white;
margin-bottom: 10px;
padding-bottom: 14px;
}
.our-thing-hero__label svg {
margin-right: 3px;
}
.our-thing-hero__title {
font-size: 32px;
font-weight: 900;
color: white;
line-height: 1.1;
margin-bottom: 24px;
width: 100%;
align-self: center;
}
@media (min-width: 768px) {
.our-thing-hero__title {
font-size: 44px;
}
}
.our-thing-hero__description {
color: white;
font-size: 15px;
line-height: 1.25;
font-weight: 400;
max-width: 100%;
margin-bottom: 40px;
}
@media (min-width: 992px) {
.our-thing-hero__description {
max-width: 485px;
}
}
.our-thing-product {
position: relative;
}
@media (min-width: 768px) {
.our-thing-product {
padding: 32px 0;
}
}
.our-thing-product__item {
padding: 39px 0;
background-position: right center;
background-size: auto 100%;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.our-thing-product__item {
display: unset;
}
}
.our-thing-product__box {
padding: 0 32px 32px;
width: 100%;
max-width: 1060px;
background-color: white;
order: 0;
}
@media (min-width: 768px) {
.our-thing-product__box {
order: unset;
}
}
@media (min-width: 1280px) {
.our-thing-product__box {
padding: 58px 27px;
}
}
.our-thing-product__content {
width: 100%;
max-width: 921px;
margin-left: auto;
position: relative;
}
.our-thing-product .our-thing-next {
position: absolute;
right: 0;
top: 120px;
}
@media (min-width: 768px) {
.our-thing-product .our-thing-next {
bottom: 65px;
top: unset;
}
}
.our-thing-product__title {
font-size: 32px;
line-height: 1.05;
font-weight: 900;
color: black;
margin-bottom: 25px;
text-transform: uppercase;
}
.our-thing-product__icons {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 16px;
margin-bottom: 25px;
}
@media (min-width: 768px) {
.our-thing-product__icons {
grid-template-columns: repeat(3, 1fr);
gap: 44px;
}
}
.our-thing-product__icon {
display: flex;
align-items: center;
opacity: 0.2;
cursor: pointer;
}
.our-thing-product__icon img {
width: 24px;
height: 24px;
}
@media (min-width: 768px) {
.our-thing-product__icon img {
width: 50px;
height: 50px;
}
}
.our-thing-product__icon.active {
opacity: 1;
}
.our-thing-product__name {
margin-left: 12px;
color: #020A0A;
font-size: 14px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
}
@media (min-width: 768px) {
.our-thing-product__name {
margin-left: 17px;
font-size: 20px;
font-weight: 900;
}
}
.our-thing-product__description {
align-items: center;
max-width: 768px;
align-items: flex-start;
}
.our-thing-product__description img {
width: auto;
margin-right: 12px;
height: 40px;
}
@media (min-width: 768px) {
.our-thing-product__description img {
height: 85px;
margin-right: 25px;
}
}
.our-thing-product__description.active {
display: flex !important;
}
.our-thing-product__desc {
font-size: 14px;
line-height: 1.2;
color: black;
}
@media (min-width: 768px) {
.our-thing-product__desc {
font-size: 16px;
}
}
.our-thing-product__bg {
order: 1;
}
@media (min-width: 768px) {
.our-thing-product__bg {
position: absolute;
width: 100%;
height: 100%;
right: 0;
top: 0;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: right;
z-index: -1;
order: unset;
}
}
.our-thing-window {
position: relative;
}
.our-thing-window__bg {
display: none;
}
@media (min-width: 768px) {
.our-thing-window__bg {
position: absolute;
width: 100%;
max-width: 906px;
height: 100%;
max-height: 326px;
background-repeat: no-repeat;
background-size: 100% auto;
z-index: -1;
left: 0;
top: 0;
display: block;
}
}
.our-thing-window__box {
padding: 37px 32px 37px;
width: 100%;
max-width: 760px;
background-color: white;
}
@media (min-width: 1280px) {
.our-thing-window__box {
padding: 0 51px 37px;
}
}
@media (min-width: 768px) {
.our-thing-window__box {
margin-bottom: 30px;
}
}
.our-thing-window__title {
color: black;
font-size: 32px;
line-height: 1.05;
font-weight: 900;
margin-bottom: 22px;
text-transform: uppercase;
}
.our-thing-window__description {
font-size: 16px;
color: black;
font-weight: 400;
}
.our-thing-window__container {
max-width: calc(100% - 102px);
margin-left: auto;
margin-right: auto;
position: relative;
}
@media (max-width: 1280px) {
.our-thing-window__container {
max-width: 812px;
margin: 0 auto;
}
}
@media (max-width: 1024px) {
.our-thing-window__container {
max-width: 536px;
}
}
@media (max-width: 768px) {
.our-thing-window__container {
margin-bottom: 30px;
}
}
@media (max-width: 630px) {
.our-thing-window__container {
max-width: 260px;
}
}
.our-thing-window__container .js-slider-things-next {
position: absolute;
right: -35px;
top: 50%;
transform: translateY(-50%);
}
.our-thing-window__container .js-slider-things-prev {
position: absolute;
left: -35px;
top: 50%;
transform: translateY(-50%) rotate(180deg);
}
.our-thing-window__wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
overflow-x: hidden;
}
.our-thing-window__single {
width: 260px;
height: 160px;
background-color: #EFF0EF;
padding: 15px;
color: black;
font-size: 14px;
line-height: 1.2;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.our-thing-window__single img {
align-self: flex-end;
}
.our-thing-window__single:nth-child(1), .our-thing-window__single:nth-child(3), .our-thing-window__single:nth-child(7) {
background-color: #F18500;
color: white;
}
.our-thing-consulting {
background-color: #f18500;
}
.our-thing-consulting__inner {
padding: 84px 32px;
}
.our-thing-consulting__title {
max-width: 540px;
font-size: 32px;
line-height: 1.05;
font-weight: 900;
margin-bottom: 30px;
color: black;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.our-thing-consulting__description {
max-width: 732px;
font-size: 16px;
line-height: 1.2;
margin: 0 auto 30px;
text-align: center;
color: black;
}
.our-thing-consulting__subtitle {
text-align: center;
margin-bottom: 61px;
font-size: 20px;
line-height: 1.2;
font-weight: 900;
color: black;
}
.our-thing-consulting__wrapper {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
}
.our-thing-consulting__single {
width: 100%;
max-width: 185px;
margin: 6px 33px;
text-align: center;
}
.our-thing-consulting__single img {
height: 75px;
margin-bottom: 16px;
}
.our-thing-consulting__name {
font-size: 16px;
line-height: 1.2;
font-weight: 900;
margin-bottom: 9px;
text-transform: uppercase;
color: black;
}
.our-thing-consulting__desc {
font-size: 13px;
line-height: 1.2;
color: black;
}
.our-thing-ns {
background-color: #000000;
}
.our-thing-ns__inner {
padding: 75px 32px;
max-width: 772px;
margin: 0 auto;
}
.our-thing-ns__title {
color: white;
font-size: 32px;
line-height: 1.05;
font-weight: 900;
text-align: center;
max-width: 719px;
margin: 0 auto 24px;
}
.our-thing-ns__description {
max-width: 732px;
font-size: 16px;
line-height: 1.2;
color: white;
margin: 0 auto 51px;
text-align: center;
}
.our-thing-ns .form-newsletter__row {
flex-wrap: wrap;
}
.our-thing-ns .flex-childs-1 {
width: 100%;
}
.our-thing-ns .flex-childs-1 input {
padding: 12px 24px;
display: flex;
align-items: center;
font-size: 16px;
line-height: 1.2;
color: white;
background-color: black;
border: 2px solid #f18500;
height: 57px;
}
.our-thing-ns input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email.form-control::-moz-placeholder {
text-transform: uppercase;
color: white;
opacity: 1;
}
.our-thing-ns input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email.form-control:-ms-input-placeholder {
text-transform: uppercase;
color: white;
opacity: 1;
}
.our-thing-ns input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email.form-control::placeholder {
text-transform: uppercase;
color: white;
opacity: 1;
}
.our-thing-ns .ns-type {
color: white;
text-transform: uppercase;
font-weight: 900;
font-size: 15px;
line-height: 1.25;
margin-right: 20px;
margin-top: 12px;
margin-bottom: 12px;
}
@media (min-width: 1280px) {
.our-thing-ns .ns-type {
margin-top: 0;
margin-bottom: 0;
}
}
.our-thing-ns .wpcf7 .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label::before {
border-radius: 0;
}
.our-thing-ns .wpcf7 .wpcf7-radio .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label::before, .our-thing-ns .wpcf7 .wpcf7-acceptance .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label::before {
background-color: #f18500;
}
.our-thing-ns .wpcf7 .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label::before, .our-thing-ns .wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::before {
background-color: black;
border: 2px solid #f18500;
}
.our-thing-ns .wpcf7 .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label {
font-size: 15px;
line-height: 1.25;
color: white;
font-weight: 900;
margin-right: 20px;
}
.our-thing-ns .wpcf7 .wpcf7-not-valid-tip {
margin: 12px 0;
}
.our-thing-ns .wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
font-size: 13px;
line-height: 1.1;
color: white;
font-weight: 500;
height: 20px;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
}
.our-thing-ns .wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label a {
margin-left: 2px;
}
.our-thing-ns .wpcf7 .wpcf7-radio {
flex-wrap: wrap;
}
.our-thing-roofer {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.our-thing-roofer__wrapper {
display: flex;
justify-content: center;
}
@media (min-width: 768px) {
.our-thing-roofer__wrapper {
justify-content: flex-end;
margin-right: 55px;
margin-left: 0;
}
}
.our-thing-roofer__box {
padding: 45px 32px;
background-color: white;
}
@media (min-width: 768px) {
.our-thing-roofer__box {
max-width: 620px;
}
}
@media (min-width: 1280px) {
.our-thing-roofer__box {
padding: 45px;
}
}
.our-thing-roofer__title {
color: black;
font-size: 32px;
line-height: 1.05;
font-weight: 900;
text-align: left;
margin-bottom: 24px;
text-transform: uppercase;
}
@media (min-width: 768px) {
.our-thing-roofer__title {
font-size: 40px;
}
}
.our-thing-roofer__description {
font-size: 16px;
height: 1.2;
}
.our-thing-roofer__description strong {
font-weight: 900;
}
.our-thing-roofer__logotypes {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 32px;
}
.our-thing-roofer__logotypes img {
height: 60px;
}
.our-thing-roofer__logotypes img:first-child {
margin-right: 24px;
}
.our-thing-offer__wrapper {
display: flex;
}
@media (max-width: 991.98px) {
.our-thing-offer__wrapper {
flex-wrap: wrap;
}
}
.our-thing-offer__content {
background-color: #eff0ef;
padding: 48px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
flex: 2;
min-width: 585px;
}
@media (max-width: 991.98px) {
.our-thing-offer__content {
width: 100%;
min-width: unset;
flex: unset;
}
}
.our-thing-offer__content img {
margin-bottom: 24px;
}
.our-thing-offer__img {
flex: 3;
}
.our-thing-offer__img img {
height: 100%;
}
.our-thing-offer__img iframe {
aspect-ratio: 2/1;
width: 100%;
height: 100%;
}
@media (max-width: 991.98px) {
.our-thing-offer__img {
width: 100%;
flex: unset;
}
.our-thing-offer__img img {
width: 100%;
}
}
body.page-template-template-on-the-house-new, body.page-template-template-on-the-house-new-subpage {
padding-top: 0;
}
body.page-template-template-on-the-house-new h1, body.page-template-template-on-the-house-new h2, body.page-template-template-on-the-house-new .oth-new-topics__description, body.page-template-template-on-the-house-new-subpage h1, body.page-template-template-on-the-house-new-subpage h2, body.page-template-template-on-the-house-new-subpage .oth-new-topics__description {
line-height: 1.3 !important;
}
.oth-new__square {
margin-top: -89px;
height: 90px;
position: relative;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
.oth-new__square::before {
content: "";
position: absolute;
right: 0px;
width: 100%;
height: 90px;
background: linear-gradient(50deg, #f18500 50%, transparent 50%);
background-size: 96% 100%;
background-repeat: no-repeat;
}
@media (min-width: 992px) {
.oth-new__square::before {
background: linear-gradient(50deg, #fff 50%, transparent 50%);
background-size: 96% 100%;
}
}
.oth-new__square::after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 90px;
background: linear-gradient(130deg, transparent 50%, #f18500 50%);
background-size: 104% 100%;
background-position: left, right;
background-repeat: no-repeat;
}
@media (min-width: 992px) {
.oth-new__square::after {
background: linear-gradient(130deg, transparent 50%, #fff 50%);
background-size: 104% 100%;
}
}
.oth-new-mobile__square {
margin-top: -89px;
height: 90px;
position: relative;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
.oth-new-mobile__square::before {
content: "";
position: absolute;
right: 0px;
width: 100%;
height: 90px;
background: linear-gradient(50deg, white 50%, transparent 50%);
background-size: 96% 100%;
background-repeat: no-repeat;
}
@media (min-width: 992px) {
.oth-new-mobile__square::before {
background: linear-gradient(50deg, #f18500 50%, transparent 50%);
background-size: 96% 100%;
}
}
.oth-new-mobile__square::after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 90px;
background: linear-gradient(130deg, transparent 50%, white 50%);
background-size: 104% 100%;
background-position: left, right;
background-repeat: no-repeat;
}
@media (min-width: 992px) {
.oth-new-mobile__square::after {
background: linear-gradient(130deg, transparent 50%, #f18500 50%);
background-size: 104% 100%;
}
}
.oth-new-hero-mobile h2 br {
display: none;
}
.oth-new-hero {
background-repeat: no-repeat;
background-size: cover;
background-position: top left;
height: calc(100vh - 130px);
min-height: 430px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
max-width: 1920px;
margin: 0 auto;
}
.oth-new-hero.apla::before {
background: rgba(0, 0, 0, 0.5);
}
.oth-new-hero::after {
content: "";
height: 72px;
}
.oth-new-topics a {
white-space: nowrap;
}
.oth-new-topics__title {
max-width: 1000px;
margin: 0 auto;
}
.oth-new-topics__description {
max-width: 800px;
margin: 0 auto;
}
.oth-new-topics__wrapper {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 32px;
}
@media (min-width: 992px) {
.oth-new-topics__wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1280px) {
.oth-new-topics__wrapper {
grid-template-columns: repeat(3, 1fr);
}
}
.oth-new-topics__img {
height: 260px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
transition: all 0.3s;
}
.oth-new-topics__icon {
width: 40px;
height: 40px;
margin: -52px auto 24px;
display: block;
}
.oth-new-topics__content {
background-color: #f18500;
padding: 32px 24px;
transition: all 0.3s;
display: flex;
flex-direction: column;
}
@media (min-width: 992px) {
.oth-new-topics__content {
height: 220px;
}
}
.oth-new-topics__name {
font-size: 24px;
font-weight: 700;
margin-bottom: 12px;
color: white;
line-height: 1.2;
text-align: center;
}
.oth-new-topics__description-box {
font-size: 16px;
line-height: 1.2;
text-align: center;
color: white;
}
.oth-new-topics__btn {
display: flex;
justify-content: center;
transition: all 0.3s;
margin-top: 16px;
overflow: hidden;
}
@media (min-width: 992px) {
.oth-new-topics__btn {
margin-top: auto;
height: 0;
}
}
.oth-new-topics__link {
padding: 8px 40px;
background-color: black;
color: white;
text-align: center;
text-transform: uppercase;
font-size: 16px;
}
.oth-new-topics__link:hover {
color: white;
}
@media (min-width: 992px) {
.oth-new-topics__box-hover:hover .oth-new-topics__img {
height: 210px;
}
.oth-new-topics__box-hover:hover .oth-new-topics__content {
height: 270px;
}
.oth-new-topics__box-hover:hover .oth-new-topics__btn {
height: auto;
}
}
.oth-new-ns .col-lg-6 {
position: relative;
}
.oth-new-ns img {
width: 100%;
height: 400px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (min-width: 992px) {
.oth-new-ns img {
height: 100%;
position: absolute;
left: 16px;
top: 0;
width: calc(100% - 32px);
}
}
@media (min-width: 1280px) {
.oth-new-ns img {
width: calc(100% - 132px);
}
}
.oth-new-ns__subtitle {
max-width: 380px;
}
.oth-new-ns__btns {
display: flex;
flex-direction: column;
width: 100%;
max-width: 400px;
}
.oth-new-ns__btn {
padding: 18px 8px;
color: white;
background-color: black;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
cursor: pointer;
}
@media (min-width: 992px) {
.oth-new-ns__btn {
font-size: 20px;
padding: 20px 12px;
}
}
.oth-new-ns__btn:hover {
color: white;
}
.oth-new-ns .form-control-md--large {
height: 40px !important;
border: none;
}
.oth-new-ns .flex-fill {
flex: 1 !important;
}
.oth-new-ns button.btn {
height: 40px;
width: 100%;
padding: 0;
}
.oth-new-ns .wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::before, .oth-new-ns .wpcf7 .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label::before, .oth-new-ns .wpcf7 .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label::before {
border: none;
}
.oth-new-ns .wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label:lang(en), .oth-new-ns .wpcf7 .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label:lang(en), .oth-new-ns .wpcf7 .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label:lang(en) {
color: white;
}
.oth-new-review__stars {
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 992px) {
.oth-new-review__stars {
justify-content: flex-start;
}
}
.oth-new-review__stars img {
width: 50px;
height: 50px;
margin-right: 12px;
}
.oth-new-review__stars img:last-child {
margin-right: 0;
}
@media (min-width: 992px) {
.oth-new-review__title {
max-width: 560px;
}
}
.oth-new-review__image {
position: relative;
overflow: hidden;
}
.oth-new-review__image img {
aspect-ratio: 1;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 992px) {
.oth-new-review__image img {
aspect-ratio: unset;
}
}
.oth-new-review__shape {
margin-top: -89px;
height: 90px;
position: relative;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 992px) {
.oth-new-review__shape {
position: absolute;
left: -50%;
transform: rotate(90deg);
width: 100%;
height: 90px;
top: 50%;
margin-top: -45px;
margin-left: 45px;
}
}
.oth-new-review__shape::before {
content: "";
position: absolute;
right: 0px;
width: 100%;
height: 90px;
background: linear-gradient(50deg, white 50%, transparent 50%);
background-size: 96% 100%;
background-repeat: no-repeat;
}
@media (min-width: 992px) {
.oth-new-review__shape::before {
background: linear-gradient(50deg, #fff 50%, transparent 50%);
background-size: 96% 100%;
}
}
.oth-new-review__shape::after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 90px;
background: linear-gradient(130deg, transparent 50%, white 50%);
background-size: 104% 100%;
background-position: left, right;
background-repeat: no-repeat;
}
@media (min-width: 992px) {
.oth-new-review__shape::after {
background: linear-gradient(130deg, transparent 50%, #fff 50%);
background-size: 104% 100%;
}
}
.oth-page-files {
background-color: #f18500;
position: relative;
}
.oth-page-files .uppercase {
text-transform: uppercase;
}
.oth-page-files::after {
content: "";
width: 50%;
height: 100%;
background-color: #f0f0f0;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.oth-page-files__title {
border-bottom: 1px solid white;
position: relative;
}
.oth-page-files__title::before {
content: "";
position: absolute;
bottom: -12px;
left: 32px;
width: 24px;
height: 24px;
border-top: 1px solid white;
border-right: 1px solid white;
transform: rotate(135deg);
background-color: #f18500;
}
.oth-page-files__title img {
width: 50px;
height: 50px;
}
.oth-page-files__return svg {
width: 50px;
}
.oth-page-files__image {
position: relative;
}
.oth-page-files__image img {
width: 100%;
height: 200px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.oth-page-files__icon {
width: 100px;
height: 100px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 13px;
position: absolute;
right: 0;
font-size: 13px;
text-align: center;
}
.oth-page-files__icon svg {
width: 40px;
height: 40px;
}
.oth-page-files__icon-share {
background-color: white;
color: #f18500;
top: 0;
}
.oth-page-files__icon-share:hover {
color: #f18500;
}
.oth-page-files__icon-download {
color: white;
background-color: black;
top: 100px;
}
.oth-page-files__icon-download:hover {
color: white;
}
.oth-page-files__takeouts-title {
white-space: nowrap;
}
.oth-page-files__takeouts-items {
padding-left: 40px;
border-left: 1px solid white;
overflow-x: hidden;
}
.oth-page-files__takeouts-item {
position: relative;
padding: 16px 0;
}
.oth-page-files__takeouts-item::before {
content: "";
position: absolute;
left: -51px;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 20px;
height: 20px;
background-color: white;
}
.oth-page-files__wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 60px 40px;
}
@media (min-width: 1280px) {
.oth-page-files__wrapper {
grid-template-columns: repeat(3, 1fr);
}
}
.oth-page-files__single {
padding: 22px 12px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 32px;
max-width: 180px;
margin: 0 auto;
}
@media (min-width: 992px) {
.oth-page-files__single {
max-width: unset;
margin: unset;
}
}
.oth-page-files__single.is-active {
background-color: #fff;
}
.oth-page-files__single img {
width: 55px;
margin-bottom: 24px;
}
.oth-page-files__name {
font-weight: 700;
color: #f18500;
font-size: 18px;
text-align: center;
text-transform: uppercase;
line-height: 1.2;
min-height: 43px;
}
.oth-page-files__attr {
display: none;
}
.oth-page-files__attr.is-active {
display: block;
}
.oth-files-mobile__top {
position: relative;
}
.oth-files-mobile__top img {
width: 50px;
margin-bottom: 24px;
}
.oth-files-mobile__top-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.oth-files-mobile__top::before {
content: "";
background-color: #f0f0f0;
position: absolute;
display: block;
width: 64px;
height: 64px;
transform: rotate(45deg) translateX(-50%);
left: 50%;
bottom: -56px;
}
.oth-files-mobile-slider {
overflow-x: hidden;
position: relative;
}
.oth-files-mobile-slider .js-slider-oth-files-prev, .oth-files-mobile-slider .js-slider-oth-files-next {
position: absolute;
left: 0;
bottom: 150px;
width: 35px;
z-index: 9;
}
.oth-files-mobile-slider .js-slider-oth-files-prev svg, .oth-files-mobile-slider .js-slider-oth-files-next svg {
fill: #f18500;
}
.oth-files-mobile-slider .js-slider-oth-files-next {
left: unset;
right: 0;
}
@media (min-width: 768px) {
.container-wrapper--end-user {
padding-bottom: 95px;
}
}
.end-user > * {
letter-spacing: 0;
}
.end-user .btn-arrow svg {
pointer-events: none;
}
.end-user__wrap {
position: relative;
}
.end-user__hero {
background-repeat: no-repeat;
background-size: cover;
background-position: left center;
height: 375px;
display: flex;
}
@media (min-width: 768px) {
.end-user__hero {
height: 523px;
background-position: center;
}
}
.end-user__hero .container {
align-self: flex-end;
}
@media (min-width: 768px) {
.end-user__hero .container {
margin-bottom: -95px;
}
}
.end-user__hero-title {
width: 100%;
line-height: 1.1;
font-size: 32px;
}
@media (min-width: 768px) {
.end-user__hero-title {
display: inline-block;
width: auto;
font-size: 42px;
line-height: 1.3;
}
}
.end-user__nav {
position: sticky;
top: 90px;
background-color: white;
padding-top: 32px;
padding-bottom: 2px;
z-index: 99;
}
@media (min-width: 1280px) {
.end-user__nav {
top: 130px;
padding-top: 10px;
}
}
.end-user__nav-wrapper {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: nowrap;
overflow-x: auto;
}
.end-user__nav-item {
font-size: 16px;
line-height: 1.5;
padding-bottom: 12px;
margin-right: 39px;
white-space: nowrap;
}
.end-user__nav-item.active {
font-weight: 900;
border-bottom: 2px solid #f18500;
}
.end-user__nav-item:last-child {
margin-right: 0;
}
.end-user__quality {
padding: 42px 0;
}
@media (min-width: 768px) {
.end-user__quality {
padding: 70px 0;
}
}
.end-user__quality-title {
font-size: 32px;
line-height: 1.1;
}
@media (min-width: 768px) {
.end-user__quality-title {
font-size: 42px;
line-height: 1.3;
}
}
.end-user__quality-description {
font-size: 21px;
line-height: 1.3;
margin-bottom: 42px;
}
@media (min-width: 768px) {
.end-user__quality-description {
font-size: 24px;
max-width: 590px;
margin-bottom: 20px;
}
}
.end-user__quality-top {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.end-user__quality-top img {
width: 96px;
height: 96px;
display: block;
}
.end-user__quality-name {
font-size: 24px;
line-height: 1.3;
text-transform: uppercase;
font-weight: 900;
margin-left: 20px;
}
.end-user__quality-item-desc {
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
}
.end-user__quality .js-slider-navigation {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (min-width: 768px) {
.end-user__quality .js-slider-navigation {
justify-content: flex-start;
}
.end-user__quality .js-slider-navigation .js-slider-prev {
margin-right: 3px;
}
}
.end-user__quality .js-slider-navigation .js-button {
padding: 11px 16px;
background-color: #f18500;
display: flex;
align-items: center;
justify-content: center;
}
.end-user__quality .js-slider-navigation .js-button svg {
width: 15px;
height: 25px;
}
.end-user__quality .js-slider-pagination-es {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}
@media (min-width: 768px) {
.end-user__quality .js-slider-pagination-es {
justify-content: flex-start;
}
}
.end-user__quality .swiper-pagination-bullet {
width: 24px;
height: 0;
border: 2px solid #B0B0B0;
margin: 0 3.5px;
border-radius: 0;
}
@media (min-width: 768px) {
.end-user__quality .swiper-pagination-bullet {
margin-left: 0;
margin-right: 7px;
}
}
.end-user__quality .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 2px solid #f18500;
}
.end-user__quality .end-user__quality-slider {
margin-top: 20px;
}
@media (min-width: 768px) {
.end-user__quality .end-user__quality-slider {
margin-top: 74px;
}
}
.end-user__gnt {
padding: 0 0 64px;
}
@media (min-width: 768px) {
.end-user__gnt {
padding: 80px 0 144px;
}
}
.end-user__gnt-title {
font-size: 32px;
line-height: 1.1;
text-align: center;
}
@media (min-width: 768px) {
.end-user__gnt-title {
font-size: 42px;
line-height: 1.3;
}
}
.end-user__gnt-desc {
font-weight: 400;
font-size: 14px;
line-height: 1.5;
text-align: center;
}
@media (min-width: 768px) {
.end-user__gnt-desc {
font-size: 16px;
font-weight: 400;
max-width: 515px;
}
}
.end-user__gnt-box {
box-shadow: 0 35px 77px 0 rgba(0, 0, 0, 0.1);
padding: 32px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (min-width: 768px) {
.end-user__gnt-box {
box-shadow: -14px 14px 23px -6px rgba(66, 68, 90, 0.26);
padding: 42px 24px 53px;
}
}
.end-user__gnt-steps {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
@media (min-width: 992px) {
.end-user__gnt-steps {
flex-wrap: nowrap;
justify-content: center;
}
}
.end-user__gnt-step {
display: flex;
align-items: center;
padding: 8px 24px;
border: 1px dotted #D1D1D1;
color: #f18500;
font-size: 16px;
line-height: 1.5;
font-weight: 500;
width: 100%;
justify-content: flex-start;
margin-bottom: 24px;
}
.end-user__gnt-step:last-child {
margin-bottom: 0;
}
@media (min-width: 992px) {
.end-user__gnt-step {
width: auto;
margin-bottom: 0;
justify-content: center;
}
}
.end-user__gnt-step svg {
margin-right: 10px;
width: 24px;
height: 24px;
}
.end-user__order {
position: relative;
}
.end-user__order img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 768px) {
.end-user__order img {
min-height: 970px;
}
}
.end-user__order .container {
margin-top: -75px;
position: relative;
}
@media (min-width: 768px) {
.end-user__order .container {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
margin-top: 0;
}
}
.end-user__order-box {
padding: 24px;
background-color: white;
}
@media (min-width: 768px) {
.end-user__order-box {
padding: 42px;
max-width: 620px;
}
}
.end-user__order-title {
font-size: 32px;
line-height: 1.1;
font-weight: 900;
margin-bottom: 42px;
}
@media (min-width: 768px) {
.end-user__order-title {
font-size: 42px;
line-height: 1.3;
}
}
.end-user__order-desc {
margin-bottom: 42px;
}
.end-user__order-desc p {
font-size: 21px;
line-height: 1.3;
font-weight: 400px;
margin-bottom: 24px;
}
.end-user__order-desc p:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.end-user__order-desc p {
font-size: 24px;
}
}
.end-user__cr {
padding: 68px 0 0;
display: block;
}
@media (min-width: 768px) {
.end-user__cr {
padding: 96px 0 0;
}
}
.end-user__cr-box {
padding: 42px 24px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.end-user__cr-box.apla::before {
background: rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
.end-user__cr-box.apla::before {
background: rgba(0, 0, 0, 0.33);
}
}
@media (min-width: 768px) {
.end-user__cr-box {
padding: 88px 42px 80px;
background-position: left top -170px;
}
}
.end-user__cr-title {
font-size: 32px;
line-height: 1.1;
font-weight: 900;
margin-bottom: 24px;
color: white;
position: relative;
z-index: 9;
}
@media (min-width: 768px) {
.end-user__cr-title {
font-size: 42px;
line-height: 1.3;
}
}
.end-user__cr-desc {
position: relative;
z-index: 9;
color: white;
font-weight: 700;
font-size: 14px;
line-height: 1.5;
margin-bottom: 24px;
}
@media (min-width: 768px) {
.end-user__cr-desc {
font-size: 16px;
font-weight: 500;
max-width: 535px;
}
}
.end-user__cr .btn-arrow--primary {
position: relative;
z-index: 9;
background-color: white;
color: black;
}
@media (min-width: 768px) {
.end-user__reviews .reviews-home .swiper-slide {
padding-bottom: 156px;
}
}
.end-user__news-title {
font-size: 32px;
line-height: 1.1;
font-weight: 900;
margin-bottom: 24px;
text-align: center;
}
@media (min-width: 768px) {
.end-user__news-title {
font-size: 42px;
line-height: 1.3;
margin-bottom: 33px;
}
}
.end-user__news .play-control {
width: 100%;
}