/* * Bootstrap TouchSpin - v3.1.1 * A mobile and touch friendly input spinner component for Bootstrap 3. * http://www.virtuosoft.eu/code/bootstrap-touchspin/ * * Made by István Ujj-Mészáros * Under Apache License v2.0 License */ .bootstrap-touchspin .input-group-btn-vertical{position:relative;white-space:nowrap;width:1%;vertical-align:middle;display:table-cell}.bootstrap-touchspin .input-group-btn-vertical>.btn{display:block;float:none;width:100%;max-width:100%;padding:8px 10px;margin-left:-1px;position:relative}.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{border-radius:0;border-top-right-radius:4px}.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{margin-top:-2px;border-radius:0;border-bottom-right-radius:4px}.bootstrap-touchspin .input-group-btn-vertical i{position:absolute;top:3px;left:5px;font-size:9px;font-weight:400} :root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important} .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ .leaflet-tile::selection { background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg { max-width: none !important; max-height: none !important; } .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; width: auto; padding: 0; } .leaflet-container img.leaflet-tile { /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */ mix-blend-mode: plus-lighter; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } svg.leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline-offset: 1px; } .leaflet-container a { color: #0078A8; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); } /* general typography */ .leaflet-container { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-size: 0.75rem; line-height: 1.5; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; } .leaflet-bar a { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover, .leaflet-bar a:focus { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(../css/416d91365b44e4b4f477.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(../css/8f2c4d11474275fbc161.png); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; font-size: 13px; font-size: 1.08333em; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */ background-image: url(../css/2b3e1faf89f94a483539.png); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.8); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; line-height: 1.4; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus { text-decoration: underline; } .leaflet-attribution-flag { display: inline !important; vertical-align: baseline !important; width: 1em; height: 0.6669em; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; white-space: nowrap; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px #fff; } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 24px 13px 20px; line-height: 1.3; font-size: 13px; font-size: 1.08333em; min-height: 1px; } .leaflet-popup-content p { margin: 17px 0; margin: 1.3em 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-top: -1px; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; pointer-events: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; border: none; text-align: center; width: 24px; height: 24px; font: 16px/24px Tahoma, Verdana, sans-serif; color: #757575; text-decoration: none; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus { color: #585858; } .leaflet-popup-scrolled { overflow: auto; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); } .leaflet-tooltip.leaflet-interactive { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } /* Printing */ @media print { /* Prevent printers from removing background-images of controls. */ .leaflet-control { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow { -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in; -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in; -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in; transition: transform 0.3s ease-out, opacity 0.3s ease-in; } .leaflet-cluster-spider-leg { /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */ -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in; -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in; -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in; transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in; } .marker-cluster-small { background-color: rgba(181, 226, 140, 0.6); } .marker-cluster-small div { background-color: rgba(110, 204, 57, 0.6); } .marker-cluster-medium { background-color: rgba(241, 211, 87, 0.6); } .marker-cluster-medium div { background-color: rgba(240, 194, 12, 0.6); } .marker-cluster-large { background-color: rgba(253, 156, 115, 0.6); } .marker-cluster-large div { background-color: rgba(241, 128, 23, 0.6); } /* IE 6-8 fallback colors */ .leaflet-oldie .marker-cluster-small { background-color: rgb(181, 226, 140); } .leaflet-oldie .marker-cluster-small div { background-color: rgb(110, 204, 57); } .leaflet-oldie .marker-cluster-medium { background-color: rgb(241, 211, 87); } .leaflet-oldie .marker-cluster-medium div { background-color: rgb(240, 194, 12); } .leaflet-oldie .marker-cluster-large { background-color: rgb(253, 156, 115); } .leaflet-oldie .marker-cluster-large div { background-color: rgb(241, 128, 23); } .marker-cluster { background-clip: padding-box; border-radius: 20px; } .marker-cluster div { width: 30px; height: 30px; margin-left: 5px; margin-top: 5px; text-align: center; border-radius: 15px; font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; } .marker-cluster span { line-height: 30px; } @charset "UTF-8"; /* stylelint-disable */ :root { --brand-primary: #1e2d43; --gray-light: #f9f9f9; } /*! * Bootstrap v4.0.0-alpha.5 (https://getbootstrap.com) * Copyright 2011-2016 The Bootstrap Authors * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } progress { vertical-align: baseline; } template, [hidden] { display: none; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } button, input, optgroup, select, textarea { font: inherit; margin: 0; } optgroup { font-weight: bold; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } @media print { *, *::before, *::after, *::first-letter, p::first-line, .page-content.page-cms ul::first-line, div::first-line, blockquote::first-line, li::first-line { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, .page-content.page-cms ul, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .tag { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } @-ms-viewport { width: device-width; } html { font-size: 16px; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; line-height: 1.5; color: #363a42; background-color: #fff; } [tabindex="-1"]:focus { outline: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p, .page-content.page-cms ul { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #f9f9f9; } 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: bold; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } a { color: #1e2d43; text-decoration: none; } a:focus, a:hover { color: #060a0e; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: none; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; } [role="button"] { cursor: pointer; } a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { border-collapse: collapse; background-color: transparent; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #7a7a7a; text-align: left; caption-side: bottom; } th { text-align: left; } label { display: inline-block; margin-bottom: .5rem; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, textarea { line-height: inherit; } input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; } input[type="search"] { -webkit-appearance: none; } output { display: inline-block; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 700; line-height: 1.1; color: inherit; } h1, .h1 { font-size: 2.625rem; } h2, .h2 { font-size: 2.1875rem; } h3, .h3 { font-size: 1.875rem; } h4, .h4 { font-size: 1.125rem; } h5, .h5 { font-size: 1rem; } h6, .h6 { font-size: 0.9375rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 3.125rem; font-weight: 600; } .display-2 { font-size: 2.1875rem; font-weight: 400; } .display-3 { font-size: 1.5625rem; font-weight: 400; } .display-4 { font-size: 1.25rem; font-weight: 400; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: normal; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 5px; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { padding: 0.5rem 1rem; margin-bottom: 1rem; font-size: 1.25rem; border-left: 0.25rem solid #f6f6f6; } .blockquote-footer { display: block; font-size: 80%; color: #f9f9f9; } .blockquote-footer::before { content: "\2014 \00A0"; } .blockquote-reverse { padding-right: 1rem; padding-left: 0; text-align: right; border-right: 0.25rem solid #f6f6f6; border-left: 0; } .blockquote-reverse .blockquote-footer::before { content: ""; } .blockquote-reverse .blockquote-footer::after { content: "\00A0 \2014"; } dl.row > dd + dt { clear: left; } .img-fluid, .carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #ddd; border-radius: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #f9f9f9; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { padding: 0.2rem 0.4rem; font-size: 90%; color: #bd4147; background-color: #f7f7f9; border-radius: 0; } kbd { padding: 0.2rem 0.4rem; font-size: 90%; color: #fff; background-color: #333; border-radius: 0; } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; } pre { display: block; margin-top: 0; margin-bottom: 1rem; font-size: 90%; color: #363a42; } pre code { padding: 0; font-size: inherit; color: inherit; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .container::after { content: ""; display: table; clear: both; } @media (min-width: 576px) { .container { width: 540px; max-width: 100%; } } @media (min-width: 768px) { .container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { .container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .container { width: 1140px; max-width: 100%; } } @media (min-width: 1400px) { .container { width: 1320px; max-width: 100%; } } @media (min-width: 1550px) { .container { width: 1500px; max-width: 100%; } } @media (min-width: 1780px) { .container { width: 1700px; max-width: 100%; } } .container-fluid { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .container-fluid::after { content: ""; display: table; clear: both; } .row { margin-right: -15px; margin-left: -15px; } .row::after { content: ""; display: table; clear: both; } @media (min-width: 576px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 768px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 992px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 1200px) { .row { margin-right: -15px; margin-left: -15px; } } .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxxl, .col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12, .col-xxxxl, .col-xxxxl-1, .col-xxxxl-2, .col-xxxxl-3, .col-xxxxl-4, .col-xxxxl-5, .col-xxxxl-6, .col-xxxxl-7, .col-xxxxl-8, .col-xxxxl-9, .col-xxxxl-10, .col-xxxxl-11, .col-xxxxl-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxxl, .col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12, .col-xxxxl, .col-xxxxl-1, .col-xxxxl-2, .col-xxxxl-3, .col-xxxxl-4, .col-xxxxl-5, .col-xxxxl-6, .col-xxxxl-7, .col-xxxxl-8, .col-xxxxl-9, .col-xxxxl-10, .col-xxxxl-11, .col-xxxxl-12 { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxxl, .col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12, .col-xxxxl, .col-xxxxl-1, .col-xxxxl-2, .col-xxxxl-3, .col-xxxxl-4, .col-xxxxl-5, .col-xxxxl-6, .col-xxxxl-7, .col-xxxxl-8, .col-xxxxl-9, .col-xxxxl-10, .col-xxxxl-11, .col-xxxxl-12 { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxxl, .col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12, .col-xxxxl, .col-xxxxl-1, .col-xxxxl-2, .col-xxxxl-3, .col-xxxxl-4, .col-xxxxl-5, .col-xxxxl-6, .col-xxxxl-7, .col-xxxxl-8, .col-xxxxl-9, .col-xxxxl-10, .col-xxxxl-11, .col-xxxxl-12 { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxxl, .col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12, .col-xxxxl, .col-xxxxl-1, .col-xxxxl-2, .col-xxxxl-3, .col-xxxxl-4, .col-xxxxl-5, .col-xxxxl-6, .col-xxxxl-7, .col-xxxxl-8, .col-xxxxl-9, .col-xxxxl-10, .col-xxxxl-11, .col-xxxxl-12 { padding-right: 15px; padding-left: 15px; } } .col-xs-1 { float: left; width: 8.33333%; } .col-xs-2 { float: left; width: 16.66667%; } .col-xs-3 { float: left; width: 25%; } .col-xs-4 { float: left; width: 33.33333%; } .col-xs-5 { float: left; width: 41.66667%; } .col-xs-6 { float: left; width: 50%; } .col-xs-7 { float: left; width: 58.33333%; } .col-xs-8 { float: left; width: 66.66667%; } .col-xs-9 { float: left; width: 75%; } .col-xs-10 { float: left; width: 83.33333%; } .col-xs-11 { float: left; width: 91.66667%; } .col-xs-12 { float: left; width: 100%; } .pull-xs-0 { right: auto; } .pull-xs-1 { right: 8.33333%; } .pull-xs-2 { right: 16.66667%; } .pull-xs-3 { right: 25%; } .pull-xs-4 { right: 33.33333%; } .pull-xs-5 { right: 41.66667%; } .pull-xs-6 { right: 50%; } .pull-xs-7 { right: 58.33333%; } .pull-xs-8 { right: 66.66667%; } .pull-xs-9 { right: 75%; } .pull-xs-10 { right: 83.33333%; } .pull-xs-11 { right: 91.66667%; } .pull-xs-12 { right: 100%; } .push-xs-0 { left: auto; } .push-xs-1 { left: 8.33333%; } .push-xs-2 { left: 16.66667%; } .push-xs-3 { left: 25%; } .push-xs-4 { left: 33.33333%; } .push-xs-5 { left: 41.66667%; } .push-xs-6 { left: 50%; } .push-xs-7 { left: 58.33333%; } .push-xs-8 { left: 66.66667%; } .push-xs-9 { left: 75%; } .push-xs-10 { left: 83.33333%; } .push-xs-11 { left: 91.66667%; } .push-xs-12 { left: 100%; } .offset-xs-1 { margin-left: 8.33333%; } .offset-xs-2 { margin-left: 16.66667%; } .offset-xs-3 { margin-left: 25%; } .offset-xs-4 { margin-left: 33.33333%; } .offset-xs-5 { margin-left: 41.66667%; } .offset-xs-6 { margin-left: 50%; } .offset-xs-7 { margin-left: 58.33333%; } .offset-xs-8 { margin-left: 66.66667%; } .offset-xs-9 { margin-left: 75%; } .offset-xs-10 { margin-left: 83.33333%; } .offset-xs-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm-1 { float: left; width: 8.33333%; } .col-sm-2 { float: left; width: 16.66667%; } .col-sm-3 { float: left; width: 25%; } .col-sm-4 { float: left; width: 33.33333%; } .col-sm-5 { float: left; width: 41.66667%; } .col-sm-6 { float: left; width: 50%; } .col-sm-7 { float: left; width: 58.33333%; } .col-sm-8 { float: left; width: 66.66667%; } .col-sm-9 { float: left; width: 75%; } .col-sm-10 { float: left; width: 83.33333%; } .col-sm-11 { float: left; width: 91.66667%; } .col-sm-12 { float: left; width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.33333%; } .pull-sm-2 { right: 16.66667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.33333%; } .pull-sm-5 { right: 41.66667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.33333%; } .pull-sm-8 { right: 66.66667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.33333%; } .pull-sm-11 { right: 91.66667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.33333%; } .push-sm-2 { left: 16.66667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.33333%; } .push-sm-5 { left: 41.66667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.33333%; } .push-sm-8 { left: 66.66667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.33333%; } .push-sm-11 { left: 91.66667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md-1 { float: left; width: 8.33333%; } .col-md-2 { float: left; width: 16.66667%; } .col-md-3 { float: left; width: 25%; } .col-md-4 { float: left; width: 33.33333%; } .col-md-5 { float: left; width: 41.66667%; } .col-md-6 { float: left; width: 50%; } .col-md-7 { float: left; width: 58.33333%; } .col-md-8 { float: left; width: 66.66667%; } .col-md-9 { float: left; width: 75%; } .col-md-10 { float: left; width: 83.33333%; } .col-md-11 { float: left; width: 91.66667%; } .col-md-12 { float: left; width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.33333%; } .pull-md-2 { right: 16.66667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.33333%; } .pull-md-5 { right: 41.66667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.33333%; } .pull-md-8 { right: 66.66667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.33333%; } .pull-md-11 { right: 91.66667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.33333%; } .push-md-2 { left: 16.66667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.33333%; } .push-md-5 { left: 41.66667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.33333%; } .push-md-8 { left: 66.66667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.33333%; } .push-md-11 { left: 91.66667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg-1 { float: left; width: 8.33333%; } .col-lg-2 { float: left; width: 16.66667%; } .col-lg-3 { float: left; width: 25%; } .col-lg-4 { float: left; width: 33.33333%; } .col-lg-5 { float: left; width: 41.66667%; } .col-lg-6 { float: left; width: 50%; } .col-lg-7 { float: left; width: 58.33333%; } .col-lg-8 { float: left; width: 66.66667%; } .col-lg-9 { float: left; width: 75%; } .col-lg-10 { float: left; width: 83.33333%; } .col-lg-11 { float: left; width: 91.66667%; } .col-lg-12 { float: left; width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.33333%; } .pull-lg-2 { right: 16.66667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.33333%; } .pull-lg-5 { right: 41.66667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.33333%; } .pull-lg-8 { right: 66.66667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.33333%; } .pull-lg-11 { right: 91.66667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.33333%; } .push-lg-2 { left: 16.66667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.33333%; } .push-lg-5 { left: 41.66667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.33333%; } .push-lg-8 { left: 66.66667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.33333%; } .push-lg-11 { left: 91.66667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl-1 { float: left; width: 8.33333%; } .col-xl-2 { float: left; width: 16.66667%; } .col-xl-3 { float: left; width: 25%; } .col-xl-4 { float: left; width: 33.33333%; } .col-xl-5 { float: left; width: 41.66667%; } .col-xl-6 { float: left; width: 50%; } .col-xl-7 { float: left; width: 58.33333%; } .col-xl-8 { float: left; width: 66.66667%; } .col-xl-9 { float: left; width: 75%; } .col-xl-10 { float: left; width: 83.33333%; } .col-xl-11 { float: left; width: 91.66667%; } .col-xl-12 { float: left; width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.33333%; } .pull-xl-2 { right: 16.66667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.33333%; } .pull-xl-5 { right: 41.66667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.33333%; } .pull-xl-8 { right: 66.66667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.33333%; } .pull-xl-11 { right: 91.66667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.33333%; } .push-xl-2 { left: 16.66667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.33333%; } .push-xl-5 { left: 41.66667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.33333%; } .push-xl-8 { left: 66.66667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.33333%; } .push-xl-11 { left: 91.66667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } @media (min-width: 1400px) { .col-xxl-1 { float: left; width: 8.33333%; } .col-xxl-2 { float: left; width: 16.66667%; } .col-xxl-3 { float: left; width: 25%; } .col-xxl-4 { float: left; width: 33.33333%; } .col-xxl-5 { float: left; width: 41.66667%; } .col-xxl-6 { float: left; width: 50%; } .col-xxl-7 { float: left; width: 58.33333%; } .col-xxl-8 { float: left; width: 66.66667%; } .col-xxl-9 { float: left; width: 75%; } .col-xxl-10 { float: left; width: 83.33333%; } .col-xxl-11 { float: left; width: 91.66667%; } .col-xxl-12 { float: left; width: 100%; } .pull-xxl-0 { right: auto; } .pull-xxl-1 { right: 8.33333%; } .pull-xxl-2 { right: 16.66667%; } .pull-xxl-3 { right: 25%; } .pull-xxl-4 { right: 33.33333%; } .pull-xxl-5 { right: 41.66667%; } .pull-xxl-6 { right: 50%; } .pull-xxl-7 { right: 58.33333%; } .pull-xxl-8 { right: 66.66667%; } .pull-xxl-9 { right: 75%; } .pull-xxl-10 { right: 83.33333%; } .pull-xxl-11 { right: 91.66667%; } .pull-xxl-12 { right: 100%; } .push-xxl-0 { left: auto; } .push-xxl-1 { left: 8.33333%; } .push-xxl-2 { left: 16.66667%; } .push-xxl-3 { left: 25%; } .push-xxl-4 { left: 33.33333%; } .push-xxl-5 { left: 41.66667%; } .push-xxl-6 { left: 50%; } .push-xxl-7 { left: 58.33333%; } .push-xxl-8 { left: 66.66667%; } .push-xxl-9 { left: 75%; } .push-xxl-10 { left: 83.33333%; } .push-xxl-11 { left: 91.66667%; } .push-xxl-12 { left: 100%; } .offset-xxl-0 { margin-left: 0%; } .offset-xxl-1 { margin-left: 8.33333%; } .offset-xxl-2 { margin-left: 16.66667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333%; } .offset-xxl-5 { margin-left: 41.66667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333%; } .offset-xxl-8 { margin-left: 66.66667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333%; } .offset-xxl-11 { margin-left: 91.66667%; } } @media (min-width: 1550px) { .col-xxxl-1 { float: left; width: 8.33333%; } .col-xxxl-2 { float: left; width: 16.66667%; } .col-xxxl-3 { float: left; width: 25%; } .col-xxxl-4 { float: left; width: 33.33333%; } .col-xxxl-5 { float: left; width: 41.66667%; } .col-xxxl-6 { float: left; width: 50%; } .col-xxxl-7 { float: left; width: 58.33333%; } .col-xxxl-8 { float: left; width: 66.66667%; } .col-xxxl-9 { float: left; width: 75%; } .col-xxxl-10 { float: left; width: 83.33333%; } .col-xxxl-11 { float: left; width: 91.66667%; } .col-xxxl-12 { float: left; width: 100%; } .pull-xxxl-0 { right: auto; } .pull-xxxl-1 { right: 8.33333%; } .pull-xxxl-2 { right: 16.66667%; } .pull-xxxl-3 { right: 25%; } .pull-xxxl-4 { right: 33.33333%; } .pull-xxxl-5 { right: 41.66667%; } .pull-xxxl-6 { right: 50%; } .pull-xxxl-7 { right: 58.33333%; } .pull-xxxl-8 { right: 66.66667%; } .pull-xxxl-9 { right: 75%; } .pull-xxxl-10 { right: 83.33333%; } .pull-xxxl-11 { right: 91.66667%; } .pull-xxxl-12 { right: 100%; } .push-xxxl-0 { left: auto; } .push-xxxl-1 { left: 8.33333%; } .push-xxxl-2 { left: 16.66667%; } .push-xxxl-3 { left: 25%; } .push-xxxl-4 { left: 33.33333%; } .push-xxxl-5 { left: 41.66667%; } .push-xxxl-6 { left: 50%; } .push-xxxl-7 { left: 58.33333%; } .push-xxxl-8 { left: 66.66667%; } .push-xxxl-9 { left: 75%; } .push-xxxl-10 { left: 83.33333%; } .push-xxxl-11 { left: 91.66667%; } .push-xxxl-12 { left: 100%; } .offset-xxxl-0 { margin-left: 0%; } .offset-xxxl-1 { margin-left: 8.33333%; } .offset-xxxl-2 { margin-left: 16.66667%; } .offset-xxxl-3 { margin-left: 25%; } .offset-xxxl-4 { margin-left: 33.33333%; } .offset-xxxl-5 { margin-left: 41.66667%; } .offset-xxxl-6 { margin-left: 50%; } .offset-xxxl-7 { margin-left: 58.33333%; } .offset-xxxl-8 { margin-left: 66.66667%; } .offset-xxxl-9 { margin-left: 75%; } .offset-xxxl-10 { margin-left: 83.33333%; } .offset-xxxl-11 { margin-left: 91.66667%; } } @media (min-width: 1780px) { .col-xxxxl-1 { float: left; width: 8.33333%; } .col-xxxxl-2 { float: left; width: 16.66667%; } .col-xxxxl-3 { float: left; width: 25%; } .col-xxxxl-4 { float: left; width: 33.33333%; } .col-xxxxl-5 { float: left; width: 41.66667%; } .col-xxxxl-6 { float: left; width: 50%; } .col-xxxxl-7 { float: left; width: 58.33333%; } .col-xxxxl-8 { float: left; width: 66.66667%; } .col-xxxxl-9 { float: left; width: 75%; } .col-xxxxl-10 { float: left; width: 83.33333%; } .col-xxxxl-11 { float: left; width: 91.66667%; } .col-xxxxl-12 { float: left; width: 100%; } .pull-xxxxl-0 { right: auto; } .pull-xxxxl-1 { right: 8.33333%; } .pull-xxxxl-2 { right: 16.66667%; } .pull-xxxxl-3 { right: 25%; } .pull-xxxxl-4 { right: 33.33333%; } .pull-xxxxl-5 { right: 41.66667%; } .pull-xxxxl-6 { right: 50%; } .pull-xxxxl-7 { right: 58.33333%; } .pull-xxxxl-8 { right: 66.66667%; } .pull-xxxxl-9 { right: 75%; } .pull-xxxxl-10 { right: 83.33333%; } .pull-xxxxl-11 { right: 91.66667%; } .pull-xxxxl-12 { right: 100%; } .push-xxxxl-0 { left: auto; } .push-xxxxl-1 { left: 8.33333%; } .push-xxxxl-2 { left: 16.66667%; } .push-xxxxl-3 { left: 25%; } .push-xxxxl-4 { left: 33.33333%; } .push-xxxxl-5 { left: 41.66667%; } .push-xxxxl-6 { left: 50%; } .push-xxxxl-7 { left: 58.33333%; } .push-xxxxl-8 { left: 66.66667%; } .push-xxxxl-9 { left: 75%; } .push-xxxxl-10 { left: 83.33333%; } .push-xxxxl-11 { left: 91.66667%; } .push-xxxxl-12 { left: 100%; } .offset-xxxxl-0 { margin-left: 0%; } .offset-xxxxl-1 { margin-left: 8.33333%; } .offset-xxxxl-2 { margin-left: 16.66667%; } .offset-xxxxl-3 { margin-left: 25%; } .offset-xxxxl-4 { margin-left: 33.33333%; } .offset-xxxxl-5 { margin-left: 41.66667%; } .offset-xxxxl-6 { margin-left: 50%; } .offset-xxxxl-7 { margin-left: 58.33333%; } .offset-xxxxl-8 { margin-left: 66.66667%; } .offset-xxxxl-9 { margin-left: 75%; } .offset-xxxxl-10 { margin-left: 83.33333%; } .offset-xxxxl-11 { margin-left: 91.66667%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #f6f6f6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #f6f6f6; } .table tbody + tbody { border-top: 2px solid #f6f6f6; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #f6f6f6; } .table-bordered th, .table-bordered td { border: 1px solid #f6f6f6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table-success, .table-success > th, .table-success > td { background-color: #dff0d8; } .table-hover .table-success:hover { background-color: #d0e9c6; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #d0e9c6; } .table-info, .table-info > th, .table-info > td { background-color: #d9edf7; } .table-hover .table-info:hover { background-color: #c4e3f3; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #c4e3f3; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fcf8e3; } .table-hover .table-warning:hover { background-color: #faf2cc; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #faf2cc; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f2dede; } .table-hover .table-danger:hover { background-color: #ebcccc; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ebcccc; } .thead-inverse th { color: #fff; background-color: #363a42; } .thead-default th { color: #7a7a7a; background-color: #f6f6f6; } .table-inverse { color: #f6f6f6; background-color: #363a42; } .table-inverse th, .table-inverse td, .table-inverse thead th { border-color: #7a7a7a; } .table-inverse.table-bordered { border: 0; } .table-responsive { display: block; width: 100%; min-height: 0%; overflow-x: auto; } .table-reflow thead { float: left; } .table-reflow tbody { display: block; white-space: nowrap; } .table-reflow th, .table-reflow td { border-top: 1px solid #f6f6f6; border-left: 1px solid #f6f6f6; } .table-reflow th:last-child, .table-reflow td:last-child { border-right: 1px solid #f6f6f6; } .table-reflow thead:last-child tr:last-child th, .table-reflow thead:last-child tr:last-child td, .table-reflow tbody:last-child tr:last-child th, .table-reflow tbody:last-child tr:last-child td, .table-reflow tfoot:last-child tr:last-child th, .table-reflow tfoot:last-child tr:last-child td { border-bottom: 1px solid #f6f6f6; } .table-reflow tr { float: left; } .table-reflow tr th, .table-reflow tr td { display: block !important; border: 1px solid #f6f6f6; } .form-control { display: block; width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; color: #7a7a7a; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 0; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #7a7a7a; background-color: #fff; border-color: #66afe9; outline: none; } .form-control::-webkit-input-placeholder { color: #999; opacity: 1; } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; opacity: 1; } .form-control::-ms-input-placeholder { color: #999; opacity: 1; } .form-control::placeholder { color: #999; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #f6f6f6; opacity: 1; } .form-control:disabled { cursor: not-allowed; } select.form-control:not([size]):not([multiple]) { height: calc(2.5rem - 2px); } select.form-control:focus::-ms-value { color: #7a7a7a; background-color: #fff; } .form-control-file, .form-control-range { display: block; } .col-form-label { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; } .col-form-label-lg { padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 0.9375rem; } .col-form-label-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.875rem; } .col-form-legend { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; font-size: 1rem; } .form-control-static { padding-top: 0.5rem; padding-bottom: 0.5rem; line-height: 1.25; border: solid transparent; border-width: 1px 0; } .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) { height: 1.8125rem; } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { padding: 0.75rem 1.5rem; font-size: 0.9375rem; border-radius: 0; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), .input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) { height: 2.75rem; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-check { position: relative; display: block; margin-bottom: 0.75rem; } .form-check + .form-check { margin-top: -.25rem; } .form-check.disabled .form-check-label { color: #7a7a7a; cursor: not-allowed; } .form-check-label { padding-left: 1.25rem; margin-bottom: 0; cursor: pointer; } .form-check-input { position: absolute; margin-top: .25rem; margin-left: -1.25rem; } .form-check-input:only-child { position: static; } .form-check-inline { position: relative; display: inline-block; padding-left: 1.25rem; margin-bottom: 0; vertical-align: middle; cursor: pointer; } .form-check-inline + .form-check-inline { margin-left: .75rem; } .form-check-inline.disabled { color: #7a7a7a; cursor: not-allowed; } .form-control-feedback { margin-top: 0.25rem; } .form-control-success, .form-control-warning, .form-control-danger { padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right 0.625rem; background-size: 1.25rem 1.25rem; } .has-success .form-control-feedback, .has-success .form-control-label, .has-success .form-check-label, .has-success .form-check-inline, .has-success .custom-control { color: #4cbb6c; } .has-success .form-control { border-color: #4cbb6c; } .has-success .form-control:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #96d7a9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #96d7a9; } .has-success .input-group-addon { color: #4cbb6c; border-color: #4cbb6c; background-color: #e0f3e5; } .has-success .form-control-success { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3E%3Cpath fill=%27#4cbb6c%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3E%3C/svg%3E"); } .has-warning .form-control-feedback, .has-warning .form-control-label, .has-warning .form-check-label, .has-warning .form-check-inline, .has-warning .custom-control { color: #ff9a52; } .has-warning .form-control { border-color: #ff9a52; } .has-warning .form-control:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffd6b8; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffd6b8; } .has-warning .input-group-addon { color: #ff9a52; border-color: #ff9a52; background-color: white; } .has-warning .form-control-warning { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3E%3Cpath fill=%27#ff9a52%27 d=%27M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z%27/%3E%3C/svg%3E"); } .has-danger .form-control-feedback, .has-danger .form-control-label, .has-danger .form-check-label, .has-danger .form-check-inline, .has-danger .custom-control { color: #ff4c4c; } .has-danger .form-control { border-color: #ff4c4c; } .has-danger .form-control:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffb2b2; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffb2b2; } .has-danger .input-group-addon { color: #ff4c4c; border-color: #ff4c4c; background-color: white; } .has-danger .form-control-danger { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27#ff4c4c%27 viewBox=%27-2 -2 7 7%27%3E%3Cpath stroke=%27%23d9534f%27 d=%27M0 0l3 3m0-3L0 3%27/%3E%3Ccircle r=%27.5%27/%3E%3Ccircle cx=%273%27 r=%27.5%27/%3E%3Ccircle cy=%273%27 r=%27.5%27/%3E%3Ccircle cx=%273%27 cy=%273%27 r=%27.5%27/%3E%3C/svg%3E"); } @media (min-width: 576px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; width: auto; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .form-control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .form-check { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .form-check-label { padding-left: 0; } .form-inline .form-check-input { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .btn { display: inline-block; font-weight: normal; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.5rem 1rem; font-size: 1rem; border-radius: 0; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:focus, .btn:hover { text-decoration: none; } .btn.focus { text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; } .btn.disabled, .btn:disabled { cursor: not-allowed; opacity: .65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #1e2d43; border-color: transparent; } .btn-primary:hover { color: #fff; background-color: #0e1520; border-color: rgba(0, 0, 0, 0); } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0e1520; border-color: rgba(0, 0, 0, 0); } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #0e1520; border-color: rgba(0, 0, 0, 0); background-image: none; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #030507; border-color: rgba(0, 0, 0, 0); } .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus { background-color: #1e2d43; border-color: transparent; } .btn-primary.disabled:hover, .btn-primary:disabled:hover { background-color: #1e2d43; border-color: transparent; } .btn-secondary, .btn-tertiary { color: #232323; background-color: #f6f6f6; border-color: transparent; } .btn-secondary:hover, .btn-tertiary:hover { color: #232323; background-color: #dddddd; border-color: rgba(0, 0, 0, 0); } .btn-secondary:focus, .btn-tertiary:focus, .btn-secondary.focus, .focus.btn-tertiary { color: #232323; background-color: #dddddd; border-color: rgba(0, 0, 0, 0); } .btn-secondary:active, .btn-tertiary:active, .btn-secondary.active, .active.btn-tertiary, .open > .btn-secondary.dropdown-toggle, .open > .dropdown-toggle.btn-tertiary { color: #232323; background-color: #dddddd; border-color: rgba(0, 0, 0, 0); background-image: none; } .btn-secondary:active:hover, .btn-tertiary:active:hover, .btn-secondary:active:focus, .btn-tertiary:active:focus, .btn-secondary:active.focus, .btn-tertiary:active.focus, .btn-secondary.active:hover, .active.btn-tertiary:hover, .btn-secondary.active:focus, .active.btn-tertiary:focus, .btn-secondary.active.focus, .active.focus.btn-tertiary, .open > .btn-secondary.dropdown-toggle:hover, .open > .dropdown-toggle.btn-tertiary:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .dropdown-toggle.btn-tertiary:focus, .open > .btn-secondary.dropdown-toggle.focus, .open > .dropdown-toggle.focus.btn-tertiary { color: #232323; background-color: #cbcbcb; border-color: rgba(0, 0, 0, 0); } .btn-secondary.disabled:focus, .disabled.btn-tertiary:focus, .btn-secondary.disabled.focus, .disabled.focus.btn-tertiary, .btn-secondary:disabled:focus, .btn-tertiary:disabled:focus, .btn-secondary:disabled.focus, .btn-tertiary:disabled.focus { background-color: #f6f6f6; border-color: transparent; } .btn-secondary.disabled:hover, .disabled.btn-tertiary:hover, .btn-secondary:disabled:hover, .btn-tertiary:disabled:hover { background-color: #f6f6f6; border-color: transparent; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #2aabd2; background-image: none; } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1f7e9a; } .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus { background-color: #5bc0de; border-color: #5bc0de; } .btn-info.disabled:hover, .btn-info:disabled:hover { background-color: #5bc0de; border-color: #5bc0de; } .btn-success { color: #fff; background-color: #4cbb6c; border-color: #4cbb6c; } .btn-success:hover { color: #fff; background-color: #3a9a56; border-color: #389252; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #3a9a56; border-color: #389252; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #3a9a56; border-color: #389252; background-image: none; } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #318047; border-color: #256237; } .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus { background-color: #4cbb6c; border-color: #4cbb6c; } .btn-success.disabled:hover, .btn-success:disabled:hover { background-color: #4cbb6c; border-color: #4cbb6c; } .btn-warning { color: #fff; background-color: #ff9a52; border-color: #ff9a52; } .btn-warning:hover { color: #fff; background-color: #ff7c1f; border-color: #ff7615; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ff7c1f; border-color: #ff7615; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ff7c1f; border-color: #ff7615; background-image: none; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #fa6800; border-color: #d25700; } .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus { background-color: #ff9a52; border-color: #ff9a52; } .btn-warning.disabled:hover, .btn-warning:disabled:hover { background-color: #ff9a52; border-color: #ff9a52; } .btn-danger { color: #fff; background-color: #ff4c4c; border-color: #ff4c4c; } .btn-danger:hover { color: #fff; background-color: #ff1919; border-color: #ff0f0f; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #ff1919; border-color: #ff0f0f; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #ff1919; border-color: #ff0f0f; background-image: none; } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #f40000; border-color: #cc0000; } .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus { background-color: #ff4c4c; border-color: #ff4c4c; } .btn-danger.disabled:hover, .btn-danger:disabled:hover { background-color: #ff4c4c; border-color: #ff4c4c; } .btn-outline-primary { color: #1e2d43; background-image: none; background-color: transparent; border-color: #1e2d43; } .btn-outline-primary:hover { color: #fff; background-color: #1e2d43; border-color: #1e2d43; } .btn-outline-primary:focus, .btn-outline-primary.focus { color: #fff; background-color: #1e2d43; border-color: #1e2d43; } .btn-outline-primary:active, .btn-outline-primary.active, .open > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #1e2d43; border-color: #1e2d43; } .btn-outline-primary:active:hover, .btn-outline-primary:active:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active:hover, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus, .open > .btn-outline-primary.dropdown-toggle:hover, .open > .btn-outline-primary.dropdown-toggle:focus, .open > .btn-outline-primary.dropdown-toggle.focus { color: #fff; background-color: #030507; border-color: black; } .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.focus { border-color: #3e5c89; } .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover { border-color: #3e5c89; } .btn-outline-secondary { color: transparent; background-image: none; background-color: transparent; border-color: transparent; } .btn-outline-secondary:hover { color: #fff; background-color: transparent; border-color: transparent; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { color: #fff; background-color: transparent; border-color: transparent; } .btn-outline-secondary:active, .btn-outline-secondary.active, .open > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: transparent; border-color: transparent; } .btn-outline-secondary:active:hover, .btn-outline-secondary:active:focus, .btn-outline-secondary:active.focus, .btn-outline-secondary.active:hover, .btn-outline-secondary.active:focus, .btn-outline-secondary.active.focus, .open > .btn-outline-secondary.dropdown-toggle:hover, .open > .btn-outline-secondary.dropdown-toggle:focus, .open > .btn-outline-secondary.dropdown-toggle.focus { color: #fff; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); } .btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled.focus, .btn-outline-secondary:disabled:focus, .btn-outline-secondary:disabled.focus { border-color: rgba(51, 51, 51, 0); } .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { border-color: rgba(51, 51, 51, 0); } .btn-outline-info { color: #5bc0de; background-image: none; background-color: transparent; border-color: #5bc0de; } .btn-outline-info:hover { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-info:focus, .btn-outline-info.focus { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-info:active, .btn-outline-info.active, .open > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-info:active:hover, .btn-outline-info:active:focus, .btn-outline-info:active.focus, .btn-outline-info.active:hover, .btn-outline-info.active:focus, .btn-outline-info.active.focus, .open > .btn-outline-info.dropdown-toggle:hover, .open > .btn-outline-info.dropdown-toggle:focus, .open > .btn-outline-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1f7e9a; } .btn-outline-info.disabled:focus, .btn-outline-info.disabled.focus, .btn-outline-info:disabled:focus, .btn-outline-info:disabled.focus { border-color: #b0e1ef; } .btn-outline-info.disabled:hover, .btn-outline-info:disabled:hover { border-color: #b0e1ef; } .btn-outline-success { color: #4cbb6c; background-image: none; background-color: transparent; border-color: #4cbb6c; } .btn-outline-success:hover { color: #fff; background-color: #4cbb6c; border-color: #4cbb6c; } .btn-outline-success:focus, .btn-outline-success.focus { color: #fff; background-color: #4cbb6c; border-color: #4cbb6c; } .btn-outline-success:active, .btn-outline-success.active, .open > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #4cbb6c; border-color: #4cbb6c; } .btn-outline-success:active:hover, .btn-outline-success:active:focus, .btn-outline-success:active.focus, .btn-outline-success.active:hover, .btn-outline-success.active:focus, .btn-outline-success.active.focus, .open > .btn-outline-success.dropdown-toggle:hover, .open > .btn-outline-success.dropdown-toggle:focus, .open > .btn-outline-success.dropdown-toggle.focus { color: #fff; background-color: #318047; border-color: #256237; } .btn-outline-success.disabled:focus, .btn-outline-success.disabled.focus, .btn-outline-success:disabled:focus, .btn-outline-success:disabled.focus { border-color: #96d7a9; } .btn-outline-success.disabled:hover, .btn-outline-success:disabled:hover { border-color: #96d7a9; } .btn-outline-warning { color: #ff9a52; background-image: none; background-color: transparent; border-color: #ff9a52; } .btn-outline-warning:hover { color: #fff; background-color: #ff9a52; border-color: #ff9a52; } .btn-outline-warning:focus, .btn-outline-warning.focus { color: #fff; background-color: #ff9a52; border-color: #ff9a52; } .btn-outline-warning:active, .btn-outline-warning.active, .open > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #ff9a52; border-color: #ff9a52; } .btn-outline-warning:active:hover, .btn-outline-warning:active:focus, .btn-outline-warning:active.focus, .btn-outline-warning.active:hover, .btn-outline-warning.active:focus, .btn-outline-warning.active.focus, .open > .btn-outline-warning.dropdown-toggle:hover, .open > .btn-outline-warning.dropdown-toggle:focus, .open > .btn-outline-warning.dropdown-toggle.focus { color: #fff; background-color: #fa6800; border-color: #d25700; } .btn-outline-warning.disabled:focus, .btn-outline-warning.disabled.focus, .btn-outline-warning:disabled:focus, .btn-outline-warning:disabled.focus { border-color: #ffd6b8; } .btn-outline-warning.disabled:hover, .btn-outline-warning:disabled:hover { border-color: #ffd6b8; } .btn-outline-danger { color: #ff4c4c; background-image: none; background-color: transparent; border-color: #ff4c4c; } .btn-outline-danger:hover { color: #fff; background-color: #ff4c4c; border-color: #ff4c4c; } .btn-outline-danger:focus, .btn-outline-danger.focus { color: #fff; background-color: #ff4c4c; border-color: #ff4c4c; } .btn-outline-danger:active, .btn-outline-danger.active, .open > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #ff4c4c; border-color: #ff4c4c; } .btn-outline-danger:active:hover, .btn-outline-danger:active:focus, .btn-outline-danger:active.focus, .btn-outline-danger.active:hover, .btn-outline-danger.active:focus, .btn-outline-danger.active.focus, .open > .btn-outline-danger.dropdown-toggle:hover, .open > .btn-outline-danger.dropdown-toggle:focus, .open > .btn-outline-danger.dropdown-toggle.focus { color: #fff; background-color: #f40000; border-color: #cc0000; } .btn-outline-danger.disabled:focus, .btn-outline-danger.disabled.focus, .btn-outline-danger:disabled:focus, .btn-outline-danger:disabled.focus { border-color: #ffb2b2; } .btn-outline-danger.disabled:hover, .btn-outline-danger:disabled:hover { border-color: #ffb2b2; } .btn-link { font-weight: normal; color: #1e2d43; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { background-color: transparent; } .btn-link, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #060a0e; text-decoration: underline; background-color: transparent; } .btn-link:disabled:focus, .btn-link:disabled:hover { color: #f9f9f9; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.75rem 1.5rem; font-size: 0.9375rem; border-radius: 0; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height; transition-property: height; } .dropup, .dropdown { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.3em; vertical-align: middle; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropup .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #363a42; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0; } .dropdown-divider { height: 1px; margin: 0.5rem 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-item { display: block; width: 100%; padding: 3px 1.5rem; clear: both; font-weight: normal; color: #363a42; text-align: inherit; white-space: nowrap; background: none; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #2b2e34; text-decoration: none; background-color: #f5f5f5; } .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover { color: #fff; text-decoration: none; background-color: #1e2d43; outline: 0; } .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { color: #f9f9f9; } .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #f9f9f9; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 0.3em solid; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 0.125rem; } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; margin-bottom: 0; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -0.5rem; } .btn-toolbar::after { content: ""; display: table; clear: both; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 0.5rem; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn + .dropdown-toggle-split::after { margin-left: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 1.125rem; padding-left: 1.125rem; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 0.3em 0.3em 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 0.3em 0.3em; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group::after { content: ""; display: table; clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; width: 100%; display: table; border-collapse: separate; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover { z-index: 3; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: normal; line-height: 1.25; color: #7a7a7a; text-align: center; background-color: #f6f6f6; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 0; } .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0; } .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 0.75rem 1.5rem; font-size: 0.9375rem; border-radius: 0; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:not(:last-child) { border-right: 0; } .input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn:not(:first-child), .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .form-control + .input-group-addon:not(:first-child) { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { z-index: 3; } .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group { margin-right: -1px; } .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group { z-index: 2; margin-left: -1px; } .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:hover { z-index: 3; } .custom-control { position: relative; display: inline-block; padding-left: 1.5rem; cursor: pointer; } .custom-control + .custom-control { margin-left: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-indicator { color: #fff; background-color: #0074d9; } .custom-control-input:focus ~ .custom-control-indicator { -webkit-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; } .custom-control-input:active ~ .custom-control-indicator { color: #fff; background-color: #84c6ff; } .custom-control-input:disabled ~ .custom-control-indicator { cursor: not-allowed; background-color: #eee; } .custom-control-input:disabled ~ .custom-control-description { color: #767676; cursor: not-allowed; } .custom-control-indicator { position: absolute; top: .25rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #ddd; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-indicator { border-radius: 0; } .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3E%3Cpath fill=%27#fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z%27/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { background-color: #0074d9; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 4%27%3E%3Cpath stroke=%27#fff%27 d=%27M0 2h4%27/%3E%3C/svg%3E"); } .custom-radio .custom-control-indicator { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3E%3Ccircle r=%273%27 fill=%27#fff%27/%3E%3C/svg%3E"); } .custom-controls-stacked .custom-control { float: left; clear: left; } .custom-controls-stacked .custom-control + .custom-control { margin-left: 0; } .custom-select { display: inline-block; max-width: 100%; height: calc(2.5rem - 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; padding-right: 0.75rem \9; color: #7a7a7a; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27%3E%3Cpath fill=%27#333%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-image: none \9; background-size: 8px 10px; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 0; -moz-appearance: none; -webkit-appearance: none; } .custom-select:focus { border-color: #51a7e8; outline: none; } .custom-select:focus::-ms-value { color: #7a7a7a; background-color: #fff; } .custom-select:disabled { color: #f9f9f9; cursor: not-allowed; background-color: #f6f6f6; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-file { position: relative; display: inline-block; max-width: 100%; height: 2.5rem; cursor: pointer; } .custom-file-input { min-width: 14rem; max-width: 100%; margin: 0; filter: alpha(opacity=0); opacity: 0; } .custom-file-control { position: absolute; top: 0; right: 0; left: 0; z-index: 5; height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; color: #555; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border: 1px solid #ddd; border-radius: 0; } .custom-file-control:lang(en)::after { content: "Choose file..."; } .custom-file-control::before { position: absolute; top: -1px; right: -1px; bottom: -1px; z-index: 6; display: block; height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; color: #555; background-color: #eee; border: 1px solid #ddd; border-radius: 0 0 0 0; } .custom-file-control:lang(en)::before { content: "Browse"; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: inline-block; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: #f9f9f9; } .nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover { color: #f9f9f9; cursor: not-allowed; background-color: transparent; } .nav-inline .nav-item { display: inline-block; } .nav-inline .nav-item + .nav-item, .nav-inline .nav-link + .nav-link { margin-left: 1rem; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs::after { content: ""; display: table; clear: both; } .nav-tabs .nav-item { float: left; margin-bottom: -1px; } .nav-tabs .nav-item + .nav-item { margin-left: 0.2rem; } .nav-tabs .nav-link { display: block; padding: 0.5em 1em; border: 1px solid transparent; border-top-right-radius: 0; border-top-left-radius: 0; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #f6f6f6 #f6f6f6 #ddd; } .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover { color: #f9f9f9; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover { color: #7a7a7a; background-color: #fff; border-color: #ddd #ddd transparent; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .nav-pills::after { content: ""; display: table; clear: both; } .nav-pills .nav-item { float: left; } .nav-pills .nav-item + .nav-item { margin-left: 0.2rem; } .nav-pills .nav-link { display: block; padding: 0.5em 1em; border-radius: 0; } .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, .nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover { color: #fff; cursor: default; background-color: #1e2d43; } .nav-stacked .nav-item { display: block; float: none; } .nav-stacked .nav-item + .nav-item { margin-top: 0.2rem; margin-left: 0; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; padding: 0.5rem 1rem; } .navbar::after { content: ""; display: table; clear: both; } @media (min-width: 576px) { .navbar { border-radius: 0; } } .navbar-full { z-index: 1000; } @media (min-width: 576px) { .navbar-full { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 576px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; } .navbar-fixed-bottom { bottom: 0; } .navbar-sticky-top { position: sticky; top: 0; z-index: 1030; width: 100%; } @media (min-width: 576px) { .navbar-sticky-top { border-radius: 0; } } .navbar-brand { float: left; padding-top: 0.25rem; padding-bottom: 0.25rem; margin-right: 1rem; font-size: 0.9375rem; line-height: inherit; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-divider { float: left; width: 1px; padding-top: 0.425rem; padding-bottom: 0.425rem; margin-right: 1rem; margin-left: 1rem; overflow: hidden; } .navbar-divider::before { content: "\00a0"; } .navbar-text { display: inline-block; padding-top: .425rem; padding-bottom: .425rem; } .navbar-toggler { width: 2.5em; height: 2em; padding: 0.5rem 0.75rem; font-size: 0.9375rem; line-height: 1; background: transparent no-repeat center center; background-size: 24px 24px; border: 1px solid transparent; border-radius: 0; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } .navbar-toggleable-xs::after { content: ""; display: table; clear: both; } @media (max-width: 575px) { .navbar-toggleable-xs .navbar-brand { display: block; float: none; margin-top: .5rem; margin-right: 0; } .navbar-toggleable-xs .navbar-nav { margin-top: .5rem; margin-bottom: .5rem; } .navbar-toggleable-xs .navbar-nav .dropdown-menu { position: static; float: none; } } @media (min-width: 576px) { .navbar-toggleable-xs { display: block; } } .navbar-toggleable-sm::after { content: ""; display: table; clear: both; } @media (max-width: 767px) { .navbar-toggleable-sm .navbar-brand { display: block; float: none; margin-top: .5rem; margin-right: 0; } .navbar-toggleable-sm .navbar-nav { margin-top: .5rem; margin-bottom: .5rem; } .navbar-toggleable-sm .navbar-nav .dropdown-menu { position: static; float: none; } } @media (min-width: 768px) { .navbar-toggleable-sm { display: block; } } .navbar-toggleable-md::after { content: ""; display: table; clear: both; } @media (max-width: 991px) { .navbar-toggleable-md .navbar-brand { display: block; float: none; margin-top: .5rem; margin-right: 0; } .navbar-toggleable-md .navbar-nav { margin-top: .5rem; margin-bottom: .5rem; } .navbar-toggleable-md .navbar-nav .dropdown-menu { position: static; float: none; } } @media (min-width: 992px) { .navbar-toggleable-md { display: block; } } .navbar-toggleable-lg::after { content: ""; display: table; clear: both; } @media (max-width: 1199px) { .navbar-toggleable-lg .navbar-brand { display: block; float: none; margin-top: .5rem; margin-right: 0; } .navbar-toggleable-lg .navbar-nav { margin-top: .5rem; margin-bottom: .5rem; } .navbar-toggleable-lg .navbar-nav .dropdown-menu { position: static; float: none; } } @media (min-width: 1200px) { .navbar-toggleable-lg { display: block; } } .navbar-toggleable-xl::after { content: ""; display: table; clear: both; } @media (max-width: 1399px) { .navbar-toggleable-xl .navbar-brand { display: block; float: none; margin-top: .5rem; margin-right: 0; } .navbar-toggleable-xl .navbar-nav { margin-top: .5rem; margin-bottom: .5rem; } .navbar-toggleable-xl .navbar-nav .dropdown-menu { position: static; float: none; } } @media (min-width: 1400px) { .navbar-toggleable-xl { display: block; } } .navbar-toggleable-xxl::after { content: ""; display: table; clear: both; } @media (max-width: 1549px) { .navbar-toggleable-xxl .navbar-brand { display: block; float: none; margin-top: .5rem; margin-right: 0; } .navbar-toggleable-xxl .navbar-nav { margin-top: .5rem; margin-bottom: .5rem; } .navbar-toggleable-xxl .navbar-nav .dropdown-menu { position: static; float: none; } } @media (min-width: 1550px) { .navbar-toggleable-xxl { display: block; } } .navbar-toggleable-xxxl::after { content: ""; display: table; clear: both; } @media (max-width: 1779px) { .navbar-toggleable-xxxl .navbar-brand { display: block; float: none; margin-top: .5rem; margin-right: 0; } .navbar-toggleable-xxxl .navbar-nav { margin-top: .5rem; margin-bottom: .5rem; } .navbar-toggleable-xxxl .navbar-nav .dropdown-menu { position: static; float: none; } } @media (min-width: 1780px) { .navbar-toggleable-xxxl { display: block; } } .navbar-toggleable-xxxxl { display: block; } .navbar-toggleable-xxxxl::after { content: ""; display: table; clear: both; } .navbar-toggleable-xxxxl .navbar-brand { display: block; float: none; margin-top: .5rem; margin-right: 0; } .navbar-toggleable-xxxxl .navbar-nav { margin-top: .5rem; margin-bottom: .5rem; } .navbar-toggleable-xxxxl .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-nav .nav-item { float: left; } .navbar-nav .nav-link { display: block; padding-top: .425rem; padding-bottom: .425rem; } .navbar-nav .nav-link + .nav-link { margin-left: 1rem; } .navbar-nav .nav-item + .nav-item { margin-left: 1rem; } .navbar-light .navbar-brand, .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active > .nav-link:focus, .navbar-light .navbar-nav .active > .nav-link:hover, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.open:focus, .navbar-light .navbar-nav .nav-link.open:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.active:focus, .navbar-light .navbar-nav .nav-link.active:hover { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=%270 0 32 32%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 8h24M4 16h24M4 24h24%27/%3E%3C/svg%3E"); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-divider { background-color: rgba(0, 0, 0, 0.075); } .navbar-dark .navbar-brand, .navbar-dark .navbar-toggler { color: white; } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-toggler:focus, .navbar-dark .navbar-toggler:hover { color: white; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .active > .nav-link:focus, .navbar-dark .navbar-nav .active > .nav-link:hover, .navbar-dark .navbar-nav .nav-link.open, .navbar-dark .navbar-nav .nav-link.open:focus, .navbar-dark .navbar-nav .nav-link.open:hover, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.active:focus, .navbar-dark .navbar-nav .nav-link.active:hover { color: white; } .navbar-dark .navbar-toggler { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=%270 0 32 32%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 8h24M4 16h24M4 24h24%27/%3E%3C/svg%3E"); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-divider { background-color: rgba(255, 255, 255, 0.075); } .navbar-toggleable-xs::after { content: ""; display: table; clear: both; } @media (max-width: 575px) { .navbar-toggleable-xs .navbar-nav .nav-item { float: none; margin-left: 0; } } @media (min-width: 576px) { .navbar-toggleable-xs { display: block !important; } } .navbar-toggleable-sm::after { content: ""; display: table; clear: both; } @media (max-width: 767px) { .navbar-toggleable-sm .navbar-nav .nav-item { float: none; margin-left: 0; } } @media (min-width: 768px) { .navbar-toggleable-sm { display: block !important; } } .navbar-toggleable-md::after { content: ""; display: table; clear: both; } @media (max-width: 991px) { .navbar-toggleable-md .navbar-nav .nav-item { float: none; margin-left: 0; } } @media (min-width: 992px) { .navbar-toggleable-md { display: block !important; } } .card { position: relative; display: block; margin-bottom: 0.75rem; background-color: #fff; border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.125); } .card-block { padding: 1.25rem; } .card-block::after { content: ""; display: table; clear: both; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card > .list-group:first-child .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: #f5f5f5; border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header::after { content: ""; display: table; clear: both; } .card-header:first-child { border-radius: calc(0 - 1px) calc(0 - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: #f5f5f5; border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer::after { content: ""; display: table; clear: both; } .card-footer:last-child { border-radius: 0 0 calc(0 - 1px) calc(0 - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-primary { background-color: #1e2d43; border-color: #1e2d43; } .card-primary .card-header, .card-primary .card-footer { background-color: transparent; } .card-success { background-color: #4cbb6c; border-color: #4cbb6c; } .card-success .card-header, .card-success .card-footer { background-color: transparent; } .card-info { background-color: #5bc0de; border-color: #5bc0de; } .card-info .card-header, .card-info .card-footer { background-color: transparent; } .card-warning { background-color: #ff9a52; border-color: #ff9a52; } .card-warning .card-header, .card-warning .card-footer { background-color: transparent; } .card-danger { background-color: #ff4c4c; border-color: #ff4c4c; } .card-danger .card-header, .card-danger .card-footer { background-color: transparent; } .card-outline-primary { background-color: transparent; border-color: #1e2d43; } .card-outline-secondary { background-color: transparent; border-color: transparent; } .card-outline-info { background-color: transparent; border-color: #5bc0de; } .card-outline-success { background-color: transparent; border-color: #4cbb6c; } .card-outline-warning { background-color: transparent; border-color: #ff9a52; } .card-outline-danger { background-color: transparent; border-color: #ff4c4c; } .card-inverse .card-header, .card-inverse .card-footer { border-color: rgba(255, 255, 255, 0.2); } .card-inverse .card-header, .card-inverse .card-footer, .card-inverse .card-title, .card-inverse .card-blockquote { color: #fff; } .card-inverse .card-link, .card-inverse .card-text, .card-inverse .card-subtitle, .card-inverse .card-blockquote .blockquote-footer { color: rgba(255, 255, 255, 0.65); } .card-inverse .card-link:focus, .card-inverse .card-link:hover { color: #fff; } .card-blockquote { padding: 0; margin-bottom: 0; border-left: 0; } .card-img { border-radius: calc(0 - 1px); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img-top { border-top-right-radius: calc(0 - 1px); border-top-left-radius: calc(0 - 1px); } .card-img-bottom { border-bottom-right-radius: calc(0 - 1px); border-bottom-left-radius: calc(0 - 1px); } @media (min-width: 576px) { .card-deck { display: table; width: 100%; margin-bottom: 0.75rem; table-layout: fixed; border-spacing: 1.25rem 0; } .card-deck .card { display: table-cell; margin-bottom: 0; vertical-align: top; } .card-deck-wrapper { margin-right: -1.25rem; margin-left: -1.25rem; } } @media (min-width: 576px) { .card-group { display: table; width: 100%; table-layout: fixed; } .card-group .card { display: table-cell; vertical-align: top; } .card-group .card + .card { margin-left: 0; border-left: 0; } .card-group .card:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } .card-group .card:first-child .card-img-top { border-top-right-radius: 0; } .card-group .card:first-child .card-img-bottom { border-bottom-right-radius: 0; } .card-group .card:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .card-group .card:last-child .card-img-top { border-top-left-radius: 0; } .card-group .card:last-child .card-img-bottom { border-bottom-left-radius: 0; } .card-group .card:not(:first-child):not(:last-child) { border-radius: 0; } .card-group .card:not(:first-child):not(:last-child) .card-img-top, .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { border-radius: 0; } } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns .card { display: inline-block; width: 100%; } } .breadcrumb { padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #f6f6f6; border-radius: 0; } .breadcrumb::after { content: ""; display: table; clear: both; } .breadcrumb-item { float: left; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #f9f9f9; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #f9f9f9; } .pagination { display: inline-block; padding-left: 0; margin-top: 1rem; margin-bottom: 1rem; border-radius: 0; } .page-item { display: inline; } .page-item:first-child .page-link { margin-left: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } .page-item:last-child .page-link { border-bottom-right-radius: 0; border-top-right-radius: 0; } .page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover { z-index: 2; color: #fff; cursor: default; background-color: #1e2d43; border-color: #1e2d43; } .page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover { color: #f9f9f9; pointer-events: none; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .page-link { position: relative; float: left; padding: 0.5rem 0.75rem; margin-left: -1px; color: #1e2d43; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .page-link:focus, .page-link:hover { color: #060a0e; background-color: #f6f6f6; border-color: #ddd; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 0.9375rem; } .pagination-lg .page-item:first-child .page-link { border-bottom-left-radius: 0; border-top-left-radius: 0; } .pagination-lg .page-item:last-child .page-link { border-bottom-right-radius: 0; border-top-right-radius: 0; } .pagination-sm .page-link { padding: 0.275rem 0.75rem; font-size: 0.875rem; } .pagination-sm .page-item:first-child .page-link { border-bottom-left-radius: 0; border-top-left-radius: 0; } .pagination-sm .page-item:last-child .page-link { border-bottom-right-radius: 0; border-top-right-radius: 0; } .tag { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0; } .tag:empty { display: none; } .btn .tag { position: relative; top: -1px; } a.tag:focus, a.tag:hover { color: #fff; text-decoration: none; cursor: pointer; } .tag-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .tag-default { background-color: #f9f9f9; } .tag-default[href]:focus, .tag-default[href]:hover { background-color: #e0e0e0; } .tag-primary { background-color: #1e2d43; } .tag-primary[href]:focus, .tag-primary[href]:hover { background-color: #0e1520; } .tag-success { background-color: #4cbb6c; } .tag-success[href]:focus, .tag-success[href]:hover { background-color: #3a9a56; } .tag-info { background-color: #5bc0de; } .tag-info[href]:focus, .tag-info[href]:hover { background-color: #31b0d5; } .tag-warning { background-color: #ff9a52; } .tag-warning[href]:focus, .tag-warning[href]:hover { background-color: #ff7c1f; } .tag-danger { background-color: #ff4c4c; } .tag-danger[href]:focus, .tag-danger[href]:hover { background-color: #ff1919; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #f6f6f6; border-radius: 0; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-hr { border-top-color: #dddddd; } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0; } .alert-heading { color: inherit; } .alert-link { font-weight: bold; } .alert-dismissible { padding-right: 2.5rem; } .alert-dismissible .close { position: relative; top: -.125rem; right: -1.25rem; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d0e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c1e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bcdff1; color: #31708f; } .alert-info hr { border-top-color: #a6d5ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: rgba(255, 154, 82, 0.3); border-color: #ff9a52; color: #232323; } .alert-warning hr { border-top-color: #ff8b39; } .alert-warning .alert-link { color: #0a0a0a; } .alert-danger { background-color: #f2dede; border-color: #ebcccc; color: #a94442; } .alert-danger hr { border-top-color: #e4b9b9; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: block; width: 100%; height: 1rem; margin-bottom: 1rem; } .progress[value] { background-color: #eee; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } .progress[value]::-ms-fill { background-color: #0074d9; border: 0; } .progress[value]::-moz-progress-bar { background-color: #0074d9; border-bottom-left-radius: 0; border-top-left-radius: 0; } .progress[value]::-webkit-progress-value { background-color: #0074d9; border-bottom-left-radius: 0; border-top-left-radius: 0; } .progress[value="100"]::-moz-progress-bar { border-bottom-right-radius: 0; border-top-right-radius: 0; } .progress[value="100"]::-webkit-progress-value { border-bottom-right-radius: 0; border-top-right-radius: 0; } .progress[value]::-webkit-progress-bar { background-color: #eee; border-radius: 0; } base::-moz-progress-bar, .progress[value] { background-color: #eee; border-radius: 0; } @media screen and (min-width: 0\0) { .progress { background-color: #eee; border-radius: 0; } .progress-bar { display: inline-block; height: 1rem; text-indent: -999rem; background-color: #0074d9; border-bottom-left-radius: 0; border-top-left-radius: 0; } .progress[width="100%"] { border-bottom-right-radius: 0; border-top-right-radius: 0; } } .progress-striped[value]::-webkit-progress-value { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-striped[value]::-moz-progress-bar { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-striped[value]::-ms-fill { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } @media screen and (min-width: 0\0) { .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } } .progress-animated[value]::-webkit-progress-value { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-animated[value]::-moz-progress-bar { animation: progress-bar-stripes 2s linear infinite; } @media screen and (min-width: 0\0) { .progress-animated .progress-bar-striped { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } } .progress-success[value]::-webkit-progress-value { background-color: #4cbb6c; } .progress-success[value]::-moz-progress-bar { background-color: #4cbb6c; } .progress-success[value]::-ms-fill { background-color: #4cbb6c; } @media screen and (min-width: 0\0) { .progress-success .progress-bar { background-color: #4cbb6c; } } .progress-info[value]::-webkit-progress-value { background-color: #5bc0de; } .progress-info[value]::-moz-progress-bar { background-color: #5bc0de; } .progress-info[value]::-ms-fill { background-color: #5bc0de; } @media screen and (min-width: 0\0) { .progress-info .progress-bar { background-color: #5bc0de; } } .progress-warning[value]::-webkit-progress-value { background-color: #ff9a52; } .progress-warning[value]::-moz-progress-bar { background-color: #ff9a52; } .progress-warning[value]::-ms-fill { background-color: #ff9a52; } @media screen and (min-width: 0\0) { .progress-warning .progress-bar { background-color: #ff9a52; } } .progress-danger[value]::-webkit-progress-value { background-color: #ff4c4c; } .progress-danger[value]::-moz-progress-bar { background-color: #ff4c4c; } .progress-danger[value]::-ms-fill { background-color: #ff4c4c; } @media screen and (min-width: 0\0) { .progress-danger .progress-bar { background-color: #ff4c4c; } } .media, .media-body { overflow: hidden; } .media-body { width: 10000px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right { padding-left: 10px; } .media-left { padding-right: 10px; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 0; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { color: #f9f9f9; cursor: not-allowed; background-color: #f6f6f6; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #f9f9f9; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; text-decoration: none; background-color: #1e2d43; border-color: #1e2d43; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #6f8fbe; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-item-action { width: 100%; color: #555; text-align: inherit; } .list-group-item-action .list-group-item-heading { color: #333; } .list-group-item-action:focus, .list-group-item-action:hover { color: #555; text-decoration: none; background-color: #f5f5f5; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .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 { padding-bottom: 42.85714%; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .embed-responsive-1by1 { padding-bottom: 100%; } .close { float: right; font-size: 1.5rem; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header::after { content: ""; display: table; clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.5; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer::after { content: ""; display: table; clear: both; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 600px; margin: 30px auto; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.in { opacity: 0.9; } .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { padding: 5px 0; margin-top: -3px; } .tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before { bottom: 0; left: 50%; margin-left: -5px; content: ""; border-width: 5px 5px 0; border-top-color: #ff4c4c; } .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { padding: 0 5px; margin-left: 3px; } .tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before { top: 50%; left: 0; margin-top: -5px; content: ""; border-width: 5px 5px 5px 0; border-right-color: #ff4c4c; } .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { padding: 5px 0; margin-top: 3px; } .tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before { top: 0; left: 50%; margin-left: -5px; content: ""; border-width: 0 5px 5px; border-bottom-color: #ff4c4c; } .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { padding: 0 5px; margin-left: -3px; } .tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before { top: 50%; right: 0; margin-top: -5px; content: ""; border-width: 5px 0 5px 5px; border-left-color: #ff4c4c; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #ff4c4c; border-radius: 0; } .tooltip-inner::before { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; padding: 1px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; } .popover.popover-top, .popover.bs-tether-element-attached-bottom { margin-top: -10px; } .popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after { left: 50%; border-bottom-width: 0; } .popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before { bottom: -11px; margin-left: -11px; border-top-color: rgba(0, 0, 0, 0.25); } .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after { bottom: -10px; margin-left: -10px; border-top-color: #fff; } .popover.popover-right, .popover.bs-tether-element-attached-left { margin-left: 10px; } .popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after { top: 50%; border-left-width: 0; } .popover.popover-right::before, .popover.bs-tether-element-attached-left::before { left: -11px; margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); } .popover.popover-right::after, .popover.bs-tether-element-attached-left::after { left: -10px; margin-top: -10px; border-right-color: #fff; } .popover.popover-bottom, .popover.bs-tether-element-attached-top { margin-top: 10px; } .popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after { left: 50%; border-top-width: 0; } .popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before { top: -11px; margin-left: -11px; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after { top: -10px; margin-left: -10px; border-bottom-color: #f7f7f7; } .popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before { position: absolute; top: 0; left: 50%; display: block; width: 20px; margin-left: -10px; content: ""; border-bottom: 1px solid #f7f7f7; } .popover.popover-left, .popover.bs-tether-element-attached-right { margin-left: -10px; } .popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after { top: 50%; border-right-width: 0; } .popover.popover-left::before, .popover.bs-tether-element-attached-right::before { right: -11px; margin-top: -11px; border-left-color: rgba(0, 0, 0, 0.25); } .popover.popover-left::after, .popover.bs-tether-element-attached-right::after { right: -10px; margin-top: -10px; border-left-color: #fff; } .popover-title { padding: 8px 14px; margin: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: -0.0625 -0.0625 0 0; } .popover-title:empty { display: none; } .popover-content { padding: 9px 14px; } .popover::before, .popover::after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover::before { content: ""; border-width: 11px; } .popover::after { content: ""; border-width: 10px; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .carousel-item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .carousel-item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.5; } .carousel-control.left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { right: 0; left: auto; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control .icon-prev, .carousel-control .icon-next { position: absolute; top: 50%; z-index: 5; display: inline-block; width: 20px; height: 20px; margin-top: -10px; font-family: serif; line-height: 1; } .carousel-control .icon-prev { left: 50%; margin-left: -10px; } .carousel-control .icon-next { right: 50%; margin-right: -10px; } .carousel-control .icon-prev::before { content: "\2039"; } .carousel-control .icon-next::before { content: "\203a"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media (min-width: 576px) { .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .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-faded { background-color: #f7f7f9; } .bg-primary { background-color: #1e2d43 !important; } a.bg-primary:focus, a.bg-primary:hover { background-color: #0e1520 !important; } .bg-success { background-color: #4cbb6c !important; } a.bg-success:focus, a.bg-success:hover { background-color: #3a9a56 !important; } .bg-info { background-color: #5bc0de !important; } a.bg-info:focus, a.bg-info:hover { background-color: #31b0d5 !important; } .bg-warning { background-color: #ff9a52 !important; } a.bg-warning:focus, a.bg-warning:hover { background-color: #ff7c1f !important; } .bg-danger { background-color: #ff4c4c !important; } a.bg-danger:focus, a.bg-danger:hover { background-color: #ff1919 !important; } .bg-inverse { background-color: #363a42 !important; } a.bg-inverse:focus, a.bg-inverse:hover { background-color: #1f2126 !important; } .rounded { border-radius: 0; } .rounded-top { border-top-right-radius: 0; border-top-left-radius: 0; } .rounded-right { border-bottom-right-radius: 0; border-top-right-radius: 0; } .rounded-bottom { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .rounded-left { border-bottom-left-radius: 0; border-top-left-radius: 0; } .rounded-circle { border-radius: 50%; } .clearfix::after { content: ""; display: table; clear: both; } .d-block { display: block !important; } .d-inline-block { display: inline-block !important; } .d-inline { display: inline !important; } .float-xs-left { float: left !important; } .float-xs-right { float: right !important; } .float-xs-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 1400px) { .float-xxl-left { float: left !important; } .float-xxl-right { float: right !important; } .float-xxl-none { float: none !important; } } @media (min-width: 1550px) { .float-xxxl-left { float: left !important; } .float-xxxl-right { float: right !important; } .float-xxxl-none { float: none !important; } } @media (min-width: 1780px) { .float-xxxxl-left { float: left !important; } .float-xxxxl-right { float: right !important; } .float-xxxxl-none { float: none !important; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .w-100 { width: 100% !important; } .h-100 { height: 100% !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .m-0 { margin: 0 0 !important; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-1 { margin: 1rem 1rem !important; } .mt-1 { margin-top: 1rem !important; } .mr-1 { margin-right: 1rem !important; } .mb-1 { margin-bottom: 1rem !important; } .ml-1 { margin-left: 1rem !important; } .mx-1 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-2 { margin: 1.5rem 1.5rem !important; } .mt-2 { margin-top: 1.5rem !important; } .mr-2 { margin-right: 1.5rem !important; } .mb-2 { margin-bottom: 1.5rem !important; } .ml-2 { margin-left: 1.5rem !important; } .mx-2 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-2 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-3 { margin: 3rem 3rem !important; } .mt-3 { margin-top: 3rem !important; } .mr-3 { margin-right: 3rem !important; } .mb-3 { margin-bottom: 3rem !important; } .ml-3 { margin-left: 3rem !important; } .mx-3 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-0 { padding: 0 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-1 { padding: 1rem 1rem !important; } .pt-1 { padding-top: 1rem !important; } .pr-1 { padding-right: 1rem !important; } .pb-1 { padding-bottom: 1rem !important; } .pl-1 { padding-left: 1rem !important; } .px-1 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-2 { padding: 1.5rem 1.5rem !important; } .pt-2 { padding-top: 1.5rem !important; } .pr-2 { padding-right: 1.5rem !important; } .pb-2 { padding-bottom: 1.5rem !important; } .pl-2 { padding-left: 1.5rem !important; } .px-2 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-2 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-3 { padding: 3rem 3rem !important; } .pt-3 { padding-top: 3rem !important; } .pr-3 { padding-right: 3rem !important; } .pb-3 { padding-bottom: 3rem !important; } .pl-3 { padding-left: 3rem !important; } .px-3 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pos-f-t { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-xs-left { text-align: left !important; } .text-xs-right { text-align: right !important; } .text-xs-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1550px) { .text-xxxl-left { text-align: left !important; } .text-xxxl-right { text-align: right !important; } .text-xxxl-center { text-align: center !important; } } @media (min-width: 1780px) { .text-xxxxl-left { text-align: left !important; } .text-xxxxl-right { text-align: right !important; } .text-xxxxl-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-normal { font-weight: normal; } .font-weight-bold { font-weight: bold; } .font-italic { font-style: italic; } .text-white { color: #fff !important; } .text-muted { color: #7a7a7a !important; } a.text-muted:focus, a.text-muted:hover { color: #616161 !important; } .text-primary { color: #1e2d43 !important; } a.text-primary:focus, a.text-primary:hover { color: #0e1520 !important; } .text-success { color: #4cbb6c !important; } a.text-success:focus, a.text-success:hover { color: #3a9a56 !important; } .text-info { color: #5bc0de !important; } a.text-info:focus, a.text-info:hover { color: #31b0d5 !important; } .text-warning { color: #ff9a52 !important; } a.text-warning:focus, a.text-warning:hover { color: #ff7c1f !important; } .text-danger { color: #ff4c4c !important; } a.text-danger:focus, a.text-danger:hover { color: #ff1919 !important; } .text-gray-dark { color: #363a42 !important; } a.text-gray-dark:focus, a.text-gray-dark:hover { color: #1f2126 !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .invisible { visibility: hidden !important; } .hidden-xs-up { display: none !important; } @media (max-width: 575px) { .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } @media (max-width: 1399px) { .hidden-xl-down { display: none !important; } } @media (min-width: 1400px) { .hidden-xxl-up { display: none !important; } } @media (max-width: 1549px) { .hidden-xxl-down { display: none !important; } } @media (min-width: 1550px) { .hidden-xxxl-up { display: none !important; } } @media (max-width: 1779px) { .hidden-xxxl-down { display: none !important; } } @media (min-width: 1780px) { .hidden-xxxxl-up { display: none !important; } } .hidden-xxxxl-down { display: none !important; } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* ---- FLEXBOX PROPERTY ---- */ /* ----------- RL ----------- */ /* ---- GRID PROPERTY ---- */ /* --------- Léo --------- */ /* ---- MASK ---- */ /* --------- Chris --------- */ /* ---- BOOTS4 ---- */ /* ---- CONTAINER/ROW/COL/OFFSET ---- */ .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-xxxl, .container-xxxxl, .container-xxxxxl, .container-fluid { --gx: 1.5rem; --gy: 0; width: 100%; padding-right: calc(var(--gx) * 0.5); padding-left: calc(var(--gx) * 0.5); margin-left: auto; margin-right: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; --gx: 1.5rem; --gy: 0; margin-top: calc(-1 * var(--gy)); margin-right: calc(-0.5 * var(--gx)); margin-left: calc(-0.5 * var(--gx)); } .row > * { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: calc(var(--gx) * 0.5); padding-left: calc(var(--gx) * 0.5); margin-top: var(--gy); } .col { -webkit-box: 1; -moz-box: 1; -ms-flex: 1 0 0; -webkit-box-flex: 1; flex: 1 0 0; max-width: 100%; } /* --------------- RL --------------- */ /* ---- CONTAINER/ROW/COL/OFFSET ---- */ .col-0 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 0%; -webkit-box-flex: 0; flex: 0 0 0%; max-width: 0%; } .col-xs-0 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 0%; -webkit-box-flex: 0; flex: 0 0 0%; max-width: 0%; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .offset-0, .col-offset-0 { margin-left: 0%; } .col-1 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 8.33333%; -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xs-1 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 8.33333%; -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .offset-1, .col-offset-1 { margin-left: 8.33333%; } .col-2 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 16.66667%; -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xs-2 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 16.66667%; -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .offset-2, .col-offset-2 { margin-left: 16.66667%; } .col-3 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-xs-3 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .offset-3, .col-offset-3 { margin-left: 25%; } .col-4 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xs-4 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .offset-4, .col-offset-4 { margin-left: 33.33333%; } .col-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 41.66667%; -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xs-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 41.66667%; -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .offset-5, .col-offset-5 { margin-left: 41.66667%; } .col-6 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-xs-6 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .offset-6, .col-offset-6 { margin-left: 50%; } .col-7 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 58.33333%; -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xs-7 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 58.33333%; -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .offset-7, .col-offset-7 { margin-left: 58.33333%; } .col-8 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 66.66667%; -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xs-8 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 66.66667%; -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .offset-8, .col-offset-8 { margin-left: 66.66667%; } .col-9 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-xs-9 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .offset-9, .col-offset-9 { margin-left: 75%; } .col-10 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 83.33333%; -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xs-10 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 83.33333%; -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .offset-10, .col-offset-10 { margin-left: 83.33333%; } .col-11 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 91.66667%; -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xs-11 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 91.66667%; -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .offset-11, .col-offset-11 { margin-left: 91.66667%; } .col-12 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .col-xs-12 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } /* --------------- RL --------------- */ /* ---- DISPLAY ---- */ .d-block { display: block; } .d-inline-block { display: inline-block; } .d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .d-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /* ---- FLEX PROPERTY ---- */ .flex-direction-row { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; } .flex-direction-row-reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-direction-column { -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .flex-direction-column-reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .justify-content-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-content-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-around { -ms-flex-pack: distribute; justify-content: space-around; } .align-items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align-items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-wrap-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-nowrap { -ms-flex-wrap: none; flex-wrap: nowrap; } /* --------- Léo --------- */ .d-grid { display: -ms-grid; display: grid; } .d-none { display: none; } /* ------ Chris ------ */ /* ---- 5 COLUMNS LAYOUT ---- */ .col-1-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .col-2-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 40%; -webkit-box-flex: 0; flex: 0 0 40%; max-width: 40%; } /* --------------- RL --------------- */ .mt-0 { margin-top: 0rem !important; } .mt-1 { margin-top: 0.75rem !important; } .mt-2 { margin-top: 1.5rem !important; } .mt-3 { margin-top: 2.25rem !important; } .mt-4 { margin-top: 3rem !important; } .mt-5 { margin-top: 3.75rem !important; } .mt-6 { margin-top: 4.5rem !important; } .mt-7 { margin-top: 5.25rem !important; } .mt-8 { margin-top: 6rem !important; } .mt-9 { margin-top: 6.75rem !important; } .mt-10 { margin-top: 7.5rem !important; } .mt-11 { margin-top: 8.25rem !important; } .mt-12 { margin-top: 9rem !important; } .mt-13 { margin-top: 9.75rem !important; } .mt-14 { margin-top: 10.5rem !important; } .mt-15 { margin-top: 11.25rem !important; } .mt-auto { margin-top: auto; } @media (min-width: 576px) { .mt-sm-auto { margin-top: auto; } } @media (min-width: 768px) { .mt-md-auto { margin-top: auto; } } @media (min-width: 992px) { .mt-lg-auto { margin-top: auto; } } @media (min-width: 1200px) { .mt-xl-auto { margin-top: auto; } } @media (min-width: 1400px) { .mt-xxl-auto { margin-top: auto; } } @media (min-width: 1550px) { .mt-xxxl-auto { margin-top: auto; } } @media (min-width: 1780px) { .mt-xxxxl-auto { margin-top: auto; } } @media (min-width: 1920px) { .mt-xxxxxl-auto { margin-top: auto; } } .mb-0 { margin-bottom: 0rem !important; } .mb-1 { margin-bottom: 0.75rem !important; } .mb-2 { margin-bottom: 1.5rem !important; } .mb-3 { margin-bottom: 2.25rem !important; } .mb-4 { margin-bottom: 3rem !important; } .mb-5 { margin-bottom: 3.75rem !important; } .mb-6 { margin-bottom: 4.5rem !important; } .mb-7 { margin-bottom: 5.25rem !important; } .mb-8 { margin-bottom: 6rem !important; } .mb-9 { margin-bottom: 6.75rem !important; } .mb-10 { margin-bottom: 7.5rem !important; } .mb-11 { margin-bottom: 8.25rem !important; } .mb-12 { margin-bottom: 9rem !important; } .mb-13 { margin-bottom: 9.75rem !important; } .mb-14 { margin-bottom: 10.5rem !important; } .mb-15 { margin-bottom: 11.25rem !important; } .mb-auto { margin-bottom: auto; } @media (min-width: 576px) { .mb-sm-auto { margin-bottom: auto; } } @media (min-width: 768px) { .mb-md-auto { margin-bottom: auto; } } @media (min-width: 992px) { .mb-lg-auto { margin-bottom: auto; } } @media (min-width: 1200px) { .mb-xl-auto { margin-bottom: auto; } } @media (min-width: 1400px) { .mb-xxl-auto { margin-bottom: auto; } } @media (min-width: 1550px) { .mb-xxxl-auto { margin-bottom: auto; } } @media (min-width: 1780px) { .mb-xxxxl-auto { margin-bottom: auto; } } @media (min-width: 1920px) { .mb-xxxxxl-auto { margin-bottom: auto; } } .ml-0 { margin-left: 0rem !important; } .ml-1 { margin-left: 0.75rem !important; } .ml-2 { margin-left: 1.5rem !important; } .ml-3 { margin-left: 2.25rem !important; } .ml-4 { margin-left: 3rem !important; } .ml-5 { margin-left: 3.75rem !important; } .ml-6 { margin-left: 4.5rem !important; } .ml-7 { margin-left: 5.25rem !important; } .ml-8 { margin-left: 6rem !important; } .ml-9 { margin-left: 6.75rem !important; } .ml-10 { margin-left: 7.5rem !important; } .ml-11 { margin-left: 8.25rem !important; } .ml-12 { margin-left: 9rem !important; } .ml-13 { margin-left: 9.75rem !important; } .ml-14 { margin-left: 10.5rem !important; } .ml-15 { margin-left: 11.25rem !important; } .ml-auto { margin-left: auto; } @media (min-width: 576px) { .ml-sm-auto { margin-left: auto; } } @media (min-width: 768px) { .ml-md-auto { margin-left: auto; } } @media (min-width: 992px) { .ml-lg-auto { margin-left: auto; } } @media (min-width: 1200px) { .ml-xl-auto { margin-left: auto; } } @media (min-width: 1400px) { .ml-xxl-auto { margin-left: auto; } } @media (min-width: 1550px) { .ml-xxxl-auto { margin-left: auto; } } @media (min-width: 1780px) { .ml-xxxxl-auto { margin-left: auto; } } @media (min-width: 1920px) { .ml-xxxxxl-auto { margin-left: auto; } } .mr-0 { margin-right: 0rem !important; } .mr-1 { margin-right: 0.75rem !important; } .mr-2 { margin-right: 1.5rem !important; } .mr-3 { margin-right: 2.25rem !important; } .mr-4 { margin-right: 3rem !important; } .mr-5 { margin-right: 3.75rem !important; } .mr-6 { margin-right: 4.5rem !important; } .mr-7 { margin-right: 5.25rem !important; } .mr-8 { margin-right: 6rem !important; } .mr-9 { margin-right: 6.75rem !important; } .mr-10 { margin-right: 7.5rem !important; } .mr-11 { margin-right: 8.25rem !important; } .mr-12 { margin-right: 9rem !important; } .mr-13 { margin-right: 9.75rem !important; } .mr-14 { margin-right: 10.5rem !important; } .mr-15 { margin-right: 11.25rem !important; } .mr-auto { margin-right: auto; } @media (min-width: 576px) { .mr-sm-auto { margin-right: auto; } } @media (min-width: 768px) { .mr-md-auto { margin-right: auto; } } @media (min-width: 992px) { .mr-lg-auto { margin-right: auto; } } @media (min-width: 1200px) { .mr-xl-auto { margin-right: auto; } } @media (min-width: 1400px) { .mr-xxl-auto { margin-right: auto; } } @media (min-width: 1550px) { .mr-xxxl-auto { margin-right: auto; } } @media (min-width: 1780px) { .mr-xxxxl-auto { margin-right: auto; } } @media (min-width: 1920px) { .mr-xxxxxl-auto { margin-right: auto; } } .mx-0 { margin-left: 0rem; margin-right: 0rem; } .mx-1 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-2 { margin-left: 1.5rem; margin-right: 1.5rem; } .mx-3 { margin-left: 2.25rem; margin-right: 2.25rem; } .mx-4 { margin-left: 3rem; margin-right: 3rem; } .mx-5 { margin-left: 3.75rem; margin-right: 3.75rem; } .mx-6 { margin-left: 4.5rem; margin-right: 4.5rem; } .mx-7 { margin-left: 5.25rem; margin-right: 5.25rem; } .mx-8 { margin-left: 6rem; margin-right: 6rem; } .mx-9 { margin-left: 6.75rem; margin-right: 6.75rem; } .mx-10 { margin-left: 7.5rem; margin-right: 7.5rem; } .mx-11 { margin-left: 8.25rem; margin-right: 8.25rem; } .mx-12 { margin-left: 9rem; margin-right: 9rem; } .mx-13 { margin-left: 9.75rem; margin-right: 9.75rem; } .mx-14 { margin-left: 10.5rem; margin-right: 10.5rem; } .mx-15 { margin-left: 11.25rem; margin-right: 11.25rem; } .mx-auto { margin-left: auto; margin-right: auto; } @media (min-width: 576px) { .mx-sm-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .mx-md-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 992px) { .mx-lg-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) { .mx-xl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1400px) { .mx-xxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1550px) { .mx-xxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1780px) { .mx-xxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1920px) { .mx-xxxxxl-auto { margin-left: auto; margin-right: auto; } } .my-0 { margin-top: 0rem; margin-bottom: 0rem; } .my-1 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-2 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-3 { margin-top: 2.25rem; margin-bottom: 2.25rem; } .my-4 { margin-top: 3rem; margin-bottom: 3rem; } .my-5 { margin-top: 3.75rem; margin-bottom: 3.75rem; } .my-6 { margin-top: 4.5rem; margin-bottom: 4.5rem; } .my-7 { margin-top: 5.25rem; margin-bottom: 5.25rem; } .my-8 { margin-top: 6rem; margin-bottom: 6rem; } .my-9 { margin-top: 6.75rem; margin-bottom: 6.75rem; } .my-10 { margin-top: 7.5rem; margin-bottom: 7.5rem; } .my-11 { margin-top: 8.25rem; margin-bottom: 8.25rem; } .my-12 { margin-top: 9rem; margin-bottom: 9rem; } .my-13 { margin-top: 9.75rem; margin-bottom: 9.75rem; } .my-14 { margin-top: 10.5rem; margin-bottom: 10.5rem; } .my-15 { margin-top: 11.25rem; margin-bottom: 11.25rem; } .my-auto { margin-top: auto; margin-bottom: auto; } @media (min-width: 576px) { .my-sm-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 768px) { .my-md-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 992px) { .my-lg-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1200px) { .my-xl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1400px) { .my-xxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1550px) { .my-xxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1780px) { .my-xxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1920px) { .my-xxxxxl-auto { margin-top: auto; margin-bottom: auto; } } .m-0 { margin: 0rem !important; } .m-1 { margin: 0.75rem !important; } .m-2 { margin: 1.5rem !important; } .m-3 { margin: 2.25rem !important; } .m-4 { margin: 3rem !important; } .m-5 { margin: 3.75rem !important; } .m-6 { margin: 4.5rem !important; } .m-7 { margin: 5.25rem !important; } .m-8 { margin: 6rem !important; } .m-9 { margin: 6.75rem !important; } .m-10 { margin: 7.5rem !important; } .m-11 { margin: 8.25rem !important; } .m-12 { margin: 9rem !important; } .m-13 { margin: 9.75rem !important; } .m-14 { margin: 10.5rem !important; } .m-15 { margin: 11.25rem !important; } .m-auto { margin: auto; } @media (min-width: 576px) { .m-sm-auto { margin: auto; } } @media (min-width: 768px) { .m-md-auto { margin: auto; } } @media (min-width: 992px) { .m-lg-auto { margin: auto; } } @media (min-width: 1200px) { .m-xl-auto { margin: auto; } } @media (min-width: 1400px) { .m-xxl-auto { margin: auto; } } @media (min-width: 1550px) { .m-xxxl-auto { margin: auto; } } @media (min-width: 1780px) { .m-xxxxl-auto { margin: auto; } } @media (min-width: 1920px) { .m-xxxxxl-auto { margin: auto; } } .pt-0 { padding-top: 0rem; } .pt-xs-0 { padding-top: 0rem; } .pt-1 { padding-top: 0.75rem; } .pt-xs-1 { padding-top: 0.75rem; } .pt-2 { padding-top: 1.5rem; } .pt-xs-2 { padding-top: 1.5rem; } .pt-3 { padding-top: 2.25rem; } .pt-xs-3 { padding-top: 2.25rem; } .pt-4 { padding-top: 3rem; } .pt-xs-4 { padding-top: 3rem; } .pt-5 { padding-top: 3.75rem; } .pt-xs-5 { padding-top: 3.75rem; } .pt-6 { padding-top: 4.5rem; } .pt-xs-6 { padding-top: 4.5rem; } .pt-7 { padding-top: 5.25rem; } .pt-xs-7 { padding-top: 5.25rem; } .pt-8 { padding-top: 6rem; } .pt-xs-8 { padding-top: 6rem; } .pt-9 { padding-top: 6.75rem; } .pt-xs-9 { padding-top: 6.75rem; } .pt-10 { padding-top: 7.5rem; } .pt-xs-10 { padding-top: 7.5rem; } .pt-11 { padding-top: 8.25rem; } .pt-xs-11 { padding-top: 8.25rem; } .pt-12 { padding-top: 9rem; } .pt-xs-12 { padding-top: 9rem; } .pt-13 { padding-top: 9.75rem; } .pt-xs-13 { padding-top: 9.75rem; } .pt-14 { padding-top: 10.5rem; } .pt-xs-14 { padding-top: 10.5rem; } .pt-15 { padding-top: 11.25rem; } .pt-xs-15 { padding-top: 11.25rem; } .pb-0 { padding-bottom: 0rem; } .pb-xs-0 { padding-bottom: 0rem; } .pb-1 { padding-bottom: 0.75rem; } .pb-xs-1 { padding-bottom: 0.75rem; } .pb-2 { padding-bottom: 1.5rem; } .pb-xs-2 { padding-bottom: 1.5rem; } .pb-3 { padding-bottom: 2.25rem; } .pb-xs-3 { padding-bottom: 2.25rem; } .pb-4 { padding-bottom: 3rem; } .pb-xs-4 { padding-bottom: 3rem; } .pb-5 { padding-bottom: 3.75rem; } .pb-xs-5 { padding-bottom: 3.75rem; } .pb-6 { padding-bottom: 4.5rem; } .pb-xs-6 { padding-bottom: 4.5rem; } .pb-7 { padding-bottom: 5.25rem; } .pb-xs-7 { padding-bottom: 5.25rem; } .pb-8 { padding-bottom: 6rem; } .pb-xs-8 { padding-bottom: 6rem; } .pb-9 { padding-bottom: 6.75rem; } .pb-xs-9 { padding-bottom: 6.75rem; } .pb-10 { padding-bottom: 7.5rem; } .pb-xs-10 { padding-bottom: 7.5rem; } .pb-11 { padding-bottom: 8.25rem; } .pb-xs-11 { padding-bottom: 8.25rem; } .pb-12 { padding-bottom: 9rem; } .pb-xs-12 { padding-bottom: 9rem; } .pb-13 { padding-bottom: 9.75rem; } .pb-xs-13 { padding-bottom: 9.75rem; } .pb-14 { padding-bottom: 10.5rem; } .pb-xs-14 { padding-bottom: 10.5rem; } .pb-15 { padding-bottom: 11.25rem; } .pb-xs-15 { padding-bottom: 11.25rem; } .pl-0 { padding-left: 0rem; } .pl-xs-0 { padding-left: 0rem; } .pl-1 { padding-left: 0.75rem; } .pl-xs-1 { padding-left: 0.75rem; } .pl-2 { padding-left: 1.5rem; } .pl-xs-2 { padding-left: 1.5rem; } .pl-3 { padding-left: 2.25rem; } .pl-xs-3 { padding-left: 2.25rem; } .pl-4 { padding-left: 3rem; } .pl-xs-4 { padding-left: 3rem; } .pl-5 { padding-left: 3.75rem; } .pl-xs-5 { padding-left: 3.75rem; } .pl-6 { padding-left: 4.5rem; } .pl-xs-6 { padding-left: 4.5rem; } .pl-7 { padding-left: 5.25rem; } .pl-xs-7 { padding-left: 5.25rem; } .pl-8 { padding-left: 6rem; } .pl-xs-8 { padding-left: 6rem; } .pl-9 { padding-left: 6.75rem; } .pl-xs-9 { padding-left: 6.75rem; } .pl-10 { padding-left: 7.5rem; } .pl-xs-10 { padding-left: 7.5rem; } .pl-11 { padding-left: 8.25rem; } .pl-xs-11 { padding-left: 8.25rem; } .pl-12 { padding-left: 9rem; } .pl-xs-12 { padding-left: 9rem; } .pl-13 { padding-left: 9.75rem; } .pl-xs-13 { padding-left: 9.75rem; } .pl-14 { padding-left: 10.5rem; } .pl-xs-14 { padding-left: 10.5rem; } .pl-15 { padding-left: 11.25rem; } .pl-xs-15 { padding-left: 11.25rem; } .pr-0 { padding-right: 0rem; } .pr-xs-0 { padding-right: 0rem; } .pr-1 { padding-right: 0.75rem; } .pr-xs-1 { padding-right: 0.75rem; } .pr-2 { padding-right: 1.5rem; } .pr-xs-2 { padding-right: 1.5rem; } .pr-3 { padding-right: 2.25rem; } .pr-xs-3 { padding-right: 2.25rem; } .pr-4 { padding-right: 3rem; } .pr-xs-4 { padding-right: 3rem; } .pr-5 { padding-right: 3.75rem; } .pr-xs-5 { padding-right: 3.75rem; } .pr-6 { padding-right: 4.5rem; } .pr-xs-6 { padding-right: 4.5rem; } .pr-7 { padding-right: 5.25rem; } .pr-xs-7 { padding-right: 5.25rem; } .pr-8 { padding-right: 6rem; } .pr-xs-8 { padding-right: 6rem; } .pr-9 { padding-right: 6.75rem; } .pr-xs-9 { padding-right: 6.75rem; } .pr-10 { padding-right: 7.5rem; } .pr-xs-10 { padding-right: 7.5rem; } .pr-11 { padding-right: 8.25rem; } .pr-xs-11 { padding-right: 8.25rem; } .pr-12 { padding-right: 9rem; } .pr-xs-12 { padding-right: 9rem; } .pr-13 { padding-right: 9.75rem; } .pr-xs-13 { padding-right: 9.75rem; } .pr-14 { padding-right: 10.5rem; } .pr-xs-14 { padding-right: 10.5rem; } .pr-15 { padding-right: 11.25rem; } .pr-xs-15 { padding-right: 11.25rem; } .px-0 { padding-left: 0rem; padding-right: 0rem; } .px-xs-0 { padding-left: 0rem; padding-right: 0rem; } .px-1 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-xs-1 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-2 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-xs-2 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-3 { padding-left: 2.25rem; padding-right: 2.25rem; } .px-xs-3 { padding-left: 2.25rem; padding-right: 2.25rem; } .px-4 { padding-left: 3rem; padding-right: 3rem; } .px-xs-4 { padding-left: 3rem; padding-right: 3rem; } .px-5 { padding-left: 3.75rem; padding-right: 3.75rem; } .px-xs-5 { padding-left: 3.75rem; padding-right: 3.75rem; } .px-6 { padding-left: 4.5rem; padding-right: 4.5rem; } .px-xs-6 { padding-left: 4.5rem; padding-right: 4.5rem; } .px-7 { padding-left: 5.25rem; padding-right: 5.25rem; } .px-xs-7 { padding-left: 5.25rem; padding-right: 5.25rem; } .px-8 { padding-left: 6rem; padding-right: 6rem; } .px-xs-8 { padding-left: 6rem; padding-right: 6rem; } .px-9 { padding-left: 6.75rem; padding-right: 6.75rem; } .px-xs-9 { padding-left: 6.75rem; padding-right: 6.75rem; } .px-10 { padding-left: 7.5rem; padding-right: 7.5rem; } .px-xs-10 { padding-left: 7.5rem; padding-right: 7.5rem; } .px-11 { padding-left: 8.25rem; padding-right: 8.25rem; } .px-xs-11 { padding-left: 8.25rem; padding-right: 8.25rem; } .px-12 { padding-left: 9rem; padding-right: 9rem; } .px-xs-12 { padding-left: 9rem; padding-right: 9rem; } .px-13 { padding-left: 9.75rem; padding-right: 9.75rem; } .px-xs-13 { padding-left: 9.75rem; padding-right: 9.75rem; } .px-14 { padding-left: 10.5rem; padding-right: 10.5rem; } .px-xs-14 { padding-left: 10.5rem; padding-right: 10.5rem; } .px-15 { padding-left: 11.25rem; padding-right: 11.25rem; } .px-xs-15 { padding-left: 11.25rem; padding-right: 11.25rem; } .py-0 { padding-top: 0rem; padding-bottom: 0rem; } .py-xs-0 { padding-top: 0rem; padding-bottom: 0rem; } .py-1 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-xs-1 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-2 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-xs-2 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-3 { padding-top: 2.25rem; padding-bottom: 2.25rem; } .py-xs-3 { padding-top: 2.25rem; padding-bottom: 2.25rem; } .py-4 { padding-top: 3rem; padding-bottom: 3rem; } .py-xs-4 { padding-top: 3rem; padding-bottom: 3rem; } .py-5 { padding-top: 3.75rem; padding-bottom: 3.75rem; } .py-xs-5 { padding-top: 3.75rem; padding-bottom: 3.75rem; } .py-6 { padding-top: 4.5rem; padding-bottom: 4.5rem; } .py-xs-6 { padding-top: 4.5rem; padding-bottom: 4.5rem; } .py-7 { padding-top: 5.25rem; padding-bottom: 5.25rem; } .py-xs-7 { padding-top: 5.25rem; padding-bottom: 5.25rem; } .py-8 { padding-top: 6rem; padding-bottom: 6rem; } .py-xs-8 { padding-top: 6rem; padding-bottom: 6rem; } .py-9 { padding-top: 6.75rem; padding-bottom: 6.75rem; } .py-xs-9 { padding-top: 6.75rem; padding-bottom: 6.75rem; } .py-10 { padding-top: 7.5rem; padding-bottom: 7.5rem; } .py-xs-10 { padding-top: 7.5rem; padding-bottom: 7.5rem; } .py-11 { padding-top: 8.25rem; padding-bottom: 8.25rem; } .py-xs-11 { padding-top: 8.25rem; padding-bottom: 8.25rem; } .py-12 { padding-top: 9rem; padding-bottom: 9rem; } .py-xs-12 { padding-top: 9rem; padding-bottom: 9rem; } .py-13 { padding-top: 9.75rem; padding-bottom: 9.75rem; } .py-xs-13 { padding-top: 9.75rem; padding-bottom: 9.75rem; } .py-14 { padding-top: 10.5rem; padding-bottom: 10.5rem; } .py-xs-14 { padding-top: 10.5rem; padding-bottom: 10.5rem; } .py-15 { padding-top: 11.25rem; padding-bottom: 11.25rem; } .py-xs-15 { padding-top: 11.25rem; padding-bottom: 11.25rem; } .p-0 { padding: 0rem; } .p-xs-0 { padding: 0rem; } .p-1 { padding: 0.75rem; } .p-xs-1 { padding: 0.75rem; } .p-2 { padding: 1.5rem; } .p-xs-2 { padding: 1.5rem; } .p-3 { padding: 2.25rem; } .p-xs-3 { padding: 2.25rem; } .p-4 { padding: 3rem; } .p-xs-4 { padding: 3rem; } .p-5 { padding: 3.75rem; } .p-xs-5 { padding: 3.75rem; } .p-6 { padding: 4.5rem; } .p-xs-6 { padding: 4.5rem; } .p-7 { padding: 5.25rem; } .p-xs-7 { padding: 5.25rem; } .p-8 { padding: 6rem; } .p-xs-8 { padding: 6rem; } .p-9 { padding: 6.75rem; } .p-xs-9 { padding: 6.75rem; } .p-10 { padding: 7.5rem; } .p-xs-10 { padding: 7.5rem; } .p-11 { padding: 8.25rem; } .p-xs-11 { padding: 8.25rem; } .p-12 { padding: 9rem; } .p-xs-12 { padding: 9rem; } .p-13 { padding: 9.75rem; } .p-xs-13 { padding: 9.75rem; } .p-14 { padding: 10.5rem; } .p-xs-14 { padding: 10.5rem; } .p-15 { padding: 11.25rem; } .p-xs-15 { padding: 11.25rem; } .gx-0 { --gx: 0rem; } .gy-0 { --gy: 0rem; } .gx-1 { --gx: 0.75rem; } .gy-1 { --gy: 0.75rem; } .gx-2 { --gx: 1.5rem; } .gy-2 { --gy: 1.5rem; } .gx-3 { --gx: 2.25rem; } .gy-3 { --gy: 2.25rem; } .gx-4 { --gx: 3rem; } .gy-4 { --gy: 3rem; } .gx-5 { --gx: 3.75rem; } .gy-5 { --gy: 3.75rem; } .gx-6 { --gx: 4.5rem; } .gy-6 { --gy: 4.5rem; } .gx-7 { --gx: 5.25rem; } .gy-7 { --gy: 5.25rem; } .gx-8 { --gx: 6rem; } .gy-8 { --gy: 6rem; } .gx-9 { --gx: 6.75rem; } .gy-9 { --gy: 6.75rem; } .gx-10 { --gx: 7.5rem; } .gy-10 { --gy: 7.5rem; } .gx-11 { --gx: 8.25rem; } .gy-11 { --gy: 8.25rem; } .gx-12 { --gx: 9rem; } .gy-12 { --gy: 9rem; } .gx-13 { --gx: 9.75rem; } .gy-13 { --gy: 9.75rem; } .gx-14 { --gx: 10.5rem; } .gy-14 { --gy: 10.5rem; } .gx-15 { --gx: 11.25rem; } .gy-15 { --gy: 11.25rem; } @media (min-width: 576px) { /* ---- CONTAINER/ROW/COL/OFFSET ---- */ .container, .container-sm { max-width: 540px; } /* --------------- RL --------------- */ /* ---- CONTAINER/ROW/COL/OFFSET ---- */ .col-sm-0 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 0%; -webkit-box-flex: 0; flex: 0 0 0%; max-width: 0%; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .offset-sm-0, .col-sm-offset-0 { margin-left: 0%; } .col-sm-1 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 8.33333%; -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .offset-sm-1, .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-2 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 16.66667%; -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .offset-sm-2, .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-3 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .offset-sm-3, .col-sm-offset-3 { margin-left: 25%; } .col-sm-4 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .offset-sm-4, .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 41.66667%; -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .offset-sm-5, .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-6 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .offset-sm-6, .col-sm-offset-6 { margin-left: 50%; } .col-sm-7 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 58.33333%; -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .offset-sm-7, .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-8 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 66.66667%; -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .offset-sm-8, .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-9 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .offset-sm-9, .col-sm-offset-9 { margin-left: 75%; } .col-sm-10 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 83.33333%; -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .offset-sm-10, .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-11 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 91.66667%; -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .offset-sm-11, .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-12 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } /* --------------- RL --------------- */ /* ---- DISPLAY ---- */ .d-sm-block { display: block; } .d-sm-inline-block { display: inline-block; } .d-sm-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .d-sm-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /* ---- FLEX PROPERTY ---- */ .flex-direction-sm-row { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; } .flex-direction-sm-row-reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-direction-sm-column { -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .flex-direction-sm-column-reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .justify-content-sm-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-sm-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-sm-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-content-sm-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-sm-around { -ms-flex-pack: distribute; justify-content: space-around; } .align-items-sm-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align-items-sm-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .align-items-sm-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-wrap-sm-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-sm-nowrap { -ms-flex-wrap: none; flex-wrap: nowrap; } /* --------- Léo --------- */ .d-sm-grid { display: -ms-grid; display: grid; } .d-sm-none { display: none; } /* ------ Chris ------ */ /* ---- 5 COLUMNS LAYOUT ---- */ .col-sm-1-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .col-sm-2-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 40%; -webkit-box-flex: 0; flex: 0 0 40%; max-width: 40%; } /* --------------- RL --------------- */ .mt-sm-0 { margin-top: 0rem !important; } .mt-sm-1 { margin-top: 0.75rem !important; } .mt-sm-2 { margin-top: 1.5rem !important; } .mt-sm-3 { margin-top: 2.25rem !important; } .mt-sm-4 { margin-top: 3rem !important; } .mt-sm-5 { margin-top: 3.75rem !important; } .mt-sm-6 { margin-top: 4.5rem !important; } .mt-sm-7 { margin-top: 5.25rem !important; } .mt-sm-8 { margin-top: 6rem !important; } .mt-sm-9 { margin-top: 6.75rem !important; } .mt-sm-10 { margin-top: 7.5rem !important; } .mt-sm-11 { margin-top: 8.25rem !important; } .mt-sm-12 { margin-top: 9rem !important; } .mt-sm-13 { margin-top: 9.75rem !important; } .mt-sm-14 { margin-top: 10.5rem !important; } .mt-sm-15 { margin-top: 11.25rem !important; } .mt-sm-auto { margin-top: auto; } } @media (min-width: 576px) and (min-width: 576px) { .mt-sm-auto { margin-top: auto; } } @media (min-width: 576px) and (min-width: 768px) { .mt-md-auto { margin-top: auto; } } @media (min-width: 576px) and (min-width: 992px) { .mt-lg-auto { margin-top: auto; } } @media (min-width: 576px) and (min-width: 1200px) { .mt-xl-auto { margin-top: auto; } } @media (min-width: 576px) and (min-width: 1400px) { .mt-xxl-auto { margin-top: auto; } } @media (min-width: 576px) and (min-width: 1550px) { .mt-xxxl-auto { margin-top: auto; } } @media (min-width: 576px) and (min-width: 1780px) { .mt-xxxxl-auto { margin-top: auto; } } @media (min-width: 576px) and (min-width: 1920px) { .mt-xxxxxl-auto { margin-top: auto; } } @media (min-width: 576px) { .mb-sm-0 { margin-bottom: 0rem !important; } .mb-sm-1 { margin-bottom: 0.75rem !important; } .mb-sm-2 { margin-bottom: 1.5rem !important; } .mb-sm-3 { margin-bottom: 2.25rem !important; } .mb-sm-4 { margin-bottom: 3rem !important; } .mb-sm-5 { margin-bottom: 3.75rem !important; } .mb-sm-6 { margin-bottom: 4.5rem !important; } .mb-sm-7 { margin-bottom: 5.25rem !important; } .mb-sm-8 { margin-bottom: 6rem !important; } .mb-sm-9 { margin-bottom: 6.75rem !important; } .mb-sm-10 { margin-bottom: 7.5rem !important; } .mb-sm-11 { margin-bottom: 8.25rem !important; } .mb-sm-12 { margin-bottom: 9rem !important; } .mb-sm-13 { margin-bottom: 9.75rem !important; } .mb-sm-14 { margin-bottom: 10.5rem !important; } .mb-sm-15 { margin-bottom: 11.25rem !important; } .mb-sm-auto { margin-bottom: auto; } } @media (min-width: 576px) and (min-width: 576px) { .mb-sm-auto { margin-bottom: auto; } } @media (min-width: 576px) and (min-width: 768px) { .mb-md-auto { margin-bottom: auto; } } @media (min-width: 576px) and (min-width: 992px) { .mb-lg-auto { margin-bottom: auto; } } @media (min-width: 576px) and (min-width: 1200px) { .mb-xl-auto { margin-bottom: auto; } } @media (min-width: 576px) and (min-width: 1400px) { .mb-xxl-auto { margin-bottom: auto; } } @media (min-width: 576px) and (min-width: 1550px) { .mb-xxxl-auto { margin-bottom: auto; } } @media (min-width: 576px) and (min-width: 1780px) { .mb-xxxxl-auto { margin-bottom: auto; } } @media (min-width: 576px) and (min-width: 1920px) { .mb-xxxxxl-auto { margin-bottom: auto; } } @media (min-width: 576px) { .ml-sm-0 { margin-left: 0rem !important; } .ml-sm-1 { margin-left: 0.75rem !important; } .ml-sm-2 { margin-left: 1.5rem !important; } .ml-sm-3 { margin-left: 2.25rem !important; } .ml-sm-4 { margin-left: 3rem !important; } .ml-sm-5 { margin-left: 3.75rem !important; } .ml-sm-6 { margin-left: 4.5rem !important; } .ml-sm-7 { margin-left: 5.25rem !important; } .ml-sm-8 { margin-left: 6rem !important; } .ml-sm-9 { margin-left: 6.75rem !important; } .ml-sm-10 { margin-left: 7.5rem !important; } .ml-sm-11 { margin-left: 8.25rem !important; } .ml-sm-12 { margin-left: 9rem !important; } .ml-sm-13 { margin-left: 9.75rem !important; } .ml-sm-14 { margin-left: 10.5rem !important; } .ml-sm-15 { margin-left: 11.25rem !important; } .ml-sm-auto { margin-left: auto; } } @media (min-width: 576px) and (min-width: 576px) { .ml-sm-auto { margin-left: auto; } } @media (min-width: 576px) and (min-width: 768px) { .ml-md-auto { margin-left: auto; } } @media (min-width: 576px) and (min-width: 992px) { .ml-lg-auto { margin-left: auto; } } @media (min-width: 576px) and (min-width: 1200px) { .ml-xl-auto { margin-left: auto; } } @media (min-width: 576px) and (min-width: 1400px) { .ml-xxl-auto { margin-left: auto; } } @media (min-width: 576px) and (min-width: 1550px) { .ml-xxxl-auto { margin-left: auto; } } @media (min-width: 576px) and (min-width: 1780px) { .ml-xxxxl-auto { margin-left: auto; } } @media (min-width: 576px) and (min-width: 1920px) { .ml-xxxxxl-auto { margin-left: auto; } } @media (min-width: 576px) { .mr-sm-0 { margin-right: 0rem !important; } .mr-sm-1 { margin-right: 0.75rem !important; } .mr-sm-2 { margin-right: 1.5rem !important; } .mr-sm-3 { margin-right: 2.25rem !important; } .mr-sm-4 { margin-right: 3rem !important; } .mr-sm-5 { margin-right: 3.75rem !important; } .mr-sm-6 { margin-right: 4.5rem !important; } .mr-sm-7 { margin-right: 5.25rem !important; } .mr-sm-8 { margin-right: 6rem !important; } .mr-sm-9 { margin-right: 6.75rem !important; } .mr-sm-10 { margin-right: 7.5rem !important; } .mr-sm-11 { margin-right: 8.25rem !important; } .mr-sm-12 { margin-right: 9rem !important; } .mr-sm-13 { margin-right: 9.75rem !important; } .mr-sm-14 { margin-right: 10.5rem !important; } .mr-sm-15 { margin-right: 11.25rem !important; } .mr-sm-auto { margin-right: auto; } } @media (min-width: 576px) and (min-width: 576px) { .mr-sm-auto { margin-right: auto; } } @media (min-width: 576px) and (min-width: 768px) { .mr-md-auto { margin-right: auto; } } @media (min-width: 576px) and (min-width: 992px) { .mr-lg-auto { margin-right: auto; } } @media (min-width: 576px) and (min-width: 1200px) { .mr-xl-auto { margin-right: auto; } } @media (min-width: 576px) and (min-width: 1400px) { .mr-xxl-auto { margin-right: auto; } } @media (min-width: 576px) and (min-width: 1550px) { .mr-xxxl-auto { margin-right: auto; } } @media (min-width: 576px) and (min-width: 1780px) { .mr-xxxxl-auto { margin-right: auto; } } @media (min-width: 576px) and (min-width: 1920px) { .mr-xxxxxl-auto { margin-right: auto; } } @media (min-width: 576px) { .mx-sm-0 { margin-left: 0rem; margin-right: 0rem; } .mx-sm-1 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-sm-2 { margin-left: 1.5rem; margin-right: 1.5rem; } .mx-sm-3 { margin-left: 2.25rem; margin-right: 2.25rem; } .mx-sm-4 { margin-left: 3rem; margin-right: 3rem; } .mx-sm-5 { margin-left: 3.75rem; margin-right: 3.75rem; } .mx-sm-6 { margin-left: 4.5rem; margin-right: 4.5rem; } .mx-sm-7 { margin-left: 5.25rem; margin-right: 5.25rem; } .mx-sm-8 { margin-left: 6rem; margin-right: 6rem; } .mx-sm-9 { margin-left: 6.75rem; margin-right: 6.75rem; } .mx-sm-10 { margin-left: 7.5rem; margin-right: 7.5rem; } .mx-sm-11 { margin-left: 8.25rem; margin-right: 8.25rem; } .mx-sm-12 { margin-left: 9rem; margin-right: 9rem; } .mx-sm-13 { margin-left: 9.75rem; margin-right: 9.75rem; } .mx-sm-14 { margin-left: 10.5rem; margin-right: 10.5rem; } .mx-sm-15 { margin-left: 11.25rem; margin-right: 11.25rem; } .mx-sm-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 576px) and (min-width: 576px) { .mx-sm-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 576px) and (min-width: 768px) { .mx-md-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 576px) and (min-width: 992px) { .mx-lg-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 576px) and (min-width: 1200px) { .mx-xl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 576px) and (min-width: 1400px) { .mx-xxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 576px) and (min-width: 1550px) { .mx-xxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 576px) and (min-width: 1780px) { .mx-xxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 576px) and (min-width: 1920px) { .mx-xxxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 576px) { .my-sm-0 { margin-top: 0rem; margin-bottom: 0rem; } .my-sm-1 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-sm-2 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-sm-3 { margin-top: 2.25rem; margin-bottom: 2.25rem; } .my-sm-4 { margin-top: 3rem; margin-bottom: 3rem; } .my-sm-5 { margin-top: 3.75rem; margin-bottom: 3.75rem; } .my-sm-6 { margin-top: 4.5rem; margin-bottom: 4.5rem; } .my-sm-7 { margin-top: 5.25rem; margin-bottom: 5.25rem; } .my-sm-8 { margin-top: 6rem; margin-bottom: 6rem; } .my-sm-9 { margin-top: 6.75rem; margin-bottom: 6.75rem; } .my-sm-10 { margin-top: 7.5rem; margin-bottom: 7.5rem; } .my-sm-11 { margin-top: 8.25rem; margin-bottom: 8.25rem; } .my-sm-12 { margin-top: 9rem; margin-bottom: 9rem; } .my-sm-13 { margin-top: 9.75rem; margin-bottom: 9.75rem; } .my-sm-14 { margin-top: 10.5rem; margin-bottom: 10.5rem; } .my-sm-15 { margin-top: 11.25rem; margin-bottom: 11.25rem; } .my-sm-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 576px) and (min-width: 576px) { .my-sm-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 576px) and (min-width: 768px) { .my-md-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 576px) and (min-width: 992px) { .my-lg-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 576px) and (min-width: 1200px) { .my-xl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 576px) and (min-width: 1400px) { .my-xxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 576px) and (min-width: 1550px) { .my-xxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 576px) and (min-width: 1780px) { .my-xxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 576px) and (min-width: 1920px) { .my-xxxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 576px) { .m-sm-0 { margin: 0rem !important; } .m-sm-1 { margin: 0.75rem !important; } .m-sm-2 { margin: 1.5rem !important; } .m-sm-3 { margin: 2.25rem !important; } .m-sm-4 { margin: 3rem !important; } .m-sm-5 { margin: 3.75rem !important; } .m-sm-6 { margin: 4.5rem !important; } .m-sm-7 { margin: 5.25rem !important; } .m-sm-8 { margin: 6rem !important; } .m-sm-9 { margin: 6.75rem !important; } .m-sm-10 { margin: 7.5rem !important; } .m-sm-11 { margin: 8.25rem !important; } .m-sm-12 { margin: 9rem !important; } .m-sm-13 { margin: 9.75rem !important; } .m-sm-14 { margin: 10.5rem !important; } .m-sm-15 { margin: 11.25rem !important; } .m-sm-auto { margin: auto; } } @media (min-width: 576px) and (min-width: 576px) { .m-sm-auto { margin: auto; } } @media (min-width: 576px) and (min-width: 768px) { .m-md-auto { margin: auto; } } @media (min-width: 576px) and (min-width: 992px) { .m-lg-auto { margin: auto; } } @media (min-width: 576px) and (min-width: 1200px) { .m-xl-auto { margin: auto; } } @media (min-width: 576px) and (min-width: 1400px) { .m-xxl-auto { margin: auto; } } @media (min-width: 576px) and (min-width: 1550px) { .m-xxxl-auto { margin: auto; } } @media (min-width: 576px) and (min-width: 1780px) { .m-xxxxl-auto { margin: auto; } } @media (min-width: 576px) and (min-width: 1920px) { .m-xxxxxl-auto { margin: auto; } } @media (min-width: 576px) { .pt-sm-0 { padding-top: 0rem; } .pt-sm-1 { padding-top: 0.75rem; } .pt-sm-2 { padding-top: 1.5rem; } .pt-sm-3 { padding-top: 2.25rem; } .pt-sm-4 { padding-top: 3rem; } .pt-sm-5 { padding-top: 3.75rem; } .pt-sm-6 { padding-top: 4.5rem; } .pt-sm-7 { padding-top: 5.25rem; } .pt-sm-8 { padding-top: 6rem; } .pt-sm-9 { padding-top: 6.75rem; } .pt-sm-10 { padding-top: 7.5rem; } .pt-sm-11 { padding-top: 8.25rem; } .pt-sm-12 { padding-top: 9rem; } .pt-sm-13 { padding-top: 9.75rem; } .pt-sm-14 { padding-top: 10.5rem; } .pt-sm-15 { padding-top: 11.25rem; } .pb-sm-0 { padding-bottom: 0rem; } .pb-sm-1 { padding-bottom: 0.75rem; } .pb-sm-2 { padding-bottom: 1.5rem; } .pb-sm-3 { padding-bottom: 2.25rem; } .pb-sm-4 { padding-bottom: 3rem; } .pb-sm-5 { padding-bottom: 3.75rem; } .pb-sm-6 { padding-bottom: 4.5rem; } .pb-sm-7 { padding-bottom: 5.25rem; } .pb-sm-8 { padding-bottom: 6rem; } .pb-sm-9 { padding-bottom: 6.75rem; } .pb-sm-10 { padding-bottom: 7.5rem; } .pb-sm-11 { padding-bottom: 8.25rem; } .pb-sm-12 { padding-bottom: 9rem; } .pb-sm-13 { padding-bottom: 9.75rem; } .pb-sm-14 { padding-bottom: 10.5rem; } .pb-sm-15 { padding-bottom: 11.25rem; } .pl-sm-0 { padding-left: 0rem; } .pl-sm-1 { padding-left: 0.75rem; } .pl-sm-2 { padding-left: 1.5rem; } .pl-sm-3 { padding-left: 2.25rem; } .pl-sm-4 { padding-left: 3rem; } .pl-sm-5 { padding-left: 3.75rem; } .pl-sm-6 { padding-left: 4.5rem; } .pl-sm-7 { padding-left: 5.25rem; } .pl-sm-8 { padding-left: 6rem; } .pl-sm-9 { padding-left: 6.75rem; } .pl-sm-10 { padding-left: 7.5rem; } .pl-sm-11 { padding-left: 8.25rem; } .pl-sm-12 { padding-left: 9rem; } .pl-sm-13 { padding-left: 9.75rem; } .pl-sm-14 { padding-left: 10.5rem; } .pl-sm-15 { padding-left: 11.25rem; } .pr-sm-0 { padding-right: 0rem; } .pr-sm-1 { padding-right: 0.75rem; } .pr-sm-2 { padding-right: 1.5rem; } .pr-sm-3 { padding-right: 2.25rem; } .pr-sm-4 { padding-right: 3rem; } .pr-sm-5 { padding-right: 3.75rem; } .pr-sm-6 { padding-right: 4.5rem; } .pr-sm-7 { padding-right: 5.25rem; } .pr-sm-8 { padding-right: 6rem; } .pr-sm-9 { padding-right: 6.75rem; } .pr-sm-10 { padding-right: 7.5rem; } .pr-sm-11 { padding-right: 8.25rem; } .pr-sm-12 { padding-right: 9rem; } .pr-sm-13 { padding-right: 9.75rem; } .pr-sm-14 { padding-right: 10.5rem; } .pr-sm-15 { padding-right: 11.25rem; } .px-sm-0 { padding-left: 0rem; padding-right: 0rem; } .px-sm-1 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-sm-2 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-sm-3 { padding-left: 2.25rem; padding-right: 2.25rem; } .px-sm-4 { padding-left: 3rem; padding-right: 3rem; } .px-sm-5 { padding-left: 3.75rem; padding-right: 3.75rem; } .px-sm-6 { padding-left: 4.5rem; padding-right: 4.5rem; } .px-sm-7 { padding-left: 5.25rem; padding-right: 5.25rem; } .px-sm-8 { padding-left: 6rem; padding-right: 6rem; } .px-sm-9 { padding-left: 6.75rem; padding-right: 6.75rem; } .px-sm-10 { padding-left: 7.5rem; padding-right: 7.5rem; } .px-sm-11 { padding-left: 8.25rem; padding-right: 8.25rem; } .px-sm-12 { padding-left: 9rem; padding-right: 9rem; } .px-sm-13 { padding-left: 9.75rem; padding-right: 9.75rem; } .px-sm-14 { padding-left: 10.5rem; padding-right: 10.5rem; } .px-sm-15 { padding-left: 11.25rem; padding-right: 11.25rem; } .py-sm-0 { padding-top: 0rem; padding-bottom: 0rem; } .py-sm-1 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-sm-2 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-sm-3 { padding-top: 2.25rem; padding-bottom: 2.25rem; } .py-sm-4 { padding-top: 3rem; padding-bottom: 3rem; } .py-sm-5 { padding-top: 3.75rem; padding-bottom: 3.75rem; } .py-sm-6 { padding-top: 4.5rem; padding-bottom: 4.5rem; } .py-sm-7 { padding-top: 5.25rem; padding-bottom: 5.25rem; } .py-sm-8 { padding-top: 6rem; padding-bottom: 6rem; } .py-sm-9 { padding-top: 6.75rem; padding-bottom: 6.75rem; } .py-sm-10 { padding-top: 7.5rem; padding-bottom: 7.5rem; } .py-sm-11 { padding-top: 8.25rem; padding-bottom: 8.25rem; } .py-sm-12 { padding-top: 9rem; padding-bottom: 9rem; } .py-sm-13 { padding-top: 9.75rem; padding-bottom: 9.75rem; } .py-sm-14 { padding-top: 10.5rem; padding-bottom: 10.5rem; } .py-sm-15 { padding-top: 11.25rem; padding-bottom: 11.25rem; } .p-sm-0 { padding: 0rem; } .p-sm-1 { padding: 0.75rem; } .p-sm-2 { padding: 1.5rem; } .p-sm-3 { padding: 2.25rem; } .p-sm-4 { padding: 3rem; } .p-sm-5 { padding: 3.75rem; } .p-sm-6 { padding: 4.5rem; } .p-sm-7 { padding: 5.25rem; } .p-sm-8 { padding: 6rem; } .p-sm-9 { padding: 6.75rem; } .p-sm-10 { padding: 7.5rem; } .p-sm-11 { padding: 8.25rem; } .p-sm-12 { padding: 9rem; } .p-sm-13 { padding: 9.75rem; } .p-sm-14 { padding: 10.5rem; } .p-sm-15 { padding: 11.25rem; } .gx-sm-0 { --gx: 0rem; } .gy-sm-0 { --gy: 0rem; } .gx-sm-1 { --gx: 0.75rem; } .gy-sm-1 { --gy: 0.75rem; } .gx-sm-2 { --gx: 1.5rem; } .gy-sm-2 { --gy: 1.5rem; } .gx-sm-3 { --gx: 2.25rem; } .gy-sm-3 { --gy: 2.25rem; } .gx-sm-4 { --gx: 3rem; } .gy-sm-4 { --gy: 3rem; } .gx-sm-5 { --gx: 3.75rem; } .gy-sm-5 { --gy: 3.75rem; } .gx-sm-6 { --gx: 4.5rem; } .gy-sm-6 { --gy: 4.5rem; } .gx-sm-7 { --gx: 5.25rem; } .gy-sm-7 { --gy: 5.25rem; } .gx-sm-8 { --gx: 6rem; } .gy-sm-8 { --gy: 6rem; } .gx-sm-9 { --gx: 6.75rem; } .gy-sm-9 { --gy: 6.75rem; } .gx-sm-10 { --gx: 7.5rem; } .gy-sm-10 { --gy: 7.5rem; } .gx-sm-11 { --gx: 8.25rem; } .gy-sm-11 { --gy: 8.25rem; } .gx-sm-12 { --gx: 9rem; } .gy-sm-12 { --gy: 9rem; } .gx-sm-13 { --gx: 9.75rem; } .gy-sm-13 { --gy: 9.75rem; } .gx-sm-14 { --gx: 10.5rem; } .gy-sm-14 { --gy: 10.5rem; } .gx-sm-15 { --gx: 11.25rem; } .gy-sm-15 { --gy: 11.25rem; } } @media (min-width: 768px) { /* ---- CONTAINER/ROW/COL/OFFSET ---- */ .container, .container-sm, .container-md { max-width: 720px; } /* --------------- RL --------------- */ /* ---- CONTAINER/ROW/COL/OFFSET ---- */ .col-md-0 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 0%; -webkit-box-flex: 0; flex: 0 0 0%; max-width: 0%; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .offset-md-0, .col-md-offset-0 { margin-left: 0%; } .col-md-1 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 8.33333%; -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .offset-md-1, .col-md-offset-1 { margin-left: 8.33333%; } .col-md-2 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 16.66667%; -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .offset-md-2, .col-md-offset-2 { margin-left: 16.66667%; } .col-md-3 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .offset-md-3, .col-md-offset-3 { margin-left: 25%; } .col-md-4 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .offset-md-4, .col-md-offset-4 { margin-left: 33.33333%; } .col-md-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 41.66667%; -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .offset-md-5, .col-md-offset-5 { margin-left: 41.66667%; } .col-md-6 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .offset-md-6, .col-md-offset-6 { margin-left: 50%; } .col-md-7 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 58.33333%; -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .offset-md-7, .col-md-offset-7 { margin-left: 58.33333%; } .col-md-8 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 66.66667%; -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .offset-md-8, .col-md-offset-8 { margin-left: 66.66667%; } .col-md-9 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .offset-md-9, .col-md-offset-9 { margin-left: 75%; } .col-md-10 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 83.33333%; -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .offset-md-10, .col-md-offset-10 { margin-left: 83.33333%; } .col-md-11 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 91.66667%; -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .offset-md-11, .col-md-offset-11 { margin-left: 91.66667%; } .col-md-12 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } /* --------------- RL --------------- */ /* ---- DISPLAY ---- */ .d-md-block { display: block; } .d-md-inline-block { display: inline-block; } .d-md-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .d-md-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /* ---- FLEX PROPERTY ---- */ .flex-direction-md-row { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; } .flex-direction-md-row-reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-direction-md-column { -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .flex-direction-md-column-reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .justify-content-md-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-md-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-md-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-content-md-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-md-around { -ms-flex-pack: distribute; justify-content: space-around; } .align-items-md-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align-items-md-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .align-items-md-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-wrap-md-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-md-nowrap { -ms-flex-wrap: none; flex-wrap: nowrap; } /* --------- Léo --------- */ .d-md-grid { display: -ms-grid; display: grid; } .d-md-none { display: none; } /* ------ Chris ------ */ /* ---- 5 COLUMNS LAYOUT ---- */ .col-md-1-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .col-md-2-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 40%; -webkit-box-flex: 0; flex: 0 0 40%; max-width: 40%; } /* --------------- RL --------------- */ .mt-md-0 { margin-top: 0rem !important; } .mt-md-1 { margin-top: 0.75rem !important; } .mt-md-2 { margin-top: 1.5rem !important; } .mt-md-3 { margin-top: 2.25rem !important; } .mt-md-4 { margin-top: 3rem !important; } .mt-md-5 { margin-top: 3.75rem !important; } .mt-md-6 { margin-top: 4.5rem !important; } .mt-md-7 { margin-top: 5.25rem !important; } .mt-md-8 { margin-top: 6rem !important; } .mt-md-9 { margin-top: 6.75rem !important; } .mt-md-10 { margin-top: 7.5rem !important; } .mt-md-11 { margin-top: 8.25rem !important; } .mt-md-12 { margin-top: 9rem !important; } .mt-md-13 { margin-top: 9.75rem !important; } .mt-md-14 { margin-top: 10.5rem !important; } .mt-md-15 { margin-top: 11.25rem !important; } .mt-md-auto { margin-top: auto; } } @media (min-width: 768px) and (min-width: 576px) { .mt-sm-auto { margin-top: auto; } } @media (min-width: 768px) and (min-width: 768px) { .mt-md-auto { margin-top: auto; } } @media (min-width: 768px) and (min-width: 992px) { .mt-lg-auto { margin-top: auto; } } @media (min-width: 768px) and (min-width: 1200px) { .mt-xl-auto { margin-top: auto; } } @media (min-width: 768px) and (min-width: 1400px) { .mt-xxl-auto { margin-top: auto; } } @media (min-width: 768px) and (min-width: 1550px) { .mt-xxxl-auto { margin-top: auto; } } @media (min-width: 768px) and (min-width: 1780px) { .mt-xxxxl-auto { margin-top: auto; } } @media (min-width: 768px) and (min-width: 1920px) { .mt-xxxxxl-auto { margin-top: auto; } } @media (min-width: 768px) { .mb-md-0 { margin-bottom: 0rem !important; } .mb-md-1 { margin-bottom: 0.75rem !important; } .mb-md-2 { margin-bottom: 1.5rem !important; } .mb-md-3 { margin-bottom: 2.25rem !important; } .mb-md-4 { margin-bottom: 3rem !important; } .mb-md-5 { margin-bottom: 3.75rem !important; } .mb-md-6 { margin-bottom: 4.5rem !important; } .mb-md-7 { margin-bottom: 5.25rem !important; } .mb-md-8 { margin-bottom: 6rem !important; } .mb-md-9 { margin-bottom: 6.75rem !important; } .mb-md-10 { margin-bottom: 7.5rem !important; } .mb-md-11 { margin-bottom: 8.25rem !important; } .mb-md-12 { margin-bottom: 9rem !important; } .mb-md-13 { margin-bottom: 9.75rem !important; } .mb-md-14 { margin-bottom: 10.5rem !important; } .mb-md-15 { margin-bottom: 11.25rem !important; } .mb-md-auto { margin-bottom: auto; } } @media (min-width: 768px) and (min-width: 576px) { .mb-sm-auto { margin-bottom: auto; } } @media (min-width: 768px) and (min-width: 768px) { .mb-md-auto { margin-bottom: auto; } } @media (min-width: 768px) and (min-width: 992px) { .mb-lg-auto { margin-bottom: auto; } } @media (min-width: 768px) and (min-width: 1200px) { .mb-xl-auto { margin-bottom: auto; } } @media (min-width: 768px) and (min-width: 1400px) { .mb-xxl-auto { margin-bottom: auto; } } @media (min-width: 768px) and (min-width: 1550px) { .mb-xxxl-auto { margin-bottom: auto; } } @media (min-width: 768px) and (min-width: 1780px) { .mb-xxxxl-auto { margin-bottom: auto; } } @media (min-width: 768px) and (min-width: 1920px) { .mb-xxxxxl-auto { margin-bottom: auto; } } @media (min-width: 768px) { .ml-md-0 { margin-left: 0rem !important; } .ml-md-1 { margin-left: 0.75rem !important; } .ml-md-2 { margin-left: 1.5rem !important; } .ml-md-3 { margin-left: 2.25rem !important; } .ml-md-4 { margin-left: 3rem !important; } .ml-md-5 { margin-left: 3.75rem !important; } .ml-md-6 { margin-left: 4.5rem !important; } .ml-md-7 { margin-left: 5.25rem !important; } .ml-md-8 { margin-left: 6rem !important; } .ml-md-9 { margin-left: 6.75rem !important; } .ml-md-10 { margin-left: 7.5rem !important; } .ml-md-11 { margin-left: 8.25rem !important; } .ml-md-12 { margin-left: 9rem !important; } .ml-md-13 { margin-left: 9.75rem !important; } .ml-md-14 { margin-left: 10.5rem !important; } .ml-md-15 { margin-left: 11.25rem !important; } .ml-md-auto { margin-left: auto; } } @media (min-width: 768px) and (min-width: 576px) { .ml-sm-auto { margin-left: auto; } } @media (min-width: 768px) and (min-width: 768px) { .ml-md-auto { margin-left: auto; } } @media (min-width: 768px) and (min-width: 992px) { .ml-lg-auto { margin-left: auto; } } @media (min-width: 768px) and (min-width: 1200px) { .ml-xl-auto { margin-left: auto; } } @media (min-width: 768px) and (min-width: 1400px) { .ml-xxl-auto { margin-left: auto; } } @media (min-width: 768px) and (min-width: 1550px) { .ml-xxxl-auto { margin-left: auto; } } @media (min-width: 768px) and (min-width: 1780px) { .ml-xxxxl-auto { margin-left: auto; } } @media (min-width: 768px) and (min-width: 1920px) { .ml-xxxxxl-auto { margin-left: auto; } } @media (min-width: 768px) { .mr-md-0 { margin-right: 0rem !important; } .mr-md-1 { margin-right: 0.75rem !important; } .mr-md-2 { margin-right: 1.5rem !important; } .mr-md-3 { margin-right: 2.25rem !important; } .mr-md-4 { margin-right: 3rem !important; } .mr-md-5 { margin-right: 3.75rem !important; } .mr-md-6 { margin-right: 4.5rem !important; } .mr-md-7 { margin-right: 5.25rem !important; } .mr-md-8 { margin-right: 6rem !important; } .mr-md-9 { margin-right: 6.75rem !important; } .mr-md-10 { margin-right: 7.5rem !important; } .mr-md-11 { margin-right: 8.25rem !important; } .mr-md-12 { margin-right: 9rem !important; } .mr-md-13 { margin-right: 9.75rem !important; } .mr-md-14 { margin-right: 10.5rem !important; } .mr-md-15 { margin-right: 11.25rem !important; } .mr-md-auto { margin-right: auto; } } @media (min-width: 768px) and (min-width: 576px) { .mr-sm-auto { margin-right: auto; } } @media (min-width: 768px) and (min-width: 768px) { .mr-md-auto { margin-right: auto; } } @media (min-width: 768px) and (min-width: 992px) { .mr-lg-auto { margin-right: auto; } } @media (min-width: 768px) and (min-width: 1200px) { .mr-xl-auto { margin-right: auto; } } @media (min-width: 768px) and (min-width: 1400px) { .mr-xxl-auto { margin-right: auto; } } @media (min-width: 768px) and (min-width: 1550px) { .mr-xxxl-auto { margin-right: auto; } } @media (min-width: 768px) and (min-width: 1780px) { .mr-xxxxl-auto { margin-right: auto; } } @media (min-width: 768px) and (min-width: 1920px) { .mr-xxxxxl-auto { margin-right: auto; } } @media (min-width: 768px) { .mx-md-0 { margin-left: 0rem; margin-right: 0rem; } .mx-md-1 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-md-2 { margin-left: 1.5rem; margin-right: 1.5rem; } .mx-md-3 { margin-left: 2.25rem; margin-right: 2.25rem; } .mx-md-4 { margin-left: 3rem; margin-right: 3rem; } .mx-md-5 { margin-left: 3.75rem; margin-right: 3.75rem; } .mx-md-6 { margin-left: 4.5rem; margin-right: 4.5rem; } .mx-md-7 { margin-left: 5.25rem; margin-right: 5.25rem; } .mx-md-8 { margin-left: 6rem; margin-right: 6rem; } .mx-md-9 { margin-left: 6.75rem; margin-right: 6.75rem; } .mx-md-10 { margin-left: 7.5rem; margin-right: 7.5rem; } .mx-md-11 { margin-left: 8.25rem; margin-right: 8.25rem; } .mx-md-12 { margin-left: 9rem; margin-right: 9rem; } .mx-md-13 { margin-left: 9.75rem; margin-right: 9.75rem; } .mx-md-14 { margin-left: 10.5rem; margin-right: 10.5rem; } .mx-md-15 { margin-left: 11.25rem; margin-right: 11.25rem; } .mx-md-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 768px) and (min-width: 576px) { .mx-sm-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 768px) and (min-width: 768px) { .mx-md-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 768px) and (min-width: 992px) { .mx-lg-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 768px) and (min-width: 1200px) { .mx-xl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 768px) and (min-width: 1400px) { .mx-xxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 768px) and (min-width: 1550px) { .mx-xxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 768px) and (min-width: 1780px) { .mx-xxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 768px) and (min-width: 1920px) { .mx-xxxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .my-md-0 { margin-top: 0rem; margin-bottom: 0rem; } .my-md-1 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-md-2 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-md-3 { margin-top: 2.25rem; margin-bottom: 2.25rem; } .my-md-4 { margin-top: 3rem; margin-bottom: 3rem; } .my-md-5 { margin-top: 3.75rem; margin-bottom: 3.75rem; } .my-md-6 { margin-top: 4.5rem; margin-bottom: 4.5rem; } .my-md-7 { margin-top: 5.25rem; margin-bottom: 5.25rem; } .my-md-8 { margin-top: 6rem; margin-bottom: 6rem; } .my-md-9 { margin-top: 6.75rem; margin-bottom: 6.75rem; } .my-md-10 { margin-top: 7.5rem; margin-bottom: 7.5rem; } .my-md-11 { margin-top: 8.25rem; margin-bottom: 8.25rem; } .my-md-12 { margin-top: 9rem; margin-bottom: 9rem; } .my-md-13 { margin-top: 9.75rem; margin-bottom: 9.75rem; } .my-md-14 { margin-top: 10.5rem; margin-bottom: 10.5rem; } .my-md-15 { margin-top: 11.25rem; margin-bottom: 11.25rem; } .my-md-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 768px) and (min-width: 576px) { .my-sm-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 768px) and (min-width: 768px) { .my-md-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 768px) and (min-width: 992px) { .my-lg-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 768px) and (min-width: 1200px) { .my-xl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 768px) and (min-width: 1400px) { .my-xxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 768px) and (min-width: 1550px) { .my-xxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 768px) and (min-width: 1780px) { .my-xxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 768px) and (min-width: 1920px) { .my-xxxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 768px) { .m-md-0 { margin: 0rem !important; } .m-md-1 { margin: 0.75rem !important; } .m-md-2 { margin: 1.5rem !important; } .m-md-3 { margin: 2.25rem !important; } .m-md-4 { margin: 3rem !important; } .m-md-5 { margin: 3.75rem !important; } .m-md-6 { margin: 4.5rem !important; } .m-md-7 { margin: 5.25rem !important; } .m-md-8 { margin: 6rem !important; } .m-md-9 { margin: 6.75rem !important; } .m-md-10 { margin: 7.5rem !important; } .m-md-11 { margin: 8.25rem !important; } .m-md-12 { margin: 9rem !important; } .m-md-13 { margin: 9.75rem !important; } .m-md-14 { margin: 10.5rem !important; } .m-md-15 { margin: 11.25rem !important; } .m-md-auto { margin: auto; } } @media (min-width: 768px) and (min-width: 576px) { .m-sm-auto { margin: auto; } } @media (min-width: 768px) and (min-width: 768px) { .m-md-auto { margin: auto; } } @media (min-width: 768px) and (min-width: 992px) { .m-lg-auto { margin: auto; } } @media (min-width: 768px) and (min-width: 1200px) { .m-xl-auto { margin: auto; } } @media (min-width: 768px) and (min-width: 1400px) { .m-xxl-auto { margin: auto; } } @media (min-width: 768px) and (min-width: 1550px) { .m-xxxl-auto { margin: auto; } } @media (min-width: 768px) and (min-width: 1780px) { .m-xxxxl-auto { margin: auto; } } @media (min-width: 768px) and (min-width: 1920px) { .m-xxxxxl-auto { margin: auto; } } @media (min-width: 768px) { .pt-md-0 { padding-top: 0rem; } .pt-md-1 { padding-top: 0.75rem; } .pt-md-2 { padding-top: 1.5rem; } .pt-md-3 { padding-top: 2.25rem; } .pt-md-4 { padding-top: 3rem; } .pt-md-5 { padding-top: 3.75rem; } .pt-md-6 { padding-top: 4.5rem; } .pt-md-7 { padding-top: 5.25rem; } .pt-md-8 { padding-top: 6rem; } .pt-md-9 { padding-top: 6.75rem; } .pt-md-10 { padding-top: 7.5rem; } .pt-md-11 { padding-top: 8.25rem; } .pt-md-12 { padding-top: 9rem; } .pt-md-13 { padding-top: 9.75rem; } .pt-md-14 { padding-top: 10.5rem; } .pt-md-15 { padding-top: 11.25rem; } .pb-md-0 { padding-bottom: 0rem; } .pb-md-1 { padding-bottom: 0.75rem; } .pb-md-2 { padding-bottom: 1.5rem; } .pb-md-3 { padding-bottom: 2.25rem; } .pb-md-4 { padding-bottom: 3rem; } .pb-md-5 { padding-bottom: 3.75rem; } .pb-md-6 { padding-bottom: 4.5rem; } .pb-md-7 { padding-bottom: 5.25rem; } .pb-md-8 { padding-bottom: 6rem; } .pb-md-9 { padding-bottom: 6.75rem; } .pb-md-10 { padding-bottom: 7.5rem; } .pb-md-11 { padding-bottom: 8.25rem; } .pb-md-12 { padding-bottom: 9rem; } .pb-md-13 { padding-bottom: 9.75rem; } .pb-md-14 { padding-bottom: 10.5rem; } .pb-md-15 { padding-bottom: 11.25rem; } .pl-md-0 { padding-left: 0rem; } .pl-md-1 { padding-left: 0.75rem; } .pl-md-2 { padding-left: 1.5rem; } .pl-md-3 { padding-left: 2.25rem; } .pl-md-4 { padding-left: 3rem; } .pl-md-5 { padding-left: 3.75rem; } .pl-md-6 { padding-left: 4.5rem; } .pl-md-7 { padding-left: 5.25rem; } .pl-md-8 { padding-left: 6rem; } .pl-md-9 { padding-left: 6.75rem; } .pl-md-10 { padding-left: 7.5rem; } .pl-md-11 { padding-left: 8.25rem; } .pl-md-12 { padding-left: 9rem; } .pl-md-13 { padding-left: 9.75rem; } .pl-md-14 { padding-left: 10.5rem; } .pl-md-15 { padding-left: 11.25rem; } .pr-md-0 { padding-right: 0rem; } .pr-md-1 { padding-right: 0.75rem; } .pr-md-2 { padding-right: 1.5rem; } .pr-md-3 { padding-right: 2.25rem; } .pr-md-4 { padding-right: 3rem; } .pr-md-5 { padding-right: 3.75rem; } .pr-md-6 { padding-right: 4.5rem; } .pr-md-7 { padding-right: 5.25rem; } .pr-md-8 { padding-right: 6rem; } .pr-md-9 { padding-right: 6.75rem; } .pr-md-10 { padding-right: 7.5rem; } .pr-md-11 { padding-right: 8.25rem; } .pr-md-12 { padding-right: 9rem; } .pr-md-13 { padding-right: 9.75rem; } .pr-md-14 { padding-right: 10.5rem; } .pr-md-15 { padding-right: 11.25rem; } .px-md-0 { padding-left: 0rem; padding-right: 0rem; } .px-md-1 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-md-2 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-md-3 { padding-left: 2.25rem; padding-right: 2.25rem; } .px-md-4 { padding-left: 3rem; padding-right: 3rem; } .px-md-5 { padding-left: 3.75rem; padding-right: 3.75rem; } .px-md-6 { padding-left: 4.5rem; padding-right: 4.5rem; } .px-md-7 { padding-left: 5.25rem; padding-right: 5.25rem; } .px-md-8 { padding-left: 6rem; padding-right: 6rem; } .px-md-9 { padding-left: 6.75rem; padding-right: 6.75rem; } .px-md-10 { padding-left: 7.5rem; padding-right: 7.5rem; } .px-md-11 { padding-left: 8.25rem; padding-right: 8.25rem; } .px-md-12 { padding-left: 9rem; padding-right: 9rem; } .px-md-13 { padding-left: 9.75rem; padding-right: 9.75rem; } .px-md-14 { padding-left: 10.5rem; padding-right: 10.5rem; } .px-md-15 { padding-left: 11.25rem; padding-right: 11.25rem; } .py-md-0 { padding-top: 0rem; padding-bottom: 0rem; } .py-md-1 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-md-2 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-md-3 { padding-top: 2.25rem; padding-bottom: 2.25rem; } .py-md-4 { padding-top: 3rem; padding-bottom: 3rem; } .py-md-5 { padding-top: 3.75rem; padding-bottom: 3.75rem; } .py-md-6 { padding-top: 4.5rem; padding-bottom: 4.5rem; } .py-md-7 { padding-top: 5.25rem; padding-bottom: 5.25rem; } .py-md-8 { padding-top: 6rem; padding-bottom: 6rem; } .py-md-9 { padding-top: 6.75rem; padding-bottom: 6.75rem; } .py-md-10 { padding-top: 7.5rem; padding-bottom: 7.5rem; } .py-md-11 { padding-top: 8.25rem; padding-bottom: 8.25rem; } .py-md-12 { padding-top: 9rem; padding-bottom: 9rem; } .py-md-13 { padding-top: 9.75rem; padding-bottom: 9.75rem; } .py-md-14 { padding-top: 10.5rem; padding-bottom: 10.5rem; } .py-md-15 { padding-top: 11.25rem; padding-bottom: 11.25rem; } .p-md-0 { padding: 0rem; } .p-md-1 { padding: 0.75rem; } .p-md-2 { padding: 1.5rem; } .p-md-3 { padding: 2.25rem; } .p-md-4 { padding: 3rem; } .p-md-5 { padding: 3.75rem; } .p-md-6 { padding: 4.5rem; } .p-md-7 { padding: 5.25rem; } .p-md-8 { padding: 6rem; } .p-md-9 { padding: 6.75rem; } .p-md-10 { padding: 7.5rem; } .p-md-11 { padding: 8.25rem; } .p-md-12 { padding: 9rem; } .p-md-13 { padding: 9.75rem; } .p-md-14 { padding: 10.5rem; } .p-md-15 { padding: 11.25rem; } .gx-md-0 { --gx: 0rem; } .gy-md-0 { --gy: 0rem; } .gx-md-1 { --gx: 0.75rem; } .gy-md-1 { --gy: 0.75rem; } .gx-md-2 { --gx: 1.5rem; } .gy-md-2 { --gy: 1.5rem; } .gx-md-3 { --gx: 2.25rem; } .gy-md-3 { --gy: 2.25rem; } .gx-md-4 { --gx: 3rem; } .gy-md-4 { --gy: 3rem; } .gx-md-5 { --gx: 3.75rem; } .gy-md-5 { --gy: 3.75rem; } .gx-md-6 { --gx: 4.5rem; } .gy-md-6 { --gy: 4.5rem; } .gx-md-7 { --gx: 5.25rem; } .gy-md-7 { --gy: 5.25rem; } .gx-md-8 { --gx: 6rem; } .gy-md-8 { --gy: 6rem; } .gx-md-9 { --gx: 6.75rem; } .gy-md-9 { --gy: 6.75rem; } .gx-md-10 { --gx: 7.5rem; } .gy-md-10 { --gy: 7.5rem; } .gx-md-11 { --gx: 8.25rem; } .gy-md-11 { --gy: 8.25rem; } .gx-md-12 { --gx: 9rem; } .gy-md-12 { --gy: 9rem; } .gx-md-13 { --gx: 9.75rem; } .gy-md-13 { --gy: 9.75rem; } .gx-md-14 { --gx: 10.5rem; } .gy-md-14 { --gy: 10.5rem; } .gx-md-15 { --gx: 11.25rem; } .gy-md-15 { --gy: 11.25rem; } } @media (min-width: 992px) { /* ---- CONTAINER/ROW/COL/OFFSET ---- */ .container, .container-sm, .container-md, .container-lg { max-width: 960px; } /* --------------- RL --------------- */ /* ---- CONTAINER/ROW/COL/OFFSET ---- */ .col-lg-0 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 0%; -webkit-box-flex: 0; flex: 0 0 0%; max-width: 0%; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .offset-lg-0, .col-lg-offset-0 { margin-left: 0%; } .col-lg-1 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 8.33333%; -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .offset-lg-1, .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-2 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 16.66667%; -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .offset-lg-2, .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-3 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .offset-lg-3, .col-lg-offset-3 { margin-left: 25%; } .col-lg-4 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .offset-lg-4, .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 41.66667%; -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .offset-lg-5, .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-6 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .offset-lg-6, .col-lg-offset-6 { margin-left: 50%; } .col-lg-7 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 58.33333%; -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .offset-lg-7, .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-8 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 66.66667%; -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .offset-lg-8, .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-9 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .offset-lg-9, .col-lg-offset-9 { margin-left: 75%; } .col-lg-10 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 83.33333%; -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .offset-lg-10, .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-11 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 91.66667%; -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .offset-lg-11, .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-12 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } /* --------------- RL --------------- */ /* ---- DISPLAY ---- */ .d-lg-block { display: block; } .d-lg-inline-block { display: inline-block; } .d-lg-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .d-lg-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /* ---- FLEX PROPERTY ---- */ .flex-direction-lg-row { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; } .flex-direction-lg-row-reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-direction-lg-column { -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .flex-direction-lg-column-reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .justify-content-lg-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-lg-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-lg-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-content-lg-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-lg-around { -ms-flex-pack: distribute; justify-content: space-around; } .align-items-lg-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align-items-lg-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .align-items-lg-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-wrap-lg-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-lg-nowrap { -ms-flex-wrap: none; flex-wrap: nowrap; } /* --------- Léo --------- */ .d-lg-grid { display: -ms-grid; display: grid; } .d-lg-none { display: none; } /* ------ Chris ------ */ /* ---- 5 COLUMNS LAYOUT ---- */ .col-lg-1-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .col-lg-2-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 40%; -webkit-box-flex: 0; flex: 0 0 40%; max-width: 40%; } /* --------------- RL --------------- */ .mt-lg-0 { margin-top: 0rem !important; } .mt-lg-1 { margin-top: 0.75rem !important; } .mt-lg-2 { margin-top: 1.5rem !important; } .mt-lg-3 { margin-top: 2.25rem !important; } .mt-lg-4 { margin-top: 3rem !important; } .mt-lg-5 { margin-top: 3.75rem !important; } .mt-lg-6 { margin-top: 4.5rem !important; } .mt-lg-7 { margin-top: 5.25rem !important; } .mt-lg-8 { margin-top: 6rem !important; } .mt-lg-9 { margin-top: 6.75rem !important; } .mt-lg-10 { margin-top: 7.5rem !important; } .mt-lg-11 { margin-top: 8.25rem !important; } .mt-lg-12 { margin-top: 9rem !important; } .mt-lg-13 { margin-top: 9.75rem !important; } .mt-lg-14 { margin-top: 10.5rem !important; } .mt-lg-15 { margin-top: 11.25rem !important; } .mt-lg-auto { margin-top: auto; } } @media (min-width: 992px) and (min-width: 576px) { .mt-sm-auto { margin-top: auto; } } @media (min-width: 992px) and (min-width: 768px) { .mt-md-auto { margin-top: auto; } } @media (min-width: 992px) and (min-width: 992px) { .mt-lg-auto { margin-top: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .mt-xl-auto { margin-top: auto; } } @media (min-width: 992px) and (min-width: 1400px) { .mt-xxl-auto { margin-top: auto; } } @media (min-width: 992px) and (min-width: 1550px) { .mt-xxxl-auto { margin-top: auto; } } @media (min-width: 992px) and (min-width: 1780px) { .mt-xxxxl-auto { margin-top: auto; } } @media (min-width: 992px) and (min-width: 1920px) { .mt-xxxxxl-auto { margin-top: auto; } } @media (min-width: 992px) { .mb-lg-0 { margin-bottom: 0rem !important; } .mb-lg-1 { margin-bottom: 0.75rem !important; } .mb-lg-2 { margin-bottom: 1.5rem !important; } .mb-lg-3 { margin-bottom: 2.25rem !important; } .mb-lg-4 { margin-bottom: 3rem !important; } .mb-lg-5 { margin-bottom: 3.75rem !important; } .mb-lg-6 { margin-bottom: 4.5rem !important; } .mb-lg-7 { margin-bottom: 5.25rem !important; } .mb-lg-8 { margin-bottom: 6rem !important; } .mb-lg-9 { margin-bottom: 6.75rem !important; } .mb-lg-10 { margin-bottom: 7.5rem !important; } .mb-lg-11 { margin-bottom: 8.25rem !important; } .mb-lg-12 { margin-bottom: 9rem !important; } .mb-lg-13 { margin-bottom: 9.75rem !important; } .mb-lg-14 { margin-bottom: 10.5rem !important; } .mb-lg-15 { margin-bottom: 11.25rem !important; } .mb-lg-auto { margin-bottom: auto; } } @media (min-width: 992px) and (min-width: 576px) { .mb-sm-auto { margin-bottom: auto; } } @media (min-width: 992px) and (min-width: 768px) { .mb-md-auto { margin-bottom: auto; } } @media (min-width: 992px) and (min-width: 992px) { .mb-lg-auto { margin-bottom: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .mb-xl-auto { margin-bottom: auto; } } @media (min-width: 992px) and (min-width: 1400px) { .mb-xxl-auto { margin-bottom: auto; } } @media (min-width: 992px) and (min-width: 1550px) { .mb-xxxl-auto { margin-bottom: auto; } } @media (min-width: 992px) and (min-width: 1780px) { .mb-xxxxl-auto { margin-bottom: auto; } } @media (min-width: 992px) and (min-width: 1920px) { .mb-xxxxxl-auto { margin-bottom: auto; } } @media (min-width: 992px) { .ml-lg-0 { margin-left: 0rem !important; } .ml-lg-1 { margin-left: 0.75rem !important; } .ml-lg-2 { margin-left: 1.5rem !important; } .ml-lg-3 { margin-left: 2.25rem !important; } .ml-lg-4 { margin-left: 3rem !important; } .ml-lg-5 { margin-left: 3.75rem !important; } .ml-lg-6 { margin-left: 4.5rem !important; } .ml-lg-7 { margin-left: 5.25rem !important; } .ml-lg-8 { margin-left: 6rem !important; } .ml-lg-9 { margin-left: 6.75rem !important; } .ml-lg-10 { margin-left: 7.5rem !important; } .ml-lg-11 { margin-left: 8.25rem !important; } .ml-lg-12 { margin-left: 9rem !important; } .ml-lg-13 { margin-left: 9.75rem !important; } .ml-lg-14 { margin-left: 10.5rem !important; } .ml-lg-15 { margin-left: 11.25rem !important; } .ml-lg-auto { margin-left: auto; } } @media (min-width: 992px) and (min-width: 576px) { .ml-sm-auto { margin-left: auto; } } @media (min-width: 992px) and (min-width: 768px) { .ml-md-auto { margin-left: auto; } } @media (min-width: 992px) and (min-width: 992px) { .ml-lg-auto { margin-left: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .ml-xl-auto { margin-left: auto; } } @media (min-width: 992px) and (min-width: 1400px) { .ml-xxl-auto { margin-left: auto; } } @media (min-width: 992px) and (min-width: 1550px) { .ml-xxxl-auto { margin-left: auto; } } @media (min-width: 992px) and (min-width: 1780px) { .ml-xxxxl-auto { margin-left: auto; } } @media (min-width: 992px) and (min-width: 1920px) { .ml-xxxxxl-auto { margin-left: auto; } } @media (min-width: 992px) { .mr-lg-0 { margin-right: 0rem !important; } .mr-lg-1 { margin-right: 0.75rem !important; } .mr-lg-2 { margin-right: 1.5rem !important; } .mr-lg-3 { margin-right: 2.25rem !important; } .mr-lg-4 { margin-right: 3rem !important; } .mr-lg-5 { margin-right: 3.75rem !important; } .mr-lg-6 { margin-right: 4.5rem !important; } .mr-lg-7 { margin-right: 5.25rem !important; } .mr-lg-8 { margin-right: 6rem !important; } .mr-lg-9 { margin-right: 6.75rem !important; } .mr-lg-10 { margin-right: 7.5rem !important; } .mr-lg-11 { margin-right: 8.25rem !important; } .mr-lg-12 { margin-right: 9rem !important; } .mr-lg-13 { margin-right: 9.75rem !important; } .mr-lg-14 { margin-right: 10.5rem !important; } .mr-lg-15 { margin-right: 11.25rem !important; } .mr-lg-auto { margin-right: auto; } } @media (min-width: 992px) and (min-width: 576px) { .mr-sm-auto { margin-right: auto; } } @media (min-width: 992px) and (min-width: 768px) { .mr-md-auto { margin-right: auto; } } @media (min-width: 992px) and (min-width: 992px) { .mr-lg-auto { margin-right: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .mr-xl-auto { margin-right: auto; } } @media (min-width: 992px) and (min-width: 1400px) { .mr-xxl-auto { margin-right: auto; } } @media (min-width: 992px) and (min-width: 1550px) { .mr-xxxl-auto { margin-right: auto; } } @media (min-width: 992px) and (min-width: 1780px) { .mr-xxxxl-auto { margin-right: auto; } } @media (min-width: 992px) and (min-width: 1920px) { .mr-xxxxxl-auto { margin-right: auto; } } @media (min-width: 992px) { .mx-lg-0 { margin-left: 0rem; margin-right: 0rem; } .mx-lg-1 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-lg-2 { margin-left: 1.5rem; margin-right: 1.5rem; } .mx-lg-3 { margin-left: 2.25rem; margin-right: 2.25rem; } .mx-lg-4 { margin-left: 3rem; margin-right: 3rem; } .mx-lg-5 { margin-left: 3.75rem; margin-right: 3.75rem; } .mx-lg-6 { margin-left: 4.5rem; margin-right: 4.5rem; } .mx-lg-7 { margin-left: 5.25rem; margin-right: 5.25rem; } .mx-lg-8 { margin-left: 6rem; margin-right: 6rem; } .mx-lg-9 { margin-left: 6.75rem; margin-right: 6.75rem; } .mx-lg-10 { margin-left: 7.5rem; margin-right: 7.5rem; } .mx-lg-11 { margin-left: 8.25rem; margin-right: 8.25rem; } .mx-lg-12 { margin-left: 9rem; margin-right: 9rem; } .mx-lg-13 { margin-left: 9.75rem; margin-right: 9.75rem; } .mx-lg-14 { margin-left: 10.5rem; margin-right: 10.5rem; } .mx-lg-15 { margin-left: 11.25rem; margin-right: 11.25rem; } .mx-lg-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 992px) and (min-width: 576px) { .mx-sm-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 992px) and (min-width: 768px) { .mx-md-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 992px) and (min-width: 992px) { .mx-lg-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .mx-xl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 992px) and (min-width: 1400px) { .mx-xxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 992px) and (min-width: 1550px) { .mx-xxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 992px) and (min-width: 1780px) { .mx-xxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 992px) and (min-width: 1920px) { .mx-xxxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 992px) { .my-lg-0 { margin-top: 0rem; margin-bottom: 0rem; } .my-lg-1 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-lg-2 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-lg-3 { margin-top: 2.25rem; margin-bottom: 2.25rem; } .my-lg-4 { margin-top: 3rem; margin-bottom: 3rem; } .my-lg-5 { margin-top: 3.75rem; margin-bottom: 3.75rem; } .my-lg-6 { margin-top: 4.5rem; margin-bottom: 4.5rem; } .my-lg-7 { margin-top: 5.25rem; margin-bottom: 5.25rem; } .my-lg-8 { margin-top: 6rem; margin-bottom: 6rem; } .my-lg-9 { margin-top: 6.75rem; margin-bottom: 6.75rem; } .my-lg-10 { margin-top: 7.5rem; margin-bottom: 7.5rem; } .my-lg-11 { margin-top: 8.25rem; margin-bottom: 8.25rem; } .my-lg-12 { margin-top: 9rem; margin-bottom: 9rem; } .my-lg-13 { margin-top: 9.75rem; margin-bottom: 9.75rem; } .my-lg-14 { margin-top: 10.5rem; margin-bottom: 10.5rem; } .my-lg-15 { margin-top: 11.25rem; margin-bottom: 11.25rem; } .my-lg-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 992px) and (min-width: 576px) { .my-sm-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 992px) and (min-width: 768px) { .my-md-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 992px) and (min-width: 992px) { .my-lg-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .my-xl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 992px) and (min-width: 1400px) { .my-xxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 992px) and (min-width: 1550px) { .my-xxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 992px) and (min-width: 1780px) { .my-xxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 992px) and (min-width: 1920px) { .my-xxxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 992px) { .m-lg-0 { margin: 0rem !important; } .m-lg-1 { margin: 0.75rem !important; } .m-lg-2 { margin: 1.5rem !important; } .m-lg-3 { margin: 2.25rem !important; } .m-lg-4 { margin: 3rem !important; } .m-lg-5 { margin: 3.75rem !important; } .m-lg-6 { margin: 4.5rem !important; } .m-lg-7 { margin: 5.25rem !important; } .m-lg-8 { margin: 6rem !important; } .m-lg-9 { margin: 6.75rem !important; } .m-lg-10 { margin: 7.5rem !important; } .m-lg-11 { margin: 8.25rem !important; } .m-lg-12 { margin: 9rem !important; } .m-lg-13 { margin: 9.75rem !important; } .m-lg-14 { margin: 10.5rem !important; } .m-lg-15 { margin: 11.25rem !important; } .m-lg-auto { margin: auto; } } @media (min-width: 992px) and (min-width: 576px) { .m-sm-auto { margin: auto; } } @media (min-width: 992px) and (min-width: 768px) { .m-md-auto { margin: auto; } } @media (min-width: 992px) and (min-width: 992px) { .m-lg-auto { margin: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .m-xl-auto { margin: auto; } } @media (min-width: 992px) and (min-width: 1400px) { .m-xxl-auto { margin: auto; } } @media (min-width: 992px) and (min-width: 1550px) { .m-xxxl-auto { margin: auto; } } @media (min-width: 992px) and (min-width: 1780px) { .m-xxxxl-auto { margin: auto; } } @media (min-width: 992px) and (min-width: 1920px) { .m-xxxxxl-auto { margin: auto; } } @media (min-width: 992px) { .pt-lg-0 { padding-top: 0rem; } .pt-lg-1 { padding-top: 0.75rem; } .pt-lg-2 { padding-top: 1.5rem; } .pt-lg-3 { padding-top: 2.25rem; } .pt-lg-4 { padding-top: 3rem; } .pt-lg-5 { padding-top: 3.75rem; } .pt-lg-6 { padding-top: 4.5rem; } .pt-lg-7 { padding-top: 5.25rem; } .pt-lg-8 { padding-top: 6rem; } .pt-lg-9 { padding-top: 6.75rem; } .pt-lg-10 { padding-top: 7.5rem; } .pt-lg-11 { padding-top: 8.25rem; } .pt-lg-12 { padding-top: 9rem; } .pt-lg-13 { padding-top: 9.75rem; } .pt-lg-14 { padding-top: 10.5rem; } .pt-lg-15 { padding-top: 11.25rem; } .pb-lg-0 { padding-bottom: 0rem; } .pb-lg-1 { padding-bottom: 0.75rem; } .pb-lg-2 { padding-bottom: 1.5rem; } .pb-lg-3 { padding-bottom: 2.25rem; } .pb-lg-4 { padding-bottom: 3rem; } .pb-lg-5 { padding-bottom: 3.75rem; } .pb-lg-6 { padding-bottom: 4.5rem; } .pb-lg-7 { padding-bottom: 5.25rem; } .pb-lg-8 { padding-bottom: 6rem; } .pb-lg-9 { padding-bottom: 6.75rem; } .pb-lg-10 { padding-bottom: 7.5rem; } .pb-lg-11 { padding-bottom: 8.25rem; } .pb-lg-12 { padding-bottom: 9rem; } .pb-lg-13 { padding-bottom: 9.75rem; } .pb-lg-14 { padding-bottom: 10.5rem; } .pb-lg-15 { padding-bottom: 11.25rem; } .pl-lg-0 { padding-left: 0rem; } .pl-lg-1 { padding-left: 0.75rem; } .pl-lg-2 { padding-left: 1.5rem; } .pl-lg-3 { padding-left: 2.25rem; } .pl-lg-4 { padding-left: 3rem; } .pl-lg-5 { padding-left: 3.75rem; } .pl-lg-6 { padding-left: 4.5rem; } .pl-lg-7 { padding-left: 5.25rem; } .pl-lg-8 { padding-left: 6rem; } .pl-lg-9 { padding-left: 6.75rem; } .pl-lg-10 { padding-left: 7.5rem; } .pl-lg-11 { padding-left: 8.25rem; } .pl-lg-12 { padding-left: 9rem; } .pl-lg-13 { padding-left: 9.75rem; } .pl-lg-14 { padding-left: 10.5rem; } .pl-lg-15 { padding-left: 11.25rem; } .pr-lg-0 { padding-right: 0rem; } .pr-lg-1 { padding-right: 0.75rem; } .pr-lg-2 { padding-right: 1.5rem; } .pr-lg-3 { padding-right: 2.25rem; } .pr-lg-4 { padding-right: 3rem; } .pr-lg-5 { padding-right: 3.75rem; } .pr-lg-6 { padding-right: 4.5rem; } .pr-lg-7 { padding-right: 5.25rem; } .pr-lg-8 { padding-right: 6rem; } .pr-lg-9 { padding-right: 6.75rem; } .pr-lg-10 { padding-right: 7.5rem; } .pr-lg-11 { padding-right: 8.25rem; } .pr-lg-12 { padding-right: 9rem; } .pr-lg-13 { padding-right: 9.75rem; } .pr-lg-14 { padding-right: 10.5rem; } .pr-lg-15 { padding-right: 11.25rem; } .px-lg-0 { padding-left: 0rem; padding-right: 0rem; } .px-lg-1 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-lg-2 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-lg-3 { padding-left: 2.25rem; padding-right: 2.25rem; } .px-lg-4 { padding-left: 3rem; padding-right: 3rem; } .px-lg-5 { padding-left: 3.75rem; padding-right: 3.75rem; } .px-lg-6 { padding-left: 4.5rem; padding-right: 4.5rem; } .px-lg-7 { padding-left: 5.25rem; padding-right: 5.25rem; } .px-lg-8 { padding-left: 6rem; padding-right: 6rem; } .px-lg-9 { padding-left: 6.75rem; padding-right: 6.75rem; } .px-lg-10 { padding-left: 7.5rem; padding-right: 7.5rem; } .px-lg-11 { padding-left: 8.25rem; padding-right: 8.25rem; } .px-lg-12 { padding-left: 9rem; padding-right: 9rem; } .px-lg-13 { padding-left: 9.75rem; padding-right: 9.75rem; } .px-lg-14 { padding-left: 10.5rem; padding-right: 10.5rem; } .px-lg-15 { padding-left: 11.25rem; padding-right: 11.25rem; } .py-lg-0 { padding-top: 0rem; padding-bottom: 0rem; } .py-lg-1 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-lg-2 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-lg-3 { padding-top: 2.25rem; padding-bottom: 2.25rem; } .py-lg-4 { padding-top: 3rem; padding-bottom: 3rem; } .py-lg-5 { padding-top: 3.75rem; padding-bottom: 3.75rem; } .py-lg-6 { padding-top: 4.5rem; padding-bottom: 4.5rem; } .py-lg-7 { padding-top: 5.25rem; padding-bottom: 5.25rem; } .py-lg-8 { padding-top: 6rem; padding-bottom: 6rem; } .py-lg-9 { padding-top: 6.75rem; padding-bottom: 6.75rem; } .py-lg-10 { padding-top: 7.5rem; padding-bottom: 7.5rem; } .py-lg-11 { padding-top: 8.25rem; padding-bottom: 8.25rem; } .py-lg-12 { padding-top: 9rem; padding-bottom: 9rem; } .py-lg-13 { padding-top: 9.75rem; padding-bottom: 9.75rem; } .py-lg-14 { padding-top: 10.5rem; padding-bottom: 10.5rem; } .py-lg-15 { padding-top: 11.25rem; padding-bottom: 11.25rem; } .p-lg-0 { padding: 0rem; } .p-lg-1 { padding: 0.75rem; } .p-lg-2 { padding: 1.5rem; } .p-lg-3 { padding: 2.25rem; } .p-lg-4 { padding: 3rem; } .p-lg-5 { padding: 3.75rem; } .p-lg-6 { padding: 4.5rem; } .p-lg-7 { padding: 5.25rem; } .p-lg-8 { padding: 6rem; } .p-lg-9 { padding: 6.75rem; } .p-lg-10 { padding: 7.5rem; } .p-lg-11 { padding: 8.25rem; } .p-lg-12 { padding: 9rem; } .p-lg-13 { padding: 9.75rem; } .p-lg-14 { padding: 10.5rem; } .p-lg-15 { padding: 11.25rem; } .gx-lg-0 { --gx: 0rem; } .gy-lg-0 { --gy: 0rem; } .gx-lg-1 { --gx: 0.75rem; } .gy-lg-1 { --gy: 0.75rem; } .gx-lg-2 { --gx: 1.5rem; } .gy-lg-2 { --gy: 1.5rem; } .gx-lg-3 { --gx: 2.25rem; } .gy-lg-3 { --gy: 2.25rem; } .gx-lg-4 { --gx: 3rem; } .gy-lg-4 { --gy: 3rem; } .gx-lg-5 { --gx: 3.75rem; } .gy-lg-5 { --gy: 3.75rem; } .gx-lg-6 { --gx: 4.5rem; } .gy-lg-6 { --gy: 4.5rem; } .gx-lg-7 { --gx: 5.25rem; } .gy-lg-7 { --gy: 5.25rem; } .gx-lg-8 { --gx: 6rem; } .gy-lg-8 { --gy: 6rem; } .gx-lg-9 { --gx: 6.75rem; } .gy-lg-9 { --gy: 6.75rem; } .gx-lg-10 { --gx: 7.5rem; } .gy-lg-10 { --gy: 7.5rem; } .gx-lg-11 { --gx: 8.25rem; } .gy-lg-11 { --gy: 8.25rem; } .gx-lg-12 { --gx: 9rem; } .gy-lg-12 { --gy: 9rem; } .gx-lg-13 { --gx: 9.75rem; } .gy-lg-13 { --gy: 9.75rem; } .gx-lg-14 { --gx: 10.5rem; } .gy-lg-14 { --gy: 10.5rem; } .gx-lg-15 { --gx: 11.25rem; } .gy-lg-15 { --gy: 11.25rem; } } @media (min-width: 1200px) { /* ---- CONTAINER/ROW/COL/OFFSET ---- */ .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } /* --------------- RL --------------- */ /* ---- CONTAINER/ROW/COL/OFFSET ---- */ .col-xl-0 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 0%; -webkit-box-flex: 0; flex: 0 0 0%; max-width: 0%; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .offset-xl-0, .col-xl-offset-0 { margin-left: 0%; } .col-xl-1 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 8.33333%; -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .offset-xl-1, .col-xl-offset-1 { margin-left: 8.33333%; } .col-xl-2 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 16.66667%; -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .offset-xl-2, .col-xl-offset-2 { margin-left: 16.66667%; } .col-xl-3 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .offset-xl-3, .col-xl-offset-3 { margin-left: 25%; } .col-xl-4 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .offset-xl-4, .col-xl-offset-4 { margin-left: 33.33333%; } .col-xl-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 41.66667%; -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .offset-xl-5, .col-xl-offset-5 { margin-left: 41.66667%; } .col-xl-6 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .offset-xl-6, .col-xl-offset-6 { margin-left: 50%; } .col-xl-7 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 58.33333%; -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .offset-xl-7, .col-xl-offset-7 { margin-left: 58.33333%; } .col-xl-8 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 66.66667%; -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .offset-xl-8, .col-xl-offset-8 { margin-left: 66.66667%; } .col-xl-9 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .offset-xl-9, .col-xl-offset-9 { margin-left: 75%; } .col-xl-10 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 83.33333%; -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .offset-xl-10, .col-xl-offset-10 { margin-left: 83.33333%; } .col-xl-11 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 91.66667%; -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .offset-xl-11, .col-xl-offset-11 { margin-left: 91.66667%; } .col-xl-12 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } /* --------------- RL --------------- */ /* ---- DISPLAY ---- */ .d-xl-block { display: block; } .d-xl-inline-block { display: inline-block; } .d-xl-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .d-xl-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /* ---- FLEX PROPERTY ---- */ .flex-direction-xl-row { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; } .flex-direction-xl-row-reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-direction-xl-column { -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .flex-direction-xl-column-reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .justify-content-xl-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-xl-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-xl-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-content-xl-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-xl-around { -ms-flex-pack: distribute; justify-content: space-around; } .align-items-xl-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align-items-xl-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .align-items-xl-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-wrap-xl-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-xl-nowrap { -ms-flex-wrap: none; flex-wrap: nowrap; } /* --------- Léo --------- */ .d-xl-grid { display: -ms-grid; display: grid; } .d-xl-none { display: none; } /* ------ Chris ------ */ /* ---- 5 COLUMNS LAYOUT ---- */ .col-xl-1-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .col-xl-2-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 40%; -webkit-box-flex: 0; flex: 0 0 40%; max-width: 40%; } /* --------------- RL --------------- */ .mt-xl-0 { margin-top: 0rem !important; } .mt-xl-1 { margin-top: 0.75rem !important; } .mt-xl-2 { margin-top: 1.5rem !important; } .mt-xl-3 { margin-top: 2.25rem !important; } .mt-xl-4 { margin-top: 3rem !important; } .mt-xl-5 { margin-top: 3.75rem !important; } .mt-xl-6 { margin-top: 4.5rem !important; } .mt-xl-7 { margin-top: 5.25rem !important; } .mt-xl-8 { margin-top: 6rem !important; } .mt-xl-9 { margin-top: 6.75rem !important; } .mt-xl-10 { margin-top: 7.5rem !important; } .mt-xl-11 { margin-top: 8.25rem !important; } .mt-xl-12 { margin-top: 9rem !important; } .mt-xl-13 { margin-top: 9.75rem !important; } .mt-xl-14 { margin-top: 10.5rem !important; } .mt-xl-15 { margin-top: 11.25rem !important; } .mt-xl-auto { margin-top: auto; } } @media (min-width: 1200px) and (min-width: 576px) { .mt-sm-auto { margin-top: auto; } } @media (min-width: 1200px) and (min-width: 768px) { .mt-md-auto { margin-top: auto; } } @media (min-width: 1200px) and (min-width: 992px) { .mt-lg-auto { margin-top: auto; } } @media (min-width: 1200px) and (min-width: 1200px) { .mt-xl-auto { margin-top: auto; } } @media (min-width: 1200px) and (min-width: 1400px) { .mt-xxl-auto { margin-top: auto; } } @media (min-width: 1200px) and (min-width: 1550px) { .mt-xxxl-auto { margin-top: auto; } } @media (min-width: 1200px) and (min-width: 1780px) { .mt-xxxxl-auto { margin-top: auto; } } @media (min-width: 1200px) and (min-width: 1920px) { .mt-xxxxxl-auto { margin-top: auto; } } @media (min-width: 1200px) { .mb-xl-0 { margin-bottom: 0rem !important; } .mb-xl-1 { margin-bottom: 0.75rem !important; } .mb-xl-2 { margin-bottom: 1.5rem !important; } .mb-xl-3 { margin-bottom: 2.25rem !important; } .mb-xl-4 { margin-bottom: 3rem !important; } .mb-xl-5 { margin-bottom: 3.75rem !important; } .mb-xl-6 { margin-bottom: 4.5rem !important; } .mb-xl-7 { margin-bottom: 5.25rem !important; } .mb-xl-8 { margin-bottom: 6rem !important; } .mb-xl-9 { margin-bottom: 6.75rem !important; } .mb-xl-10 { margin-bottom: 7.5rem !important; } .mb-xl-11 { margin-bottom: 8.25rem !important; } .mb-xl-12 { margin-bottom: 9rem !important; } .mb-xl-13 { margin-bottom: 9.75rem !important; } .mb-xl-14 { margin-bottom: 10.5rem !important; } .mb-xl-15 { margin-bottom: 11.25rem !important; } .mb-xl-auto { margin-bottom: auto; } } @media (min-width: 1200px) and (min-width: 576px) { .mb-sm-auto { margin-bottom: auto; } } @media (min-width: 1200px) and (min-width: 768px) { .mb-md-auto { margin-bottom: auto; } } @media (min-width: 1200px) and (min-width: 992px) { .mb-lg-auto { margin-bottom: auto; } } @media (min-width: 1200px) and (min-width: 1200px) { .mb-xl-auto { margin-bottom: auto; } } @media (min-width: 1200px) and (min-width: 1400px) { .mb-xxl-auto { margin-bottom: auto; } } @media (min-width: 1200px) and (min-width: 1550px) { .mb-xxxl-auto { margin-bottom: auto; } } @media (min-width: 1200px) and (min-width: 1780px) { .mb-xxxxl-auto { margin-bottom: auto; } } @media (min-width: 1200px) and (min-width: 1920px) { .mb-xxxxxl-auto { margin-bottom: auto; } } @media (min-width: 1200px) { .ml-xl-0 { margin-left: 0rem !important; } .ml-xl-1 { margin-left: 0.75rem !important; } .ml-xl-2 { margin-left: 1.5rem !important; } .ml-xl-3 { margin-left: 2.25rem !important; } .ml-xl-4 { margin-left: 3rem !important; } .ml-xl-5 { margin-left: 3.75rem !important; } .ml-xl-6 { margin-left: 4.5rem !important; } .ml-xl-7 { margin-left: 5.25rem !important; } .ml-xl-8 { margin-left: 6rem !important; } .ml-xl-9 { margin-left: 6.75rem !important; } .ml-xl-10 { margin-left: 7.5rem !important; } .ml-xl-11 { margin-left: 8.25rem !important; } .ml-xl-12 { margin-left: 9rem !important; } .ml-xl-13 { margin-left: 9.75rem !important; } .ml-xl-14 { margin-left: 10.5rem !important; } .ml-xl-15 { margin-left: 11.25rem !important; } .ml-xl-auto { margin-left: auto; } } @media (min-width: 1200px) and (min-width: 576px) { .ml-sm-auto { margin-left: auto; } } @media (min-width: 1200px) and (min-width: 768px) { .ml-md-auto { margin-left: auto; } } @media (min-width: 1200px) and (min-width: 992px) { .ml-lg-auto { margin-left: auto; } } @media (min-width: 1200px) and (min-width: 1200px) { .ml-xl-auto { margin-left: auto; } } @media (min-width: 1200px) and (min-width: 1400px) { .ml-xxl-auto { margin-left: auto; } } @media (min-width: 1200px) and (min-width: 1550px) { .ml-xxxl-auto { margin-left: auto; } } @media (min-width: 1200px) and (min-width: 1780px) { .ml-xxxxl-auto { margin-left: auto; } } @media (min-width: 1200px) and (min-width: 1920px) { .ml-xxxxxl-auto { margin-left: auto; } } @media (min-width: 1200px) { .mr-xl-0 { margin-right: 0rem !important; } .mr-xl-1 { margin-right: 0.75rem !important; } .mr-xl-2 { margin-right: 1.5rem !important; } .mr-xl-3 { margin-right: 2.25rem !important; } .mr-xl-4 { margin-right: 3rem !important; } .mr-xl-5 { margin-right: 3.75rem !important; } .mr-xl-6 { margin-right: 4.5rem !important; } .mr-xl-7 { margin-right: 5.25rem !important; } .mr-xl-8 { margin-right: 6rem !important; } .mr-xl-9 { margin-right: 6.75rem !important; } .mr-xl-10 { margin-right: 7.5rem !important; } .mr-xl-11 { margin-right: 8.25rem !important; } .mr-xl-12 { margin-right: 9rem !important; } .mr-xl-13 { margin-right: 9.75rem !important; } .mr-xl-14 { margin-right: 10.5rem !important; } .mr-xl-15 { margin-right: 11.25rem !important; } .mr-xl-auto { margin-right: auto; } } @media (min-width: 1200px) and (min-width: 576px) { .mr-sm-auto { margin-right: auto; } } @media (min-width: 1200px) and (min-width: 768px) { .mr-md-auto { margin-right: auto; } } @media (min-width: 1200px) and (min-width: 992px) { .mr-lg-auto { margin-right: auto; } } @media (min-width: 1200px) and (min-width: 1200px) { .mr-xl-auto { margin-right: auto; } } @media (min-width: 1200px) and (min-width: 1400px) { .mr-xxl-auto { margin-right: auto; } } @media (min-width: 1200px) and (min-width: 1550px) { .mr-xxxl-auto { margin-right: auto; } } @media (min-width: 1200px) and (min-width: 1780px) { .mr-xxxxl-auto { margin-right: auto; } } @media (min-width: 1200px) and (min-width: 1920px) { .mr-xxxxxl-auto { margin-right: auto; } } @media (min-width: 1200px) { .mx-xl-0 { margin-left: 0rem; margin-right: 0rem; } .mx-xl-1 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-xl-2 { margin-left: 1.5rem; margin-right: 1.5rem; } .mx-xl-3 { margin-left: 2.25rem; margin-right: 2.25rem; } .mx-xl-4 { margin-left: 3rem; margin-right: 3rem; } .mx-xl-5 { margin-left: 3.75rem; margin-right: 3.75rem; } .mx-xl-6 { margin-left: 4.5rem; margin-right: 4.5rem; } .mx-xl-7 { margin-left: 5.25rem; margin-right: 5.25rem; } .mx-xl-8 { margin-left: 6rem; margin-right: 6rem; } .mx-xl-9 { margin-left: 6.75rem; margin-right: 6.75rem; } .mx-xl-10 { margin-left: 7.5rem; margin-right: 7.5rem; } .mx-xl-11 { margin-left: 8.25rem; margin-right: 8.25rem; } .mx-xl-12 { margin-left: 9rem; margin-right: 9rem; } .mx-xl-13 { margin-left: 9.75rem; margin-right: 9.75rem; } .mx-xl-14 { margin-left: 10.5rem; margin-right: 10.5rem; } .mx-xl-15 { margin-left: 11.25rem; margin-right: 11.25rem; } .mx-xl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) and (min-width: 576px) { .mx-sm-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) and (min-width: 768px) { .mx-md-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) and (min-width: 992px) { .mx-lg-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) and (min-width: 1200px) { .mx-xl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) and (min-width: 1400px) { .mx-xxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) and (min-width: 1550px) { .mx-xxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) and (min-width: 1780px) { .mx-xxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) and (min-width: 1920px) { .mx-xxxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) { .my-xl-0 { margin-top: 0rem; margin-bottom: 0rem; } .my-xl-1 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-xl-2 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-xl-3 { margin-top: 2.25rem; margin-bottom: 2.25rem; } .my-xl-4 { margin-top: 3rem; margin-bottom: 3rem; } .my-xl-5 { margin-top: 3.75rem; margin-bottom: 3.75rem; } .my-xl-6 { margin-top: 4.5rem; margin-bottom: 4.5rem; } .my-xl-7 { margin-top: 5.25rem; margin-bottom: 5.25rem; } .my-xl-8 { margin-top: 6rem; margin-bottom: 6rem; } .my-xl-9 { margin-top: 6.75rem; margin-bottom: 6.75rem; } .my-xl-10 { margin-top: 7.5rem; margin-bottom: 7.5rem; } .my-xl-11 { margin-top: 8.25rem; margin-bottom: 8.25rem; } .my-xl-12 { margin-top: 9rem; margin-bottom: 9rem; } .my-xl-13 { margin-top: 9.75rem; margin-bottom: 9.75rem; } .my-xl-14 { margin-top: 10.5rem; margin-bottom: 10.5rem; } .my-xl-15 { margin-top: 11.25rem; margin-bottom: 11.25rem; } .my-xl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1200px) and (min-width: 576px) { .my-sm-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1200px) and (min-width: 768px) { .my-md-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1200px) and (min-width: 992px) { .my-lg-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1200px) and (min-width: 1200px) { .my-xl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1200px) and (min-width: 1400px) { .my-xxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1200px) and (min-width: 1550px) { .my-xxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1200px) and (min-width: 1780px) { .my-xxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1200px) and (min-width: 1920px) { .my-xxxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0rem !important; } .m-xl-1 { margin: 0.75rem !important; } .m-xl-2 { margin: 1.5rem !important; } .m-xl-3 { margin: 2.25rem !important; } .m-xl-4 { margin: 3rem !important; } .m-xl-5 { margin: 3.75rem !important; } .m-xl-6 { margin: 4.5rem !important; } .m-xl-7 { margin: 5.25rem !important; } .m-xl-8 { margin: 6rem !important; } .m-xl-9 { margin: 6.75rem !important; } .m-xl-10 { margin: 7.5rem !important; } .m-xl-11 { margin: 8.25rem !important; } .m-xl-12 { margin: 9rem !important; } .m-xl-13 { margin: 9.75rem !important; } .m-xl-14 { margin: 10.5rem !important; } .m-xl-15 { margin: 11.25rem !important; } .m-xl-auto { margin: auto; } } @media (min-width: 1200px) and (min-width: 576px) { .m-sm-auto { margin: auto; } } @media (min-width: 1200px) and (min-width: 768px) { .m-md-auto { margin: auto; } } @media (min-width: 1200px) and (min-width: 992px) { .m-lg-auto { margin: auto; } } @media (min-width: 1200px) and (min-width: 1200px) { .m-xl-auto { margin: auto; } } @media (min-width: 1200px) and (min-width: 1400px) { .m-xxl-auto { margin: auto; } } @media (min-width: 1200px) and (min-width: 1550px) { .m-xxxl-auto { margin: auto; } } @media (min-width: 1200px) and (min-width: 1780px) { .m-xxxxl-auto { margin: auto; } } @media (min-width: 1200px) and (min-width: 1920px) { .m-xxxxxl-auto { margin: auto; } } @media (min-width: 1200px) { .pt-xl-0 { padding-top: 0rem; } .pt-xl-1 { padding-top: 0.75rem; } .pt-xl-2 { padding-top: 1.5rem; } .pt-xl-3 { padding-top: 2.25rem; } .pt-xl-4 { padding-top: 3rem; } .pt-xl-5 { padding-top: 3.75rem; } .pt-xl-6 { padding-top: 4.5rem; } .pt-xl-7 { padding-top: 5.25rem; } .pt-xl-8 { padding-top: 6rem; } .pt-xl-9 { padding-top: 6.75rem; } .pt-xl-10 { padding-top: 7.5rem; } .pt-xl-11 { padding-top: 8.25rem; } .pt-xl-12 { padding-top: 9rem; } .pt-xl-13 { padding-top: 9.75rem; } .pt-xl-14 { padding-top: 10.5rem; } .pt-xl-15 { padding-top: 11.25rem; } .pb-xl-0 { padding-bottom: 0rem; } .pb-xl-1 { padding-bottom: 0.75rem; } .pb-xl-2 { padding-bottom: 1.5rem; } .pb-xl-3 { padding-bottom: 2.25rem; } .pb-xl-4 { padding-bottom: 3rem; } .pb-xl-5 { padding-bottom: 3.75rem; } .pb-xl-6 { padding-bottom: 4.5rem; } .pb-xl-7 { padding-bottom: 5.25rem; } .pb-xl-8 { padding-bottom: 6rem; } .pb-xl-9 { padding-bottom: 6.75rem; } .pb-xl-10 { padding-bottom: 7.5rem; } .pb-xl-11 { padding-bottom: 8.25rem; } .pb-xl-12 { padding-bottom: 9rem; } .pb-xl-13 { padding-bottom: 9.75rem; } .pb-xl-14 { padding-bottom: 10.5rem; } .pb-xl-15 { padding-bottom: 11.25rem; } .pl-xl-0 { padding-left: 0rem; } .pl-xl-1 { padding-left: 0.75rem; } .pl-xl-2 { padding-left: 1.5rem; } .pl-xl-3 { padding-left: 2.25rem; } .pl-xl-4 { padding-left: 3rem; } .pl-xl-5 { padding-left: 3.75rem; } .pl-xl-6 { padding-left: 4.5rem; } .pl-xl-7 { padding-left: 5.25rem; } .pl-xl-8 { padding-left: 6rem; } .pl-xl-9 { padding-left: 6.75rem; } .pl-xl-10 { padding-left: 7.5rem; } .pl-xl-11 { padding-left: 8.25rem; } .pl-xl-12 { padding-left: 9rem; } .pl-xl-13 { padding-left: 9.75rem; } .pl-xl-14 { padding-left: 10.5rem; } .pl-xl-15 { padding-left: 11.25rem; } .pr-xl-0 { padding-right: 0rem; } .pr-xl-1 { padding-right: 0.75rem; } .pr-xl-2 { padding-right: 1.5rem; } .pr-xl-3 { padding-right: 2.25rem; } .pr-xl-4 { padding-right: 3rem; } .pr-xl-5 { padding-right: 3.75rem; } .pr-xl-6 { padding-right: 4.5rem; } .pr-xl-7 { padding-right: 5.25rem; } .pr-xl-8 { padding-right: 6rem; } .pr-xl-9 { padding-right: 6.75rem; } .pr-xl-10 { padding-right: 7.5rem; } .pr-xl-11 { padding-right: 8.25rem; } .pr-xl-12 { padding-right: 9rem; } .pr-xl-13 { padding-right: 9.75rem; } .pr-xl-14 { padding-right: 10.5rem; } .pr-xl-15 { padding-right: 11.25rem; } .px-xl-0 { padding-left: 0rem; padding-right: 0rem; } .px-xl-1 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-xl-2 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-xl-3 { padding-left: 2.25rem; padding-right: 2.25rem; } .px-xl-4 { padding-left: 3rem; padding-right: 3rem; } .px-xl-5 { padding-left: 3.75rem; padding-right: 3.75rem; } .px-xl-6 { padding-left: 4.5rem; padding-right: 4.5rem; } .px-xl-7 { padding-left: 5.25rem; padding-right: 5.25rem; } .px-xl-8 { padding-left: 6rem; padding-right: 6rem; } .px-xl-9 { padding-left: 6.75rem; padding-right: 6.75rem; } .px-xl-10 { padding-left: 7.5rem; padding-right: 7.5rem; } .px-xl-11 { padding-left: 8.25rem; padding-right: 8.25rem; } .px-xl-12 { padding-left: 9rem; padding-right: 9rem; } .px-xl-13 { padding-left: 9.75rem; padding-right: 9.75rem; } .px-xl-14 { padding-left: 10.5rem; padding-right: 10.5rem; } .px-xl-15 { padding-left: 11.25rem; padding-right: 11.25rem; } .py-xl-0 { padding-top: 0rem; padding-bottom: 0rem; } .py-xl-1 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-xl-2 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-xl-3 { padding-top: 2.25rem; padding-bottom: 2.25rem; } .py-xl-4 { padding-top: 3rem; padding-bottom: 3rem; } .py-xl-5 { padding-top: 3.75rem; padding-bottom: 3.75rem; } .py-xl-6 { padding-top: 4.5rem; padding-bottom: 4.5rem; } .py-xl-7 { padding-top: 5.25rem; padding-bottom: 5.25rem; } .py-xl-8 { padding-top: 6rem; padding-bottom: 6rem; } .py-xl-9 { padding-top: 6.75rem; padding-bottom: 6.75rem; } .py-xl-10 { padding-top: 7.5rem; padding-bottom: 7.5rem; } .py-xl-11 { padding-top: 8.25rem; padding-bottom: 8.25rem; } .py-xl-12 { padding-top: 9rem; padding-bottom: 9rem; } .py-xl-13 { padding-top: 9.75rem; padding-bottom: 9.75rem; } .py-xl-14 { padding-top: 10.5rem; padding-bottom: 10.5rem; } .py-xl-15 { padding-top: 11.25rem; padding-bottom: 11.25rem; } .p-xl-0 { padding: 0rem; } .p-xl-1 { padding: 0.75rem; } .p-xl-2 { padding: 1.5rem; } .p-xl-3 { padding: 2.25rem; } .p-xl-4 { padding: 3rem; } .p-xl-5 { padding: 3.75rem; } .p-xl-6 { padding: 4.5rem; } .p-xl-7 { padding: 5.25rem; } .p-xl-8 { padding: 6rem; } .p-xl-9 { padding: 6.75rem; } .p-xl-10 { padding: 7.5rem; } .p-xl-11 { padding: 8.25rem; } .p-xl-12 { padding: 9rem; } .p-xl-13 { padding: 9.75rem; } .p-xl-14 { padding: 10.5rem; } .p-xl-15 { padding: 11.25rem; } .gx-xl-0 { --gx: 0rem; } .gy-xl-0 { --gy: 0rem; } .gx-xl-1 { --gx: 0.75rem; } .gy-xl-1 { --gy: 0.75rem; } .gx-xl-2 { --gx: 1.5rem; } .gy-xl-2 { --gy: 1.5rem; } .gx-xl-3 { --gx: 2.25rem; } .gy-xl-3 { --gy: 2.25rem; } .gx-xl-4 { --gx: 3rem; } .gy-xl-4 { --gy: 3rem; } .gx-xl-5 { --gx: 3.75rem; } .gy-xl-5 { --gy: 3.75rem; } .gx-xl-6 { --gx: 4.5rem; } .gy-xl-6 { --gy: 4.5rem; } .gx-xl-7 { --gx: 5.25rem; } .gy-xl-7 { --gy: 5.25rem; } .gx-xl-8 { --gx: 6rem; } .gy-xl-8 { --gy: 6rem; } .gx-xl-9 { --gx: 6.75rem; } .gy-xl-9 { --gy: 6.75rem; } .gx-xl-10 { --gx: 7.5rem; } .gy-xl-10 { --gy: 7.5rem; } .gx-xl-11 { --gx: 8.25rem; } .gy-xl-11 { --gy: 8.25rem; } .gx-xl-12 { --gx: 9rem; } .gy-xl-12 { --gy: 9rem; } .gx-xl-13 { --gx: 9.75rem; } .gy-xl-13 { --gy: 9.75rem; } .gx-xl-14 { --gx: 10.5rem; } .gy-xl-14 { --gy: 10.5rem; } .gx-xl-15 { --gx: 11.25rem; } .gy-xl-15 { --gy: 11.25rem; } } @media (min-width: 1400px) { /* ---- CONTAINER/ROW/COL/OFFSET ---- */ .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: 1240px; } /* --------------- RL --------------- */ /* ---- CONTAINER/ROW/COL/OFFSET ---- */ .col-xxl-0 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 0%; -webkit-box-flex: 0; flex: 0 0 0%; max-width: 0%; } .order-xxl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .offset-xxl-0, .col-xxl-offset-0 { margin-left: 0%; } .col-xxl-1 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 8.33333%; -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .order-xxl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .offset-xxl-1, .col-xxl-offset-1 { margin-left: 8.33333%; } .col-xxl-2 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 16.66667%; -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .order-xxl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .offset-xxl-2, .col-xxl-offset-2 { margin-left: 16.66667%; } .col-xxl-3 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .order-xxl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .offset-xxl-3, .col-xxl-offset-3 { margin-left: 25%; } .col-xxl-4 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .order-xxl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .offset-xxl-4, .col-xxl-offset-4 { margin-left: 33.33333%; } .col-xxl-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 41.66667%; -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .order-xxl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .offset-xxl-5, .col-xxl-offset-5 { margin-left: 41.66667%; } .col-xxl-6 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .order-xxl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .offset-xxl-6, .col-xxl-offset-6 { margin-left: 50%; } .col-xxl-7 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 58.33333%; -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .order-xxl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .offset-xxl-7, .col-xxl-offset-7 { margin-left: 58.33333%; } .col-xxl-8 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 66.66667%; -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .order-xxl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .offset-xxl-8, .col-xxl-offset-8 { margin-left: 66.66667%; } .col-xxl-9 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .order-xxl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .offset-xxl-9, .col-xxl-offset-9 { margin-left: 75%; } .col-xxl-10 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 83.33333%; -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .order-xxl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .offset-xxl-10, .col-xxl-offset-10 { margin-left: 83.33333%; } .col-xxl-11 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 91.66667%; -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .order-xxl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .offset-xxl-11, .col-xxl-offset-11 { margin-left: 91.66667%; } .col-xxl-12 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-xxl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } /* --------------- RL --------------- */ /* ---- DISPLAY ---- */ .d-xxl-block { display: block; } .d-xxl-inline-block { display: inline-block; } .d-xxl-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .d-xxl-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /* ---- FLEX PROPERTY ---- */ .flex-direction-xxl-row { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; } .flex-direction-xxl-row-reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-direction-xxl-column { -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .flex-direction-xxl-column-reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .justify-content-xxl-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-xxl-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-xxl-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-content-xxl-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-xxl-around { -ms-flex-pack: distribute; justify-content: space-around; } .align-items-xxl-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align-items-xxl-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .align-items-xxl-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-wrap-xxl-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-xxl-nowrap { -ms-flex-wrap: none; flex-wrap: nowrap; } /* --------- Léo --------- */ .d-xxl-grid { display: -ms-grid; display: grid; } .d-xxl-none { display: none; } /* ------ Chris ------ */ /* ---- 5 COLUMNS LAYOUT ---- */ .col-xxl-1-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .col-xxl-2-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 40%; -webkit-box-flex: 0; flex: 0 0 40%; max-width: 40%; } /* --------------- RL --------------- */ .mt-xxl-0 { margin-top: 0rem !important; } .mt-xxl-1 { margin-top: 0.75rem !important; } .mt-xxl-2 { margin-top: 1.5rem !important; } .mt-xxl-3 { margin-top: 2.25rem !important; } .mt-xxl-4 { margin-top: 3rem !important; } .mt-xxl-5 { margin-top: 3.75rem !important; } .mt-xxl-6 { margin-top: 4.5rem !important; } .mt-xxl-7 { margin-top: 5.25rem !important; } .mt-xxl-8 { margin-top: 6rem !important; } .mt-xxl-9 { margin-top: 6.75rem !important; } .mt-xxl-10 { margin-top: 7.5rem !important; } .mt-xxl-11 { margin-top: 8.25rem !important; } .mt-xxl-12 { margin-top: 9rem !important; } .mt-xxl-13 { margin-top: 9.75rem !important; } .mt-xxl-14 { margin-top: 10.5rem !important; } .mt-xxl-15 { margin-top: 11.25rem !important; } .mt-xxl-auto { margin-top: auto; } } @media (min-width: 1400px) and (min-width: 576px) { .mt-sm-auto { margin-top: auto; } } @media (min-width: 1400px) and (min-width: 768px) { .mt-md-auto { margin-top: auto; } } @media (min-width: 1400px) and (min-width: 992px) { .mt-lg-auto { margin-top: auto; } } @media (min-width: 1400px) and (min-width: 1200px) { .mt-xl-auto { margin-top: auto; } } @media (min-width: 1400px) and (min-width: 1400px) { .mt-xxl-auto { margin-top: auto; } } @media (min-width: 1400px) and (min-width: 1550px) { .mt-xxxl-auto { margin-top: auto; } } @media (min-width: 1400px) and (min-width: 1780px) { .mt-xxxxl-auto { margin-top: auto; } } @media (min-width: 1400px) and (min-width: 1920px) { .mt-xxxxxl-auto { margin-top: auto; } } @media (min-width: 1400px) { .mb-xxl-0 { margin-bottom: 0rem !important; } .mb-xxl-1 { margin-bottom: 0.75rem !important; } .mb-xxl-2 { margin-bottom: 1.5rem !important; } .mb-xxl-3 { margin-bottom: 2.25rem !important; } .mb-xxl-4 { margin-bottom: 3rem !important; } .mb-xxl-5 { margin-bottom: 3.75rem !important; } .mb-xxl-6 { margin-bottom: 4.5rem !important; } .mb-xxl-7 { margin-bottom: 5.25rem !important; } .mb-xxl-8 { margin-bottom: 6rem !important; } .mb-xxl-9 { margin-bottom: 6.75rem !important; } .mb-xxl-10 { margin-bottom: 7.5rem !important; } .mb-xxl-11 { margin-bottom: 8.25rem !important; } .mb-xxl-12 { margin-bottom: 9rem !important; } .mb-xxl-13 { margin-bottom: 9.75rem !important; } .mb-xxl-14 { margin-bottom: 10.5rem !important; } .mb-xxl-15 { margin-bottom: 11.25rem !important; } .mb-xxl-auto { margin-bottom: auto; } } @media (min-width: 1400px) and (min-width: 576px) { .mb-sm-auto { margin-bottom: auto; } } @media (min-width: 1400px) and (min-width: 768px) { .mb-md-auto { margin-bottom: auto; } } @media (min-width: 1400px) and (min-width: 992px) { .mb-lg-auto { margin-bottom: auto; } } @media (min-width: 1400px) and (min-width: 1200px) { .mb-xl-auto { margin-bottom: auto; } } @media (min-width: 1400px) and (min-width: 1400px) { .mb-xxl-auto { margin-bottom: auto; } } @media (min-width: 1400px) and (min-width: 1550px) { .mb-xxxl-auto { margin-bottom: auto; } } @media (min-width: 1400px) and (min-width: 1780px) { .mb-xxxxl-auto { margin-bottom: auto; } } @media (min-width: 1400px) and (min-width: 1920px) { .mb-xxxxxl-auto { margin-bottom: auto; } } @media (min-width: 1400px) { .ml-xxl-0 { margin-left: 0rem !important; } .ml-xxl-1 { margin-left: 0.75rem !important; } .ml-xxl-2 { margin-left: 1.5rem !important; } .ml-xxl-3 { margin-left: 2.25rem !important; } .ml-xxl-4 { margin-left: 3rem !important; } .ml-xxl-5 { margin-left: 3.75rem !important; } .ml-xxl-6 { margin-left: 4.5rem !important; } .ml-xxl-7 { margin-left: 5.25rem !important; } .ml-xxl-8 { margin-left: 6rem !important; } .ml-xxl-9 { margin-left: 6.75rem !important; } .ml-xxl-10 { margin-left: 7.5rem !important; } .ml-xxl-11 { margin-left: 8.25rem !important; } .ml-xxl-12 { margin-left: 9rem !important; } .ml-xxl-13 { margin-left: 9.75rem !important; } .ml-xxl-14 { margin-left: 10.5rem !important; } .ml-xxl-15 { margin-left: 11.25rem !important; } .ml-xxl-auto { margin-left: auto; } } @media (min-width: 1400px) and (min-width: 576px) { .ml-sm-auto { margin-left: auto; } } @media (min-width: 1400px) and (min-width: 768px) { .ml-md-auto { margin-left: auto; } } @media (min-width: 1400px) and (min-width: 992px) { .ml-lg-auto { margin-left: auto; } } @media (min-width: 1400px) and (min-width: 1200px) { .ml-xl-auto { margin-left: auto; } } @media (min-width: 1400px) and (min-width: 1400px) { .ml-xxl-auto { margin-left: auto; } } @media (min-width: 1400px) and (min-width: 1550px) { .ml-xxxl-auto { margin-left: auto; } } @media (min-width: 1400px) and (min-width: 1780px) { .ml-xxxxl-auto { margin-left: auto; } } @media (min-width: 1400px) and (min-width: 1920px) { .ml-xxxxxl-auto { margin-left: auto; } } @media (min-width: 1400px) { .mr-xxl-0 { margin-right: 0rem !important; } .mr-xxl-1 { margin-right: 0.75rem !important; } .mr-xxl-2 { margin-right: 1.5rem !important; } .mr-xxl-3 { margin-right: 2.25rem !important; } .mr-xxl-4 { margin-right: 3rem !important; } .mr-xxl-5 { margin-right: 3.75rem !important; } .mr-xxl-6 { margin-right: 4.5rem !important; } .mr-xxl-7 { margin-right: 5.25rem !important; } .mr-xxl-8 { margin-right: 6rem !important; } .mr-xxl-9 { margin-right: 6.75rem !important; } .mr-xxl-10 { margin-right: 7.5rem !important; } .mr-xxl-11 { margin-right: 8.25rem !important; } .mr-xxl-12 { margin-right: 9rem !important; } .mr-xxl-13 { margin-right: 9.75rem !important; } .mr-xxl-14 { margin-right: 10.5rem !important; } .mr-xxl-15 { margin-right: 11.25rem !important; } .mr-xxl-auto { margin-right: auto; } } @media (min-width: 1400px) and (min-width: 576px) { .mr-sm-auto { margin-right: auto; } } @media (min-width: 1400px) and (min-width: 768px) { .mr-md-auto { margin-right: auto; } } @media (min-width: 1400px) and (min-width: 992px) { .mr-lg-auto { margin-right: auto; } } @media (min-width: 1400px) and (min-width: 1200px) { .mr-xl-auto { margin-right: auto; } } @media (min-width: 1400px) and (min-width: 1400px) { .mr-xxl-auto { margin-right: auto; } } @media (min-width: 1400px) and (min-width: 1550px) { .mr-xxxl-auto { margin-right: auto; } } @media (min-width: 1400px) and (min-width: 1780px) { .mr-xxxxl-auto { margin-right: auto; } } @media (min-width: 1400px) and (min-width: 1920px) { .mr-xxxxxl-auto { margin-right: auto; } } @media (min-width: 1400px) { .mx-xxl-0 { margin-left: 0rem; margin-right: 0rem; } .mx-xxl-1 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-xxl-2 { margin-left: 1.5rem; margin-right: 1.5rem; } .mx-xxl-3 { margin-left: 2.25rem; margin-right: 2.25rem; } .mx-xxl-4 { margin-left: 3rem; margin-right: 3rem; } .mx-xxl-5 { margin-left: 3.75rem; margin-right: 3.75rem; } .mx-xxl-6 { margin-left: 4.5rem; margin-right: 4.5rem; } .mx-xxl-7 { margin-left: 5.25rem; margin-right: 5.25rem; } .mx-xxl-8 { margin-left: 6rem; margin-right: 6rem; } .mx-xxl-9 { margin-left: 6.75rem; margin-right: 6.75rem; } .mx-xxl-10 { margin-left: 7.5rem; margin-right: 7.5rem; } .mx-xxl-11 { margin-left: 8.25rem; margin-right: 8.25rem; } .mx-xxl-12 { margin-left: 9rem; margin-right: 9rem; } .mx-xxl-13 { margin-left: 9.75rem; margin-right: 9.75rem; } .mx-xxl-14 { margin-left: 10.5rem; margin-right: 10.5rem; } .mx-xxl-15 { margin-left: 11.25rem; margin-right: 11.25rem; } .mx-xxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1400px) and (min-width: 576px) { .mx-sm-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1400px) and (min-width: 768px) { .mx-md-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1400px) and (min-width: 992px) { .mx-lg-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1400px) and (min-width: 1200px) { .mx-xl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1400px) and (min-width: 1400px) { .mx-xxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1400px) and (min-width: 1550px) { .mx-xxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1400px) and (min-width: 1780px) { .mx-xxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1400px) and (min-width: 1920px) { .mx-xxxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1400px) { .my-xxl-0 { margin-top: 0rem; margin-bottom: 0rem; } .my-xxl-1 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-xxl-2 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-xxl-3 { margin-top: 2.25rem; margin-bottom: 2.25rem; } .my-xxl-4 { margin-top: 3rem; margin-bottom: 3rem; } .my-xxl-5 { margin-top: 3.75rem; margin-bottom: 3.75rem; } .my-xxl-6 { margin-top: 4.5rem; margin-bottom: 4.5rem; } .my-xxl-7 { margin-top: 5.25rem; margin-bottom: 5.25rem; } .my-xxl-8 { margin-top: 6rem; margin-bottom: 6rem; } .my-xxl-9 { margin-top: 6.75rem; margin-bottom: 6.75rem; } .my-xxl-10 { margin-top: 7.5rem; margin-bottom: 7.5rem; } .my-xxl-11 { margin-top: 8.25rem; margin-bottom: 8.25rem; } .my-xxl-12 { margin-top: 9rem; margin-bottom: 9rem; } .my-xxl-13 { margin-top: 9.75rem; margin-bottom: 9.75rem; } .my-xxl-14 { margin-top: 10.5rem; margin-bottom: 10.5rem; } .my-xxl-15 { margin-top: 11.25rem; margin-bottom: 11.25rem; } .my-xxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1400px) and (min-width: 576px) { .my-sm-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1400px) and (min-width: 768px) { .my-md-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1400px) and (min-width: 992px) { .my-lg-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1400px) and (min-width: 1200px) { .my-xl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1400px) and (min-width: 1400px) { .my-xxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1400px) and (min-width: 1550px) { .my-xxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1400px) and (min-width: 1780px) { .my-xxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1400px) and (min-width: 1920px) { .my-xxxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1400px) { .m-xxl-0 { margin: 0rem !important; } .m-xxl-1 { margin: 0.75rem !important; } .m-xxl-2 { margin: 1.5rem !important; } .m-xxl-3 { margin: 2.25rem !important; } .m-xxl-4 { margin: 3rem !important; } .m-xxl-5 { margin: 3.75rem !important; } .m-xxl-6 { margin: 4.5rem !important; } .m-xxl-7 { margin: 5.25rem !important; } .m-xxl-8 { margin: 6rem !important; } .m-xxl-9 { margin: 6.75rem !important; } .m-xxl-10 { margin: 7.5rem !important; } .m-xxl-11 { margin: 8.25rem !important; } .m-xxl-12 { margin: 9rem !important; } .m-xxl-13 { margin: 9.75rem !important; } .m-xxl-14 { margin: 10.5rem !important; } .m-xxl-15 { margin: 11.25rem !important; } .m-xxl-auto { margin: auto; } } @media (min-width: 1400px) and (min-width: 576px) { .m-sm-auto { margin: auto; } } @media (min-width: 1400px) and (min-width: 768px) { .m-md-auto { margin: auto; } } @media (min-width: 1400px) and (min-width: 992px) { .m-lg-auto { margin: auto; } } @media (min-width: 1400px) and (min-width: 1200px) { .m-xl-auto { margin: auto; } } @media (min-width: 1400px) and (min-width: 1400px) { .m-xxl-auto { margin: auto; } } @media (min-width: 1400px) and (min-width: 1550px) { .m-xxxl-auto { margin: auto; } } @media (min-width: 1400px) and (min-width: 1780px) { .m-xxxxl-auto { margin: auto; } } @media (min-width: 1400px) and (min-width: 1920px) { .m-xxxxxl-auto { margin: auto; } } @media (min-width: 1400px) { .pt-xxl-0 { padding-top: 0rem; } .pt-xxl-1 { padding-top: 0.75rem; } .pt-xxl-2 { padding-top: 1.5rem; } .pt-xxl-3 { padding-top: 2.25rem; } .pt-xxl-4 { padding-top: 3rem; } .pt-xxl-5 { padding-top: 3.75rem; } .pt-xxl-6 { padding-top: 4.5rem; } .pt-xxl-7 { padding-top: 5.25rem; } .pt-xxl-8 { padding-top: 6rem; } .pt-xxl-9 { padding-top: 6.75rem; } .pt-xxl-10 { padding-top: 7.5rem; } .pt-xxl-11 { padding-top: 8.25rem; } .pt-xxl-12 { padding-top: 9rem; } .pt-xxl-13 { padding-top: 9.75rem; } .pt-xxl-14 { padding-top: 10.5rem; } .pt-xxl-15 { padding-top: 11.25rem; } .pb-xxl-0 { padding-bottom: 0rem; } .pb-xxl-1 { padding-bottom: 0.75rem; } .pb-xxl-2 { padding-bottom: 1.5rem; } .pb-xxl-3 { padding-bottom: 2.25rem; } .pb-xxl-4 { padding-bottom: 3rem; } .pb-xxl-5 { padding-bottom: 3.75rem; } .pb-xxl-6 { padding-bottom: 4.5rem; } .pb-xxl-7 { padding-bottom: 5.25rem; } .pb-xxl-8 { padding-bottom: 6rem; } .pb-xxl-9 { padding-bottom: 6.75rem; } .pb-xxl-10 { padding-bottom: 7.5rem; } .pb-xxl-11 { padding-bottom: 8.25rem; } .pb-xxl-12 { padding-bottom: 9rem; } .pb-xxl-13 { padding-bottom: 9.75rem; } .pb-xxl-14 { padding-bottom: 10.5rem; } .pb-xxl-15 { padding-bottom: 11.25rem; } .pl-xxl-0 { padding-left: 0rem; } .pl-xxl-1 { padding-left: 0.75rem; } .pl-xxl-2 { padding-left: 1.5rem; } .pl-xxl-3 { padding-left: 2.25rem; } .pl-xxl-4 { padding-left: 3rem; } .pl-xxl-5 { padding-left: 3.75rem; } .pl-xxl-6 { padding-left: 4.5rem; } .pl-xxl-7 { padding-left: 5.25rem; } .pl-xxl-8 { padding-left: 6rem; } .pl-xxl-9 { padding-left: 6.75rem; } .pl-xxl-10 { padding-left: 7.5rem; } .pl-xxl-11 { padding-left: 8.25rem; } .pl-xxl-12 { padding-left: 9rem; } .pl-xxl-13 { padding-left: 9.75rem; } .pl-xxl-14 { padding-left: 10.5rem; } .pl-xxl-15 { padding-left: 11.25rem; } .pr-xxl-0 { padding-right: 0rem; } .pr-xxl-1 { padding-right: 0.75rem; } .pr-xxl-2 { padding-right: 1.5rem; } .pr-xxl-3 { padding-right: 2.25rem; } .pr-xxl-4 { padding-right: 3rem; } .pr-xxl-5 { padding-right: 3.75rem; } .pr-xxl-6 { padding-right: 4.5rem; } .pr-xxl-7 { padding-right: 5.25rem; } .pr-xxl-8 { padding-right: 6rem; } .pr-xxl-9 { padding-right: 6.75rem; } .pr-xxl-10 { padding-right: 7.5rem; } .pr-xxl-11 { padding-right: 8.25rem; } .pr-xxl-12 { padding-right: 9rem; } .pr-xxl-13 { padding-right: 9.75rem; } .pr-xxl-14 { padding-right: 10.5rem; } .pr-xxl-15 { padding-right: 11.25rem; } .px-xxl-0 { padding-left: 0rem; padding-right: 0rem; } .px-xxl-1 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-xxl-2 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-xxl-3 { padding-left: 2.25rem; padding-right: 2.25rem; } .px-xxl-4 { padding-left: 3rem; padding-right: 3rem; } .px-xxl-5 { padding-left: 3.75rem; padding-right: 3.75rem; } .px-xxl-6 { padding-left: 4.5rem; padding-right: 4.5rem; } .px-xxl-7 { padding-left: 5.25rem; padding-right: 5.25rem; } .px-xxl-8 { padding-left: 6rem; padding-right: 6rem; } .px-xxl-9 { padding-left: 6.75rem; padding-right: 6.75rem; } .px-xxl-10 { padding-left: 7.5rem; padding-right: 7.5rem; } .px-xxl-11 { padding-left: 8.25rem; padding-right: 8.25rem; } .px-xxl-12 { padding-left: 9rem; padding-right: 9rem; } .px-xxl-13 { padding-left: 9.75rem; padding-right: 9.75rem; } .px-xxl-14 { padding-left: 10.5rem; padding-right: 10.5rem; } .px-xxl-15 { padding-left: 11.25rem; padding-right: 11.25rem; } .py-xxl-0 { padding-top: 0rem; padding-bottom: 0rem; } .py-xxl-1 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-xxl-2 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-xxl-3 { padding-top: 2.25rem; padding-bottom: 2.25rem; } .py-xxl-4 { padding-top: 3rem; padding-bottom: 3rem; } .py-xxl-5 { padding-top: 3.75rem; padding-bottom: 3.75rem; } .py-xxl-6 { padding-top: 4.5rem; padding-bottom: 4.5rem; } .py-xxl-7 { padding-top: 5.25rem; padding-bottom: 5.25rem; } .py-xxl-8 { padding-top: 6rem; padding-bottom: 6rem; } .py-xxl-9 { padding-top: 6.75rem; padding-bottom: 6.75rem; } .py-xxl-10 { padding-top: 7.5rem; padding-bottom: 7.5rem; } .py-xxl-11 { padding-top: 8.25rem; padding-bottom: 8.25rem; } .py-xxl-12 { padding-top: 9rem; padding-bottom: 9rem; } .py-xxl-13 { padding-top: 9.75rem; padding-bottom: 9.75rem; } .py-xxl-14 { padding-top: 10.5rem; padding-bottom: 10.5rem; } .py-xxl-15 { padding-top: 11.25rem; padding-bottom: 11.25rem; } .p-xxl-0 { padding: 0rem; } .p-xxl-1 { padding: 0.75rem; } .p-xxl-2 { padding: 1.5rem; } .p-xxl-3 { padding: 2.25rem; } .p-xxl-4 { padding: 3rem; } .p-xxl-5 { padding: 3.75rem; } .p-xxl-6 { padding: 4.5rem; } .p-xxl-7 { padding: 5.25rem; } .p-xxl-8 { padding: 6rem; } .p-xxl-9 { padding: 6.75rem; } .p-xxl-10 { padding: 7.5rem; } .p-xxl-11 { padding: 8.25rem; } .p-xxl-12 { padding: 9rem; } .p-xxl-13 { padding: 9.75rem; } .p-xxl-14 { padding: 10.5rem; } .p-xxl-15 { padding: 11.25rem; } .gx-xxl-0 { --gx: 0rem; } .gy-xxl-0 { --gy: 0rem; } .gx-xxl-1 { --gx: 0.75rem; } .gy-xxl-1 { --gy: 0.75rem; } .gx-xxl-2 { --gx: 1.5rem; } .gy-xxl-2 { --gy: 1.5rem; } .gx-xxl-3 { --gx: 2.25rem; } .gy-xxl-3 { --gy: 2.25rem; } .gx-xxl-4 { --gx: 3rem; } .gy-xxl-4 { --gy: 3rem; } .gx-xxl-5 { --gx: 3.75rem; } .gy-xxl-5 { --gy: 3.75rem; } .gx-xxl-6 { --gx: 4.5rem; } .gy-xxl-6 { --gy: 4.5rem; } .gx-xxl-7 { --gx: 5.25rem; } .gy-xxl-7 { --gy: 5.25rem; } .gx-xxl-8 { --gx: 6rem; } .gy-xxl-8 { --gy: 6rem; } .gx-xxl-9 { --gx: 6.75rem; } .gy-xxl-9 { --gy: 6.75rem; } .gx-xxl-10 { --gx: 7.5rem; } .gy-xxl-10 { --gy: 7.5rem; } .gx-xxl-11 { --gx: 8.25rem; } .gy-xxl-11 { --gy: 8.25rem; } .gx-xxl-12 { --gx: 9rem; } .gy-xxl-12 { --gy: 9rem; } .gx-xxl-13 { --gx: 9.75rem; } .gy-xxl-13 { --gy: 9.75rem; } .gx-xxl-14 { --gx: 10.5rem; } .gy-xxl-14 { --gy: 10.5rem; } .gx-xxl-15 { --gx: 11.25rem; } .gy-xxl-15 { --gy: 11.25rem; } } @media (min-width: 1550px) { /* ---- CONTAINER/ROW/COL/OFFSET ---- */ .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-xxxl { max-width: 1340px; } /* --------------- RL --------------- */ /* ---- CONTAINER/ROW/COL/OFFSET ---- */ .col-xxxl-0 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 0%; -webkit-box-flex: 0; flex: 0 0 0%; max-width: 0%; } .order-xxxl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .offset-xxxl-0, .col-xxxl-offset-0 { margin-left: 0%; } .col-xxxl-1 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 8.33333%; -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .order-xxxl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .offset-xxxl-1, .col-xxxl-offset-1 { margin-left: 8.33333%; } .col-xxxl-2 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 16.66667%; -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .order-xxxl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .offset-xxxl-2, .col-xxxl-offset-2 { margin-left: 16.66667%; } .col-xxxl-3 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .order-xxxl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .offset-xxxl-3, .col-xxxl-offset-3 { margin-left: 25%; } .col-xxxl-4 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .order-xxxl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .offset-xxxl-4, .col-xxxl-offset-4 { margin-left: 33.33333%; } .col-xxxl-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 41.66667%; -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .order-xxxl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .offset-xxxl-5, .col-xxxl-offset-5 { margin-left: 41.66667%; } .col-xxxl-6 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .order-xxxl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .offset-xxxl-6, .col-xxxl-offset-6 { margin-left: 50%; } .col-xxxl-7 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 58.33333%; -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .order-xxxl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .offset-xxxl-7, .col-xxxl-offset-7 { margin-left: 58.33333%; } .col-xxxl-8 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 66.66667%; -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .order-xxxl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .offset-xxxl-8, .col-xxxl-offset-8 { margin-left: 66.66667%; } .col-xxxl-9 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .order-xxxl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .offset-xxxl-9, .col-xxxl-offset-9 { margin-left: 75%; } .col-xxxl-10 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 83.33333%; -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .order-xxxl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .offset-xxxl-10, .col-xxxl-offset-10 { margin-left: 83.33333%; } .col-xxxl-11 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 91.66667%; -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .order-xxxl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .offset-xxxl-11, .col-xxxl-offset-11 { margin-left: 91.66667%; } .col-xxxl-12 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-xxxl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } /* --------------- RL --------------- */ /* ---- DISPLAY ---- */ .d-xxxl-block { display: block; } .d-xxxl-inline-block { display: inline-block; } .d-xxxl-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .d-xxxl-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /* ---- FLEX PROPERTY ---- */ .flex-direction-xxxl-row { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; } .flex-direction-xxxl-row-reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-direction-xxxl-column { -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .flex-direction-xxxl-column-reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .justify-content-xxxl-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-xxxl-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-xxxl-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-content-xxxl-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-xxxl-around { -ms-flex-pack: distribute; justify-content: space-around; } .align-items-xxxl-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align-items-xxxl-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .align-items-xxxl-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-wrap-xxxl-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-xxxl-nowrap { -ms-flex-wrap: none; flex-wrap: nowrap; } /* --------- Léo --------- */ .d-xxxl-grid { display: -ms-grid; display: grid; } .d-xxxl-none { display: none; } /* ------ Chris ------ */ /* ---- 5 COLUMNS LAYOUT ---- */ .col-xxxl-1-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .col-xxxl-2-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 40%; -webkit-box-flex: 0; flex: 0 0 40%; max-width: 40%; } /* --------------- RL --------------- */ .mt-xxxl-0 { margin-top: 0rem !important; } .mt-xxxl-1 { margin-top: 0.75rem !important; } .mt-xxxl-2 { margin-top: 1.5rem !important; } .mt-xxxl-3 { margin-top: 2.25rem !important; } .mt-xxxl-4 { margin-top: 3rem !important; } .mt-xxxl-5 { margin-top: 3.75rem !important; } .mt-xxxl-6 { margin-top: 4.5rem !important; } .mt-xxxl-7 { margin-top: 5.25rem !important; } .mt-xxxl-8 { margin-top: 6rem !important; } .mt-xxxl-9 { margin-top: 6.75rem !important; } .mt-xxxl-10 { margin-top: 7.5rem !important; } .mt-xxxl-11 { margin-top: 8.25rem !important; } .mt-xxxl-12 { margin-top: 9rem !important; } .mt-xxxl-13 { margin-top: 9.75rem !important; } .mt-xxxl-14 { margin-top: 10.5rem !important; } .mt-xxxl-15 { margin-top: 11.25rem !important; } .mt-xxxl-auto { margin-top: auto; } } @media (min-width: 1550px) and (min-width: 576px) { .mt-sm-auto { margin-top: auto; } } @media (min-width: 1550px) and (min-width: 768px) { .mt-md-auto { margin-top: auto; } } @media (min-width: 1550px) and (min-width: 992px) { .mt-lg-auto { margin-top: auto; } } @media (min-width: 1550px) and (min-width: 1200px) { .mt-xl-auto { margin-top: auto; } } @media (min-width: 1550px) and (min-width: 1400px) { .mt-xxl-auto { margin-top: auto; } } @media (min-width: 1550px) and (min-width: 1550px) { .mt-xxxl-auto { margin-top: auto; } } @media (min-width: 1550px) and (min-width: 1780px) { .mt-xxxxl-auto { margin-top: auto; } } @media (min-width: 1550px) and (min-width: 1920px) { .mt-xxxxxl-auto { margin-top: auto; } } @media (min-width: 1550px) { .mb-xxxl-0 { margin-bottom: 0rem !important; } .mb-xxxl-1 { margin-bottom: 0.75rem !important; } .mb-xxxl-2 { margin-bottom: 1.5rem !important; } .mb-xxxl-3 { margin-bottom: 2.25rem !important; } .mb-xxxl-4 { margin-bottom: 3rem !important; } .mb-xxxl-5 { margin-bottom: 3.75rem !important; } .mb-xxxl-6 { margin-bottom: 4.5rem !important; } .mb-xxxl-7 { margin-bottom: 5.25rem !important; } .mb-xxxl-8 { margin-bottom: 6rem !important; } .mb-xxxl-9 { margin-bottom: 6.75rem !important; } .mb-xxxl-10 { margin-bottom: 7.5rem !important; } .mb-xxxl-11 { margin-bottom: 8.25rem !important; } .mb-xxxl-12 { margin-bottom: 9rem !important; } .mb-xxxl-13 { margin-bottom: 9.75rem !important; } .mb-xxxl-14 { margin-bottom: 10.5rem !important; } .mb-xxxl-15 { margin-bottom: 11.25rem !important; } .mb-xxxl-auto { margin-bottom: auto; } } @media (min-width: 1550px) and (min-width: 576px) { .mb-sm-auto { margin-bottom: auto; } } @media (min-width: 1550px) and (min-width: 768px) { .mb-md-auto { margin-bottom: auto; } } @media (min-width: 1550px) and (min-width: 992px) { .mb-lg-auto { margin-bottom: auto; } } @media (min-width: 1550px) and (min-width: 1200px) { .mb-xl-auto { margin-bottom: auto; } } @media (min-width: 1550px) and (min-width: 1400px) { .mb-xxl-auto { margin-bottom: auto; } } @media (min-width: 1550px) and (min-width: 1550px) { .mb-xxxl-auto { margin-bottom: auto; } } @media (min-width: 1550px) and (min-width: 1780px) { .mb-xxxxl-auto { margin-bottom: auto; } } @media (min-width: 1550px) and (min-width: 1920px) { .mb-xxxxxl-auto { margin-bottom: auto; } } @media (min-width: 1550px) { .ml-xxxl-0 { margin-left: 0rem !important; } .ml-xxxl-1 { margin-left: 0.75rem !important; } .ml-xxxl-2 { margin-left: 1.5rem !important; } .ml-xxxl-3 { margin-left: 2.25rem !important; } .ml-xxxl-4 { margin-left: 3rem !important; } .ml-xxxl-5 { margin-left: 3.75rem !important; } .ml-xxxl-6 { margin-left: 4.5rem !important; } .ml-xxxl-7 { margin-left: 5.25rem !important; } .ml-xxxl-8 { margin-left: 6rem !important; } .ml-xxxl-9 { margin-left: 6.75rem !important; } .ml-xxxl-10 { margin-left: 7.5rem !important; } .ml-xxxl-11 { margin-left: 8.25rem !important; } .ml-xxxl-12 { margin-left: 9rem !important; } .ml-xxxl-13 { margin-left: 9.75rem !important; } .ml-xxxl-14 { margin-left: 10.5rem !important; } .ml-xxxl-15 { margin-left: 11.25rem !important; } .ml-xxxl-auto { margin-left: auto; } } @media (min-width: 1550px) and (min-width: 576px) { .ml-sm-auto { margin-left: auto; } } @media (min-width: 1550px) and (min-width: 768px) { .ml-md-auto { margin-left: auto; } } @media (min-width: 1550px) and (min-width: 992px) { .ml-lg-auto { margin-left: auto; } } @media (min-width: 1550px) and (min-width: 1200px) { .ml-xl-auto { margin-left: auto; } } @media (min-width: 1550px) and (min-width: 1400px) { .ml-xxl-auto { margin-left: auto; } } @media (min-width: 1550px) and (min-width: 1550px) { .ml-xxxl-auto { margin-left: auto; } } @media (min-width: 1550px) and (min-width: 1780px) { .ml-xxxxl-auto { margin-left: auto; } } @media (min-width: 1550px) and (min-width: 1920px) { .ml-xxxxxl-auto { margin-left: auto; } } @media (min-width: 1550px) { .mr-xxxl-0 { margin-right: 0rem !important; } .mr-xxxl-1 { margin-right: 0.75rem !important; } .mr-xxxl-2 { margin-right: 1.5rem !important; } .mr-xxxl-3 { margin-right: 2.25rem !important; } .mr-xxxl-4 { margin-right: 3rem !important; } .mr-xxxl-5 { margin-right: 3.75rem !important; } .mr-xxxl-6 { margin-right: 4.5rem !important; } .mr-xxxl-7 { margin-right: 5.25rem !important; } .mr-xxxl-8 { margin-right: 6rem !important; } .mr-xxxl-9 { margin-right: 6.75rem !important; } .mr-xxxl-10 { margin-right: 7.5rem !important; } .mr-xxxl-11 { margin-right: 8.25rem !important; } .mr-xxxl-12 { margin-right: 9rem !important; } .mr-xxxl-13 { margin-right: 9.75rem !important; } .mr-xxxl-14 { margin-right: 10.5rem !important; } .mr-xxxl-15 { margin-right: 11.25rem !important; } .mr-xxxl-auto { margin-right: auto; } } @media (min-width: 1550px) and (min-width: 576px) { .mr-sm-auto { margin-right: auto; } } @media (min-width: 1550px) and (min-width: 768px) { .mr-md-auto { margin-right: auto; } } @media (min-width: 1550px) and (min-width: 992px) { .mr-lg-auto { margin-right: auto; } } @media (min-width: 1550px) and (min-width: 1200px) { .mr-xl-auto { margin-right: auto; } } @media (min-width: 1550px) and (min-width: 1400px) { .mr-xxl-auto { margin-right: auto; } } @media (min-width: 1550px) and (min-width: 1550px) { .mr-xxxl-auto { margin-right: auto; } } @media (min-width: 1550px) and (min-width: 1780px) { .mr-xxxxl-auto { margin-right: auto; } } @media (min-width: 1550px) and (min-width: 1920px) { .mr-xxxxxl-auto { margin-right: auto; } } @media (min-width: 1550px) { .mx-xxxl-0 { margin-left: 0rem; margin-right: 0rem; } .mx-xxxl-1 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-xxxl-2 { margin-left: 1.5rem; margin-right: 1.5rem; } .mx-xxxl-3 { margin-left: 2.25rem; margin-right: 2.25rem; } .mx-xxxl-4 { margin-left: 3rem; margin-right: 3rem; } .mx-xxxl-5 { margin-left: 3.75rem; margin-right: 3.75rem; } .mx-xxxl-6 { margin-left: 4.5rem; margin-right: 4.5rem; } .mx-xxxl-7 { margin-left: 5.25rem; margin-right: 5.25rem; } .mx-xxxl-8 { margin-left: 6rem; margin-right: 6rem; } .mx-xxxl-9 { margin-left: 6.75rem; margin-right: 6.75rem; } .mx-xxxl-10 { margin-left: 7.5rem; margin-right: 7.5rem; } .mx-xxxl-11 { margin-left: 8.25rem; margin-right: 8.25rem; } .mx-xxxl-12 { margin-left: 9rem; margin-right: 9rem; } .mx-xxxl-13 { margin-left: 9.75rem; margin-right: 9.75rem; } .mx-xxxl-14 { margin-left: 10.5rem; margin-right: 10.5rem; } .mx-xxxl-15 { margin-left: 11.25rem; margin-right: 11.25rem; } .mx-xxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1550px) and (min-width: 576px) { .mx-sm-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1550px) and (min-width: 768px) { .mx-md-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1550px) and (min-width: 992px) { .mx-lg-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1550px) and (min-width: 1200px) { .mx-xl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1550px) and (min-width: 1400px) { .mx-xxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1550px) and (min-width: 1550px) { .mx-xxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1550px) and (min-width: 1780px) { .mx-xxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1550px) and (min-width: 1920px) { .mx-xxxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1550px) { .my-xxxl-0 { margin-top: 0rem; margin-bottom: 0rem; } .my-xxxl-1 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-xxxl-2 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-xxxl-3 { margin-top: 2.25rem; margin-bottom: 2.25rem; } .my-xxxl-4 { margin-top: 3rem; margin-bottom: 3rem; } .my-xxxl-5 { margin-top: 3.75rem; margin-bottom: 3.75rem; } .my-xxxl-6 { margin-top: 4.5rem; margin-bottom: 4.5rem; } .my-xxxl-7 { margin-top: 5.25rem; margin-bottom: 5.25rem; } .my-xxxl-8 { margin-top: 6rem; margin-bottom: 6rem; } .my-xxxl-9 { margin-top: 6.75rem; margin-bottom: 6.75rem; } .my-xxxl-10 { margin-top: 7.5rem; margin-bottom: 7.5rem; } .my-xxxl-11 { margin-top: 8.25rem; margin-bottom: 8.25rem; } .my-xxxl-12 { margin-top: 9rem; margin-bottom: 9rem; } .my-xxxl-13 { margin-top: 9.75rem; margin-bottom: 9.75rem; } .my-xxxl-14 { margin-top: 10.5rem; margin-bottom: 10.5rem; } .my-xxxl-15 { margin-top: 11.25rem; margin-bottom: 11.25rem; } .my-xxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1550px) and (min-width: 576px) { .my-sm-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1550px) and (min-width: 768px) { .my-md-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1550px) and (min-width: 992px) { .my-lg-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1550px) and (min-width: 1200px) { .my-xl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1550px) and (min-width: 1400px) { .my-xxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1550px) and (min-width: 1550px) { .my-xxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1550px) and (min-width: 1780px) { .my-xxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1550px) and (min-width: 1920px) { .my-xxxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1550px) { .m-xxxl-0 { margin: 0rem !important; } .m-xxxl-1 { margin: 0.75rem !important; } .m-xxxl-2 { margin: 1.5rem !important; } .m-xxxl-3 { margin: 2.25rem !important; } .m-xxxl-4 { margin: 3rem !important; } .m-xxxl-5 { margin: 3.75rem !important; } .m-xxxl-6 { margin: 4.5rem !important; } .m-xxxl-7 { margin: 5.25rem !important; } .m-xxxl-8 { margin: 6rem !important; } .m-xxxl-9 { margin: 6.75rem !important; } .m-xxxl-10 { margin: 7.5rem !important; } .m-xxxl-11 { margin: 8.25rem !important; } .m-xxxl-12 { margin: 9rem !important; } .m-xxxl-13 { margin: 9.75rem !important; } .m-xxxl-14 { margin: 10.5rem !important; } .m-xxxl-15 { margin: 11.25rem !important; } .m-xxxl-auto { margin: auto; } } @media (min-width: 1550px) and (min-width: 576px) { .m-sm-auto { margin: auto; } } @media (min-width: 1550px) and (min-width: 768px) { .m-md-auto { margin: auto; } } @media (min-width: 1550px) and (min-width: 992px) { .m-lg-auto { margin: auto; } } @media (min-width: 1550px) and (min-width: 1200px) { .m-xl-auto { margin: auto; } } @media (min-width: 1550px) and (min-width: 1400px) { .m-xxl-auto { margin: auto; } } @media (min-width: 1550px) and (min-width: 1550px) { .m-xxxl-auto { margin: auto; } } @media (min-width: 1550px) and (min-width: 1780px) { .m-xxxxl-auto { margin: auto; } } @media (min-width: 1550px) and (min-width: 1920px) { .m-xxxxxl-auto { margin: auto; } } @media (min-width: 1550px) { .pt-xxxl-0 { padding-top: 0rem; } .pt-xxxl-1 { padding-top: 0.75rem; } .pt-xxxl-2 { padding-top: 1.5rem; } .pt-xxxl-3 { padding-top: 2.25rem; } .pt-xxxl-4 { padding-top: 3rem; } .pt-xxxl-5 { padding-top: 3.75rem; } .pt-xxxl-6 { padding-top: 4.5rem; } .pt-xxxl-7 { padding-top: 5.25rem; } .pt-xxxl-8 { padding-top: 6rem; } .pt-xxxl-9 { padding-top: 6.75rem; } .pt-xxxl-10 { padding-top: 7.5rem; } .pt-xxxl-11 { padding-top: 8.25rem; } .pt-xxxl-12 { padding-top: 9rem; } .pt-xxxl-13 { padding-top: 9.75rem; } .pt-xxxl-14 { padding-top: 10.5rem; } .pt-xxxl-15 { padding-top: 11.25rem; } .pb-xxxl-0 { padding-bottom: 0rem; } .pb-xxxl-1 { padding-bottom: 0.75rem; } .pb-xxxl-2 { padding-bottom: 1.5rem; } .pb-xxxl-3 { padding-bottom: 2.25rem; } .pb-xxxl-4 { padding-bottom: 3rem; } .pb-xxxl-5 { padding-bottom: 3.75rem; } .pb-xxxl-6 { padding-bottom: 4.5rem; } .pb-xxxl-7 { padding-bottom: 5.25rem; } .pb-xxxl-8 { padding-bottom: 6rem; } .pb-xxxl-9 { padding-bottom: 6.75rem; } .pb-xxxl-10 { padding-bottom: 7.5rem; } .pb-xxxl-11 { padding-bottom: 8.25rem; } .pb-xxxl-12 { padding-bottom: 9rem; } .pb-xxxl-13 { padding-bottom: 9.75rem; } .pb-xxxl-14 { padding-bottom: 10.5rem; } .pb-xxxl-15 { padding-bottom: 11.25rem; } .pl-xxxl-0 { padding-left: 0rem; } .pl-xxxl-1 { padding-left: 0.75rem; } .pl-xxxl-2 { padding-left: 1.5rem; } .pl-xxxl-3 { padding-left: 2.25rem; } .pl-xxxl-4 { padding-left: 3rem; } .pl-xxxl-5 { padding-left: 3.75rem; } .pl-xxxl-6 { padding-left: 4.5rem; } .pl-xxxl-7 { padding-left: 5.25rem; } .pl-xxxl-8 { padding-left: 6rem; } .pl-xxxl-9 { padding-left: 6.75rem; } .pl-xxxl-10 { padding-left: 7.5rem; } .pl-xxxl-11 { padding-left: 8.25rem; } .pl-xxxl-12 { padding-left: 9rem; } .pl-xxxl-13 { padding-left: 9.75rem; } .pl-xxxl-14 { padding-left: 10.5rem; } .pl-xxxl-15 { padding-left: 11.25rem; } .pr-xxxl-0 { padding-right: 0rem; } .pr-xxxl-1 { padding-right: 0.75rem; } .pr-xxxl-2 { padding-right: 1.5rem; } .pr-xxxl-3 { padding-right: 2.25rem; } .pr-xxxl-4 { padding-right: 3rem; } .pr-xxxl-5 { padding-right: 3.75rem; } .pr-xxxl-6 { padding-right: 4.5rem; } .pr-xxxl-7 { padding-right: 5.25rem; } .pr-xxxl-8 { padding-right: 6rem; } .pr-xxxl-9 { padding-right: 6.75rem; } .pr-xxxl-10 { padding-right: 7.5rem; } .pr-xxxl-11 { padding-right: 8.25rem; } .pr-xxxl-12 { padding-right: 9rem; } .pr-xxxl-13 { padding-right: 9.75rem; } .pr-xxxl-14 { padding-right: 10.5rem; } .pr-xxxl-15 { padding-right: 11.25rem; } .px-xxxl-0 { padding-left: 0rem; padding-right: 0rem; } .px-xxxl-1 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-xxxl-2 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-xxxl-3 { padding-left: 2.25rem; padding-right: 2.25rem; } .px-xxxl-4 { padding-left: 3rem; padding-right: 3rem; } .px-xxxl-5 { padding-left: 3.75rem; padding-right: 3.75rem; } .px-xxxl-6 { padding-left: 4.5rem; padding-right: 4.5rem; } .px-xxxl-7 { padding-left: 5.25rem; padding-right: 5.25rem; } .px-xxxl-8 { padding-left: 6rem; padding-right: 6rem; } .px-xxxl-9 { padding-left: 6.75rem; padding-right: 6.75rem; } .px-xxxl-10 { padding-left: 7.5rem; padding-right: 7.5rem; } .px-xxxl-11 { padding-left: 8.25rem; padding-right: 8.25rem; } .px-xxxl-12 { padding-left: 9rem; padding-right: 9rem; } .px-xxxl-13 { padding-left: 9.75rem; padding-right: 9.75rem; } .px-xxxl-14 { padding-left: 10.5rem; padding-right: 10.5rem; } .px-xxxl-15 { padding-left: 11.25rem; padding-right: 11.25rem; } .py-xxxl-0 { padding-top: 0rem; padding-bottom: 0rem; } .py-xxxl-1 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-xxxl-2 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-xxxl-3 { padding-top: 2.25rem; padding-bottom: 2.25rem; } .py-xxxl-4 { padding-top: 3rem; padding-bottom: 3rem; } .py-xxxl-5 { padding-top: 3.75rem; padding-bottom: 3.75rem; } .py-xxxl-6 { padding-top: 4.5rem; padding-bottom: 4.5rem; } .py-xxxl-7 { padding-top: 5.25rem; padding-bottom: 5.25rem; } .py-xxxl-8 { padding-top: 6rem; padding-bottom: 6rem; } .py-xxxl-9 { padding-top: 6.75rem; padding-bottom: 6.75rem; } .py-xxxl-10 { padding-top: 7.5rem; padding-bottom: 7.5rem; } .py-xxxl-11 { padding-top: 8.25rem; padding-bottom: 8.25rem; } .py-xxxl-12 { padding-top: 9rem; padding-bottom: 9rem; } .py-xxxl-13 { padding-top: 9.75rem; padding-bottom: 9.75rem; } .py-xxxl-14 { padding-top: 10.5rem; padding-bottom: 10.5rem; } .py-xxxl-15 { padding-top: 11.25rem; padding-bottom: 11.25rem; } .p-xxxl-0 { padding: 0rem; } .p-xxxl-1 { padding: 0.75rem; } .p-xxxl-2 { padding: 1.5rem; } .p-xxxl-3 { padding: 2.25rem; } .p-xxxl-4 { padding: 3rem; } .p-xxxl-5 { padding: 3.75rem; } .p-xxxl-6 { padding: 4.5rem; } .p-xxxl-7 { padding: 5.25rem; } .p-xxxl-8 { padding: 6rem; } .p-xxxl-9 { padding: 6.75rem; } .p-xxxl-10 { padding: 7.5rem; } .p-xxxl-11 { padding: 8.25rem; } .p-xxxl-12 { padding: 9rem; } .p-xxxl-13 { padding: 9.75rem; } .p-xxxl-14 { padding: 10.5rem; } .p-xxxl-15 { padding: 11.25rem; } .gx-xxxl-0 { --gx: 0rem; } .gy-xxxl-0 { --gy: 0rem; } .gx-xxxl-1 { --gx: 0.75rem; } .gy-xxxl-1 { --gy: 0.75rem; } .gx-xxxl-2 { --gx: 1.5rem; } .gy-xxxl-2 { --gy: 1.5rem; } .gx-xxxl-3 { --gx: 2.25rem; } .gy-xxxl-3 { --gy: 2.25rem; } .gx-xxxl-4 { --gx: 3rem; } .gy-xxxl-4 { --gy: 3rem; } .gx-xxxl-5 { --gx: 3.75rem; } .gy-xxxl-5 { --gy: 3.75rem; } .gx-xxxl-6 { --gx: 4.5rem; } .gy-xxxl-6 { --gy: 4.5rem; } .gx-xxxl-7 { --gx: 5.25rem; } .gy-xxxl-7 { --gy: 5.25rem; } .gx-xxxl-8 { --gx: 6rem; } .gy-xxxl-8 { --gy: 6rem; } .gx-xxxl-9 { --gx: 6.75rem; } .gy-xxxl-9 { --gy: 6.75rem; } .gx-xxxl-10 { --gx: 7.5rem; } .gy-xxxl-10 { --gy: 7.5rem; } .gx-xxxl-11 { --gx: 8.25rem; } .gy-xxxl-11 { --gy: 8.25rem; } .gx-xxxl-12 { --gx: 9rem; } .gy-xxxl-12 { --gy: 9rem; } .gx-xxxl-13 { --gx: 9.75rem; } .gy-xxxl-13 { --gy: 9.75rem; } .gx-xxxl-14 { --gx: 10.5rem; } .gy-xxxl-14 { --gy: 10.5rem; } .gx-xxxl-15 { --gx: 11.25rem; } .gy-xxxl-15 { --gy: 11.25rem; } } @media (min-width: 1780px) { /* ---- CONTAINER/ROW/COL/OFFSET ---- */ .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-xxxl, .container-xxxxl { max-width: 1430px; } /* --------------- RL --------------- */ /* ---- CONTAINER/ROW/COL/OFFSET ---- */ .col-xxxxl-0 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 0%; -webkit-box-flex: 0; flex: 0 0 0%; max-width: 0%; } .order-xxxxl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .offset-xxxxl-0, .col-xxxxl-offset-0 { margin-left: 0%; } .col-xxxxl-1 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 8.33333%; -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .order-xxxxl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .offset-xxxxl-1, .col-xxxxl-offset-1 { margin-left: 8.33333%; } .col-xxxxl-2 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 16.66667%; -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .order-xxxxl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .offset-xxxxl-2, .col-xxxxl-offset-2 { margin-left: 16.66667%; } .col-xxxxl-3 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .order-xxxxl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .offset-xxxxl-3, .col-xxxxl-offset-3 { margin-left: 25%; } .col-xxxxl-4 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .order-xxxxl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .offset-xxxxl-4, .col-xxxxl-offset-4 { margin-left: 33.33333%; } .col-xxxxl-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 41.66667%; -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .order-xxxxl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .offset-xxxxl-5, .col-xxxxl-offset-5 { margin-left: 41.66667%; } .col-xxxxl-6 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .order-xxxxl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .offset-xxxxl-6, .col-xxxxl-offset-6 { margin-left: 50%; } .col-xxxxl-7 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 58.33333%; -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .order-xxxxl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .offset-xxxxl-7, .col-xxxxl-offset-7 { margin-left: 58.33333%; } .col-xxxxl-8 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 66.66667%; -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .order-xxxxl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .offset-xxxxl-8, .col-xxxxl-offset-8 { margin-left: 66.66667%; } .col-xxxxl-9 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .order-xxxxl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .offset-xxxxl-9, .col-xxxxl-offset-9 { margin-left: 75%; } .col-xxxxl-10 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 83.33333%; -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .order-xxxxl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .offset-xxxxl-10, .col-xxxxl-offset-10 { margin-left: 83.33333%; } .col-xxxxl-11 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 91.66667%; -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .order-xxxxl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .offset-xxxxl-11, .col-xxxxl-offset-11 { margin-left: 91.66667%; } .col-xxxxl-12 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-xxxxl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } /* --------------- RL --------------- */ /* ---- DISPLAY ---- */ .d-xxxxl-block { display: block; } .d-xxxxl-inline-block { display: inline-block; } .d-xxxxl-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .d-xxxxl-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /* ---- FLEX PROPERTY ---- */ .flex-direction-xxxxl-row { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; } .flex-direction-xxxxl-row-reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-direction-xxxxl-column { -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .flex-direction-xxxxl-column-reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .justify-content-xxxxl-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-xxxxl-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-xxxxl-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-content-xxxxl-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-xxxxl-around { -ms-flex-pack: distribute; justify-content: space-around; } .align-items-xxxxl-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align-items-xxxxl-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .align-items-xxxxl-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-wrap-xxxxl-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-xxxxl-nowrap { -ms-flex-wrap: none; flex-wrap: nowrap; } /* --------- Léo --------- */ .d-xxxxl-grid { display: -ms-grid; display: grid; } .d-xxxxl-none { display: none; } /* ------ Chris ------ */ /* ---- 5 COLUMNS LAYOUT ---- */ .col-xxxxl-1-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .col-xxxxl-2-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 40%; -webkit-box-flex: 0; flex: 0 0 40%; max-width: 40%; } /* --------------- RL --------------- */ .mt-xxxxl-0 { margin-top: 0rem !important; } .mt-xxxxl-1 { margin-top: 0.75rem !important; } .mt-xxxxl-2 { margin-top: 1.5rem !important; } .mt-xxxxl-3 { margin-top: 2.25rem !important; } .mt-xxxxl-4 { margin-top: 3rem !important; } .mt-xxxxl-5 { margin-top: 3.75rem !important; } .mt-xxxxl-6 { margin-top: 4.5rem !important; } .mt-xxxxl-7 { margin-top: 5.25rem !important; } .mt-xxxxl-8 { margin-top: 6rem !important; } .mt-xxxxl-9 { margin-top: 6.75rem !important; } .mt-xxxxl-10 { margin-top: 7.5rem !important; } .mt-xxxxl-11 { margin-top: 8.25rem !important; } .mt-xxxxl-12 { margin-top: 9rem !important; } .mt-xxxxl-13 { margin-top: 9.75rem !important; } .mt-xxxxl-14 { margin-top: 10.5rem !important; } .mt-xxxxl-15 { margin-top: 11.25rem !important; } .mt-xxxxl-auto { margin-top: auto; } } @media (min-width: 1780px) and (min-width: 576px) { .mt-sm-auto { margin-top: auto; } } @media (min-width: 1780px) and (min-width: 768px) { .mt-md-auto { margin-top: auto; } } @media (min-width: 1780px) and (min-width: 992px) { .mt-lg-auto { margin-top: auto; } } @media (min-width: 1780px) and (min-width: 1200px) { .mt-xl-auto { margin-top: auto; } } @media (min-width: 1780px) and (min-width: 1400px) { .mt-xxl-auto { margin-top: auto; } } @media (min-width: 1780px) and (min-width: 1550px) { .mt-xxxl-auto { margin-top: auto; } } @media (min-width: 1780px) and (min-width: 1780px) { .mt-xxxxl-auto { margin-top: auto; } } @media (min-width: 1780px) and (min-width: 1920px) { .mt-xxxxxl-auto { margin-top: auto; } } @media (min-width: 1780px) { .mb-xxxxl-0 { margin-bottom: 0rem !important; } .mb-xxxxl-1 { margin-bottom: 0.75rem !important; } .mb-xxxxl-2 { margin-bottom: 1.5rem !important; } .mb-xxxxl-3 { margin-bottom: 2.25rem !important; } .mb-xxxxl-4 { margin-bottom: 3rem !important; } .mb-xxxxl-5 { margin-bottom: 3.75rem !important; } .mb-xxxxl-6 { margin-bottom: 4.5rem !important; } .mb-xxxxl-7 { margin-bottom: 5.25rem !important; } .mb-xxxxl-8 { margin-bottom: 6rem !important; } .mb-xxxxl-9 { margin-bottom: 6.75rem !important; } .mb-xxxxl-10 { margin-bottom: 7.5rem !important; } .mb-xxxxl-11 { margin-bottom: 8.25rem !important; } .mb-xxxxl-12 { margin-bottom: 9rem !important; } .mb-xxxxl-13 { margin-bottom: 9.75rem !important; } .mb-xxxxl-14 { margin-bottom: 10.5rem !important; } .mb-xxxxl-15 { margin-bottom: 11.25rem !important; } .mb-xxxxl-auto { margin-bottom: auto; } } @media (min-width: 1780px) and (min-width: 576px) { .mb-sm-auto { margin-bottom: auto; } } @media (min-width: 1780px) and (min-width: 768px) { .mb-md-auto { margin-bottom: auto; } } @media (min-width: 1780px) and (min-width: 992px) { .mb-lg-auto { margin-bottom: auto; } } @media (min-width: 1780px) and (min-width: 1200px) { .mb-xl-auto { margin-bottom: auto; } } @media (min-width: 1780px) and (min-width: 1400px) { .mb-xxl-auto { margin-bottom: auto; } } @media (min-width: 1780px) and (min-width: 1550px) { .mb-xxxl-auto { margin-bottom: auto; } } @media (min-width: 1780px) and (min-width: 1780px) { .mb-xxxxl-auto { margin-bottom: auto; } } @media (min-width: 1780px) and (min-width: 1920px) { .mb-xxxxxl-auto { margin-bottom: auto; } } @media (min-width: 1780px) { .ml-xxxxl-0 { margin-left: 0rem !important; } .ml-xxxxl-1 { margin-left: 0.75rem !important; } .ml-xxxxl-2 { margin-left: 1.5rem !important; } .ml-xxxxl-3 { margin-left: 2.25rem !important; } .ml-xxxxl-4 { margin-left: 3rem !important; } .ml-xxxxl-5 { margin-left: 3.75rem !important; } .ml-xxxxl-6 { margin-left: 4.5rem !important; } .ml-xxxxl-7 { margin-left: 5.25rem !important; } .ml-xxxxl-8 { margin-left: 6rem !important; } .ml-xxxxl-9 { margin-left: 6.75rem !important; } .ml-xxxxl-10 { margin-left: 7.5rem !important; } .ml-xxxxl-11 { margin-left: 8.25rem !important; } .ml-xxxxl-12 { margin-left: 9rem !important; } .ml-xxxxl-13 { margin-left: 9.75rem !important; } .ml-xxxxl-14 { margin-left: 10.5rem !important; } .ml-xxxxl-15 { margin-left: 11.25rem !important; } .ml-xxxxl-auto { margin-left: auto; } } @media (min-width: 1780px) and (min-width: 576px) { .ml-sm-auto { margin-left: auto; } } @media (min-width: 1780px) and (min-width: 768px) { .ml-md-auto { margin-left: auto; } } @media (min-width: 1780px) and (min-width: 992px) { .ml-lg-auto { margin-left: auto; } } @media (min-width: 1780px) and (min-width: 1200px) { .ml-xl-auto { margin-left: auto; } } @media (min-width: 1780px) and (min-width: 1400px) { .ml-xxl-auto { margin-left: auto; } } @media (min-width: 1780px) and (min-width: 1550px) { .ml-xxxl-auto { margin-left: auto; } } @media (min-width: 1780px) and (min-width: 1780px) { .ml-xxxxl-auto { margin-left: auto; } } @media (min-width: 1780px) and (min-width: 1920px) { .ml-xxxxxl-auto { margin-left: auto; } } @media (min-width: 1780px) { .mr-xxxxl-0 { margin-right: 0rem !important; } .mr-xxxxl-1 { margin-right: 0.75rem !important; } .mr-xxxxl-2 { margin-right: 1.5rem !important; } .mr-xxxxl-3 { margin-right: 2.25rem !important; } .mr-xxxxl-4 { margin-right: 3rem !important; } .mr-xxxxl-5 { margin-right: 3.75rem !important; } .mr-xxxxl-6 { margin-right: 4.5rem !important; } .mr-xxxxl-7 { margin-right: 5.25rem !important; } .mr-xxxxl-8 { margin-right: 6rem !important; } .mr-xxxxl-9 { margin-right: 6.75rem !important; } .mr-xxxxl-10 { margin-right: 7.5rem !important; } .mr-xxxxl-11 { margin-right: 8.25rem !important; } .mr-xxxxl-12 { margin-right: 9rem !important; } .mr-xxxxl-13 { margin-right: 9.75rem !important; } .mr-xxxxl-14 { margin-right: 10.5rem !important; } .mr-xxxxl-15 { margin-right: 11.25rem !important; } .mr-xxxxl-auto { margin-right: auto; } } @media (min-width: 1780px) and (min-width: 576px) { .mr-sm-auto { margin-right: auto; } } @media (min-width: 1780px) and (min-width: 768px) { .mr-md-auto { margin-right: auto; } } @media (min-width: 1780px) and (min-width: 992px) { .mr-lg-auto { margin-right: auto; } } @media (min-width: 1780px) and (min-width: 1200px) { .mr-xl-auto { margin-right: auto; } } @media (min-width: 1780px) and (min-width: 1400px) { .mr-xxl-auto { margin-right: auto; } } @media (min-width: 1780px) and (min-width: 1550px) { .mr-xxxl-auto { margin-right: auto; } } @media (min-width: 1780px) and (min-width: 1780px) { .mr-xxxxl-auto { margin-right: auto; } } @media (min-width: 1780px) and (min-width: 1920px) { .mr-xxxxxl-auto { margin-right: auto; } } @media (min-width: 1780px) { .mx-xxxxl-0 { margin-left: 0rem; margin-right: 0rem; } .mx-xxxxl-1 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-xxxxl-2 { margin-left: 1.5rem; margin-right: 1.5rem; } .mx-xxxxl-3 { margin-left: 2.25rem; margin-right: 2.25rem; } .mx-xxxxl-4 { margin-left: 3rem; margin-right: 3rem; } .mx-xxxxl-5 { margin-left: 3.75rem; margin-right: 3.75rem; } .mx-xxxxl-6 { margin-left: 4.5rem; margin-right: 4.5rem; } .mx-xxxxl-7 { margin-left: 5.25rem; margin-right: 5.25rem; } .mx-xxxxl-8 { margin-left: 6rem; margin-right: 6rem; } .mx-xxxxl-9 { margin-left: 6.75rem; margin-right: 6.75rem; } .mx-xxxxl-10 { margin-left: 7.5rem; margin-right: 7.5rem; } .mx-xxxxl-11 { margin-left: 8.25rem; margin-right: 8.25rem; } .mx-xxxxl-12 { margin-left: 9rem; margin-right: 9rem; } .mx-xxxxl-13 { margin-left: 9.75rem; margin-right: 9.75rem; } .mx-xxxxl-14 { margin-left: 10.5rem; margin-right: 10.5rem; } .mx-xxxxl-15 { margin-left: 11.25rem; margin-right: 11.25rem; } .mx-xxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1780px) and (min-width: 576px) { .mx-sm-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1780px) and (min-width: 768px) { .mx-md-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1780px) and (min-width: 992px) { .mx-lg-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1780px) and (min-width: 1200px) { .mx-xl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1780px) and (min-width: 1400px) { .mx-xxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1780px) and (min-width: 1550px) { .mx-xxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1780px) and (min-width: 1780px) { .mx-xxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1780px) and (min-width: 1920px) { .mx-xxxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1780px) { .my-xxxxl-0 { margin-top: 0rem; margin-bottom: 0rem; } .my-xxxxl-1 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-xxxxl-2 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-xxxxl-3 { margin-top: 2.25rem; margin-bottom: 2.25rem; } .my-xxxxl-4 { margin-top: 3rem; margin-bottom: 3rem; } .my-xxxxl-5 { margin-top: 3.75rem; margin-bottom: 3.75rem; } .my-xxxxl-6 { margin-top: 4.5rem; margin-bottom: 4.5rem; } .my-xxxxl-7 { margin-top: 5.25rem; margin-bottom: 5.25rem; } .my-xxxxl-8 { margin-top: 6rem; margin-bottom: 6rem; } .my-xxxxl-9 { margin-top: 6.75rem; margin-bottom: 6.75rem; } .my-xxxxl-10 { margin-top: 7.5rem; margin-bottom: 7.5rem; } .my-xxxxl-11 { margin-top: 8.25rem; margin-bottom: 8.25rem; } .my-xxxxl-12 { margin-top: 9rem; margin-bottom: 9rem; } .my-xxxxl-13 { margin-top: 9.75rem; margin-bottom: 9.75rem; } .my-xxxxl-14 { margin-top: 10.5rem; margin-bottom: 10.5rem; } .my-xxxxl-15 { margin-top: 11.25rem; margin-bottom: 11.25rem; } .my-xxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1780px) and (min-width: 576px) { .my-sm-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1780px) and (min-width: 768px) { .my-md-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1780px) and (min-width: 992px) { .my-lg-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1780px) and (min-width: 1200px) { .my-xl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1780px) and (min-width: 1400px) { .my-xxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1780px) and (min-width: 1550px) { .my-xxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1780px) and (min-width: 1780px) { .my-xxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1780px) and (min-width: 1920px) { .my-xxxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1780px) { .m-xxxxl-0 { margin: 0rem !important; } .m-xxxxl-1 { margin: 0.75rem !important; } .m-xxxxl-2 { margin: 1.5rem !important; } .m-xxxxl-3 { margin: 2.25rem !important; } .m-xxxxl-4 { margin: 3rem !important; } .m-xxxxl-5 { margin: 3.75rem !important; } .m-xxxxl-6 { margin: 4.5rem !important; } .m-xxxxl-7 { margin: 5.25rem !important; } .m-xxxxl-8 { margin: 6rem !important; } .m-xxxxl-9 { margin: 6.75rem !important; } .m-xxxxl-10 { margin: 7.5rem !important; } .m-xxxxl-11 { margin: 8.25rem !important; } .m-xxxxl-12 { margin: 9rem !important; } .m-xxxxl-13 { margin: 9.75rem !important; } .m-xxxxl-14 { margin: 10.5rem !important; } .m-xxxxl-15 { margin: 11.25rem !important; } .m-xxxxl-auto { margin: auto; } } @media (min-width: 1780px) and (min-width: 576px) { .m-sm-auto { margin: auto; } } @media (min-width: 1780px) and (min-width: 768px) { .m-md-auto { margin: auto; } } @media (min-width: 1780px) and (min-width: 992px) { .m-lg-auto { margin: auto; } } @media (min-width: 1780px) and (min-width: 1200px) { .m-xl-auto { margin: auto; } } @media (min-width: 1780px) and (min-width: 1400px) { .m-xxl-auto { margin: auto; } } @media (min-width: 1780px) and (min-width: 1550px) { .m-xxxl-auto { margin: auto; } } @media (min-width: 1780px) and (min-width: 1780px) { .m-xxxxl-auto { margin: auto; } } @media (min-width: 1780px) and (min-width: 1920px) { .m-xxxxxl-auto { margin: auto; } } @media (min-width: 1780px) { .pt-xxxxl-0 { padding-top: 0rem; } .pt-xxxxl-1 { padding-top: 0.75rem; } .pt-xxxxl-2 { padding-top: 1.5rem; } .pt-xxxxl-3 { padding-top: 2.25rem; } .pt-xxxxl-4 { padding-top: 3rem; } .pt-xxxxl-5 { padding-top: 3.75rem; } .pt-xxxxl-6 { padding-top: 4.5rem; } .pt-xxxxl-7 { padding-top: 5.25rem; } .pt-xxxxl-8 { padding-top: 6rem; } .pt-xxxxl-9 { padding-top: 6.75rem; } .pt-xxxxl-10 { padding-top: 7.5rem; } .pt-xxxxl-11 { padding-top: 8.25rem; } .pt-xxxxl-12 { padding-top: 9rem; } .pt-xxxxl-13 { padding-top: 9.75rem; } .pt-xxxxl-14 { padding-top: 10.5rem; } .pt-xxxxl-15 { padding-top: 11.25rem; } .pb-xxxxl-0 { padding-bottom: 0rem; } .pb-xxxxl-1 { padding-bottom: 0.75rem; } .pb-xxxxl-2 { padding-bottom: 1.5rem; } .pb-xxxxl-3 { padding-bottom: 2.25rem; } .pb-xxxxl-4 { padding-bottom: 3rem; } .pb-xxxxl-5 { padding-bottom: 3.75rem; } .pb-xxxxl-6 { padding-bottom: 4.5rem; } .pb-xxxxl-7 { padding-bottom: 5.25rem; } .pb-xxxxl-8 { padding-bottom: 6rem; } .pb-xxxxl-9 { padding-bottom: 6.75rem; } .pb-xxxxl-10 { padding-bottom: 7.5rem; } .pb-xxxxl-11 { padding-bottom: 8.25rem; } .pb-xxxxl-12 { padding-bottom: 9rem; } .pb-xxxxl-13 { padding-bottom: 9.75rem; } .pb-xxxxl-14 { padding-bottom: 10.5rem; } .pb-xxxxl-15 { padding-bottom: 11.25rem; } .pl-xxxxl-0 { padding-left: 0rem; } .pl-xxxxl-1 { padding-left: 0.75rem; } .pl-xxxxl-2 { padding-left: 1.5rem; } .pl-xxxxl-3 { padding-left: 2.25rem; } .pl-xxxxl-4 { padding-left: 3rem; } .pl-xxxxl-5 { padding-left: 3.75rem; } .pl-xxxxl-6 { padding-left: 4.5rem; } .pl-xxxxl-7 { padding-left: 5.25rem; } .pl-xxxxl-8 { padding-left: 6rem; } .pl-xxxxl-9 { padding-left: 6.75rem; } .pl-xxxxl-10 { padding-left: 7.5rem; } .pl-xxxxl-11 { padding-left: 8.25rem; } .pl-xxxxl-12 { padding-left: 9rem; } .pl-xxxxl-13 { padding-left: 9.75rem; } .pl-xxxxl-14 { padding-left: 10.5rem; } .pl-xxxxl-15 { padding-left: 11.25rem; } .pr-xxxxl-0 { padding-right: 0rem; } .pr-xxxxl-1 { padding-right: 0.75rem; } .pr-xxxxl-2 { padding-right: 1.5rem; } .pr-xxxxl-3 { padding-right: 2.25rem; } .pr-xxxxl-4 { padding-right: 3rem; } .pr-xxxxl-5 { padding-right: 3.75rem; } .pr-xxxxl-6 { padding-right: 4.5rem; } .pr-xxxxl-7 { padding-right: 5.25rem; } .pr-xxxxl-8 { padding-right: 6rem; } .pr-xxxxl-9 { padding-right: 6.75rem; } .pr-xxxxl-10 { padding-right: 7.5rem; } .pr-xxxxl-11 { padding-right: 8.25rem; } .pr-xxxxl-12 { padding-right: 9rem; } .pr-xxxxl-13 { padding-right: 9.75rem; } .pr-xxxxl-14 { padding-right: 10.5rem; } .pr-xxxxl-15 { padding-right: 11.25rem; } .px-xxxxl-0 { padding-left: 0rem; padding-right: 0rem; } .px-xxxxl-1 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-xxxxl-2 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-xxxxl-3 { padding-left: 2.25rem; padding-right: 2.25rem; } .px-xxxxl-4 { padding-left: 3rem; padding-right: 3rem; } .px-xxxxl-5 { padding-left: 3.75rem; padding-right: 3.75rem; } .px-xxxxl-6 { padding-left: 4.5rem; padding-right: 4.5rem; } .px-xxxxl-7 { padding-left: 5.25rem; padding-right: 5.25rem; } .px-xxxxl-8 { padding-left: 6rem; padding-right: 6rem; } .px-xxxxl-9 { padding-left: 6.75rem; padding-right: 6.75rem; } .px-xxxxl-10 { padding-left: 7.5rem; padding-right: 7.5rem; } .px-xxxxl-11 { padding-left: 8.25rem; padding-right: 8.25rem; } .px-xxxxl-12 { padding-left: 9rem; padding-right: 9rem; } .px-xxxxl-13 { padding-left: 9.75rem; padding-right: 9.75rem; } .px-xxxxl-14 { padding-left: 10.5rem; padding-right: 10.5rem; } .px-xxxxl-15 { padding-left: 11.25rem; padding-right: 11.25rem; } .py-xxxxl-0 { padding-top: 0rem; padding-bottom: 0rem; } .py-xxxxl-1 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-xxxxl-2 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-xxxxl-3 { padding-top: 2.25rem; padding-bottom: 2.25rem; } .py-xxxxl-4 { padding-top: 3rem; padding-bottom: 3rem; } .py-xxxxl-5 { padding-top: 3.75rem; padding-bottom: 3.75rem; } .py-xxxxl-6 { padding-top: 4.5rem; padding-bottom: 4.5rem; } .py-xxxxl-7 { padding-top: 5.25rem; padding-bottom: 5.25rem; } .py-xxxxl-8 { padding-top: 6rem; padding-bottom: 6rem; } .py-xxxxl-9 { padding-top: 6.75rem; padding-bottom: 6.75rem; } .py-xxxxl-10 { padding-top: 7.5rem; padding-bottom: 7.5rem; } .py-xxxxl-11 { padding-top: 8.25rem; padding-bottom: 8.25rem; } .py-xxxxl-12 { padding-top: 9rem; padding-bottom: 9rem; } .py-xxxxl-13 { padding-top: 9.75rem; padding-bottom: 9.75rem; } .py-xxxxl-14 { padding-top: 10.5rem; padding-bottom: 10.5rem; } .py-xxxxl-15 { padding-top: 11.25rem; padding-bottom: 11.25rem; } .p-xxxxl-0 { padding: 0rem; } .p-xxxxl-1 { padding: 0.75rem; } .p-xxxxl-2 { padding: 1.5rem; } .p-xxxxl-3 { padding: 2.25rem; } .p-xxxxl-4 { padding: 3rem; } .p-xxxxl-5 { padding: 3.75rem; } .p-xxxxl-6 { padding: 4.5rem; } .p-xxxxl-7 { padding: 5.25rem; } .p-xxxxl-8 { padding: 6rem; } .p-xxxxl-9 { padding: 6.75rem; } .p-xxxxl-10 { padding: 7.5rem; } .p-xxxxl-11 { padding: 8.25rem; } .p-xxxxl-12 { padding: 9rem; } .p-xxxxl-13 { padding: 9.75rem; } .p-xxxxl-14 { padding: 10.5rem; } .p-xxxxl-15 { padding: 11.25rem; } .gx-xxxxl-0 { --gx: 0rem; } .gy-xxxxl-0 { --gy: 0rem; } .gx-xxxxl-1 { --gx: 0.75rem; } .gy-xxxxl-1 { --gy: 0.75rem; } .gx-xxxxl-2 { --gx: 1.5rem; } .gy-xxxxl-2 { --gy: 1.5rem; } .gx-xxxxl-3 { --gx: 2.25rem; } .gy-xxxxl-3 { --gy: 2.25rem; } .gx-xxxxl-4 { --gx: 3rem; } .gy-xxxxl-4 { --gy: 3rem; } .gx-xxxxl-5 { --gx: 3.75rem; } .gy-xxxxl-5 { --gy: 3.75rem; } .gx-xxxxl-6 { --gx: 4.5rem; } .gy-xxxxl-6 { --gy: 4.5rem; } .gx-xxxxl-7 { --gx: 5.25rem; } .gy-xxxxl-7 { --gy: 5.25rem; } .gx-xxxxl-8 { --gx: 6rem; } .gy-xxxxl-8 { --gy: 6rem; } .gx-xxxxl-9 { --gx: 6.75rem; } .gy-xxxxl-9 { --gy: 6.75rem; } .gx-xxxxl-10 { --gx: 7.5rem; } .gy-xxxxl-10 { --gy: 7.5rem; } .gx-xxxxl-11 { --gx: 8.25rem; } .gy-xxxxl-11 { --gy: 8.25rem; } .gx-xxxxl-12 { --gx: 9rem; } .gy-xxxxl-12 { --gy: 9rem; } .gx-xxxxl-13 { --gx: 9.75rem; } .gy-xxxxl-13 { --gy: 9.75rem; } .gx-xxxxl-14 { --gx: 10.5rem; } .gy-xxxxl-14 { --gy: 10.5rem; } .gx-xxxxl-15 { --gx: 11.25rem; } .gy-xxxxl-15 { --gy: 11.25rem; } } @media (min-width: 1920px) { /* ---- CONTAINER/ROW/COL/OFFSET ---- */ .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-xxxl, .container-xxxxl, .container-xxxxxl { max-width: 1520px; } /* --------------- RL --------------- */ /* ---- CONTAINER/ROW/COL/OFFSET ---- */ .col-xxxxxl-0 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 0%; -webkit-box-flex: 0; flex: 0 0 0%; max-width: 0%; } .order-xxxxxl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .offset-xxxxxl-0, .col-xxxxxl-offset-0 { margin-left: 0%; } .col-xxxxxl-1 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 8.33333%; -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .order-xxxxxl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .offset-xxxxxl-1, .col-xxxxxl-offset-1 { margin-left: 8.33333%; } .col-xxxxxl-2 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 16.66667%; -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .order-xxxxxl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .offset-xxxxxl-2, .col-xxxxxl-offset-2 { margin-left: 16.66667%; } .col-xxxxxl-3 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .order-xxxxxl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .offset-xxxxxl-3, .col-xxxxxl-offset-3 { margin-left: 25%; } .col-xxxxxl-4 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .order-xxxxxl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .offset-xxxxxl-4, .col-xxxxxl-offset-4 { margin-left: 33.33333%; } .col-xxxxxl-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 41.66667%; -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .order-xxxxxl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .offset-xxxxxl-5, .col-xxxxxl-offset-5 { margin-left: 41.66667%; } .col-xxxxxl-6 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .order-xxxxxl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .offset-xxxxxl-6, .col-xxxxxl-offset-6 { margin-left: 50%; } .col-xxxxxl-7 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 58.33333%; -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .order-xxxxxl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .offset-xxxxxl-7, .col-xxxxxl-offset-7 { margin-left: 58.33333%; } .col-xxxxxl-8 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 66.66667%; -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .order-xxxxxl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .offset-xxxxxl-8, .col-xxxxxl-offset-8 { margin-left: 66.66667%; } .col-xxxxxl-9 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .order-xxxxxl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .offset-xxxxxl-9, .col-xxxxxl-offset-9 { margin-left: 75%; } .col-xxxxxl-10 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 83.33333%; -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .order-xxxxxl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .offset-xxxxxl-10, .col-xxxxxl-offset-10 { margin-left: 83.33333%; } .col-xxxxxl-11 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 91.66667%; -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .order-xxxxxl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .offset-xxxxxl-11, .col-xxxxxl-offset-11 { margin-left: 91.66667%; } .col-xxxxxl-12 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-xxxxxl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } /* --------------- RL --------------- */ /* ---- DISPLAY ---- */ .d-xxxxxl-block { display: block; } .d-xxxxxl-inline-block { display: inline-block; } .d-xxxxxl-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .d-xxxxxl-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /* ---- FLEX PROPERTY ---- */ .flex-direction-xxxxxl-row { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; } .flex-direction-xxxxxl-row-reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-direction-xxxxxl-column { -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .flex-direction-xxxxxl-column-reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .justify-content-xxxxxl-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-xxxxxl-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-xxxxxl-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-content-xxxxxl-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-xxxxxl-around { -ms-flex-pack: distribute; justify-content: space-around; } .align-items-xxxxxl-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align-items-xxxxxl-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .align-items-xxxxxl-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-wrap-xxxxxl-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-xxxxxl-nowrap { -ms-flex-wrap: none; flex-wrap: nowrap; } /* --------- Léo --------- */ .d-xxxxxl-grid { display: -ms-grid; display: grid; } .d-xxxxxl-none { display: none; } /* ------ Chris ------ */ /* ---- 5 COLUMNS LAYOUT ---- */ .col-xxxxxl-1-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .col-xxxxxl-2-5 { -webkit-box: 0; -moz-box: 0; -ms-flex: 0 0 40%; -webkit-box-flex: 0; flex: 0 0 40%; max-width: 40%; } /* --------------- RL --------------- */ .mt-xxxxxl-0 { margin-top: 0rem !important; } .mt-xxxxxl-1 { margin-top: 0.75rem !important; } .mt-xxxxxl-2 { margin-top: 1.5rem !important; } .mt-xxxxxl-3 { margin-top: 2.25rem !important; } .mt-xxxxxl-4 { margin-top: 3rem !important; } .mt-xxxxxl-5 { margin-top: 3.75rem !important; } .mt-xxxxxl-6 { margin-top: 4.5rem !important; } .mt-xxxxxl-7 { margin-top: 5.25rem !important; } .mt-xxxxxl-8 { margin-top: 6rem !important; } .mt-xxxxxl-9 { margin-top: 6.75rem !important; } .mt-xxxxxl-10 { margin-top: 7.5rem !important; } .mt-xxxxxl-11 { margin-top: 8.25rem !important; } .mt-xxxxxl-12 { margin-top: 9rem !important; } .mt-xxxxxl-13 { margin-top: 9.75rem !important; } .mt-xxxxxl-14 { margin-top: 10.5rem !important; } .mt-xxxxxl-15 { margin-top: 11.25rem !important; } .mt-xxxxxl-auto { margin-top: auto; } } @media (min-width: 1920px) and (min-width: 576px) { .mt-sm-auto { margin-top: auto; } } @media (min-width: 1920px) and (min-width: 768px) { .mt-md-auto { margin-top: auto; } } @media (min-width: 1920px) and (min-width: 992px) { .mt-lg-auto { margin-top: auto; } } @media (min-width: 1920px) and (min-width: 1200px) { .mt-xl-auto { margin-top: auto; } } @media (min-width: 1920px) and (min-width: 1400px) { .mt-xxl-auto { margin-top: auto; } } @media (min-width: 1920px) and (min-width: 1550px) { .mt-xxxl-auto { margin-top: auto; } } @media (min-width: 1920px) and (min-width: 1780px) { .mt-xxxxl-auto { margin-top: auto; } } @media (min-width: 1920px) and (min-width: 1920px) { .mt-xxxxxl-auto { margin-top: auto; } } @media (min-width: 1920px) { .mb-xxxxxl-0 { margin-bottom: 0rem !important; } .mb-xxxxxl-1 { margin-bottom: 0.75rem !important; } .mb-xxxxxl-2 { margin-bottom: 1.5rem !important; } .mb-xxxxxl-3 { margin-bottom: 2.25rem !important; } .mb-xxxxxl-4 { margin-bottom: 3rem !important; } .mb-xxxxxl-5 { margin-bottom: 3.75rem !important; } .mb-xxxxxl-6 { margin-bottom: 4.5rem !important; } .mb-xxxxxl-7 { margin-bottom: 5.25rem !important; } .mb-xxxxxl-8 { margin-bottom: 6rem !important; } .mb-xxxxxl-9 { margin-bottom: 6.75rem !important; } .mb-xxxxxl-10 { margin-bottom: 7.5rem !important; } .mb-xxxxxl-11 { margin-bottom: 8.25rem !important; } .mb-xxxxxl-12 { margin-bottom: 9rem !important; } .mb-xxxxxl-13 { margin-bottom: 9.75rem !important; } .mb-xxxxxl-14 { margin-bottom: 10.5rem !important; } .mb-xxxxxl-15 { margin-bottom: 11.25rem !important; } .mb-xxxxxl-auto { margin-bottom: auto; } } @media (min-width: 1920px) and (min-width: 576px) { .mb-sm-auto { margin-bottom: auto; } } @media (min-width: 1920px) and (min-width: 768px) { .mb-md-auto { margin-bottom: auto; } } @media (min-width: 1920px) and (min-width: 992px) { .mb-lg-auto { margin-bottom: auto; } } @media (min-width: 1920px) and (min-width: 1200px) { .mb-xl-auto { margin-bottom: auto; } } @media (min-width: 1920px) and (min-width: 1400px) { .mb-xxl-auto { margin-bottom: auto; } } @media (min-width: 1920px) and (min-width: 1550px) { .mb-xxxl-auto { margin-bottom: auto; } } @media (min-width: 1920px) and (min-width: 1780px) { .mb-xxxxl-auto { margin-bottom: auto; } } @media (min-width: 1920px) and (min-width: 1920px) { .mb-xxxxxl-auto { margin-bottom: auto; } } @media (min-width: 1920px) { .ml-xxxxxl-0 { margin-left: 0rem !important; } .ml-xxxxxl-1 { margin-left: 0.75rem !important; } .ml-xxxxxl-2 { margin-left: 1.5rem !important; } .ml-xxxxxl-3 { margin-left: 2.25rem !important; } .ml-xxxxxl-4 { margin-left: 3rem !important; } .ml-xxxxxl-5 { margin-left: 3.75rem !important; } .ml-xxxxxl-6 { margin-left: 4.5rem !important; } .ml-xxxxxl-7 { margin-left: 5.25rem !important; } .ml-xxxxxl-8 { margin-left: 6rem !important; } .ml-xxxxxl-9 { margin-left: 6.75rem !important; } .ml-xxxxxl-10 { margin-left: 7.5rem !important; } .ml-xxxxxl-11 { margin-left: 8.25rem !important; } .ml-xxxxxl-12 { margin-left: 9rem !important; } .ml-xxxxxl-13 { margin-left: 9.75rem !important; } .ml-xxxxxl-14 { margin-left: 10.5rem !important; } .ml-xxxxxl-15 { margin-left: 11.25rem !important; } .ml-xxxxxl-auto { margin-left: auto; } } @media (min-width: 1920px) and (min-width: 576px) { .ml-sm-auto { margin-left: auto; } } @media (min-width: 1920px) and (min-width: 768px) { .ml-md-auto { margin-left: auto; } } @media (min-width: 1920px) and (min-width: 992px) { .ml-lg-auto { margin-left: auto; } } @media (min-width: 1920px) and (min-width: 1200px) { .ml-xl-auto { margin-left: auto; } } @media (min-width: 1920px) and (min-width: 1400px) { .ml-xxl-auto { margin-left: auto; } } @media (min-width: 1920px) and (min-width: 1550px) { .ml-xxxl-auto { margin-left: auto; } } @media (min-width: 1920px) and (min-width: 1780px) { .ml-xxxxl-auto { margin-left: auto; } } @media (min-width: 1920px) and (min-width: 1920px) { .ml-xxxxxl-auto { margin-left: auto; } } @media (min-width: 1920px) { .mr-xxxxxl-0 { margin-right: 0rem !important; } .mr-xxxxxl-1 { margin-right: 0.75rem !important; } .mr-xxxxxl-2 { margin-right: 1.5rem !important; } .mr-xxxxxl-3 { margin-right: 2.25rem !important; } .mr-xxxxxl-4 { margin-right: 3rem !important; } .mr-xxxxxl-5 { margin-right: 3.75rem !important; } .mr-xxxxxl-6 { margin-right: 4.5rem !important; } .mr-xxxxxl-7 { margin-right: 5.25rem !important; } .mr-xxxxxl-8 { margin-right: 6rem !important; } .mr-xxxxxl-9 { margin-right: 6.75rem !important; } .mr-xxxxxl-10 { margin-right: 7.5rem !important; } .mr-xxxxxl-11 { margin-right: 8.25rem !important; } .mr-xxxxxl-12 { margin-right: 9rem !important; } .mr-xxxxxl-13 { margin-right: 9.75rem !important; } .mr-xxxxxl-14 { margin-right: 10.5rem !important; } .mr-xxxxxl-15 { margin-right: 11.25rem !important; } .mr-xxxxxl-auto { margin-right: auto; } } @media (min-width: 1920px) and (min-width: 576px) { .mr-sm-auto { margin-right: auto; } } @media (min-width: 1920px) and (min-width: 768px) { .mr-md-auto { margin-right: auto; } } @media (min-width: 1920px) and (min-width: 992px) { .mr-lg-auto { margin-right: auto; } } @media (min-width: 1920px) and (min-width: 1200px) { .mr-xl-auto { margin-right: auto; } } @media (min-width: 1920px) and (min-width: 1400px) { .mr-xxl-auto { margin-right: auto; } } @media (min-width: 1920px) and (min-width: 1550px) { .mr-xxxl-auto { margin-right: auto; } } @media (min-width: 1920px) and (min-width: 1780px) { .mr-xxxxl-auto { margin-right: auto; } } @media (min-width: 1920px) and (min-width: 1920px) { .mr-xxxxxl-auto { margin-right: auto; } } @media (min-width: 1920px) { .mx-xxxxxl-0 { margin-left: 0rem; margin-right: 0rem; } .mx-xxxxxl-1 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-xxxxxl-2 { margin-left: 1.5rem; margin-right: 1.5rem; } .mx-xxxxxl-3 { margin-left: 2.25rem; margin-right: 2.25rem; } .mx-xxxxxl-4 { margin-left: 3rem; margin-right: 3rem; } .mx-xxxxxl-5 { margin-left: 3.75rem; margin-right: 3.75rem; } .mx-xxxxxl-6 { margin-left: 4.5rem; margin-right: 4.5rem; } .mx-xxxxxl-7 { margin-left: 5.25rem; margin-right: 5.25rem; } .mx-xxxxxl-8 { margin-left: 6rem; margin-right: 6rem; } .mx-xxxxxl-9 { margin-left: 6.75rem; margin-right: 6.75rem; } .mx-xxxxxl-10 { margin-left: 7.5rem; margin-right: 7.5rem; } .mx-xxxxxl-11 { margin-left: 8.25rem; margin-right: 8.25rem; } .mx-xxxxxl-12 { margin-left: 9rem; margin-right: 9rem; } .mx-xxxxxl-13 { margin-left: 9.75rem; margin-right: 9.75rem; } .mx-xxxxxl-14 { margin-left: 10.5rem; margin-right: 10.5rem; } .mx-xxxxxl-15 { margin-left: 11.25rem; margin-right: 11.25rem; } .mx-xxxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1920px) and (min-width: 576px) { .mx-sm-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1920px) and (min-width: 768px) { .mx-md-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1920px) and (min-width: 992px) { .mx-lg-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1920px) and (min-width: 1200px) { .mx-xl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1920px) and (min-width: 1400px) { .mx-xxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1920px) and (min-width: 1550px) { .mx-xxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1920px) and (min-width: 1780px) { .mx-xxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1920px) and (min-width: 1920px) { .mx-xxxxxl-auto { margin-left: auto; margin-right: auto; } } @media (min-width: 1920px) { .my-xxxxxl-0 { margin-top: 0rem; margin-bottom: 0rem; } .my-xxxxxl-1 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-xxxxxl-2 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-xxxxxl-3 { margin-top: 2.25rem; margin-bottom: 2.25rem; } .my-xxxxxl-4 { margin-top: 3rem; margin-bottom: 3rem; } .my-xxxxxl-5 { margin-top: 3.75rem; margin-bottom: 3.75rem; } .my-xxxxxl-6 { margin-top: 4.5rem; margin-bottom: 4.5rem; } .my-xxxxxl-7 { margin-top: 5.25rem; margin-bottom: 5.25rem; } .my-xxxxxl-8 { margin-top: 6rem; margin-bottom: 6rem; } .my-xxxxxl-9 { margin-top: 6.75rem; margin-bottom: 6.75rem; } .my-xxxxxl-10 { margin-top: 7.5rem; margin-bottom: 7.5rem; } .my-xxxxxl-11 { margin-top: 8.25rem; margin-bottom: 8.25rem; } .my-xxxxxl-12 { margin-top: 9rem; margin-bottom: 9rem; } .my-xxxxxl-13 { margin-top: 9.75rem; margin-bottom: 9.75rem; } .my-xxxxxl-14 { margin-top: 10.5rem; margin-bottom: 10.5rem; } .my-xxxxxl-15 { margin-top: 11.25rem; margin-bottom: 11.25rem; } .my-xxxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1920px) and (min-width: 576px) { .my-sm-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1920px) and (min-width: 768px) { .my-md-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1920px) and (min-width: 992px) { .my-lg-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1920px) and (min-width: 1200px) { .my-xl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1920px) and (min-width: 1400px) { .my-xxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1920px) and (min-width: 1550px) { .my-xxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1920px) and (min-width: 1780px) { .my-xxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1920px) and (min-width: 1920px) { .my-xxxxxl-auto { margin-top: auto; margin-bottom: auto; } } @media (min-width: 1920px) { .m-xxxxxl-0 { margin: 0rem !important; } .m-xxxxxl-1 { margin: 0.75rem !important; } .m-xxxxxl-2 { margin: 1.5rem !important; } .m-xxxxxl-3 { margin: 2.25rem !important; } .m-xxxxxl-4 { margin: 3rem !important; } .m-xxxxxl-5 { margin: 3.75rem !important; } .m-xxxxxl-6 { margin: 4.5rem !important; } .m-xxxxxl-7 { margin: 5.25rem !important; } .m-xxxxxl-8 { margin: 6rem !important; } .m-xxxxxl-9 { margin: 6.75rem !important; } .m-xxxxxl-10 { margin: 7.5rem !important; } .m-xxxxxl-11 { margin: 8.25rem !important; } .m-xxxxxl-12 { margin: 9rem !important; } .m-xxxxxl-13 { margin: 9.75rem !important; } .m-xxxxxl-14 { margin: 10.5rem !important; } .m-xxxxxl-15 { margin: 11.25rem !important; } .m-xxxxxl-auto { margin: auto; } } @media (min-width: 1920px) and (min-width: 576px) { .m-sm-auto { margin: auto; } } @media (min-width: 1920px) and (min-width: 768px) { .m-md-auto { margin: auto; } } @media (min-width: 1920px) and (min-width: 992px) { .m-lg-auto { margin: auto; } } @media (min-width: 1920px) and (min-width: 1200px) { .m-xl-auto { margin: auto; } } @media (min-width: 1920px) and (min-width: 1400px) { .m-xxl-auto { margin: auto; } } @media (min-width: 1920px) and (min-width: 1550px) { .m-xxxl-auto { margin: auto; } } @media (min-width: 1920px) and (min-width: 1780px) { .m-xxxxl-auto { margin: auto; } } @media (min-width: 1920px) and (min-width: 1920px) { .m-xxxxxl-auto { margin: auto; } } @media (min-width: 1920px) { .pt-xxxxxl-0 { padding-top: 0rem; } .pt-xxxxxl-1 { padding-top: 0.75rem; } .pt-xxxxxl-2 { padding-top: 1.5rem; } .pt-xxxxxl-3 { padding-top: 2.25rem; } .pt-xxxxxl-4 { padding-top: 3rem; } .pt-xxxxxl-5 { padding-top: 3.75rem; } .pt-xxxxxl-6 { padding-top: 4.5rem; } .pt-xxxxxl-7 { padding-top: 5.25rem; } .pt-xxxxxl-8 { padding-top: 6rem; } .pt-xxxxxl-9 { padding-top: 6.75rem; } .pt-xxxxxl-10 { padding-top: 7.5rem; } .pt-xxxxxl-11 { padding-top: 8.25rem; } .pt-xxxxxl-12 { padding-top: 9rem; } .pt-xxxxxl-13 { padding-top: 9.75rem; } .pt-xxxxxl-14 { padding-top: 10.5rem; } .pt-xxxxxl-15 { padding-top: 11.25rem; } .pb-xxxxxl-0 { padding-bottom: 0rem; } .pb-xxxxxl-1 { padding-bottom: 0.75rem; } .pb-xxxxxl-2 { padding-bottom: 1.5rem; } .pb-xxxxxl-3 { padding-bottom: 2.25rem; } .pb-xxxxxl-4 { padding-bottom: 3rem; } .pb-xxxxxl-5 { padding-bottom: 3.75rem; } .pb-xxxxxl-6 { padding-bottom: 4.5rem; } .pb-xxxxxl-7 { padding-bottom: 5.25rem; } .pb-xxxxxl-8 { padding-bottom: 6rem; } .pb-xxxxxl-9 { padding-bottom: 6.75rem; } .pb-xxxxxl-10 { padding-bottom: 7.5rem; } .pb-xxxxxl-11 { padding-bottom: 8.25rem; } .pb-xxxxxl-12 { padding-bottom: 9rem; } .pb-xxxxxl-13 { padding-bottom: 9.75rem; } .pb-xxxxxl-14 { padding-bottom: 10.5rem; } .pb-xxxxxl-15 { padding-bottom: 11.25rem; } .pl-xxxxxl-0 { padding-left: 0rem; } .pl-xxxxxl-1 { padding-left: 0.75rem; } .pl-xxxxxl-2 { padding-left: 1.5rem; } .pl-xxxxxl-3 { padding-left: 2.25rem; } .pl-xxxxxl-4 { padding-left: 3rem; } .pl-xxxxxl-5 { padding-left: 3.75rem; } .pl-xxxxxl-6 { padding-left: 4.5rem; } .pl-xxxxxl-7 { padding-left: 5.25rem; } .pl-xxxxxl-8 { padding-left: 6rem; } .pl-xxxxxl-9 { padding-left: 6.75rem; } .pl-xxxxxl-10 { padding-left: 7.5rem; } .pl-xxxxxl-11 { padding-left: 8.25rem; } .pl-xxxxxl-12 { padding-left: 9rem; } .pl-xxxxxl-13 { padding-left: 9.75rem; } .pl-xxxxxl-14 { padding-left: 10.5rem; } .pl-xxxxxl-15 { padding-left: 11.25rem; } .pr-xxxxxl-0 { padding-right: 0rem; } .pr-xxxxxl-1 { padding-right: 0.75rem; } .pr-xxxxxl-2 { padding-right: 1.5rem; } .pr-xxxxxl-3 { padding-right: 2.25rem; } .pr-xxxxxl-4 { padding-right: 3rem; } .pr-xxxxxl-5 { padding-right: 3.75rem; } .pr-xxxxxl-6 { padding-right: 4.5rem; } .pr-xxxxxl-7 { padding-right: 5.25rem; } .pr-xxxxxl-8 { padding-right: 6rem; } .pr-xxxxxl-9 { padding-right: 6.75rem; } .pr-xxxxxl-10 { padding-right: 7.5rem; } .pr-xxxxxl-11 { padding-right: 8.25rem; } .pr-xxxxxl-12 { padding-right: 9rem; } .pr-xxxxxl-13 { padding-right: 9.75rem; } .pr-xxxxxl-14 { padding-right: 10.5rem; } .pr-xxxxxl-15 { padding-right: 11.25rem; } .px-xxxxxl-0 { padding-left: 0rem; padding-right: 0rem; } .px-xxxxxl-1 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-xxxxxl-2 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-xxxxxl-3 { padding-left: 2.25rem; padding-right: 2.25rem; } .px-xxxxxl-4 { padding-left: 3rem; padding-right: 3rem; } .px-xxxxxl-5 { padding-left: 3.75rem; padding-right: 3.75rem; } .px-xxxxxl-6 { padding-left: 4.5rem; padding-right: 4.5rem; } .px-xxxxxl-7 { padding-left: 5.25rem; padding-right: 5.25rem; } .px-xxxxxl-8 { padding-left: 6rem; padding-right: 6rem; } .px-xxxxxl-9 { padding-left: 6.75rem; padding-right: 6.75rem; } .px-xxxxxl-10 { padding-left: 7.5rem; padding-right: 7.5rem; } .px-xxxxxl-11 { padding-left: 8.25rem; padding-right: 8.25rem; } .px-xxxxxl-12 { padding-left: 9rem; padding-right: 9rem; } .px-xxxxxl-13 { padding-left: 9.75rem; padding-right: 9.75rem; } .px-xxxxxl-14 { padding-left: 10.5rem; padding-right: 10.5rem; } .px-xxxxxl-15 { padding-left: 11.25rem; padding-right: 11.25rem; } .py-xxxxxl-0 { padding-top: 0rem; padding-bottom: 0rem; } .py-xxxxxl-1 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-xxxxxl-2 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-xxxxxl-3 { padding-top: 2.25rem; padding-bottom: 2.25rem; } .py-xxxxxl-4 { padding-top: 3rem; padding-bottom: 3rem; } .py-xxxxxl-5 { padding-top: 3.75rem; padding-bottom: 3.75rem; } .py-xxxxxl-6 { padding-top: 4.5rem; padding-bottom: 4.5rem; } .py-xxxxxl-7 { padding-top: 5.25rem; padding-bottom: 5.25rem; } .py-xxxxxl-8 { padding-top: 6rem; padding-bottom: 6rem; } .py-xxxxxl-9 { padding-top: 6.75rem; padding-bottom: 6.75rem; } .py-xxxxxl-10 { padding-top: 7.5rem; padding-bottom: 7.5rem; } .py-xxxxxl-11 { padding-top: 8.25rem; padding-bottom: 8.25rem; } .py-xxxxxl-12 { padding-top: 9rem; padding-bottom: 9rem; } .py-xxxxxl-13 { padding-top: 9.75rem; padding-bottom: 9.75rem; } .py-xxxxxl-14 { padding-top: 10.5rem; padding-bottom: 10.5rem; } .py-xxxxxl-15 { padding-top: 11.25rem; padding-bottom: 11.25rem; } .p-xxxxxl-0 { padding: 0rem; } .p-xxxxxl-1 { padding: 0.75rem; } .p-xxxxxl-2 { padding: 1.5rem; } .p-xxxxxl-3 { padding: 2.25rem; } .p-xxxxxl-4 { padding: 3rem; } .p-xxxxxl-5 { padding: 3.75rem; } .p-xxxxxl-6 { padding: 4.5rem; } .p-xxxxxl-7 { padding: 5.25rem; } .p-xxxxxl-8 { padding: 6rem; } .p-xxxxxl-9 { padding: 6.75rem; } .p-xxxxxl-10 { padding: 7.5rem; } .p-xxxxxl-11 { padding: 8.25rem; } .p-xxxxxl-12 { padding: 9rem; } .p-xxxxxl-13 { padding: 9.75rem; } .p-xxxxxl-14 { padding: 10.5rem; } .p-xxxxxl-15 { padding: 11.25rem; } .gx-xxxxxl-0 { --gx: 0rem; } .gy-xxxxxl-0 { --gy: 0rem; } .gx-xxxxxl-1 { --gx: 0.75rem; } .gy-xxxxxl-1 { --gy: 0.75rem; } .gx-xxxxxl-2 { --gx: 1.5rem; } .gy-xxxxxl-2 { --gy: 1.5rem; } .gx-xxxxxl-3 { --gx: 2.25rem; } .gy-xxxxxl-3 { --gy: 2.25rem; } .gx-xxxxxl-4 { --gx: 3rem; } .gy-xxxxxl-4 { --gy: 3rem; } .gx-xxxxxl-5 { --gx: 3.75rem; } .gy-xxxxxl-5 { --gy: 3.75rem; } .gx-xxxxxl-6 { --gx: 4.5rem; } .gy-xxxxxl-6 { --gy: 4.5rem; } .gx-xxxxxl-7 { --gx: 5.25rem; } .gy-xxxxxl-7 { --gy: 5.25rem; } .gx-xxxxxl-8 { --gx: 6rem; } .gy-xxxxxl-8 { --gy: 6rem; } .gx-xxxxxl-9 { --gx: 6.75rem; } .gy-xxxxxl-9 { --gy: 6.75rem; } .gx-xxxxxl-10 { --gx: 7.5rem; } .gy-xxxxxl-10 { --gy: 7.5rem; } .gx-xxxxxl-11 { --gx: 8.25rem; } .gy-xxxxxl-11 { --gy: 8.25rem; } .gx-xxxxxl-12 { --gx: 9rem; } .gy-xxxxxl-12 { --gy: 9rem; } .gx-xxxxxl-13 { --gx: 9.75rem; } .gy-xxxxxl-13 { --gy: 9.75rem; } .gx-xxxxxl-14 { --gx: 10.5rem; } .gy-xxxxxl-14 { --gy: 10.5rem; } .gx-xxxxxl-15 { --gx: 11.25rem; } .gy-xxxxxl-15 { --gy: 11.25rem; } } .d-block { display: block; } @media (min-width: 576px) { .d-sm-block { display: block; } } @media (min-width: 768px) { .d-md-block { display: block; } } @media (min-width: 992px) { .d-lg-block { display: block; } } @media (min-width: 1200px) { .d-xl-block { display: block; } } @media (min-width: 1400px) { .d-xxl-block { display: block; } } @media (min-width: 1550px) { .d-xxxl-block { display: block; } } @media (min-width: 1780px) { .d-xxxxl-block { display: block; } } @media (min-width: 1920px) { .d-xxxxxl-block { display: block; } } .d-inline { display: inline; } @media (min-width: 576px) { .d-sm-inline { display: inline; } } @media (min-width: 768px) { .d-md-inline { display: inline; } } @media (min-width: 992px) { .d-lg-inline { display: inline; } } @media (min-width: 1200px) { .d-xl-inline { display: inline; } } @media (min-width: 1400px) { .d-xxl-inline { display: inline; } } @media (min-width: 1550px) { .d-xxxl-inline { display: inline; } } @media (min-width: 1780px) { .d-xxxxl-inline { display: inline; } } @media (min-width: 1920px) { .d-xxxxxl-inline { display: inline; } } .d-inline-block { display: inline-block; } @media (min-width: 576px) { .d-sm-inline-block { display: inline-block; } } @media (min-width: 768px) { .d-md-inline-block { display: inline-block; } } @media (min-width: 992px) { .d-lg-inline-block { display: inline-block; } } @media (min-width: 1200px) { .d-xl-inline-block { display: inline-block; } } @media (min-width: 1400px) { .d-xxl-inline-block { display: inline-block; } } @media (min-width: 1550px) { .d-xxxl-inline-block { display: inline-block; } } @media (min-width: 1780px) { .d-xxxxl-inline-block { display: inline-block; } } @media (min-width: 1920px) { .d-xxxxxl-inline-block { display: inline-block; } } .d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 576px) { .d-sm-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .d-md-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 992px) { .d-lg-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 1200px) { .d-xl-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 1400px) { .d-xxl-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 1550px) { .d-xxxl-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 1780px) { .d-xxxxl-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 1920px) { .d-xxxxxl-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } } .d-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } @media (min-width: 576px) { .d-sm-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media (min-width: 768px) { .d-md-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media (min-width: 992px) { .d-lg-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media (min-width: 1200px) { .d-xl-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media (min-width: 1400px) { .d-xxl-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media (min-width: 1550px) { .d-xxxl-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media (min-width: 1780px) { .d-xxxxl-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media (min-width: 1920px) { .d-xxxxxl-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .d-grid { display: grid; } @media (min-width: 576px) { .d-sm-grid { display: grid; } } @media (min-width: 768px) { .d-md-grid { display: grid; } } @media (min-width: 992px) { .d-lg-grid { display: grid; } } @media (min-width: 1200px) { .d-xl-grid { display: grid; } } @media (min-width: 1400px) { .d-xxl-grid { display: grid; } } @media (min-width: 1550px) { .d-xxxl-grid { display: grid; } } @media (min-width: 1780px) { .d-xxxxl-grid { display: grid; } } @media (min-width: 1920px) { .d-xxxxxl-grid { display: grid; } } .d-inline-grid { display: inline-grid; } @media (min-width: 576px) { .d-sm-inline-grid { display: inline-grid; } } @media (min-width: 768px) { .d-md-inline-grid { display: inline-grid; } } @media (min-width: 992px) { .d-lg-inline-grid { display: inline-grid; } } @media (min-width: 1200px) { .d-xl-inline-grid { display: inline-grid; } } @media (min-width: 1400px) { .d-xxl-inline-grid { display: inline-grid; } } @media (min-width: 1550px) { .d-xxxl-inline-grid { display: inline-grid; } } @media (min-width: 1780px) { .d-xxxxl-inline-grid { display: inline-grid; } } @media (min-width: 1920px) { .d-xxxxxl-inline-grid { display: inline-grid; } } .text-left { text-align: left; } @media (min-width: 576px) { .text-sm-left { text-align: left; } } @media (min-width: 768px) { .text-md-left { text-align: left; } } @media (min-width: 992px) { .text-lg-left { text-align: left; } } @media (min-width: 1200px) { .text-xl-left { text-align: left; } } @media (min-width: 1400px) { .text-xxl-left { text-align: left; } } @media (min-width: 1550px) { .text-xxxl-left { text-align: left; } } @media (min-width: 1780px) { .text-xxxxl-left { text-align: left; } } @media (min-width: 1920px) { .text-xxxxxl-left { text-align: left; } } .text-center { text-align: center; } @media (min-width: 576px) { .text-sm-center { text-align: center; } } @media (min-width: 768px) { .text-md-center { text-align: center; } } @media (min-width: 992px) { .text-lg-center { text-align: center; } } @media (min-width: 1200px) { .text-xl-center { text-align: center; } } @media (min-width: 1400px) { .text-xxl-center { text-align: center; } } @media (min-width: 1550px) { .text-xxxl-center { text-align: center; } } @media (min-width: 1780px) { .text-xxxxl-center { text-align: center; } } @media (min-width: 1920px) { .text-xxxxxl-center { text-align: center; } } .text-right { text-align: right; } @media (min-width: 576px) { .text-sm-right { text-align: right; } } @media (min-width: 768px) { .text-md-right { text-align: right; } } @media (min-width: 992px) { .text-lg-right { text-align: right; } } @media (min-width: 1200px) { .text-xl-right { text-align: right; } } @media (min-width: 1400px) { .text-xxl-right { text-align: right; } } @media (min-width: 1550px) { .text-xxxl-right { text-align: right; } } @media (min-width: 1780px) { .text-xxxxl-right { text-align: right; } } @media (min-width: 1920px) { .text-xxxxxl-right { text-align: right; } } .text-justify { text-align: justify; } @media (min-width: 576px) { .text-sm-justify { text-align: justify; } } @media (min-width: 768px) { .text-md-justify { text-align: justify; } } @media (min-width: 992px) { .text-lg-justify { text-align: justify; } } @media (min-width: 1200px) { .text-xl-justify { text-align: justify; } } @media (min-width: 1400px) { .text-xxl-justify { text-align: justify; } } @media (min-width: 1550px) { .text-xxxl-justify { text-align: justify; } } @media (min-width: 1780px) { .text-xxxxl-justify { text-align: justify; } } @media (min-width: 1920px) { .text-xxxxxl-justify { text-align: justify; } } .pl { padding-left: 1.5rem; } .pr { padding-right: 1.5rem; } @media (min-width: 576px) { .pl, .pl-sm { padding-left: calc((100vw - 540px) / 2); } .pr, .pr-sm { padding-right: calc((100vw - 540px) / 2); } } @media (min-width: 768px) { .pl, .pl-md { padding-left: calc((100vw - 720px) / 2); } .pr, .pr-md { padding-right: calc((100vw - 720px) / 2); } } @media (min-width: 992px) { .pl, .pl-lg { padding-left: calc((100vw - 960px) / 2); } .pr, .pr-lg { padding-right: calc((100vw - 960px) / 2); } } @media (min-width: 1200px) { .pl, .pl-xl { padding-left: calc((100vw - 1140px) / 2); } .pr, .pr-xl { padding-right: calc((100vw - 1140px) / 2); } } @media (min-width: 1400px) { .pl, .pl-xxl { padding-left: calc((100vw - 1240px) / 2); } .pr, .pr-xxl { padding-right: calc((100vw - 1240px) / 2); } } @media (min-width: 1550px) { .pl, .pl-xxxl { padding-left: calc((100vw - 1340px) / 2); } .pr, .pr-xxxl { padding-right: calc((100vw - 1340px) / 2); } } @media (min-width: 1780px) { .pl, .pl-xxxxl { padding-left: calc((100vw - 1430px) / 2); } .pr, .pr-xxxxl { padding-right: calc((100vw - 1430px) / 2); } } @media (min-width: 1920px) { .pl, .pl-xxxxxl { padding-left: calc((100vw - 1520px) / 2); } .pr, .pr-xxxxxl { padding-right: calc((100vw - 1520px) / 2); } } .container::after { content: unset; } /* stylelint-disable */ /*******************************************/ /************ Lenia Sans ************/ /*******************************************/ @font-face { font-family: "LeniaSans"; src: url(../css/71c86ffa449e6201794c.woff2) format("woff2"), url(../css/3cc0f328975622c73911.woff) format("woff"); font-style: normal; font-weight: 900; } @font-face { font-family: "LeniaSans"; src: url(../css/9c59b866d60673699b53.woff2) format("woff2"), url(../css/d6aefa281a1142e31dc7.woff) format("woff"); font-style: normal; font-weight: 800; } @font-face { font-family: "LeniaSans"; src: url(../css/10c90f8c884c8263bb03.woff2) format("woff2"), url(../css/3ec0720a7fbf9a6ddc90.woff) format("woff"); font-style: normal; font-weight: 700; } @font-face { font-family: "LeniaSans"; src: url(../css/d1a09063cbbb237d33f8.woff2) format("woff2"), url(../css/b96713ee53aecdb639c9.woff) format("woff"); font-style: normal; font-weight: 600; } @font-face { font-family: "LeniaSans"; src: url(../css/3a33f109545b5124272e.woff2) format("woff2"), url(../css/43c4ac6d7930dd4009d0.woff) format("woff"); font-style: normal; font-weight: 500; } @font-face { font-family: "LeniaSans"; src: url(../css/69d2d22f948de040b631.woff2) format("woff2"), url(../css/6314226227427632c05c.woff) format("woff"); font-style: normal; font-weight: 400; } @font-face { font-family: "LeniaSans"; src: url(../css/5459efae8a088ac268fa.woff2) format("woff2"), url(../css/a9fe10c05b6cb7654154.woff) format("woff"); font-style: normal; font-weight: 300; } @font-face { font-family: "LeniaSans"; src: url(../css/c9224a20b908478aaa99.woff2) format("woff2"), url(../css/8066b455c8f0d8971ba0.woff) format("woff"); font-style: normal; font-weight: 200; } @font-face { font-family: "LeniaSans"; src: url(../css/65713ae7beb6bf7679ce.woff2) format("woff2"), url(../css/df935f6c808ea7c861fd.woff) format("woff"); font-style: normal; font-weight: 100; } body, html { font-family: "LeniaSans", sans-serif; } *, *:before, *:after { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } /***********************************************/ /************ Material Icons ************/ /***********************************************/ @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; font-display: swap; src: url(../css/6f420cf17cc0d7676fad.woff2) format("woff2"); } /* stylelint-enable */ .material-icons { display: inline-block; width: 1em; height: 1em; font-family: "Material Icons", Arial, sans-serif; font-size: 24px; /* Preferred icon size */ font-style: normal; font-weight: 500; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; vertical-align: middle; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; } body, html { height: 100%; } :root { font-size: 16px; } body { font-family: LeniaSans, sans-serif; font-size: 1rem; line-height: 1.25em; color: #232323; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-underline-offset: 0.14em; } ul { padding-left: 0; list-style: none; } * { outline: none !important; } a:hover { color: #1e2d43; text-decoration: none; } p, .page-content.page-cms ul { font-size: 0.9375rem; font-weight: 400; color: #000; } .dropdown-item:focus, .dropdown-item:hover { background: none; } label .color, .variant-links .color, .custom-checkbox input[type="checkbox"] + span.color { display: inline-block; width: 1.125rem; height: 1.125rem; margin: 0.3125rem; margin-right: 0.5rem; cursor: pointer; background-size: contain; border: 1px solid #979797; } label .color.active, label .color:hover, .variant-links .color.active, .variant-links .color:hover, .custom-checkbox input[type="checkbox"] + span.color.active, .custom-checkbox input[type="checkbox"] + span.color:hover { border: 2px solid #232323; } .facet-label.active .custom-checkbox span.color, .facet-label:hover .custom-checkbox span.color { border: 1px solid #979797; } #index h1 { text-align: center; width: 100%; text-transform: uppercase; max-width: 800px; margin-left: auto; margin-right: auto; margin-top: clamp(40px, 4.5vw, 100px); } .h1, .h2, .h3 { color: #232323; } .h4 { font-weight: 700; color: #232323; } .btn-primary, .btn-secondary, .btn-tertiary { padding: 19px 32px 17px 32px; font-size: 0.875rem; font-weight: 500; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn-primary:hover, .btn-secondary:hover, .btn-tertiary:hover { -webkit-transform: translateY(-1px) scale(1.01); transform: translateY(-1px) scale(1.01); } .btn-primary .material-icons, .btn-secondary .material-icons, .btn-tertiary .material-icons { margin-right: 0.625rem; } .btn-primary.btn-small, .btn-secondary.btn-small, .btn-small.btn-tertiary { padding: 14px 20px 12px 20px; font-size: 0.8125rem; } .btn-primary { color: #fff; background-color: #1e2d43; } .btn-primary:hover { background-color: #263955; } .btn-secondary, .btn-tertiary { color: #000; background-color: #fff; } .btn-secondary:hover, .btn-tertiary:hover { background-color: #f6f8fb; } .btn-tertiary { padding: 0.25rem; margin: 0.25rem 0; font-size: 0.875rem; font-weight: 400; color: #7a7a7a; background-color: #f7f7f7; } .btn-tertiary .material-icons { font-size: 1rem; } .btn-tertiary:hover { border: 1px solid rgba(35, 35, 35, 0.2); } .btn-unstyle { padding: 0; text-align: inherit; background-color: transparent; border: none; } .btn-unstyle:focus { outline: 0; } .btn-unstyle:focus .expand-more { color: #1e2d43; } .s4-btn { display: block; font-size: 0.8125rem; font-weight: 500; padding: 15px 21px 13px 21px; border-radius: 1000px; border: none; cursor: pointer; outline: none !important; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; will-change: transform; } .s4-btn:hover { -webkit-transform: translateY(-1px) scale(1.01); transform: translateY(-1px) scale(1.01); } .s4-btn.s4-btn-transparent { color: #1e2d43; border: 1px solid #1e2d43; } .s4-btn.s4-btn-transparent:hover { color: #fff; background-color: #1e2d43; } .s4-btn.s4-btn-blue { color: #fff; background-color: #1e2d43; } .s4-btn.s4-btn-blue:hover { background-color: #263955; } .s4-btn.s4-btn-big { padding: 24px 33px 22px 33px; font-size: 1rem; font-weight: 700; } .s4-btn img, .s4-btn i { position: relative; top: -1px; } .card { border: none; } label, .label { font-size: 0.9rem; color: #000; text-align: right; } .s4fullWidth { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .bgBlueLight { background-color: #f6f8fb; } div.bootstrap-touchspin input.form-control, div.bootstrap-touchspin input.input-group, div.bootstrap-touchspin .btn-touchspin { border: 1px solid rgba(30, 45, 67, 0.13); } @media (max-width: 767px) { label, .label { text-align: left; } } small.label, small.value { font-size: 0.8125rem; } .form-control-label { padding-top: 0.625rem; } .form-control { padding: 18px 25px 14px 25px; color: #000; background: #f9f9f9; border: none; border-radius: 30px; font-size: 0.8125rem; } .form-control:focus { color: #232323; background-color: #f9f9f9; outline: none; } .form-control:-webkit-autofill, .form-control:-webkit-autofill:hover, .form-control:-webkit-autofill:focus { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .form-control::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.33); } .form-control::-moz-placeholder { color: rgba(0, 0, 0, 0.33); } .form-control:-ms-input-placeholder { color: rgba(0, 0, 0, 0.33); } .form-control::-ms-input-placeholder { color: rgba(0, 0, 0, 0.33); } .form-control::placeholder { color: rgba(0, 0, 0, 0.33); } .input-group { display: -webkit-box; display: -ms-flexbox; display: flex; } .input-group .form-control:focus { outline: none; } .input-group .input-group-btn { display: block; width: auto; } .input-group .input-group-btn > .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0.25rem 1rem; margin-left: 0; font-size: 0.6875rem; font-weight: 500; color: #fff; text-transform: uppercase; border: 0; -webkit-box-shadow: none; box-shadow: none; } .input-group .input-group-btn > .btn[data-action="show-password"] { padding: 0.78rem 1rem; background: #7a7a7a; } .input-group input + .input-group-btn .btn { border-radius: 0 30px 30px 0; padding-right: 1.3rem; } input, textarea { /* stylelint-disable */ /* stylelint-enable */ } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.33); } input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(0, 0, 0, 0.33); } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(0, 0, 0, 0.33); } input:-moz-placeholder, textarea:-moz-placeholder { color: rgba(0, 0, 0, 0.33); } .form-control-select { height: 2.625rem; padding: 0 0.5rem; background: #f9f9f9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=) no-repeat scroll right 0.5rem center/1.25rem 1.25rem; /* stylelint-disable */ -moz-appearance: none; -webkit-appearance: none; /* stylelint-enable */ } .form-control-valign { padding-top: 0.5rem; } .form-control-comment { padding-top: 0.8rem; font-size: 0.875rem; color: #7a7a7a; display: block; } .form-control-submit.disabled { color: #fff; background: #5bc0de; } .form-group.has-error input, .form-group.has-error select { outline: 0.1875rem solid #ff4c4c; } .form-group.has-error .help-block { color: #ff4c4c; } .group-span-filestyle label { margin: 0; } .group-span-filestyle .btn-default, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .bootstrap-touchspin .group-span-filestyle .btn-touchspin { padding: 0.5rem 1rem; font-size: 0.875rem; color: #fff; text-transform: uppercase; background: #1e2d43; border-radius: 0; } .bootstrap-touchspin { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; } .bootstrap-touchspin input:focus { outline: none; } .bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group { float: left; width: 3rem; height: 2.5rem; padding: 0.175rem 0.5rem; color: #232323; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.25); } .bootstrap-touchspin .btn-touchspin { height: 1.3125rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.25); } .bootstrap-touchspin .btn-touchspin:hover { background-color: #f9f9f9; } .bootstrap-touchspin .input-group-btn-vertical { float: left; width: auto; color: #232323; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border-radius: 0; } .bootstrap-touchspin .input-group-btn-vertical .touchspin-up::after { content: "\E5CE"; color: #232323; } .bootstrap-touchspin .input-group-btn-vertical .touchspin-down::after { content: "\E5CF"; color: #232323; } .bootstrap-touchspin .input-group-btn-vertical i { top: 0.0625rem; left: 0.1875rem; font-size: 0.9375rem; } .radio-inline .custom-radio { margin-right: 0.5rem; } .radio-inline:first-of-type { margin-right: 1rem; } form section .form-informations { display: inline-block; margin-top: 0.25rem; margin-bottom: 1rem; color: #232323; } form section .form-informations-title, form section .form-informations-option { display: inline-block; margin-bottom: 1rem; font-size: 1.25rem; } form .form-control-label { font-size: 0.9375rem; font-weight: 500; color: #000; } form .type-text .form-control-label, form .type-email .form-control-label, form .type-password .form-control-label { padding-top: 15px; } form #field-new_password + .input-group-btn .btn-show-password, form #field-password + .input-group-btn .btn-show-password { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; padding: 0; background: #f9f9f9; border: none; border-radius: 0 1000px 1000px 0; cursor: pointer; } form #field-new_password + .input-group-btn .btn-show-password:focus, form #field-password + .input-group-btn .btn-show-password:focus { outline: none; } form #field-new_password + .input-group-btn .btn-show-password img, form #field-password + .input-group-btn .btn-show-password img { width: 20px; height: 20px; } .custom-radio { position: relative; display: inline-block; width: 18px; height: 18px; margin-right: 0.5rem; vertical-align: middle; cursor: pointer; background: #fff; border: #979797 1px solid; border-radius: 50%; } .custom-radio input[type="radio"] { cursor: pointer; opacity: 0; } .custom-radio input[type="radio"]:checked + span { position: absolute; top: 0.125rem; left: 0.125rem; display: block; width: 12px; height: 12px; background-color: #1e2d43; border-radius: 50%; } .custom-radio input[type="radio"]:focus + span { border-color: #7a7a7a; } .custom-checkbox { position: relative; word-break: break-word; } .custom-checkbox input[type="checkbox"] { position: absolute; width: 18px; height: 18px; margin-top: 0.25rem; cursor: pointer; opacity: 0; } .custom-checkbox input[type="checkbox"] + span { display: inline-block; width: 1.125rem; height: 1.125rem; margin-right: 0.5rem; vertical-align: middle; pointer-events: none; cursor: pointer; border: 1px #979797 solid; } .custom-checkbox input[type="checkbox"] + span .checkbox-checked { display: none; margin: -0.125rem; font-size: 1.25rem; color: #232323; } .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked { display: block; } .custom-checkbox input[type="checkbox"]:focus + span { border-color: #7a7a7a; } .custom-checkbox label { text-align: left; } .text-muted { font-size: 0.875rem; } .done { display: inline-block; padding: 0 0.8125rem; margin-right: 1.563rem; color: #4cbb6c; } .thumb-mask > .mask { position: relative; width: 3.438rem; height: 3.438rem; margin: 0.625rem 0; overflow: hidden; border: #f9f9f9 1px solid; } .thumb-mask > .mask img { width: 55px; height: 55px; } .definition-list dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .definition-list dl dt { font-weight: 500; } .definition-list dl dd, .definition-list dl dt { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; padding: 0.625rem; margin: 0.125rem; background: #f9f9f9; } .definition-list dl dd:nth-of-type(even), .definition-list dl dt:nth-of-type(even) { background: #f6f6f6; } .help-block { margin-top: 0.625rem; } .btn.disabled, .btn.disabled:hover { color: #ddd; background: #f6f6f6; opacity: 1; } .alert-warning .material-icons { padding-top: 0.3125rem; margin-right: 0.625rem; font-size: 2rem; color: #ff9a52; } .alert-warning .alert-text { padding-top: 0.625rem; font-size: 0.9375rem; } .alert-warning .alert-link { padding: 0.3125rem 1.25rem; margin-left: 0.625rem; font-size: 0.8125rem; font-weight: 600; color: #6c868e; border-width: 2px; border-radius: 2px; } .alert-warning ul li:last-child .alert-link { color: #fff; } .alert-warning .warning-buttons { margin-top: 0.3125rem; } .btn-warning { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .btn-tertiary-outline { color: #6c868e; background-color: transparent; background-image: none; border: 0.15rem solid #6c868e; border-color: #6c868e; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .btn-tertiary-outline:hover { color: #bbcdd2; border-color: #bbcdd2; } .alert { font-size: 0.8125rem; } .alert-success { background-color: #dff0d8; border-color: #d0e9c6; color: #3c763d !important; } .alert-info { background-color: #d9edf7; border-color: #bcdff1; color: #31708f !important; } .alert-warning { background-color: rgba(255, 154, 82, 0.3); border-color: #ff9a52; color: #232323 !important; } .alert-danger { background-color: #f2dede; border-color: #ebcccc; color: #a94442 !important; } .nav-item .nav-link, .nav-item .nav-separtor { font-weight: 600; color: #7a7a7a; } .nav-item .nav-link.active, .nav-item .nav-separtor.active { color: #232323; } .separator { margin: 0; border-color: rgba(0, 0, 0, 0.25); } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - (30px * 2)); } .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: none; border-radius: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) 10px 0px 0px #000000; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) 10px 0px 0px #000000; outline: 0; } .popover { font-family: inherit; } input[type="number"] { /* stylelint-disable */ -moz-appearance: textfield; /* stylelint-enable */ } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .ui-autocomplete.ui-front { z-index: 999; } .fullBackground { overflow: hidden; } .fullBackground > .background { position: absolute; z-index: 1; height: 100%; width: 100%; top: 0; left: 0; pointer-events: none; } .fullBackground > video.background, .fullBackground > img.background { -o-object-fit: cover; object-fit: cover; } .fullBackground > video.background.contain, .fullBackground > img.background.contain { -o-object-fit: contain; object-fit: contain; } .fullBackground > div.background img { position: absolute; z-index: 1; height: 100%; width: 100%; top: 0; left: 0; pointer-events: none; -o-object-fit: cover; object-fit: cover; } .fullBackground > div.background.contain img { -o-object-fit: contain; object-fit: contain; } .fullBackground > .backgroundContent { z-index: 3; } .fullBackground.zoomHover .background { -webkit-transition: -webkit-transform 0.5s ease-in-out; transition: -webkit-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; } .fullBackground.filter::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .fullBackground.filter.filter-brightness::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .fullBackground.filter.filter-brightness::after { backdrop-filter: brightness(0.84); -webkit-backdrop-filter: brightness(0.84); } .fullBackground:hover.zoomHover > .background { -webkit-transform: scale(1.3); transform: scale(1.3); } @media screen and (max-width: 1199px) { :root { font-size: 15.5px; } .s4-btn.s4-btn-big { padding: 20px 29px 18px 28px; } } @media screen and (max-width: 991px) { :root { font-size: 15px; } .s4-btn.s4-btn-big { padding: 19px 27px 17px 27px; } } @media screen and (max-width: 767px) { :root { font-size: 14.5px; } .s4-btn.s4-btn-big { padding: 18px 26px 16px 26px; } } @media screen and (max-width: 575px) { :root { font-size: 14px; } h1, .h1 { font-size: 2.125rem; } h2, .h2 { font-size: 1.75rem; } .s4-btn.s4-btn-big { padding: 17px 24px 15px 24px; } .pl { padding-left: calc(var(--gx) * 0.5) !important; } } .elementor .elementor-counter-number { white-space: nowrap; } .ps-alert-error { margin-bottom: 0; } .ps-alert-error .item, .ps-alert-success .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; background-color: #ff4c4c; border: 2px #ff4c4c solid; } .ps-alert-error .item i, .ps-alert-success .item i { display: -webkit-box; display: -ms-flexbox; display: flex; border: 15px #ff4c4c solid; } .ps-alert-error .item i svg, .ps-alert-success .item i svg { width: 24px; height: 24px; background-color: #ff4c4c; } .ps-alert-error .item p, .ps-alert-error .item .page-content.page-cms ul, .page-content.page-cms .ps-alert-error .item ul, .ps-alert-success .item p, .ps-alert-success .item .page-content.page-cms ul, .page-content.page-cms .ps-alert-success .item ul { width: 100%; padding: 18px 20px; margin: 0; background-color: #fff; } .ps-alert-success { padding: 0.25rem 0.25rem 2.75rem; } .ps-alert-success .item { background-color: #4cbb6c; border-color: #4cbb6c; } .ps-alert-success .item i { border-color: #4cbb6c; } .ps-alert-success .item i svg { background-color: #4cbb6c; } .dropdown { color: #7a7a7a; } .dropdown:hover .expand-more { color: #1e2d43; } .dropdown .expand-more { color: #232323; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dropdown .active { max-height: 200px; overflow-y: hidden; visibility: visible; } .dropdown select { color: #232323; background: #fff; border: 0 none; outline: 0 none; -moz-appearance: none; } .dropdown-item:focus, .dropdown-item:hover { color: #1e2d43; text-decoration: none; background: none; } .search-widget { display: inline-block; } .search-widget form { position: relative; } .search-widget form input[type="text"] { min-width: 255px; padding: 10px; color: #7a7a7a; border: none; border: 1px solid rgba(0, 0, 0, 0.25); } .search-widget form input[type="text"]:focus { color: #232323; background: #fff; outline: 3px #1e2d43 solid; } .search-widget form input[type="text"]:focus + button .search { color: #1e2d43; } .search-widget form button[type="submit"] { position: absolute; right: 0.125rem; bottom: 0.3125rem; color: #7a7a7a; background: none; border: none; } .search-widget form button[type="submit"] .search:hover { color: #1e2d43; } @media (max-width: 575px) { .header-nav-right { width: 100%; padding-right: 15px; } } .header-nav .search-widgets { width: 100%; margin: 0 40px 0 50px; } .header-nav .search-widgets form { width: 100%; } .header-nav .search-widgets form input[type="text"] { width: 100%; min-width: inherit; } .header-nav .search-widgets form input[type="text"]:focus { background: #fff; } .header-nav #search_widget input { padding-right: 1rem; } #checkout #search_widget { display: none; /* Not ideal solution by allows to reuse same hooks/templates */ } #pagenotfound .page-content #search_widget, .page-not-found.page-content #search_widget { width: 100%; float: none; } .page-not-found .search-widget form { display: inline-block; } /*** Responsive part ***/ @media (max-width: 767px) { .header-top .search-widget { float: none; } .header-top .search-widget form { margin: 0 auto; } .header-top .search-widget form input[type="text"] { min-width: inherit; background: #fff; } } @media (min-width: 992px) { #search_widget.search-widgets { min-width: unset; max-width: 30rem; } } @media (min-width: 576px) { .header-top .search-widgets { max-width: 13rem; } } .top-menu[data-depth="1"] { margin: 0.625rem; } .top-menu[data-depth="0"] { margin-bottom: 0; } .top-menu a:not([data-depth="0"]) { display: block; padding: 0.625rem; font-weight: 400; color: #7a7a7a; } .top-menu a.dropdown-submenu { font-weight: 600; color: #232323; text-transform: uppercase; } .top-menu a[data-depth="0"] { padding: 0.625rem; font-size: 1rem; font-weight: 600; } #header .top-menu a[data-depth="0"]:hover { color: #1e2d43; text-decoration: none; } .top-menu a[data-depth="1"], .top-menu a[data-depth="2"] { padding: 0 0.625rem 0.625rem 0; } .top-menu .collapse { display: inherit; } .top-menu .sub-menu { z-index: 18; width: calc(100% - 30px); min-width: calc(100% - 30px); margin-left: 0.9375rem; visibility: hidden; border: none; -webkit-box-shadow: 2px 1px 11px 2px rgba(0, 0, 0, 0.1); box-shadow: 2px 1px 11px 2px rgba(0, 0, 0, 0.1); opacity: 0; -webkit-transition: opacity 0.5s ease, visibility 0.5s ease; transition: opacity 0.5s ease, visibility 0.5s ease; } .top-menu .sub-menu.collapse { visibility: hidden; opacity: 0; } .top-menu .sub-menu.collapse.in { visibility: visible; opacity: 1; } .top-menu .sub-menu ul[data-depth="1"] > li { float: left; margin: 0 1.25rem; } .top-menu .sub-menu a:hover { color: #1e2d43; } .top-menu .popover { max-width: inherit; border-radius: 0; } .popover.bs-tether-element-attached-top { margin-top: 0; } #_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu { visibility: visible; opacity: 1; } #mobile_top_menu_wrapper { padding: 15px; background: #fff; } #mobile_top_menu_wrapper #top-menu { margin-bottom: 0.625rem; } #mobile_top_menu_wrapper .top-menu { color: #232323; } #mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded="true"] .add { display: none; } #mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded="true"] .remove { display: block; } #mobile_top_menu_wrapper .top-menu .collapse-icons .remove { display: none; } #mobile_top_menu_wrapper .top-menu .navbar-toggler { display: inline-block; padding: 0; } #mobile_top_menu_wrapper .top-menu a[data-depth="0"] { padding: 0.625rem; border-bottom: 1px solid #f6f6f6; } #mobile_top_menu_wrapper .top-menu .collapse { display: none; } #mobile_top_menu_wrapper .top-menu .collapse.in { display: block; } #mobile_top_menu_wrapper .top-menu .sub-menu { position: static; z-index: inherit; display: block; width: 100%; min-width: 100%; margin-left: 0; overflow: hidden; background: #fff; -webkit-box-shadow: none; box-shadow: none; } #mobile_top_menu_wrapper .top-menu .sub-menu.collapse { display: none; } #mobile_top_menu_wrapper .top-menu .sub-menu.collapse.in { display: block; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="0"] > li { border-bottom: 1px solid #7a7a7a; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] { margin: 0; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] > li { float: none; margin: 0; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] > li a { text-transform: none; } #mobile_top_menu_wrapper .top-menu .sub-menu ul { padding: 0; } #mobile_top_menu_wrapper .top-menu .sub-menu li > a { padding: 0.625rem; font-weight: 600; border-bottom: 1px solid #fff; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="2"] li a { padding-left: 1.25rem; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="3"] li a { padding-left: 2.5rem; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="4"] li a { padding-left: 3.75rem; } #mobile_top_menu_wrapper .js-top-menu-bottom a { color: #7a7a7a; } #mobile_top_menu_wrapper .js-top-menu-bottom .language-selector-wrapper { padding: 0.625rem; } #mobile_top_menu_wrapper .js-top-menu-bottom .language-selector-wrapper .language-selector { display: inline; } #mobile_top_menu_wrapper .js-top-menu-bottom .currency-selector { padding: 0.625rem; } #mobile_top_menu_wrapper .js-top-menu-bottom #contact-link { padding: 0.625rem; } #mobile_top_menu_wrapper .js-top-menu-bottom .user-info { padding: 0 0.625rem; } #mobile_top_menu_wrapper .js-top-menu-bottom .user-info a { display: block; width: 100%; padding: 0.625rem 0; } @media (max-width: 767px) { .top-menu .sub-menu { visibility: visible; opacity: 1; -webkit-transition: 0.5s ease-out; transition: 0.5s ease-out; } } body#checkout { color: #232323; } body#checkout #header .header-nav { height: 90px; max-height: 90px; padding: 0.9375rem 0; margin-bottom: 0; border: none; } body#checkout #header .header-nav .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body#checkout #header .header-nav .content #logo { width: 250px; height: auto; } body#checkout #header .header-nav #_desktop_contact_link #contact-link { margin-top: 0; } body#checkout #header.hidden .header-nav { height: 70px; max-height: 70px; } body#checkout #wrapper { margin-top: 90px; padding-top: 0; } body#checkout .cart-grid-right .card { border: 0; -webkit-box-shadow: none; box-shadow: none; } body#checkout .cart-grid-right .card .cart-total { background-color: inherit; } body#checkout .cart-grid-right .card .cart-summary-subtotals-container { padding: 1rem 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line { margin-bottom: 0; } body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line .label { font-size: 1rem; font-weight: 400; } body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line .value { font-size: 1rem; font-weight: 600; } body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line:not(:last-child) { margin-bottom: 0.825rem; } body#checkout .custom-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; } body#checkout .custom-checkbox > label { padding-left: 1.5rem; } body#checkout .custom-checkbox span { position: absolute; top: 0.025rem; left: 0; -webkit-box-flex: 0; -ms-flex: 0 0 15px; flex: 0 0 15px; margin-top: 0.1rem; } body#checkout a:hover { color: #1e2d43; } body#checkout section#content { margin-bottom: 1.563rem; } body#checkout .container { min-height: 100%; } body#checkout section.checkout-step { padding: 0.625rem; background-color: #fff; } body#checkout section.checkout-step:last-child { border: 0; } body#checkout section.checkout-step .step-title { padding-bottom: 1.25rem; margin-bottom: 0; font-size: 1.25rem; font-weight: 700; text-transform: uppercase; cursor: pointer; border-bottom: 1px solid #ddd; } body#checkout section.checkout-step.-current + .checkout-step .step-title { padding-top: 1.25rem; border-top: 1px solid #ddd; } body#checkout section.checkout-step.-complete:first-of-type .step-title { padding-top: 0.625rem; } body#checkout section.checkout-step .content { padding: 0 2.313rem; padding-top: 1rem; } body#checkout section.checkout-step .step-edit { font-weight: 500; text-transform: capitalize; } body#checkout section.checkout-step .step-edit .edit { font-size: 1rem; } body#checkout section.checkout-step .not-allowed { cursor: not-allowed; opacity: 0.5; } body#checkout section.checkout-step .content, body#checkout section.checkout-step .done, body#checkout section.checkout-step .step-edit { display: none; } body#checkout section.checkout-step.-unreachable .step-title { cursor: not-allowed; opacity: 0.5; } body#checkout section.checkout-step.-current .step-title { cursor: default; } body#checkout section.checkout-step.-current .content { display: block; } body#checkout section.checkout-step.-current.-reachable.-complete .done, body#checkout section.checkout-step.-current.-reachable.-complete .step-edit { display: none; } body#checkout section.checkout-step.-current.-reachable.-complete .step-number { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } body#checkout section.checkout-step.-current.-reachable.-complete .content { display: block; } body#checkout section.checkout-step.-reachable.-current .step-number { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 33px; height: 33px; margin-right: 0.65rem; font-size: 1rem; color: #fff; vertical-align: middle; background-color: #bfa3a9; border: none; border-radius: 50%; } body#checkout section.checkout-step.-reachable.-complete h1 .done { display: inline-block; } body#checkout section.checkout-step.-reachable.-complete h1 .step-number { display: none; } body#checkout section.checkout-step.-reachable.-complete h1 .step-edit { display: block; float: right; margin-right: 0.125rem; color: #7a7a7a; cursor: pointer; } body#checkout section.checkout-step.-reachable.-complete .content { display: none; } body#checkout section.checkout-step small { color: #7a7a7a; } body#checkout section.checkout-step .default-input { min-width: 40%; } body#checkout section.checkout-step .default-input[name="address1"], body#checkout section.checkout-step .default-input[name="address2"] { min-width: 60%; } body#checkout section.checkout-step .radio-field { margin-top: 1.875rem; } body#checkout section.checkout-step .radio-field label { display: inline; } body#checkout section.checkout-step .checkbox-field div { margin-top: 3.75rem; } body#checkout section.checkout-step .checkbox-field + .checkbox-field div { margin-top: 0; } body#checkout section.checkout-step .select-field div { padding: 0.625rem 3.125rem; background: #f6f6f6; } body#checkout section.checkout-step .form-footer { text-align: center; } body#checkout section.checkout-step #conditions-to-approve { padding-top: 1rem; } body#checkout section.checkout-step .payment-options label { display: table-cell; } body#checkout section.checkout-step .payment-options .custom-radio { margin-right: 0.5rem; margin-top: -2px; } body#checkout section.checkout-step .payment-options .payment-option { margin-bottom: 1rem; min-height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0; gap: 0; -ms-flex-wrap: none; flex-wrap: nowrap; } body#checkout section.checkout-step .payment-options .payment-option label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 15px; gap: 15px; -ms-flex-wrap: none; flex-wrap: nowrap; margin-bottom: 0; } body#checkout section.checkout-step .step-number { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 33px; height: 33px; margin-right: 1rem; margin-left: 0.5rem; padding-top: 4px; font-size: 1rem; vertical-align: middle; border: 1px solid #232323; border-radius: 50%; } body#checkout section.checkout-step .address-selector { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } body#checkout section.checkout-step .address-item { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; margin-bottom: 0.625rem; background: #f6f6f6; border: 1.5px solid transparent; } body#checkout section.checkout-step .address-item > header { min-height: 11.7rem; } body#checkout section.checkout-step .address-item.selected { background: #fff; border: #1e2d43 1.5px solid; } body#checkout section.checkout-step .address-alias { display: inline-block; margin-bottom: 0.625rem; font-weight: 600; } body#checkout section.checkout-step .address { margin-left: 2rem; font-weight: 500; } body#checkout section.checkout-step .radio-block { padding: 1.3rem 1.1rem; text-align: left; cursor: pointer; } body#checkout section.checkout-step .custom-radio { margin-top: -4px; } body#checkout section.checkout-step .custom-radio input[type="radio"] { width: 1.25rem; height: 1.25rem; } body#checkout section.checkout-step #relais_txt_cont { padding-top: 30px; } body#checkout section.checkout-step #relais_txt_cont h4 { margin-bottom: 1rem; } body#checkout section.checkout-step #relais_txt_cont #relais_txt .checkbox { margin-bottom: 0.75rem; } body#checkout section.checkout-step #relais_txt_cont #relais_txt .checkbox label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 1.75rem; cursor: pointer; font-size: 1rem; line-height: 1.5; } body#checkout section.checkout-step #relais_txt_cont #relais_txt .checkbox label::before { content: ""; position: absolute; left: 0; top: 0.125rem; width: 18px; height: 18px; background: #fff; border: #979797 1px solid; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; } body#checkout section.checkout-step #relais_txt_cont #relais_txt .checkbox label::after { content: ""; position: absolute; left: 0.1875rem; top: 0.3125rem; width: 12px; height: 12px; background-color: #1e2d43; border-radius: 50%; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } body#checkout section.checkout-step #relais_txt_cont #relais_txt .checkbox label:has(input[type="radio"]:checked)::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } body#checkout section.checkout-step #relais_txt_cont #relais_txt .checkbox input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; margin: 0; } body#checkout section.checkout-step #chronorelais_map .leaflet-popup-content-wrapper { border-radius: 0; } body#checkout section.checkout-step #chronorelais_map .leaflet-popup-content-wrapper .leaflet-popup-content { margin: 20px; } body#checkout section.checkout-step #chronorelais_map .leaflet-popup-content-wrapper .leaflet-popup-content tr td { border: 1px solid rgba(30, 45, 67, 0.13); padding: 4px 7px !important; } body#checkout section.checkout-step #chronorelais_map .leaflet-popup-content-wrapper .leaflet-popup-content .btselect { color: #1e2d43; } body#checkout section.checkout-step .delete-address, body#checkout section.checkout-step .edit-address { display: inline-block; margin: 0 0.5rem; color: #7a7a7a; } body#checkout section.checkout-step .delete-address .delete, body#checkout section.checkout-step .delete-address .edit, body#checkout section.checkout-step .edit-address .delete, body#checkout section.checkout-step .edit-address .edit { font-size: 1rem; margin-right: 5px; margin-top: -4px; } body#checkout section.checkout-step hr { margin: 0; } body#checkout section.checkout-step .address-footer { padding: 0.625rem; text-align: center; } body#checkout section.checkout-step #delivery-addresses, body#checkout section.checkout-step #invoice-addresses { margin-top: 1.25rem; } body#checkout section.checkout-step .add-address { margin-top: 1.25rem; } body#checkout section.checkout-step .add-address a { color: #232323; } body#checkout section.checkout-step .add-address a i { font-size: 0.9375rem; } body#checkout section.checkout-step .delivery-options .delivery-option { min-height: 80px; padding: 18px 22px; margin-bottom: 0.9375rem; border: 1px solid rgba(30, 45, 67, 0.13); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 15px; } body#checkout section.checkout-step .delivery-options .delivery-option > .custom-radio { -webkit-box-flex: 0; -ms-flex: 0 0 18px; flex: 0 0 18px; } body#checkout section.checkout-step .delivery-options .delivery-option > label { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 41px); flex: 0 0 calc(100% - 41px); } body#checkout section.checkout-step .delivery-options .delivery-option > .chronopost { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } body#checkout section.checkout-step .delivery-options .delivery-option label > .row, body#checkout section.checkout-step .delivery-options .delivery-option .carrier { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } body#checkout section.checkout-step .delivery-options .delivery-option label { margin-bottom: 0; text-align: inherit; width: 100%; } body#checkout section.checkout-step .delivery-options .delivery-option label .carrier { margin-left: 0; } body#checkout section.checkout-step .delivery-options .delivery-option img { width: 3.125rem; } body#checkout section.checkout-step .delivery-options .delivery-option .btn-info { background-color: #1e2d43; } body#checkout section.checkout-step .delivery-options .carrier-extra-content { -webkit-padding-after: 1rem; padding-block-end: 1rem; } body#checkout section.checkout-step .carriere-name-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 6px; } body#checkout section.checkout-step .carrier-delay, body#checkout section.checkout-step .carrier-name { display: inline-block; margin-bottom: 0; text-align: left; word-break: break-word; } body#checkout section.checkout-step .carrier-price { font-weight: 600; text-align: right; display: block; } body#checkout section.checkout-step .carrier-free-threshold { color: #7a7a7a; font-weight: 400; font-size: 0.75rem; } body#checkout section.checkout-step #customer-form, body#checkout section.checkout-step #delivery-address, body#checkout section.checkout-step #invoice-address, body#checkout section.checkout-step #login-form { margin-top: 1.563rem; margin-left: 0.3125rem; } body#checkout section.checkout-step #customer-form .form-control-label, body#checkout section.checkout-step #delivery-address .form-control-label, body#checkout section.checkout-step #invoice-address .form-control-label, body#checkout section.checkout-step #login-form .form-control-label { text-align: left; } body#checkout section.checkout-step #customer-form .radio-inline, body#checkout section.checkout-step #delivery-address .radio-inline, body#checkout section.checkout-step #invoice-address .radio-inline, body#checkout section.checkout-step #login-form .radio-inline { padding: 0; } body#checkout section.checkout-step .sign-in { font-size: 0.875rem; } body#checkout section.checkout-step .forgot-password { margin-left: 14.38rem; } @media (max-width: 767px) { body#checkout section.checkout-step .forgot-password { margin-bottom: 0.625rem; margin-left: 0; } } body#checkout .additional-information { margin-top: 1.25rem; margin-left: 2.875rem; font-size: 0.875rem; } body#checkout .condition-label { padding-left: 1.625rem; margin-top: 0.625rem; } body#checkout .condition-label label { text-align: inherit; } body#checkout .cancel-address { display: block; margin: 0.625rem; color: #7a7a7a; text-decoration: underline; } body#checkout .modal-content { padding: 1.25rem; background-color: #f9f9f9; } body#checkout #cart-summary-product-list { font-size: 0.875rem; } body#checkout #cart-summary-product-list img { width: 3.125rem; mix-blend-mode: multiply; } body#checkout #cart-summary-product-list .media-body { vertical-align: middle; } body#checkout #order-summary-content { padding-top: 0.9375rem; } body#checkout #order-summary-content h4.h4 { margin-top: 0.625rem; margin-bottom: 1.25rem; color: #232323; } body#checkout #order-summary-content h4.black { color: #000; } body#checkout #order-summary-content h4.addresshead { margin-top: 0.1875rem; } body#checkout #order-summary-content .noshadow { -webkit-box-shadow: none; box-shadow: none; } body#checkout #order-summary-content #order-items { border-right: 0; } body#checkout #order-summary-content #order-items h3.h3 { margin-top: 1.25rem; color: #232323; } body#checkout #order-summary-content #order-items table tr:first-child td { border-top: 0; } body#checkout #order-summary-content .order-confirmation-table { padding: 1rem; margin-bottom: 2rem; background-color: #fff; border: 3px solid #e5e5e5; border-radius: 0; } body#checkout #order-summary-content .summary-selected-carrier { padding: 1rem; margin-bottom: 0.75rem; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 0; } body#checkout #order-summary-content .summary-selected-carrier .logo-container { text-align: center; } body#checkout #order-summary-content .summary-selected-carrier .logo-container img { width: 3.125rem; } body#checkout #order-summary-content .step-edit { display: inline; color: #7a7a7a; } body#checkout #order-summary-content .step-edit:hover { cursor: pointer; } body#checkout #order-summary-content a .step-edit { color: #7a7a7a; } body#checkout #gift_message, body#checkout #delivery { max-width: 100%; border-color: #232323; } body#checkout #gift_message textarea, body#checkout #delivery textarea { max-width: 100%; width: 100%; margin-bottom: 10px; background-color: #f9f9f9; border: none; padding: 20px 25px; } body#checkout #gift_message textarea::-webkit-input-placeholder, body#checkout #delivery textarea::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); } body#checkout #gift_message textarea::-moz-placeholder, body#checkout #delivery textarea::-moz-placeholder { color: rgba(0, 0, 0, 0.5); } body#checkout #gift_message textarea:-ms-input-placeholder, body#checkout #delivery textarea:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } body#checkout #gift_message textarea::-ms-input-placeholder, body#checkout #delivery textarea::-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } body#checkout #gift_message textarea::placeholder, body#checkout #delivery textarea::placeholder { color: rgba(0, 0, 0, 0.5); } body#checkout #footer { padding: 0.9375rem; color: #7a7a7a; background: #fff; } body#checkout #delivery > label { text-align: left; } body#checkout #hook-display-after-carrier { margin-top: 20px; } body#checkout #hook-display-after-carrier > [class^="col"] { display: inline-block; float: inherit; } body#checkout #hook-display-after-carrier > [class^="col"].links .row > [class^="col"] { width: auto; } body#checkout p.add-address, body#checkout .page-content.page-cms ul.add-address, .page-content.page-cms body#checkout ul.add-address, body#checkout a[data-link-action="different-invoice-address"] { text-decoration: underline; } /**** ORDER CONFIRMATION *****/ .order-block { border: 1px solid #ddd; padding: 30px; width: 100%; } #order-details { padding-left: 1.3rem; margin-top: 1.25rem; } #order-details > .card-title { margin-bottom: 1.875rem; } #order-details ul { margin-bottom: 1.25rem; } #order-details ul li { margin-bottom: 0.625rem; } #order-items { border-right: #f9f9f9 1px solid; } #order-items .h3 { font-size: 1rem; } @media (max-width: 991px) { #order-items .h3._desktop-title { display: none; } } #order-items hr { border-top-color: #232323; } #order-items table { width: 100%; } #order-items table tr { height: 1.875rem; } #order-items table tr td { padding: 0.5rem; font-size: 0.875rem; } #order-items table tr td:last-child { text-align: right; } #order-items table tr.total-value { background-color: #f9f9f9; } #order-items table tr.taxes td { text-align: left; } #order-items table tr.taxes td .value { padding-top: 0; } #order-items .order-line { margin-top: 1rem; } #order-items .image img { width: 100%; margin-bottom: 1rem; border: 1px solid gray-lighter; } #order-items .details { margin-bottom: 1rem; } #order-items .details .customizations { margin-top: 0.625rem; } #order-items .qty { margin-bottom: 1rem; } #order-confirmation #registration-form { width: 50%; margin: 0 auto 1rem; } @media (max-width: 991px) { body#checkout #header .header-nav .content #logo { padding-left: 15px; width: clamp(150px, 21vw, 200px); } .done { padding: 0; margin-right: 0.625rem; } body#checkout section.checkout-step .address-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } body#checkout section.checkout-step .delivery-option-2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .delivery-option { display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto; } .delivery-option .custom-radio { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .condition-label label[for="conditions_to_approve[terms-and-conditions]"] { text-align: left; } #order-confirmation #registration-form { width: 100%; } body#checkout section.checkout-step .delivery-options .delivery-option .carrier > .col-xs-12 { padding-left: 0; } } @media (max-width: 767px) { body#checkout section.checkout-step.-reachable.-complete h1 .step-edit { float: none; margin-top: 0.25rem; margin-left: 1.25rem; } body#checkout #header .header-nav { max-height: none; padding: 0; height: 60px; } body#checkout #wrapper { margin-top: 20px; } body#checkout section.checkout-step .content { padding: 0.9375rem; } body#checkout .form-group { margin-bottom: 0.5rem; } body#checkout .cart-grid-right { padding: clamp(30px, 3vw, 60px) 20px; } #order-items { margin-bottom: 2.5rem; border-right: 0; } #order-items .card-title { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #f9f9f9; } #order-items hr { border-top-color: #f9f9f9; } .bold { font-weight: 600; } #order-details { padding-left: 0.9375rem; } #order-details .card-title { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #f9f9f9; } body#checkout section.checkout-step .delivery-options .delivery-option label .carrier:not(.carrier-hasLogo) .col-xs-12 { padding-left: 0; } } @media (max-width: 575px) { body#checkout section.checkout-step .content { padding: 0.9375rem 0; } #payment-confirmation button { font-size: 0.875rem; } #payment-confirmation button.btn { white-space: normal; } } .js-payment-binary { display: none; } .js-payment-binary .accept-cgv { display: none; } .js-payment-binary.disabled { cursor: not-allowed; opacity: 0.6; } .js-payment-binary.disabled::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; } .js-payment-binary.disabled .accept-cgv { display: block; } /*** SOME GENERIC STYLES ***/ .table-labeled th { vertical-align: middle; } .table-labeled td { vertical-align: middle; } .table-labeled .label { padding: 0.25rem 0.375rem; margin: 0.125rem; font-size: inherit; font-weight: 400; color: #fff; white-space: nowrap; border-radius: 3px; } .page-order .table { margin-bottom: 0; } .page-order table th { padding: 0.5rem; } .page-order table td { padding: 0.5rem; } .page-order table thead th { text-align: center; } /*** My account COMMON : Header - Footer ***/ body#my-account main #wrapper #content-wrapper, body#identity main #wrapper #content-wrapper, body#addresses main #wrapper #content-wrapper, body#address main #wrapper #content-wrapper, body#history main #wrapper #content-wrapper, body#order-slip main #wrapper #content-wrapper, body#discount main #wrapper #content-wrapper, body#module-payplug-cards main #wrapper #content-wrapper, body#module-blockwishlist-lists main #wrapper #content-wrapper, body#view main #wrapper #content-wrapper, body#order-follow main #wrapper #content-wrapper { background: #f6f8fb; padding-left: 0; padding-right: 0; } body#my-account main #wrapper #content-wrapper #main .page-header, body#identity main #wrapper #content-wrapper #main .page-header, body#addresses main #wrapper #content-wrapper #main .page-header, body#address main #wrapper #content-wrapper #main .page-header, body#history main #wrapper #content-wrapper #main .page-header, body#order-slip main #wrapper #content-wrapper #main .page-header, body#discount main #wrapper #content-wrapper #main .page-header, body#module-payplug-cards main #wrapper #content-wrapper #main .page-header, body#module-blockwishlist-lists main #wrapper #content-wrapper #main .page-header, body#view main #wrapper #content-wrapper #main .page-header, body#order-follow main #wrapper #content-wrapper #main .page-header { text-align: left; padding-left: clamp(40px, 4vw, 80px); padding-bottom: clamp(40px, 3vw, 60px); background: #fff; margin-top: 0; } body#my-account main #wrapper #content-wrapper #main #content, body#identity main #wrapper #content-wrapper #main #content, body#addresses main #wrapper #content-wrapper #main #content, body#address main #wrapper #content-wrapper #main #content, body#history main #wrapper #content-wrapper #main #content, body#order-slip main #wrapper #content-wrapper #main #content, body#discount main #wrapper #content-wrapper #main #content, body#module-payplug-cards main #wrapper #content-wrapper #main #content, body#module-blockwishlist-lists main #wrapper #content-wrapper #main #content, body#view main #wrapper #content-wrapper #main #content, body#order-follow main #wrapper #content-wrapper #main #content { max-width: 1600px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; background: transparent; } body#my-account main #wrapper #content-wrapper #main .page-footer, body#identity main #wrapper #content-wrapper #main .page-footer, body#addresses main #wrapper #content-wrapper #main .page-footer, body#address main #wrapper #content-wrapper #main .page-footer, body#history main #wrapper #content-wrapper #main .page-footer, body#order-slip main #wrapper #content-wrapper #main .page-footer, body#discount main #wrapper #content-wrapper #main .page-footer, body#module-payplug-cards main #wrapper #content-wrapper #main .page-footer, body#module-blockwishlist-lists main #wrapper #content-wrapper #main .page-footer, body#view main #wrapper #content-wrapper #main .page-footer, body#order-follow main #wrapper #content-wrapper #main .page-footer { margin-top: clamp(60px, 4vw, 100px); margin-bottom: clamp(40px, 3vw, 60px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body#my-account main footer#footer, body#identity main footer#footer, body#addresses main footer#footer, body#address main footer#footer, body#history main footer#footer, body#order-slip main footer#footer, body#discount main footer#footer, body#module-payplug-cards main footer#footer, body#module-blockwishlist-lists main footer#footer, body#view main footer#footer, body#order-follow main footer#footer { background: #fff; } /*** My account landing page ***/ #my-account main #wrapper #content-wrapper #main #content .row .links { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 7px; gap: 7px; } #my-account main #wrapper #content-wrapper #main #content .row .links a { max-width: 100%; width: 100%; padding: 0; margin-bottom: 0; background: #fff; padding: clamp(40px, 4vw, 80px) clamp(20px, 3vw, 60px); } #my-account main #wrapper #content-wrapper #main #content .row .links a span.link-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 20px; gap: 20px; font-size: 1.125rem; font-weight: 600; color: #232323; text-align: center; } #my-account main #wrapper #content-wrapper #main #content .row .links a span.link-item i { display: block; width: 100%; font-size: 4rem; color: #232323; text-align: center; } #my-account main #wrapper #content-wrapper #main #content .row .links a span.link-item img { width: clamp(40px, 3.5vw, 70px); height: clamp(40px, 3.5vw, 70px); } #my-account main #wrapper #content-wrapper #main #content .row .links a:hover span.link-item { color: #1e2d43; } #my-account main #wrapper #content-wrapper #main #content .row .links a:hover span.link-item i { color: #1e2d43; } #my-account #footer { margin-top: 0; } /*** Addresses page ***/ .page-addresses .address { margin-bottom: 1.875rem; font-size: 0.875rem; color: #232323; } .page-addresses .address .address-body { padding: 1rem; } .page-addresses .address .address-body h4 { font-size: 1rem; font-weight: 700; } .page-addresses .address .address-body address { min-height: 9rem; } .page-addresses .address .address-footer { padding: 0.5rem 1rem; border-top: 1px solid #7a7a7a; } .page-addresses .address .address-footer a { margin-right: 0.5rem; color: #7a7a7a; } .page-addresses .address .address-footer a:hover { color: #232323; } .page-addresses .address .address-footer a i { font-size: 1rem; } .page-addresses .address .address-footer a span { font-size: 0.9375rem; vertical-align: middle; } .page-addresses .addresses-footer { margin: 0 0.9375rem; } .page-addresses .addresses-footer a { color: #232323; } .page-addresses .addresses-footer a:hover { color: #232323; } .page-addresses .addresses-footer a i { font-size: 1rem; } .page-addresses .addresses-footer a span { margin-top: 0.625rem; font-size: 1rem; vertical-align: middle; } /*** Most of the customer accpunt pages ***/ .page-customer-account #content { padding: 1rem; background: #fff; font-size: 0.875rem; color: #7a7a7a; background: transparent; } .page-customer-account #content .order-actions a { padding: 0 0.125rem; } .page-customer-account #content .form-control { background: #fff; } .page-customer-account #content .forgot-password { padding-bottom: 0.9375rem; margin-top: 1rem; font-size: 0.875rem; text-align: center; } .page-customer-account #content .no-account { font-size: 1rem; text-align: center; } .page-customer-account #content footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #authentication .tooltip.tooltip-bottom { padding: 0; margin: 0; } #authentication .custom-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; } #authentication .custom-checkbox span { -webkit-box-flex: 0; -ms-flex: 0 0 0.9375rem; flex: 0 0 0.9375rem; } #authentication .custom-checkbox label { padding-left: 0.625rem; } #authentication .form-control { background: #f9f9f9 !important; } #identity .radio-inline, #authentication .radio-inline { padding: 0; } #identity .radio-inline .custom-radio, #authentication .radio-inline .custom-radio { margin-right: 0; } /*** Login page ***/ .page-authentication #content, .page-registration #content { padding: 1rem; background: #fff; max-width: 1000px; margin: 0 auto; } /*** Order details page ***/ .page-order-detail #content { font-size: 0.875rem; } .page-order-detail .box { padding: 1rem; background: #fff; margin-bottom: 1rem; } .page-order-detail h3 { margin-bottom: 1rem; font-size: 1rem; font-weight: 700; color: #232323; text-transform: uppercase; } .page-order-detail #order-infos ul { margin: 0; } .page-order-detail #order-history .history-lines .history-line { padding: 0.5rem 0; border-bottom: 1px solid #f6f6f6; } .page-order-detail #order-history .history-lines .history-line:last-child { border-bottom: 0; } .page-order-detail #order-history .history-lines .history-line .label { display: inline-block; padding: 0.25rem 0.375rem; margin: 0.25rem 0; color: #fff; border-radius: 3px; } .page-order-detail .addresses { margin: 0 -0.9375rem; } .page-order-detail .addresses h4 { font-size: 1rem; font-weight: 700; } .page-order-detail #order-products.return { margin-bottom: 1rem; } .page-order-detail #order-products.return th.head-checkbox { width: 30px; } .page-order-detail #order-products.return td { padding: 1.375rem 0.75rem; } .page-order-detail #order-products.return td.qty { min-width: 125px; } .page-order-detail #order-products.return td.qty .current { float: left; width: 30%; padding-right: 0.5rem; text-align: right; } .page-order-detail #order-products.return td.qty .select { float: left; width: 70%; padding-left: 0.25rem; margin: -0.625rem 0; } .page-order-detail #order-products.return td.qty .select select { text-align: center; } .page-order-detail .order-items { padding: 0 !important; } .page-order-detail .order-items .order-item { padding: 1rem 1rem 0; border-bottom: 1px solid #f6f6f6; } .page-order-detail .order-items .order-item .checkbox { float: left; width: 30px; padding: 0 0.9375rem; } .page-order-detail .order-items .order-item .content { float: left; width: calc(100% - 30px); padding: 0 0.9375rem; } .page-order-detail .order-items .order-item .desc { margin-bottom: 1rem; } .page-order-detail .order-items .order-item .desc .name { font-weight: 600; } .page-order-detail .order-items .order-item .qty { margin-bottom: 1rem; } .page-order-detail .order-items .order-item .qty .q { margin-bottom: 0.25rem; } .page-order-detail .order-items .order-item .qty .s { margin-bottom: 0.25rem; } .page-order-detail .messages .message { margin-top: 0.5rem; border-bottom: 1px solid #f6f6f6; } .page-order-detail .messages .message:last-child { border-bottom: 0; } .page-order-detail .messages .message > div { margin-bottom: 0.5rem; } .page-order-detail .customization { margin-top: 0.75rem; } /*** Order return page ***/ #order-return-infos .thead-default th { color: #232323; } #order-return-infos .customization { margin-top: 0.75rem; } /*** History page ***/ #history .orders { margin: 0 -1rem; } #history .orders .order { padding: 0.75rem 1rem; border-bottom: 1px solid #f6f6f6; } #history .orders .order a h3 { color: #7a7a7a; } #history .orders .order .label { display: inline-block; padding: 0.25rem 0.375rem; margin: 0.25rem 0; color: #fff; border-radius: 3px; } #history .orders .order:last-child { border-bottom: 0; } /*** FOOTER ***/ .page-footer .account-link { margin-right: 1rem; } .page-footer .account-link i { font-size: 1rem; } .page-footer .account-link span { font-size: 0.875rem; vertical-align: middle; } .login-form { margin-top: 15px; } body#view .wishlist-products-container-header { padding-top: clamp(30px, 3vw, 60px); padding-left: 20px; padding-right: 20px; } body#module-blockwishlist-lists .wishlist-container-header { padding-top: clamp(30px, 3vw, 60px); padding-left: 20px; padding-right: 20px; } @media (max-width: 991px) { /*** My account landing page ***/ #my-account main #wrapper #content-wrapper #main #content .row .links { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } @media (max-width: 575px) { /*** My account landing page ***/ #my-account main #wrapper #content-wrapper #main #content .row .links { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } .forgotten-password { padding: 4px; max-width: 700px; margin-left: auto; margin-right: auto; } .forgotten-password .form-fields .center-email-fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 40px; } @media (max-width: 767px) { .forgotten-password .form-fields .center-email-fields button { width: calc(100% - 20px); margin: 10px; } } .forgotten-password .form-fields .center-email-fields button { margin-top: 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding-top: 15px; padding-bottom: 13px; } .forgotten-password .form-fields .email { width: 430px; padding-right: 0; padding-left: 0; } @media (max-width: 767px) { .forgotten-password .form-fields .email { width: 100%; padding-right: 10px; padding-left: 10px; } } .forgotten-password .form-fields label.required { width: 130px; } .send-renew-password-link { padding-right: 10px; padding-left: 10px; } .renew-password { margin-left: 10px; } .renew-password .email { padding-bottom: 30px; } .renew-password [type="submit"] { margin-left: 50px; } .carousel { margin-bottom: 1.5rem; left: 50%; width: 100vw; margin-left: -50vw; margin-top: -1.563rem; } .carousel .direction { z-index: auto; } .carousel .carousel-inner { position: relative; width: 100%; padding-bottom: calc(666 / 1920 * 100%); height: 0; overflow: hidden; } .carousel .carousel-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .carousel .carousel-item figure { width: 100%; height: 100%; margin: 0; display: block; } .carousel .carousel-item img, .carousel .carousel-item picture { width: 100%; height: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; } .carousel .carousel-item picture { display: block; } .carousel .carousel-item .caption { position: absolute; bottom: 28px; left: 90px; max-width: 340px; color: #fff; } .carousel .carousel-item .caption .caption-description p, .carousel .carousel-item .caption .caption-description .page-content.page-cms ul, .page-content.page-cms .carousel .carousel-item .caption .caption-description ul { font-size: 1rem; color: #fff; } .carousel .carousel-item .caption .caption-description h3 { font-size: 1.25rem; font-weight: 600; } .carousel .carousel-item .caption .display-1 { font-size: 3rem; font-weight: 700; } .carousel .carousel-control { opacity: 1; } .carousel .carousel-control .icon-next, .carousel .carousel-control .icon-prev { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .lang-rtl .carousel .carousel-control .icon-next .material-icons, .lang-rtl .carousel .carousel-control .icon-prev .material-icons { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .carousel .carousel-control .icon-next::before, .carousel .carousel-control .icon-prev::before { content: ""; } .carousel .carousel-control .icon-next i, .carousel .carousel-control .icon-prev i { font-size: 3.125rem; color: #fff; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; } .carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .carousel .carousel-control .icon-prev { left: 1rem; } .carousel .carousel-control .icon-next { right: 2rem; } .carousel .carousel-control.left, .carousel .carousel-control.right { background: none; } .carousel .carousel-indicators { display: none; } @media (max-width: 991px) { .carousel { padding-bottom: 0.5rem; -webkit-box-shadow: none; box-shadow: none; } .carousel .carousel-control .icon-prev, .carousel .carousel-control .icon-next { width: auto; height: auto; } .carousel .carousel-item .caption { position: static; margin: 1.275rem auto 2.5rem; text-align: center; } .carousel .carousel-item .caption .display-1 { font-size: 2rem; font-weight: 500; color: #232323; } .carousel .carousel-item .caption .caption-description h3, .carousel .carousel-item .caption .caption-description p, .carousel .carousel-item .caption .caption-description .page-content.page-cms ul, .page-content.page-cms .carousel .carousel-item .caption .caption-description ul { color: #7a7a7a; } .carousel .carousel-item .caption .caption-description h3 { font-size: 1rem; } .carousel .direction { position: absolute; top: calc(50%); width: 100%; } } @media (max-width: 991px) and (max-width: 767px) { .carousel .carousel-inner { padding-bottom: calc(800 / 720 * 100%); } } @media (max-width: 767px) { .carousel .carousel-item .caption .display-1 { font-size: 1.3rem; } .carousel .carousel-control .icon-prev i, .carousel .carousel-control .icon-next i { font-size: 2rem; } } #products h2:not(.product-title), .featured-products h2:not(.product-title), .product-accessories h2:not(.product-title) { text-align: center; margin-bottom: 45px; } #products .products, .featured-products .products, .product-accessories .products { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title { margin: 2.5rem 0; font-weight: 500; text-align: center; } #products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link { margin-top: 1.5rem; margin-bottom: 1.5rem; clear: both; font-weight: 500; color: #7a7a7a; } .lang-rtl #products .all-product-link .material-icons, .lang-rtl .featured-products .all-product-link .material-icons, .lang-rtl .product-accessories .all-product-link .material-icons { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .product-miniature { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-miniature .product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; margin: 0 0.8125rem; } .page-index .product-miniature .product, .page-search .product-miniature .product { width: 25%; min-width: 250px; } .product-miniature .product-thumbnail { display: block; position: relative; } .product-miniature .product-thumbnail picture { display: block; aspect-ratio: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0px; gap: 0px; -ms-flex-wrap: none; flex-wrap: nowrap; } .product-miniature .product-thumbnail .product-thumbnail-first, .product-miniature .product-thumbnail .product-thumbnail-second { -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .product-miniature .product-thumbnail .product-thumbnail-second { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .product-miniature .product-thumbnail:hover .product-thumbnail-second { opacity: 1; } .product-miniature .product-title { text-transform: none; } .product-miniature .product-title a { font-size: 1.125rem; font-weight: 600; color: #000; text-decoration: none; } .product-miniature .thumbnail-container { position: relative; height: auto; margin-bottom: 1.563rem; overflow: hidden; background: #fff; width: 100%; } .product-miniature .thumbnail-container:hover .highlighted-informations, .product-miniature .thumbnail-container:focus .highlighted-informations { top: calc(100% - 4.4rem); } .product-miniature .thumbnail-container:hover .highlighted-informations::after, .product-miniature .thumbnail-container:focus .highlighted-informations::after { opacity: 1; } .product-miniature .thumbnail-container:hover .highlighted-informations.no-variants, .product-miniature .thumbnail-container:focus .highlighted-informations.no-variants { top: calc(100% - 2.5rem); } .product-miniature .thumbnail-container:hover .product-description::after, .product-miniature .thumbnail-container:focus .product-description::after { position: absolute; top: 0; left: 10%; width: 80%; content: ""; border-top: #7a7a7a 1px solid; opacity: 0.25; } @media (max-width: 575px) { .product-miniature .thumbnail-container:hover .product-description::after, .product-miniature .thumbnail-container:focus .product-description::after { display: none; } } .product-miniature .thumbnail-container .product-thumbnail { position: relative; height: calc(100% - 70px); padding: 40px; } .product-miniature .thumbnail-container .product-thumbnail img { position: relative; display: block; max-width: 100%; height: auto; margin: auto; } .product-miniature .thumbnail-container .product-thumbnail .product-thumbnail-first img { mix-blend-mode: multiply; } .product-miniature .product-price-and-shipping { font-weight: 700; color: #232323; } .product-miniature .product-price-and-shipping .discount-product { display: none; } .product-miniature .variant-links { position: relative; top: -0.25em; width: 100%; min-height: 2.5rem; padding-top: 0.1875rem; text-align: center; background: #fff; } .product-miniature .thumbnail-top { position: relative; overflow: hidden; background-color: rgba(244, 244, 244, 0.5); aspect-ratio: 1 / 1; } .product-miniature .thumbnail-top img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .product-miniature .highlighted-informations { position: absolute; top: 100%; z-index: 2; width: 100%; height: auto; padding: 0.625rem 0; text-align: center; background: #fff; -webkit-transition: 0.3s; transition: 0.3s; } @media (max-width: 575px) { .product-miniature .highlighted-informations { display: none; } } .product-miniature .highlighted-informations .quick-view { font-size: 1rem; color: #7a7a7a; } .product-miniature .highlighted-informations .quick-view:hover { color: #1e2d43; } .product-miniature .product-miniature-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -ms-flex-direction: row-reverse; flex-direction: row-reverse; grid-gap: 8px; gap: 8px; -ms-flex-wrap: none; flex-wrap: nowrap; position: absolute; bottom: 18px; right: 18px; } .product-miniature .product-miniature-actions .add-to-cart, .product-miniature .product-miniature-actions .wishlist-button-add { position: relative; top: unset; bottom: unset; left: unset; right: unset; height: 32px; width: 32px; min-width: 32px; padding: 0; -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 50%; cursor: pointer; outline: none; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; } .product-miniature .product-miniature-actions .add-to-cart i, .product-miniature .product-miniature-actions .wishlist-button-add i { color: rgba(0, 0, 0, 0.9); font-weight: 100; font-size: 17px; } .product-miniature .product-miniature-actions .add-to-cart:hover, .product-miniature .product-miniature-actions .add-to-cart:active, .product-miniature .product-miniature-actions .wishlist-button-add:hover, .product-miniature .product-miniature-actions .wishlist-button-add:active { -webkit-transform: scale(1.2); transform: scale(1.2); } .product-miniature .product-miniature-actions .add-to-cart { background-color: #1e2d43; } .product-miniature .product-miniature-actions .add-to-cart img { height: 14px; width: 14px; } .product-miniature .product-description { position: relative; bottom: 0; height: auto; padding: 30px 20px 25px 20px; background: #fff; } .product-miniature .product-description .product-manufacturer a { font-size: 0.75rem; font-weight: 500; color: rgba(0, 0, 0, 0.5); text-transform: uppercase; } .product-miniature .product-description .product-manufacturer a:hover { color: #000; } .product-miniature .product-flags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 18px; gap: 18px; -ms-flex-wrap: none; flex-wrap: nowrap; padding: 18px; } .product-miniature .product-flags li.product-flag.online-only { top: 13.1rem; } .product-miniature .comments_note { color: #7a7a7a; text-align: center; } .product-miniature .price { font-size: 0.875rem; font-weight: 500; } .product-miniature .regular-price { display: inline-block; font-size: 0.75rem; color: rgba(0, 0, 0, 0.5); text-decoration: line-through; } .product-miniature .count { position: relative; bottom: 0.5rem; font-weight: 700; color: #7a7a7a; } .product-miniature .thumbnail-container:hover .product-description::after, .product-miniature .thumbnail-container:focus .product-description::after { content: none; } .products-interlude-wrapper { margin-bottom: 1.563rem; } .products-interlude-wrapper .products-interlude { height: 100%; padding: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0; gap: 0; -ms-flex-wrap: none; flex-wrap: nowrap; } .products-interlude-wrapper .products-interlude.has-bg-video.has-content, .products-interlude-wrapper .products-interlude.has-bg-image.has-content { position: relative; } .products-interlude-wrapper .products-interlude.has-bg-video.has-content::before, .products-interlude-wrapper .products-interlude.has-bg-image.has-content::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), color-stop(75%, transparent)); background: linear-gradient(to top, rgba(0, 0, 0, 0.35) 0%, transparent 75%); pointer-events: none; z-index: 1; } .products-interlude-wrapper .products-interlude.has-bg-video.has-content > *, .products-interlude-wrapper .products-interlude.has-bg-image.has-content > * { position: relative; z-index: 2; margin-top: auto; } .products-interlude-wrapper .products-interlude.has-bg-video.has-content video.products-interlude-video-bg { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 0; } .products-interlude-wrapper .products-interlude .livraisonhome-bloc-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0px; gap: 0px; -ms-flex-wrap: none; flex-wrap: nowrap; margin-bottom: 30px; } .products-interlude-wrapper .products-interlude .livraisonhome-bloc-img img { max-width: 100%; height: auto; } .products-interlude-wrapper .products-interlude .livraisonhome-bloc-txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: 25px; gap: 25px; -ms-flex-wrap: none; flex-wrap: nowrap; } .products-interlude-wrapper .products-interlude .livraisonhome-bloc-txt h3, .products-interlude-wrapper .products-interlude .livraisonhome-bloc-txt .h3 { margin-bottom: 10px; text-transform: uppercase; font-size: 1.5625rem; } .products-interlude-wrapper .products-interlude .livraisonhome-bloc-txt .btn { padding: 19px 24px 16px 24px; text-transform: uppercase; font-size: 0.75rem; font-weight: 500; } .products-interlude-wrapper .products-interlude.has-bg-video.has-content .livraisonhome-bloc-txt, .products-interlude-wrapper .products-interlude.has-bg-image.has-content .livraisonhome-bloc-txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: 5px; gap: 5px; -ms-flex-wrap: none; flex-wrap: nowrap; } @media (max-width: 991px) { .featured-products .products { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 1399px) { .featured-products .products .js-product.product:nth-child(5) { display: none; } } @media screen and (max-width: 1199px) { .featured-products .products .js-product.product:nth-child(4) { display: none; } } @media screen and (max-width: 991px) { .product-miniature .product-description { padding: 20px 12px 15px 12px; } .products-interlude-wrapper .products-interlude { padding: 30px; } } @media screen and (max-width: 767px) { .products-interlude-wrapper .products-interlude { padding: 25px; } .products-interlude-wrapper .products-interlude .livraisonhome-bloc-txt .btn { padding: 16px 18px 13px 18px; } } @media screen and (max-width: 575px) { .product-miniature .product-description { padding: 15px 0px 10px 0px; } .products-interlude-wrapper[data-interlude-size="2"] { min-height: 250px; } .products-interlude-wrapper .products-interlude { padding: 20px 15px; } .products-interlude-wrapper .products-interlude .livraisonhome-bloc { width: 100%; } .products-interlude-wrapper .products-interlude .livraisonhome-bloc .livraisonhome-bloc-txt { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; text-align: center; width: 100%; } .products-interlude-wrapper .products-interlude .livraisonhome-bloc .livraisonhome-bloc-txt .btn { padding: 14px 14px 11px 14px; } .products-interlude-wrapper .products-interlude .livraisonhome-bloc .livraisonhome-bloc-txt .h3 { font-size: 1.1875rem; } .products-interlude-wrapper[data-interlude-size="2"] .products-interlude .livraisonhome-bloc .livraisonhome-bloc-txt { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: start !important; text-align: left; } .featured-products .products .js-product.product { padding-left: 5px; padding-right: 5px; } .featured-products .products .js-product.product:nth-child(4) { display: unset; } .product-miniature .product-flags { grid-gap: 10px; gap: 10px; padding: 10px; } .product-miniature .product-flags li.product-flag { padding: 6px; font-size: 0.375rem; text-wrap: pretty; } } /** * Styles pour "Compléter notre look" * Section d'affichage des produits associés avec le produit actuel * Utilise les miniatures produit standards de PrestaShop */ .product-accessories-complete-look { margin-top: 80px; margin-bottom: 80px; padding: clamp(60px, 8vw, 160px) 0; background-color: #f6f8fb; } .product-accessories-complete-look .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 80px; gap: 80px; -ms-flex-wrap: none; flex-wrap: nowrap; } .product-accessories-complete-look .container .complete-look-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: 20px; gap: 20px; -ms-flex-wrap: none; flex-wrap: nowrap; } .product-accessories-complete-look .container .complete-look-left .total-label { margin: 0; margin-bottom: 4px; font-size: 0.75rem; font-weight: 600; color: rgba(0, 0, 0, 0.13); text-transform: uppercase; } .product-accessories-complete-look .container .complete-look-left .total-price-wrapper .total-price { font-size: 1.3125rem; font-weight: 600; color: #000; } .product-accessories-complete-look .container .complete-look-left .add-all-to-cart { margin-top: 20px; } .product-accessories-complete-look .container .complete-look-products { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 20px; gap: 20px; -ms-flex-wrap: none; flex-wrap: nowrap; } .product-accessories-complete-look .container .complete-look-products .complete-look-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 230px; } .product-accessories-complete-look .container .complete-look-products .complete-look-item .product-miniature .thumbnail-container, .product-accessories-complete-look .container .complete-look-products .complete-look-item .product-miniature .product-description { background: transparent; } .product-accessories-complete-look .container .complete-look-products .complete-look-item .product-miniature .thumbnail-top { background: white; } .product-accessories-complete-look .container .complete-look-products .separator-plus { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 32px; font-weight: 300; color: #000; padding-top: 105px; } body.complete-look-cart-modal #blockcart-modal .col-md-5.divide-right { display: none !important; } body.complete-look-cart-modal #blockcart-modal .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (max-width: 1399px) { .product-accessories-complete-look .container { -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: clamp(40px, 4vw, 80px); gap: clamp(40px, 4vw, 80px); } } @media (max-width: 992px) { .product-accessories-complete-look .container .complete-look-products { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 20px 1fr 20px 1fr; grid-template-columns: 1fr 20px 1fr 20px 1fr; } .product-accessories-complete-look .container .complete-look-products .complete-look-item { width: 100%; } .product-accessories-complete-look .container .complete-look-products .separator-plus { padding-top: 90px; } } @media (max-width: 768px) { .product-accessories-complete-look .container .complete-look-products { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: clamp(30px, 2vw, 40px); gap: clamp(30px, 2vw, 40px); } .product-accessories-complete-look .container .complete-look-products .complete-look-item .product-miniature .thumbnail-container { margin-bottom: 0; } .product-accessories-complete-look .container .complete-look-products .complete-look-item .product-miniature .thumbnail-container .product-description { padding-bottom: 0; } .product-accessories-complete-look .container .complete-look-products .separator-plus { padding-top: 0; } } #custom-text { padding: clamp(1.25rem, 2.6vw, 3.125rem); margin-bottom: 1.5rem; text-align: center; background: #fff; border-radius: 2px; } #custom-text h2 { font-size: 1.3rem; font-weight: 500; color: #232323; text-transform: uppercase; } #custom-text p, #custom-text .page-content.page-cms ul, .page-content.page-cms #custom-text ul { font-size: 0.875rem; font-weight: 400; color: #232323; } #custom-text p .dark, #custom-text .page-content.page-cms ul .dark, .page-content.page-cms #custom-text ul .dark { font-size: 1.125rem; font-weight: 600; color: #232323; } #custom-text a { text-decoration: underline; color: #232323; } #custom-text a:hover { text-decoration: none; } #custom-text img { max-width: 100%; height: 100%; } .page-content.page-cms { text-align: justify; background: #fff; } .page-content.page-cms .cms-box img { max-width: 100%; } .page-content.page-cms ul { list-style: disc inside none; } @media (max-width: 991px) { #block-cmsinfo { padding: 1.25rem 1.875rem; } } #products { color: #7a7a7a; } #products .products-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #products .up { margin-bottom: 1rem; } #products .up .btn-secondary, #products .up .btn-tertiary { color: #7a7a7a; text-transform: inherit; } #products .up .btn-secondary .material-icons, #products .up .btn-tertiary .material-icons { margin-right: 0; } .category-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 50px; gap: 50px; -ms-flex-wrap: none; flex-wrap: nowrap; } .category-header.with-cover .category-info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .category-header.with-cover .category-cover { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; } .category-header .block-category { margin-bottom: 1.563rem; } .category-header .block-category .top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 40px; gap: 40px; -ms-flex-wrap: none; flex-wrap: nowrap; margin-bottom: 1rem; padding-top: 1rem; } .category-header .block-category .top h1 { margin-bottom: 0; font-size: 1.875rem; } .category-header .block-category .bottom { margin-bottom: 6rem; } .category-header .block-category .bottom #category-description { max-width: 800px; } .category-header .block-category .bottom #category-description, .category-header .block-category .bottom #category-description p, .category-header .block-category .bottom #category-description .page-content.page-cms ul, .page-content.page-cms .category-header .block-category .bottom #category-description ul, .category-header .block-category .bottom #category-description strong { font-weight: 300; color: #000; } .category-header .block-category .bottom #category-description strong { font-weight: 500; } .category-header .block-category .bottom #category-description p, .category-header .block-category .bottom #category-description .page-content.page-cms ul, .page-content.page-cms .category-header .block-category .bottom #category-description ul { margin-bottom: 0; color: #000; word-break: break-word; } .category-header .block-category .bottom #category-description p:first-child, .category-header .block-category .bottom #category-description .page-content.page-cms ul:first-child, .page-content.page-cms .category-header .block-category .bottom #category-description ul:first-child { margin-bottom: 1.25rem; } .category-header .block-category .bottom #category-description .h2, .category-header .block-category .bottom #category-description h2 { font-size: 1.1875rem; margin-top: 30px; } .category-header .category-cover picture { position: absolute; top: -1.563rem; left: 0; right: -0.75rem; bottom: 0; } .category-header .category-cover img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } #cms .category-header .bottom { margin-bottom: 2rem; } .products-selection .sort-by-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 25px; gap: 25px; -ms-flex-wrap: none; flex-wrap: nowrap; } .products-selection .title { font-size: 0.75rem; text-transform: uppercase; font-weight: 600; color: rgba(0, 0, 0, 0.2); } .products-sort-order .select-title, .brands-sort .select-title, .suppliers-sort .select-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 10px; gap: 10px; -ms-flex-wrap: none; flex-wrap: nowrap; width: 100%; min-width: 180px; color: #1e2d43; cursor: pointer; font-size: 0.9375rem; font-weight: 500; border-bottom: 1px solid rgba(0, 0, 0, 0.5); padding-bottom: 5px; margin-top: 8px; } .products-sort-order .select-title i, .brands-sort .select-title i, .suppliers-sort .select-title i { font-size: 1rem; font-weight: 700; } .products-sort-order .select-list, .brands-sort .select-list, .suppliers-sort .select-list { display: block; padding: 0.625rem 1.25rem; color: #232323; } .products-sort-order .select-list:hover, .brands-sort .select-list:hover, .suppliers-sort .select-list:hover { color: #fff; text-decoration: none; background: #1e2d43; } .products-sort-order .dropdown-menu, .brands-sort .dropdown-menu, .suppliers-sort .dropdown-menu { left: auto; width: 100%; margin: 0; background: #f6f6f6; border: none; border-radius: 0; } .facet-dropdown { -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 0; padding-left: 0; color: #7a7a7a; background: #f9f9f9; border: 3px solid transparent; -webkit-box-shadow: 1px 1px 1px 1px #f9f9f9; box-shadow: 1px 1px 1px 1px #f9f9f9; } .facet-dropdown.open { border: 0; } .facet-dropdown.open > .select-title { background: #f6f6f6; border: 3px solid #1e2d43; } .facet-dropdown .select-title { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 0.625rem 0.625rem 0.625rem 1.25rem; margin-left: 0; color: #232323; cursor: pointer; background: #f9f9f9; } .facet-dropdown .select-title > i { margin-left: auto; } .facet-dropdown .select-list { display: block; padding: 0.625rem 1.25rem; color: #232323; background: #f6f6f6; } .facet-dropdown .select-list:hover { color: #fff; text-decoration: none; background: #1e2d43; } .facet-dropdown .dropdown-menu { left: auto; width: 100%; padding: 0; margin-top: 3px; background: #f6f6f6; border: none; -webkit-box-shadow: 1px 1px 1px 1px #f9f9f9; box-shadow: 1px 1px 1px 1px #f9f9f9; } #search_filters, #search_filters_brands, #search_filters_suppliers { padding: 1.563rem 1.25rem; margin-bottom: 1.563rem; background: #fff; } #search_filters > .h6, #search_filters_brands > .h6, #search_filters_suppliers > .h6 { font-size: 1.5rem; font-weight: 500; } #search_filters .facet, #search_filters_brands .facet, #search_filters_suppliers .facet { padding-top: 0.625rem; } #search_filters .facet .collapse, #search_filters_brands .facet .collapse, #search_filters_suppliers .facet .collapse { display: block; } #search_filters .facet .facet-title, #search_filters_brands .facet .facet-title, #search_filters_suppliers .facet .facet-title { font-size: 1rem; color: #232323; } #search_filters .facet .facet-label, #search_filters_brands .facet .facet-label, #search_filters_suppliers .facet .facet-label { margin-bottom: 0; } #search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a { display: inline-block; margin-top: 0.4375rem; font-size: 0.9375rem; color: #232323; } #search_filters_brands .facet, #search_filters_suppliers .facet { padding-top: 0; } #search_filters_brands .facet .facet-label, #search_filters_suppliers .facet .facet-label { margin-bottom: 0.3125rem; } .pagination { width: 100%; font-size: 0.875rem; } .pagination > div:first-child { padding-left: 0; line-height: 2.5rem; } .pagination .page-list { padding: 0.375rem; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 10px; gap: 10px; -ms-flex-wrap: none; flex-wrap: nowrap; } .pagination .page-list li { display: inline; color: #000; font-weight: 600; } .pagination a { font-weight: 600; color: #000; } .pagination a:not(.previous):not(.next) { letter-spacing: 0.125rem; } .pagination .previous { margin-right: 2rem; } .pagination .next { margin-left: 2rem; } .pagination .previous, .pagination .next { font-size: 0.8125rem; } .pagination .previous i, .pagination .next i { font-size: 1.25rem; margin-bottom: 2px; } .pagination .disabled { opacity: 0.6; cursor: default; } .pagination .active { font-weight: 700; } .pagination .current a { font-size: 1.25rem; color: #1e2d43; text-decoration: none; } .active_filters { padding: 0.625rem 1.875rem; margin: 1.25rem 0.625rem; background: #f9f9f9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 20px; gap: 20px; -ms-flex-wrap: none; flex-wrap: nowrap; } .active_filters .active-filter-title { font-weight: 600; color: #1e2d43; margin: 0; margin-top: 2px; } .active_filters ul { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 10px; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .active_filters .filter-block { padding: 0.625rem; padding: 12px 19px 9px; font-size: 0.8125rem; color: #1e2d43; background: #fff; } .active_filters .filter-block .close { margin-left: 10px; font-size: 1.1rem; color: #1e2d43; opacity: 1; } .block-categories { padding: 1.563rem 1.25rem; margin-bottom: 1.563rem; background: #fff; } .block-categories .h6 { font-size: 1.5rem; font-weight: 500; } .block-categories .category-sub-menu { margin-top: 1rem; } .block-categories .category-sub-menu .category-sub-link { font-size: 0.875rem; } .block-categories .category-sub-menu li { position: relative; } .block-categories .category-sub-menu li[data-depth="1"] { margin-bottom: 0.625rem; } .block-categories .category-sub-menu li[data-depth="0"] > a { display: inline-block; width: 100%; padding-bottom: 0.1875rem; margin: 0.3125rem 0 0; font-weight: 600; } .block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]) { padding-left: 0.3125rem; } .block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"])::before { margin-right: 0.3125rem; content: "-"; } .block-categories a { color: #232323; } .block-categories .collapse-icons { position: absolute; top: 0; right: 0; padding: 0; cursor: pointer; } .block-categories .collapse-icons[aria-expanded="true"] .add { display: none; } .block-categories .collapse-icons[aria-expanded="true"] .remove { display: block; } .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover { color: #1e2d43; } .block-categories .collapse-icons .remove { display: none; } .block-categories .arrows .arrow-right, .block-categories .arrows .arrow-down { margin-left: 2px; font-size: 0.875rem; cursor: pointer; } .block-categories .arrows .arrow-right:hover, .block-categories .arrows .arrow-down:hover { color: #1e2d43; } .block-categories .arrows .arrow-down { display: none; } .block-categories .arrows[aria-expanded="true"] .arrow-right { display: none; } .block-categories .arrows[aria-expanded="true"] .arrow-down { display: inline-block; } .facets-title { color: #232323; } .advertising-block { margin-bottom: 1.563rem; } .advertising-block img { width: 100%; } .category-metas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: 10px; gap: 10px; -ms-flex-wrap: none; flex-wrap: nowrap; color: #000; text-align: left; margin-top: 8rem; } .category-metas * { color: #000; } .category-metas .category-name { font-size: 1.5625rem; text-transform: uppercase; font-weight: 600; margin-bottom: 0.625rem; } .category-metas .category-description { text-align: left; } .category-metas .category-description *, .category-metas .category-description p, .category-metas .category-description .page-content.page-cms ul, .page-content.page-cms .category-metas .category-description ul { font-size: 0.875rem; font-weight: 300; line-height: 1.4; } .category-metas .category-description * strong, .category-metas .category-description p strong, .category-metas .category-description .page-content.page-cms ul strong, .page-content.page-cms .category-metas .category-description ul strong { font-weight: 600; } .category-metas .category-description .h2, .category-metas .category-description .h2 *, .category-metas .category-description h2, .category-metas .category-description h2 * { font-size: 1.1875rem; font-weight: 500; margin-top: 40px; margin-bottom: 20px; } #cms .cms-category-content { padding: 5rem calc(var(--gx) * 0.5); } #cms .cms-category-blocks { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; } #cms .cms-category-block { background: #fff; padding: 45px 40px; } #cms .cms-category-block--page { padding: 0; overflow: hidden; } #cms .cms-category-block--page .cms-category-block__body { padding: 45px 40px; } #cms .cms-category-block--page .cms-category-block__title { padding: 0; margin-bottom: 0; } #cms .cms-category-block__desc { margin: 0.5rem 0 0; font-size: 0.875rem; color: #7a7a7a; font-weight: 300; } #cms .cms-category-block__image { display: block; aspect-ratio: 2.5; overflow: hidden; } #cms .cms-category-block__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } #cms .cms-category-block__image:hover img { -webkit-transform: scale(1.03); transform: scale(1.03); } #cms .cms-category-block__title { display: block; font-size: 1.0625rem; font-weight: 700; color: #000; text-decoration: none; margin-bottom: 30px; } #cms .cms-category-block__links { list-style: none; padding: 0; margin: 0; } #cms .cms-category-block__links li { padding: 0.35rem 0; border-top: 1px solid #f6f6f6; } #cms .cms-category-block__links li:first-child { border-top: none; } #cms .cms-category-block__links a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #7a7a7a; font-size: 0.875rem; text-decoration: none; } #cms .cms-category-block__links a::after { content: ""; display: inline-block; width: 14px; height: 10px; background: url(../css/fcdc328e027887c004f3.svg) no-repeat center/contain; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; } #cms .cms-category-block__links a:hover { font-weight: 600; color: #000; } #cms .cms-category-block__links a:hover::after { -webkit-transform: translateX(3px); transform: translateX(3px); } @media screen and (max-width: 991px) { #cms .cms-category-blocks { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 575px) { #cms .cms-category-blocks { grid-template-columns: 1fr; } } @media screen and (max-width: 1399px) { .category-metas { margin-top: 7rem; } } @media screen and (max-width: 1199px) { .block-category .pl { padding-left: calc(40px - (var(--gx) * 0.5)) !important; } .products-selection .sort-by-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 40px; gap: 40px; -ms-flex-wrap: none; flex-wrap: nowrap; } } @media screen and (max-width: 991px) { #products .products { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .category-metas { margin-top: 6rem; } } @media screen and (max-width: 767px) { .products-selection { width: 100%; } .products-selection .sort-by-row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 20px; gap: 20px; -ms-flex-wrap: none; flex-wrap: nowrap; } #category .category-header, #cms .category-header { -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: 15px; gap: 15px; } #category .category-header .block-category .pl, #cms .category-header .block-category .pl { padding-right: calc(40px - (var(--gx) * 0.5)) !important; } #category .category-header .block-category .bottom, #cms .category-header .block-category .bottom { margin-bottom: 2em; } #category .category-header .category-cover, #cms .category-header .category-cover { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; height: 150px; } #category .category-header .category-cover picture, #cms .category-header .category-cover picture { position: relative; display: block; margin: 0 -0.75em; top: unset; left: 0; right: 0; bottom: 0; height: 200px; } #category #left-column #search_filters_wrapper, #cms #left-column #search_filters_wrapper { margin-right: -30px; margin-left: -30px; } #category #left-column #search_filter_controls, #cms #left-column #search_filter_controls { margin-bottom: 1rem; text-align: center; } #category #left-column #search_filter_controls button, #cms #left-column #search_filter_controls button { margin: 0 0.5rem; } #category #left-column #search_filters, #cms #left-column #search_filters { padding: 0; margin-bottom: 20px; border-top: 1px solid #f6f6f6; -webkit-box-shadow: none; box-shadow: none; } #category #left-column #search_filters .ui-slider-horizontal, #cms #left-column #search_filters .ui-slider-horizontal { margin-bottom: 20px; } #category #left-column #search_filters .facet, #cms #left-column #search_filters .facet { padding-top: 0; border-bottom: 1px solid #f6f6f6; } #category #left-column #search_filters .facet .title, #cms #left-column #search_filters .facet .title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } #category #left-column #search_filters .facet .title .collapse-icons .remove, #cms #left-column #search_filters .facet .title .collapse-icons .remove { display: none; } #category #left-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .add, #cms #left-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .add { display: none; } #category #left-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .remove, #cms #left-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .remove { display: block; } #category #left-column #search_filters .facet .facet-title, #cms #left-column #search_filters .facet .facet-title { color: #232323; text-transform: uppercase; } #category #left-column #search_filters .facet .h6, #cms #left-column #search_filters .facet .h6 { display: inline-block; padding: 1.25rem; margin-bottom: 0; } #category #left-column #search_filters .facet .navbar-toggler, #cms #left-column #search_filters .facet .navbar-toggler { display: inline-block; height: inherit; padding: 0 0.625rem 0 0; } #category #left-column #search_filters .facet .collapse, #cms #left-column #search_filters .facet .collapse { display: none; } #category #left-column #search_filters .facet .collapse.in, #cms #left-column #search_filters .facet .collapse.in { display: block; } #category #left-column #search_filters .facet .facet-label a, #cms #left-column #search_filters .facet .facet-label a { margin-top: 0; } #category #left-column #search_filters .facet ul, #cms #left-column #search_filters .facet ul { margin-bottom: 0; } #category #left-column #search_filters .facet ul li, #cms #left-column #search_filters .facet ul li { padding: 1.25rem; border-top: 1px solid #f6f6f6; } #category #search_filter_toggler, #cms #search_filter_toggler { width: 100%; } .products-sort-order .select-title { margin-left: 0; } .products-selection h1 { padding-top: 0; margin-bottom: 1rem; text-align: center; } .products-selection .showing { padding-top: 1rem; } .block-category { min-height: 0; margin-bottom: 0; } .card-block { padding: 0; } .card { background-color: inherit; border: none; -webkit-box-shadow: none; box-shadow: none; } .category-metas { margin-top: 4rem; } } @media screen and (max-width: 575px) { #category .category-header .block-category .top, #cms .category-header .block-category .top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: 10px; gap: 10px; -ms-flex-wrap: none; flex-wrap: nowrap; } #category .category-header .block-category .bottom, #cms .category-header .block-category .bottom { margin-bottom: 1em; } #category .category-header .block-category .pl, #cms .category-header .block-category .pl { padding-left: calc(var(--gx) * 0.5) !important; } .products-selection .filter-button { padding-left: 0; } #category #left-column #search_filters_wrapper { margin-right: -15px; margin-left: -15px; } .category-metas { margin-top: 2rem; } } #subcategories .subcategory-heading { margin-bottom: 20px; font-weight: 500; } #subcategories ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 15px; gap: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } #subcategories ul li .subcategory-name { display: block; text-transform: uppercase; font-size: 0.8125rem; font-weight: 500; color: #1e2d43; border: 1px solid #1e2d43; border-radius: 1000px; padding: 15px 21px 13px 21px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; white-space: nowrap; } #subcategories ul li .subcategory-name:hover { color: #fff; background-color: #1e2d43; } #subcategories ul li .subcategory-name:focus { text-decoration: none; } @media screen and (max-width: 1199px) { #subcategories ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; cursor: -webkit-grab; cursor: grab; scrollbar-width: none; -ms-overflow-style: none; padding-left: calc(var(--gx) * 4); } #subcategories ul li .subcategory-name { padding: 13px 18px 10px 18px; } #subcategories ul li:last-child { padding-right: calc(var(--gx) * 4); } #subcategories ul::-webkit-scrollbar { display: none; } #subcategories ul.is-dragging { cursor: -webkit-grabbing; cursor: grabbing; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #subcategories ul.is-dragging a { pointer-events: none; } } @media screen and (max-width: 991px) { #subcategories ul { padding-left: calc(var(--gx) * 3); } #subcategories ul li .subcategory-name { padding: 12px 17px 9px 17px; } #subcategories ul li:last-child { padding-right: calc(var(--gx) * 3); } } @media screen and (max-width: 767px) { #subcategories ul { padding-left: calc(var(--gx) * 2); } #subcategories ul li .subcategory-name { padding: 11px 16px 9px 16px; } #subcategories ul li:last-child { padding-right: calc(var(--gx) * 2); } } @media screen and (max-width: 575px) { #subcategories ul { padding-left: var(--gx); } #subcategories ul li .subcategory-name { padding: 10px 15px 8px 15px; } #subcategories ul li:last-child { padding-right: var(--gx); } } #product #content { position: relative; height: 100%; } .product-container .s4-left { padding-left: 1.5rem; } .product-container #sidebar .sidebar__inner .page-content .images-container .product-images { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0; gap: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-container #sidebar .sidebar__inner .page-content .images-container .product-images .thumb-container { max-width: 50%; } .product-container #sidebar .sidebar__inner .page-content .images-container .product-images .thumb-container a { display: block; } .product-container #sidebar .sidebar__inner .page-content .images-container .product-images .thumb-container a picture { display: block; } .product-container #sidebar .sidebar__inner .page-content .images-container .product-images .thumb-container a picture img.thumb { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; cursor: pointer; } .product-container .s4-left:has(.s4-main-image) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0; gap: 0; -ms-flex-wrap: none; flex-wrap: nowrap; } .product-container .s4-left:has(.s4-main-image) .s4-main-image { -webkit-box-flex: 0; -ms-flex: 0 0 58%; flex: 0 0 58%; max-width: 58%; } .product-container .s4-left:has(.s4-main-image) .s4-thumbnails { -webkit-box-flex: 0; -ms-flex: 0 0 42%; flex: 0 0 42%; max-width: 42%; } .product-container .s4-main-image .sticky-product-image { position: sticky; top: 70px; } .product-container .s4-main-image .sticky-product-image .product-cover-container { position: relative; } .product-container .s4-main-image .sticky-product-image .product-cover-container a { display: block; } .product-container .s4-main-image .sticky-product-image .product-cover-container a picture { display: block; height: calc(100vh - 70px); will-change: height; } .product-container .s4-main-image .sticky-product-image .product-cover-container a picture .product-cover-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; cursor: pointer; } .product-container .s4-thumbnails .product-thumbnails-container .product-thumbnails-list { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } .product-container .s4-thumbnails .product-thumbnails-container .product-thumbnails-list .thumbnail-item a { display: block; } .product-container .s4-thumbnails .product-thumbnails-container .product-thumbnails-list .thumbnail-item a picture { display: block; } .product-container .s4-thumbnails .product-thumbnails-container .product-thumbnails-list .thumbnail-item a picture .thumbnail-image { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; cursor: pointer; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .product-container .s4-thumbnails .product-thumbnails-container .product-thumbnails-list .thumbnail-item a picture .thumbnail-image:hover { opacity: 0.9; } .sidebar { will-change: min-height; } .sidebar__inner { -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); will-change: position, transform; } .page_header { margin-bottom: 40px; } .page_header .top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 20px; gap: 20px; -ms-flex-wrap: none; flex-wrap: nowrap; margin-bottom: 30px; } .page_header .top .product-manufacturer-header a { font-size: 1rem; font-weight: 500; text-decoration: underline; color: rgba(0, 0, 0, 0.6); } .page_header .top .grade-stars .star-content { top: 0; } #product-description-short { color: #232323; } #product-description-short ul, #product-description-short ol { padding-left: 0; list-style-position: inside; } #product-description-short ul li, #product-description-short ol li { font-size: 0.9375rem; color: #7a7a7a; } #product-description-short ul { list-style-type: disc; } .product-information { font-size: 0.9375rem; color: #232323; } .product-information .manufacturer-logo { max-height: 4rem; margin-bottom: 1rem; border: 2px solid #f9f9f9; } .product-information .product-after-add-to-cart > *:not(:first-child) { margin-top: 0; border-top: 0; } .product-information .product-after-add-to-cart > *:not(:last-child) { margin-bottom: 0; } .product-information .product-description img { max-width: 100%; height: auto; } .product-information .product-description ul, .product-information .product-description ol { padding-left: 0.75rem; list-style-position: inside; } .product-information .product-description ul li, .product-information .product-description ol li { font-size: 0.9375rem; color: #7a7a7a; } .product-information .product-description ul { list-style-type: disc; } .product-information .product-description strong { font-weight: 600; } .input-color { position: absolute; width: 1.25rem; height: 1.25rem; cursor: pointer; opacity: 0; } .input-container { position: relative; } .input-radio { position: absolute; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .input-color:checked + span, .input-color:hover + span, .input-radio:checked + span, .input-radio:hover + span { border: 2px solid #232323; } .radio-label { display: inline-block; padding: 0.125rem 0.625rem; font-weight: 600; background: #fff; border: 2px solid #fff; } .product-actions .control-label { display: block; width: 100%; margin-bottom: 0.375rem; } .product-actions .add-to-cart { padding-top: 2px; padding-bottom: 0; line-height: inherit; } .product-actions .add-to-cart .material-icons { line-height: inherit; } .product-actions .product-add-to-cart { word-wrap: break-word; } .product-quantity { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-quantity .qty, .product-quantity .add { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; float: left; margin-bottom: 0.5rem; } .product-quantity .qty { margin-right: 0.4rem; } .product-quantity #quantity_wanted { width: 3rem; height: 100%; padding: 0.175rem 0.5rem; color: #232323; background-color: #fff; } .product-quantity .input-group-btn-vertical { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; width: auto; } .product-quantity .input-group-btn-vertical .btn { padding: 0.5rem 0.6875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box: 1; -moz-box: 1; -ms-flex: 1 0 auto; -webkit-box-flex: 1; flex: 1 0 auto; } .product-quantity .input-group-btn-vertical .btn i { top: 0.125rem; left: 0.1875rem; font-size: 1rem; } .product-quantity .btn-touchspin { height: 1.438rem; } .product-discounts { margin-bottom: 1.5rem; } .product-discounts > .product-discounts-title { font-size: 0.875rem; font-weight: 600; } .product-discounts > .table-product-discounts thead tr th { width: 33%; padding: 0.625rem 1.25rem; text-align: center; background: #fff; border: 0.3125rem #f9f9f9 solid; } .product-discounts > .table-product-discounts tbody tr { background: #f6f6f6; } .product-discounts > .table-product-discounts tbody tr:nth-of-type(even) { background: #fff; } .product-discounts > .table-product-discounts tbody tr td { padding: 0.625rem 1.25rem; text-align: center; border: 0.3125rem #f9f9f9 solid; } .product-prices .product-price { display: inline-block; max-width: 100%; font-size: 1.3125rem; font-weight: 600; color: #000; } .product-prices .tax-shipping-delivery-label { font-size: 0.8125rem; color: #7a7a7a; word-wrap: break-word; } .product-prices .tax-shipping-delivery-label .delivery-information { padding: 0 0 0 2px; font-weight: 700; } .product-prices .tax-shipping-delivery-label .delivery-information::before { padding: 0 2px 0 0; content: "-"; } .product-discount { color: #7a7a7a; } .product-discount .regular-price { margin-right: 0.625rem; font-weight: 500; text-decoration: line-through; } .has-discount.product-price, .has-discount p, .has-discount .page-content.page-cms ul, .page-content.page-cms .has-discount ul { color: #bfa3a9; } .has-discount .discount { display: inline-block; padding: 0.3125rem 0.625rem; margin-left: 0.625rem; font-size: 1rem; font-weight: 600; color: #fff; text-transform: uppercase; background: #bfa3a9; } .product-unit-price, .has-discount .product-unit-price { margin-bottom: 0; overflow: hidden; font-size: 0.8125rem; color: #7a7a7a; text-overflow: ellipsis; } .product-actions .wishlist-button-add { border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: none; box-shadow: none; height: 44px; width: 44px; margin-left: 0; cursor: pointer; margin-bottom: 0.5rem; } .product-actions .wishlist-button-add i { color: rgba(0, 0, 0, 0.9); font-weight: 100; font-size: 24px; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .product-actions .wishlist-button-add:hover, .product-actions .wishlist-button-add:active { opacity: 1; } .product-actions .wishlist-button-add:hover i, .product-actions .wishlist-button-add:active i { -webkit-transform: scale(1.2); transform: scale(1.2); } .product-tabs-accordion { margin-top: 2rem; background: #fff; } .product-tabs-accordion .product-tab-item { overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } .product-tabs-accordion .product-tab-item .product-tab-question { padding: 0 0 16px 0; margin-bottom: 16px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.25); } .product-tabs-accordion .product-tab-item .product-tab-question::before { content: ""; position: absolute; right: 0; height: 24px; width: 24px; min-width: 24px; background: url(../css/09e336e15e58be59425b.svg) no-repeat center; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.6, 1); transition: all 0.35s cubic-bezier(0.4, 0, 0.6, 1); } .product-tabs-accordion .product-tab-item .product-tab-question::after { content: ""; height: 24px; width: 24px; min-width: 24px; background: url(../css/09e336e15e58be59425b.svg) no-repeat center; -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.6, 1); transition: all 0.35s cubic-bezier(0.4, 0, 0.6, 1); } .product-tabs-accordion .product-tab-item .product-tab-question .product-tab-question-text { margin: 0; padding-top: 2px; font-size: 1.25rem; font-weight: 600; color: #000; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .product-tabs-accordion .product-tab-item .product-tab-answer { display: none; margin-bottom: 16px; } .product-tabs-accordion .product-tab-item .product-tab-answer .product-description p:last-child, .product-tabs-accordion .product-tab-item .product-tab-answer .product-description .page-content.page-cms ul:last-child, .page-content.page-cms .product-tabs-accordion .product-tab-item .product-tab-answer .product-description ul:last-child, .product-tabs-accordion .product-tab-item .product-tab-answer .product-details p:last-child, .product-tabs-accordion .product-tab-item .product-tab-answer .product-details .page-content.page-cms ul:last-child, .page-content.page-cms .product-tabs-accordion .product-tab-item .product-tab-answer .product-details ul:last-child, .product-tabs-accordion .product-tab-item .product-tab-answer .product-attachments p:last-child, .product-tabs-accordion .product-tab-item .product-tab-answer .product-attachments .page-content.page-cms ul:last-child, .page-content.page-cms .product-tabs-accordion .product-tab-item .product-tab-answer .product-attachments ul:last-child { margin-bottom: 0; } .product-tabs-accordion .product-tab-item .product-tab-answer p, .product-tabs-accordion .product-tab-item .product-tab-answer .page-content.page-cms ul, .page-content.page-cms .product-tabs-accordion .product-tab-item .product-tab-answer ul, .product-tabs-accordion .product-tab-item .product-tab-answer span { font-family: LeniaSans, sans-serif !important; font-size: 0.9375rem !important; color: #000; font-weight: 300; } .product-tabs-accordion .product-tab-item.active .product-tab-question::before { -webkit-transform: rotate(-90deg) scaleX(0); transform: rotate(-90deg) scaleX(0); } .product-tabs-accordion .product-tab-item.active .product-tab-question::after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .tabs { padding: 1.25rem 1.875rem; margin-top: 2rem; background: #fff; } .tabs .tab-pane { padding-top: 1.25rem; } .tabs .nav-tabs { border: none; border-bottom: #f9f9f9 2px solid; } .tabs .nav-tabs .nav-link { color: #7a7a7a; border: 0 solid transparent; } .tabs .nav-tabs .nav-link.active { color: #1e2d43; border: none; border-bottom: #1e2d43 3px solid; } .tabs .nav-tabs .nav-link:hover { border: none; border-bottom: #1e2d43 3px solid; } .tabs .nav-tabs .nav-item { float: left; margin-bottom: -0.125rem; } .product-cover { position: relative; margin-bottom: 1.25rem; } .product-cover img { background: #fff; } #product-modal .modal-content { padding: 0; background: transparent; border: none; } #product-modal .modal-content .modal-body { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -35%; } #product-modal .modal-content .modal-body .product-cover-modal { background: #fff; } @media (max-width: 991px) { #product-modal .modal-content .modal-body .product-cover-modal { max-width: 100%; height: auto; } } #product-modal .modal-content .modal-body .image-caption { width: 100%; padding: 0.625rem 1.25rem; background: #fff; border-top: #f9f9f9 1px solid; } #product-modal .modal-content .modal-body .image-caption p, #product-modal .modal-content .modal-body .image-caption .page-content.page-cms ul, .page-content.page-cms #product-modal .modal-content .modal-body .image-caption ul { margin-bottom: 0; } #product-modal .modal-content .modal-body .thumbnails { position: relative; } #product-modal .modal-content .modal-body .mask { position: relative; z-index: 1; max-height: 49.38rem; margin-top: 2.188rem; overflow: hidden; } #product-modal .modal-content .modal-body .mask.nomargin { margin-top: 0; } @media (min-width: 992px) { #product-modal .modal-content .modal-body .product-images { margin-left: 2.5rem; } } #product-modal .modal-content .modal-body .product-images img { width: 9.25rem; cursor: pointer; background: #fff; } #product-modal .modal-content .modal-body .product-images img:hover { border: #1e2d43 3px solid; } #product-modal .modal-content .modal-body .arrows { position: absolute; top: 0; right: 1.875rem; z-index: 0; width: 100%; height: 100%; color: #fff; text-align: center; cursor: pointer; } #product-modal .modal-content .modal-body .arrows .arrow-up { position: absolute; top: -2rem; opacity: 0.2; } #product-modal .modal-content .modal-body .arrows .arrow-down { position: absolute; bottom: -2rem; } #product-modal .modal-content .modal-body .arrows i { display: inline; font-size: 6.25rem; } #blockcart-modal { color: #232323; } #blockcart-modal .modal-header { background: #fff; } #blockcart-modal .modal-header .close { opacity: 1; } #blockcart-modal .modal-header .close .material-icons { color: #363a42; } #blockcart-modal .modal-body { padding: 3.125rem 1.875rem; background: #fff; } #blockcart-modal .modal-body .divide-right span { display: inline-block; margin-bottom: 0.3125rem; } @media (max-width: 767px) { #blockcart-modal .modal-body .divide-right span { display: block; padding: 0 0.5rem; } } #blockcart-modal .modal-dialog { width: 100%; max-width: 1140px; } #blockcart-modal .product-image { display: block; width: 100%; max-width: 9.375rem; margin: 0 0 0 auto; } @media (max-width: 991px) { #blockcart-modal .product-image { max-width: 70%; margin: 0 auto 1rem; } } #blockcart-modal .modal-title { font-size: 1rem; font-weight: 400; color: #353943; } #blockcart-modal .modal-title i.material-icons { margin-right: 1.875rem; color: #4cbb6c; } #blockcart-modal .product-name { font-size: 1.125rem; color: #1e2d43; } @media (max-width: 767px) { #blockcart-modal .product-name { padding: 0 0.5rem; } } #blockcart-modal .product-price { display: block; color: #363a42; } @media (max-width: 767px) { #blockcart-modal .product-price { padding: 0 0.5rem; } } @media (min-width: 768px) { #blockcart-modal .cart-content { padding-left: 2.5rem; } } #blockcart-modal .cart-content .btn { margin-bottom: 0.625rem; } #blockcart-modal .cart-content p, #blockcart-modal .cart-content .page-content.page-cms ul, .page-content.page-cms #blockcart-modal .cart-content ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0.5rem; color: #363a42; } #blockcart-modal .cart-content p.product-total, #blockcart-modal .cart-content .page-content.page-cms ul.product-total, .page-content.page-cms #blockcart-modal .cart-content ul.product-total { padding: 0.5rem; background-color: #f9f9f9; } #blockcart-modal .cart-content p.cart-products-count, #blockcart-modal .cart-content .page-content.page-cms ul.cart-products-count, .page-content.page-cms #blockcart-modal .cart-content ul.cart-products-count { font-size: 1rem; font-weight: 600; color: #6c868e; } #blockcart-modal .cart-content p.product-tax, #blockcart-modal .cart-content .page-content.page-cms ul.product-tax, .page-content.page-cms #blockcart-modal .cart-content ul.product-tax { display: inherit; font-size: 0.875rem; } #blockcart-modal .cart-content p .label, #blockcart-modal .cart-content .page-content.page-cms ul .label, .page-content.page-cms #blockcart-modal .cart-content ul .label, #blockcart-modal .cart-content p .value, #blockcart-modal .cart-content .page-content.page-cms ul .value, .page-content.page-cms #blockcart-modal .cart-content ul .value { font-weight: 600; } #blockcart-modal .cart-content .cart-content-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #blockcart-modal .cart-content .cart-content-btn button { margin-right: 0.9rem; } #blockcart-modal .cart-content .cart-content-btn .btn { white-space: inherit; } #blockcart-modal .divide-right { border-right: 1px solid #dbdbdb; } #main .images-container { height: 100%; } #main .images-container ul.product-images { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0; gap: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } #main .images-container ul.product-images > li.thumb-container picture { aspect-ratio: 1; display: block; } #main .images-container ul.product-images > li.thumb-container picture .thumb { margin: 0; cursor: pointer; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } #main .images-container ul.product-images.images-count-odd > li.thumb-container:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; } .scroll-box-arrows { display: none; } .scroll-box-arrows.scroll { display: block; } .scroll-box-arrows i { position: absolute; bottom: 1.625rem; height: 100px; line-height: 100px; cursor: pointer; } .scroll-box-arrows .left { left: 0; } .scroll-box-arrows .right { right: 0; } #product-availability { display: inline; margin-top: 0.625rem; font-weight: 700; } #product-availability .material-icons { line-height: inherit; } #product-availability .product-available { color: #4cbb6c; } #product-availability .product-unavailable { color: #ff9a52; } #product-availability .product-last-items { color: #ff9a52; } #product-details .label { font-size: 1rem; font-weight: 500; color: #232323; } .product-features { margin-top: 1.25rem; margin-left: 0.3125rem; } .product-features > dl.data-sheet { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name { -webkit-box-flex: 1; -ms-flex: 1 0 40%; flex: 1 0 40%; min-height: 2.5rem; padding: 0.625rem; margin-right: 0.625rem; margin-bottom: 0.5rem; font-weight: 500; text-transform: capitalize; word-break: normal; background: #f9f9f9; } .product-features > dl.data-sheet dd.value:nth-of-type(even), .product-features > dl.data-sheet dt.name:nth-of-type(even) { background: #f6f6f6; } .product-variants > .product-variants-item { margin: 1.25rem 0; } .product-variants > .product-variants-item select { width: auto; padding-right: 1.875rem; background-color: #fff; } .product-variants > .product-variants-item ul li { margin-right: 0.625rem; } .product-variants > .product-variants-item .color { margin-top: 0; margin-left: 0; } .product-variants .product-variants-ring-size-link { margin-bottom: 10px; font-weight: 600; text-transform: uppercase; display: inline-block; text-decoration: underline; } .product-variants .product-variants-ring-size-link:hover { text-decoration: none; } .product-flags { position: absolute; top: 0; left: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; pointer-events: none; } .product-flags li.product-flag { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 7px 12px 6px 12px; font-size: 0.8125rem; font-weight: 600; color: #fff; text-transform: uppercase; word-break: break-word; pointer-events: auto; background: #1e2d43; } .product-flags li.product-flag.online-only { position: absolute; top: 25rem; right: 0; z-index: 1; margin-top: 0; font-size: 0.8125rem; } .product-flags li.product-flag.online-only::before { margin: 0.3125rem; font-family: "Material Icons", Arial, sans-serif; vertical-align: middle; content: "\E30A"; } .product-flags li.product-flag.discount-percentage, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount { background-color: #1e2d43; } .product-flags li.product-flag.on-sale { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; margin-top: 0 !important; text-align: center; background: #bfa3a9; } .product-flags li.product-flag.new { background: #fff; color: #1e2d43; } .badge-gravable { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 8px; gap: 8px; -ms-flex-wrap: none; flex-wrap: nowrap; position: absolute; bottom: 18px; left: 18px; z-index: 2; padding: 7px 15px 5px 12px; font-size: 0.75rem; font-weight: 700; color: #1e2d43; background: #fff; border-radius: 1000px; pointer-events: none; text-transform: uppercase; color: #000; } .badge-gravable span { background-color: #9b9b9b; width: 6px; height: 6px; border-radius: 100%; margin-top: -2px; } .product-customization { margin: 2.5rem 0; } .product-customization .product-customization-item { margin: 1.25rem 0; } .product-customization .product-message { width: 100%; height: 3.125rem; padding: 0.625rem; resize: none; background: #f9f9f9; border: none; } .product-customization .product-message:focus { background-color: #fff; outline: 0.1875rem solid #1e2d43; } .product-customization .file-input { position: absolute; left: 0; z-index: 1; width: 100%; height: 2.625rem; overflow: hidden; cursor: pointer; opacity: 0; } .product-customization .customization-message { margin-top: 20px; } .product-customization .customization-message .customization-label { text-align: left; word-break: break-word; } .product-customization .custom-file { position: relative; display: block; width: 100%; height: 2.625rem; margin-top: 1.25rem; line-height: 2.625rem; color: #7a7a7a; text-indent: 0.625rem; background: #f9f9f9; } .product-customization .custom-file button { position: absolute; top: 0; right: 0; z-index: 0; height: inherit; } .product-customization small { color: #7a7a7a; } .product-pack { margin-top: 2.5rem; } .product-pack .pack-product-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } .product-pack .pack-product-container .pack-product-name { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; font-size: 0.875rem; color: #7a7a7a; } .product-pack .pack-product-container .pack-product-quantity { padding-left: 0.625rem; border-left: #f9f9f9 2px solid; } .product-pack .pack-product-container .pack-product-name, .product-pack .pack-product-container .pack-product-price, .product-pack .pack-product-container .pack-product-quantity { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-refresh { margin-top: 1.25rem; } .social-sharing { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-top: 1.5rem; } .social-sharing ul { margin-bottom: 0; } .social-sharing li { display: inline-block; width: 2.5rem; height: 2.5rem; margin-left: 0.5rem; cursor: pointer; background-color: #fff; background-repeat: no-repeat; background-position: 0.25rem 0.25rem; background-size: 2rem 2rem; border-radius: 50%; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .social-sharing li a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: 100%; white-space: nowrap; } .social-sharing li a:hover { color: transparent; } .products-selection { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 25px; gap: 25px; -ms-flex-wrap: none; flex-wrap: nowrap; } .products-filters { padding: 60px 0; margin-bottom: 1.5rem; } .products-filters .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 30px; gap: 30px; -ms-flex-wrap: none; flex-wrap: nowrap; } .products-filters .container .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0; gap: 0; -ms-flex-wrap: none; flex-wrap: nowrap; } .products-filters .container .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0; gap: 0; -ms-flex-wrap: none; flex-wrap: nowrap; } @media (max-width: 991px) { .product-cover img { width: 100%; height: auto; } #product-modal .modal-content .modal-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 0; } #product-modal .modal-content .modal-body .arrows { display: none; } #product-modal .modal-content .modal-body .image-caption { width: 100%; } #blockcart-modal .modal-dialog { width: calc(100% - 20px); } #blockcart-modal .modal-body { padding: 1.875rem; } .product-images > li.thumb-container > .thumb:not(.selected) { border: none; } } @media (max-width: 767px) { #blockcart-modal .divide-right { border-right: none; } #blockcart-modal .modal-body { padding: 1rem; } } @media screen and (max-width: 1549px) { #product .product-container #content .pr { padding-right: 0; } } @media screen and (max-width: 1199px) { #product .product-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: 30px; gap: 30px; --gx: 0; } #product .product-container .s4-left { padding-left: 0; max-width: 100%; width: 100%; } #product .product-container .s4-left .s4-main-image .sticky-product-image { position: unset; top: unset; height: 100%; } #product .product-container .s4-left .s4-main-image .sticky-product-image .product-cover-container { height: 100%; } #product .product-container .s4-left .s4-main-image .sticky-product-image .product-cover-container a { height: 100%; } #product .product-container .s4-left .s4-main-image .sticky-product-image .product-cover-container a picture { height: 100%; } #product .product-container .s4-left .s4-main-image .sticky-product-image .product-cover-container a picture img { min-height: 400px; } #product .product-container .s4-right { max-width: 100%; width: 100%; } .products-filters { padding: 40px 0; } .products-filters .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; max-width: 100%; padding-left: 0; padding-right: 0; } .products-filters .container .left { display: block; min-width: 0; max-width: 100%; } .products-filters .container .right { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: calc(var(--gx) * 4); padding-right: calc(var(--gx) * 4); } } @media screen and (max-width: 991px) { #product .product-container .s4-left { -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } #product .product-container .s4-left:has(.s4-main-image) .s4-main-image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #product .product-container .s4-left:has(.s4-main-image) .s4-thumbnails { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #product .product-container .s4-left:has(.s4-main-image) .s4-thumbnails .product-thumbnails-container .product-thumbnails-list { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; } .products-filters { padding: 30px 0; } .products-filters .container .right { padding-left: calc(var(--gx) * 3); padding-right: calc(var(--gx) * 3); } } @media screen and (max-width: 767px) { .products-filters { padding: 20px 0; } .products-filters .container .right { padding-left: calc(var(--gx) * 2); padding-right: calc(var(--gx) * 2); } } @media screen and (max-width: 575px) { .badge-gravable { bottom: unset; top: 18px; } .products-filters .container .right { padding-left: var(--gx); padding-right: var(--gx); } } body .product-variants .select2-container { width: 100% !important; } body .product-variants .select2-container--default .select2-selection--single { height: 42px; border: 1px solid #d6d4d4; border-radius: 0; background-color: #fff; } body .product-variants .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; padding-left: 15px; padding-right: 30px; color: #232323; font-size: 14px; } body .product-variants .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; right: 8px; width: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .product-variants .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } body .product-variants .select2-container--default .select2-selection--single .select2-selection__arrow::after { content: ""; display: block; width: 10px; height: 10px; background-image: url(../css/553553423ab59e8a74d4.svg); background-size: contain; background-repeat: no-repeat; background-position: center; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; } body .product-variants .select2-container--default.select2-container--open .select2-selection--single { border-color: #1e2d43; } body .product-variants .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } body .product-variants .select2-container--default.select2-container--focus .select2-selection--single { outline: none; } body .product-variant-select2-dropdown { border: 1px solid #1e2d43; border-radius: 0; margin-top: -1px; max-height: 0; overflow: hidden; -webkit-animation: slideDown 0.25s ease forwards; animation: slideDown 0.25s ease forwards; z-index: 1001; } body .product-variant-select2-dropdown.select2-dropdown--above { -webkit-animation: slideDown 0.25s ease forwards; animation: slideDown 0.25s ease forwards; } body .product-variant-select2-dropdown .select2-results__option { padding: 8px 15px; font-size: 14px; } body .product-variant-select2-dropdown .select2-results__option--highlighted[aria-selected] { background-color: #1e2d43; color: #fff; } body .product-variant-select2-dropdown .select2-results__option .out-of-stock { color: #999; } body .product-variant-select2-dropdown .select2-search--dropdown { padding: 8px; } body .product-variant-select2-dropdown .select2-search--dropdown .select2-search__field { border: 1px solid #1e2d43; border-radius: 0; padding: 6px 12px; font-size: 14px; } body .product-variant-select2-dropdown .select2-search--dropdown .select2-search__field:focus { outline: none; } body .product-variant-select2-dropdown .select2-results__message { color: #7a7a7a; font-size: 13px; } @-webkit-keyframes slideDown { from { max-height: 0; } to { max-height: 500px; } } @keyframes slideDown { from { max-height: 0; } to { max-height: 500px; } } @media (max-width: 767px) { body .product-variants .select2-container--default .select2-selection--single { height: 38px; } body .product-variants .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px; font-size: 13px; } body .product-variants .select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px; } } #cart .alert { margin-bottom: 3rem; } #cart #wrapper { padding-top: 0; } .cart-grid { margin-bottom: 1rem; } .cart-items { margin-bottom: 0; } .cart-item { padding: 0.5rem 0; } .cart-item .product-line-grid { padding: 25px 15px; background-color: #f9f9f9; } .card-block { padding: 1.25rem 1.25rem 0.5rem; } .card-block.checkout { padding-top: 0; padding-bottom: 1.75rem; } .card-block.checkout .btn-primary { width: 100%; white-space: normal; } .card-block.cart-detailed-subtotals + .cart-summary-totals .cart-total { border-top: 1px solid #ddd; } .card-block.cart-summary-totals .cart-summary-line { padding: 0.5rem 0.2rem 0; } .card-block.cart-summary-totals .cart-summary-line:last-child { margin-bottom: 0; } .card-block.cart-summary-totals .cart-summary-line.cart-total { padding: 1rem 0; } .card-block.cart-summary-totals .cart-summary-line.cart-total .label, .card-block.cart-summary-totals .cart-summary-line.cart-total .value { font-weight: 700; } .card-block.cart-summary-totals .cart-summary-line.cart-total .label { font-size: 1rem; } .card-block.cart-summary-totals .cart-summary-line.cart-total .value { font-size: 1rem; } .card-block.cart-summary-totals .cart-summary-line span.sub { float: none; font-size: 0.88rem; text-align: left; } .cart-summary-line { margin-bottom: 0.315rem; clear: both; } .cart-summary-line::after { content: ""; display: table; clear: both; } .cart-summary-line:not(:last-child) { margin-bottom: 1rem; } .cart-summary-line .label { padding-left: 0; font-weight: 400; color: #363a42; white-space: inherit; } .cart-summary-line .value { float: right; font-weight: 600; color: #232323; } .cart-summary-line.cart-summary-subtotals .label, .cart-summary-line.cart-summary-subtotals .value { font-weight: 500; } .cart-summary-line .label, .cart-summary-line .value { font-size: 1rem; } /** CART BODY **/ .cart-grid-body { margin-top: 2rem; margin-bottom: 0.75rem; padding-right: 20px; } .cart-grid-body .cart-navigation-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 1rem; } .cart-grid-body .cart-navigation-buttons a.label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 0.9375rem; font-weight: 700; text-transform: uppercase; } .cart-grid-body .cart-navigation-buttons a.label i.material-icons { -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; margin-top: -3px; font-size: 28px; -webkit-transform: scaleY(0.7); transform: scaleY(0.7); } .cart-grid-body .cart-navigation-buttons a.label.cart-nav-back:hover i.material-icons { -webkit-transform: translateX(-3px) scaleY(0.7); transform: translateX(-3px) scaleY(0.7); } .cart-grid-body .cart-navigation-buttons a.label.cart-nav-next:hover i.material-icons { -webkit-transform: translateX(3px) scaleY(0.7); transform: translateX(3px) scaleY(0.7); } .cart-grid-body a.label:hover { color: #1e2d43; } .cart-grid-body .card-block { padding: 1rem; } .cart-grid-body .card-block h1 { margin-bottom: 0; font-size: 1.75rem; font-weight: 700; } .cart-grid-body .cart-overview { padding: 1rem; } #sidebar { padding: 0; } /** CART RIGHT **/ .cart-grid-right { padding: 115px 35px; background-color: #f6f8fb; bottom: 0 !important; } .cart-grid-right > * { max-width: 400px; margin-left: auto !important; margin-right: auto !important; } .cart-grid-right .card { background: unset; } .cart-grid-right .card .card-block { padding-left: 0; padding-right: 0; } .cart-grid-right h2 { font-size: 1.375rem; text-transform: uppercase; font-weight: 700; } .cart-grid-right .promo-discounts { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; text-align: center; } .cart-grid-right .promo-discounts .cart-summary-line .label { font-size: 1rem; color: #7a7a7a; } .cart-grid-right .promo-discounts .cart-summary-line .label .code { color: #f49d6e; cursor: pointer; } .cart-grid-right .cart-summary-line.cart-subtotal-products .label, .cart-grid-right .cart-summary-line.cart-subtotal-products .value { font-weight: 600; } .cart-grid-right .cart-summary-line.cart-subtotal-products .value { font-size: 1rem; } .block-promo { margin-bottom: 1rem; } .block-promo .promo-code { padding: 1rem 0; width: 100%; } .block-promo .promo-code .alert-danger { position: relative; display: none; margin-top: 0.75rem; color: #fff !important; background: #ff4c4c; } .block-promo .promo-code .alert-danger::after { position: absolute; bottom: 100%; left: 10%; width: 0; height: 0; margin-left: -10px; pointer-events: none; content: " "; border: solid transparent; border-width: 10px; border-bottom-color: #ff4c4c; } .block-promo .promo-code form { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0; gap: 0; -ms-flex-wrap: none; flex-wrap: nowrap; } .block-promo .promo-input { height: 3.4rem; color: #232323; text-indent: 1rem; border: 1px solid rgba(30, 45, 67, 0.13); width: 100%; } .block-promo .promo-input, .block-promo .promo-input:focus { outline: none; } .block-promo .promo-input::-webkit-input-placeholder { color: #000; opacity: 1; } .block-promo .promo-input::-moz-placeholder { color: #000; opacity: 1; } .block-promo .promo-input:-ms-input-placeholder { color: #000; opacity: 1; } .block-promo .promo-input::-ms-input-placeholder { color: #000; opacity: 1; } .block-promo .promo-input::placeholder { color: #000; opacity: 1; } .block-promo .promo-input + button { height: 3.4rem; padding: 0 1.3rem; outline: none; } .block-promo .cart-summary-line .label, .block-promo .promo-name { margin-bottom: 0; font-weight: 600; color: #ff9a52; } .block-promo .cart-summary-line .label a, .block-promo .promo-name a { display: inline-block; font-weight: 500; color: #232323; } .block-promo .promo-name .cart-summary-line .label { font-weight: 500; color: #363a42; } .block-promo .promo-name .cart-summary-line span { color: #1e2d43; } .block-promo .promo-name .material-icons { margin-left: 0.4rem; margin-top: -4px; font-size: 1.2rem; } .block-promo .promo-code-button { display: block; padding: 0 0 1rem; text-align: center; } .block-promo .promo-code-button.with-discounts { display: none; } .block-promo .promo-code-button.cancel-promo { margin-bottom: 0; color: #1e2d43; } .block-promo .promo-code-button.cancel-promo[aria-expanded="true"] { display: block; padding: 0; margin-top: 1rem; } .block-promo.promo-highlighted { padding: 0 1rem; margin-bottom: 0; text-align: center; } .block-promo p, .block-promo .page-content.page-cms ul, .page-content.page-cms .block-promo ul { margin-bottom: 0; } /** CONTENT LEFT **/ .product-line-grid-left img { max-width: 100%; mix-blend-mode: multiply; } /** CONTENT BODY **/ .product-line-grid-body > .product-line-info.product-price { margin-top: 1rem; } .product-line-grid-body > .product-line-info > .label { padding: 0; font-weight: 600; line-height: inherit; text-align: left; white-space: inherit; } .product-line-grid-body > .product-line-info > .out-of-stock { color: #f00; } .product-line-grid-body > .product-line-info > .available { color: #4cbb6c; } .product-line-grid-body > .product-line-info .unit-price-cart { overflow: hidden; font-size: 0.875rem; font-weight: 500; color: #7a7a7a; text-overflow: ellipsis; } /** CONTENT LEFT **/ .product-line-grid-right .cart-line-product-actions, .product-line-grid-right .product-price { line-height: 36px; color: #232323; } .product-line-grid-right .cart-line-product-actions .remove-from-cart, .product-line-grid-right .product-price .remove-from-cart { display: inline-block; margin-top: 0.3125rem; color: #232323; } /*** Responsive part ***/ @media (max-width: 767px) { .product-line-grid-body { margin-bottom: 1rem; } } @media (max-width: 575px) { .cart-items { padding: 1rem 0; } .cart-item { border-bottom: 1px solid #f9f9f9; } .cart-item:last-child { border-bottom: 0; } .cart-grid-body .cart-overview { padding: 0; } .cart-grid-body .no-items { display: inline-block; padding: 1rem; } .product-line-grid-left { padding-right: 0 !important; } } @media (max-width: 360px) { .product-line-grid-right .qty { width: 100%; } .product-line-grid-right .price { width: 100%; } } div.blockreassurance { padding-top: clamp(40px, 3vw, 60px); padding-bottom: clamp(60px, 4vw, 100px); } div.blockreassurance h3 { padding-bottom: clamp(40px, 4vw, 80px); margin-bottom: 0; text-align: center; width: 100%; } div.blockreassurance .block-item .block-icon { margin-bottom: 10px; } div.blockreassurance .block-item .block-title { font-size: 1.25rem; line-height: 1.2; font-weight: 600; margin-bottom: 20px; padding-left: 20px; padding-right: 20px; } div.blockreassurance .block-item .block-description { font-size: 0.9375rem; max-width: 350px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } div.blockreassurance .block-icon, div.blockreassurance .block-icon img, div.blockreassurance .block-icon svg { height: 70px; max-width: 50px; margin: 0 auto; } @media (max-width: 575px) { div.blockreassurance .block-title:first-of-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: unset; max-width: 100%; padding-top: 0; } div.blockreassurance .block-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } div.blockreassurance .block-items .block-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } div.blockreassurance .block-items .block-item .block-icon { margin-bottom: 0; } div.blockreassurance .block-items .block-item .block-title { padding-top: 0; margin-bottom: 10px; text-align: center; text-wrap: pretty; height: unset; } div.blockreassurance .block-items .block-item .block-description { max-width: none; text-align: center; } } /** * Filter Panel - Sidebar pour les filtres de produits */ #search_filters_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.25); backdrop-filter: blur(2px); z-index: 1999; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease; } #search_filters_overlay.active { opacity: 1; visibility: visible; } #search_filters_wrapper.filter-panel { position: fixed; top: 0; left: 0; width: 100%; max-width: 700px; height: 100vh; background-color: #fff; z-index: 2000; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; overflow-y: auto; -webkit-box-shadow: 0 3px 60px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 60px rgba(0, 0, 0, 0.1); margin: 0; z-index: 99999; } #search_filters_wrapper.filter-panel.active { -webkit-transform: translateX(0); transform: translateX(0); } #search_filters_wrapper.filter-panel #search_filter_controls { position: sticky; top: 0; left: 0; height: 50px; width: 100%; z-index: 10; background: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0; gap: 0; -ms-flex-wrap: none; flex-wrap: nowrap; padding: 25px 25px 0 0; } #search_filters_wrapper.filter-panel #search_filter_controls .filter-panel-close { margin-left: auto; background: none; border: none; font-size: 0.9375rem; font-weight: 700; cursor: pointer; padding: 0; color: #1e2d43; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: underline; text-transform: uppercase; outline: none; } #search_filters_wrapper.filter-panel #search_filter_controls .filter-panel-close:hover { text-decoration: none; } #search_filters_wrapper.filter-panel #search_filters { padding: 0; margin-bottom: 0; background: #fff; padding: 0 65px 65px 65px; } #search_filters_wrapper.filter-panel #search_filters .filters-header { position: sticky; top: 50px; background: #fff; z-index: 10; padding-bottom: 20px; } #search_filters_wrapper.filter-panel #search_filters .filters-header .active-filters { margin-top: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: 15px; gap: 15px; -ms-flex-wrap: none; flex-wrap: nowrap; } #search_filters_wrapper.filter-panel #search_filters .filters-header .active-filters .top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 30px; gap: 30px; -ms-flex-wrap: none; flex-wrap: nowrap; width: 100%; } #search_filters_wrapper.filter-panel #search_filters .filters-header .active-filters .top .title { font-size: 0.875rem; text-transform: uppercase; font-weight: 600; color: rgba(0, 0, 0, 0.2); } #search_filters_wrapper.filter-panel #search_filters .filters-header .active-filters .top .js-search-filters-clear-all { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0px; gap: 0px; -ms-flex-wrap: none; flex-wrap: nowrap; font-size: 0.875rem; font-weight: 400; cursor: pointer; color: rgba(0, 0, 0, 0.25); -webkit-transition: color 0.2s ease; transition: color 0.2s ease; border: none; background: none; padding: 0; outline: none; } #search_filters_wrapper.filter-panel #search_filters .filters-header .active-filters .top .js-search-filters-clear-all span { text-decoration: underline; } #search_filters_wrapper.filter-panel #search_filters .filters-header .active-filters .top .js-search-filters-clear-all i { font-size: 1em; margin-right: 5px; margin-bottom: 2px; } #search_filters_wrapper.filter-panel #search_filters .filters-header .active-filters .top .js-search-filters-clear-all:hover { color: #1e2d43; } #search_filters_wrapper.filter-panel #search_filters .filters-header .active-filters .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 11px; gap: 11px; -ms-flex-wrap: wrap; flex-wrap: wrap; } #search_filters_wrapper.filter-panel #search_filters .filters-header .active-filters .bottom a { display: block; background-color: #f9f9f9; border-radius: 1000px; padding: 14px 16px 12px 16px; color: #1e2d43; font-size: 0.8125rem; font-weight: 500; cursor: pointer; } #search_filters_wrapper.filter-panel #search_filters .filters-header .active-filters .bottom a .filter-tag i { margin-left: 6px; font-size: 1.4em; font-weight: 800; color: rgba(0, 0, 0, 0.2); margin-bottom: 2px; } #search_filters_wrapper.filter-panel #search_filters .facet-item { border-bottom: 1px solid rgba(0, 0, 0, 0.25); overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; padding-top: 0; } #search_filters_wrapper.filter-panel #search_filters .facet-item .facet-question { padding: 16px 0; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } #search_filters_wrapper.filter-panel #search_filters .facet-item .facet-question::before { content: ""; position: absolute; right: 0; height: 24px; width: 24px; min-width: 24px; background: url(../css/09e336e15e58be59425b.svg) no-repeat center; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.6, 1); transition: all 0.35s cubic-bezier(0.4, 0, 0.6, 1); } #search_filters_wrapper.filter-panel #search_filters .facet-item .facet-question::after { content: ""; height: 24px; width: 24px; min-width: 24px; background: url(../css/09e336e15e58be59425b.svg) no-repeat center; -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.6, 1); transition: all 0.35s cubic-bezier(0.4, 0, 0.6, 1); } #search_filters_wrapper.filter-panel #search_filters .facet-item .facet-question .facet-question-text { margin: 0; padding-top: 2px; font-size: 1.25rem; font-weight: 600; color: #000; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #search_filters_wrapper.filter-panel #search_filters .facet-item .facet-answer { display: none; } #search_filters_wrapper.filter-panel #search_filters .facet-item .facet-answer ul .facet-label a { width: auto; } #search_filters_wrapper.filter-panel #search_filters .facet-item.active .facet-question::before { -webkit-transform: rotate(-90deg) scaleX(0); transform: rotate(-90deg) scaleX(0); } #search_filters_wrapper.filter-panel #search_filters .facet-item.active .facet-question::after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } #search_filter_toggler { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5rem; } #search_filter_toggler .material-icons { font-size: 1.25rem; } #search_filter_toggler .filter-count-badge { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0px; gap: 0px; -ms-flex-wrap: none; flex-wrap: nowrap; min-width: 17px; height: 17px; padding: 3px 0 0 0; margin-left: 4px; margin-top: -1px; font-size: 0.75rem; font-weight: 700; line-height: 1; color: #1e2d43; background-color: #fff; border-radius: 50%; } body.filter-panel-open { overflow: hidden; } @media screen and (max-width: 575px) { #search_filters_wrapper.filter-panel { max-width: 100%; } } .quickview .modal-dialog { width: calc(100% - 30px); max-width: 64rem; } .quickview .modal-content { width: 100%; min-height: 28.13rem; background: #f9f9f9; } .quickview .modal-header { padding: 0.625rem; border: none; } .quickview .modal-body { min-height: 23.75rem; } .quickview .modal-footer { border-top: 1px solid rgba(122, 122, 122, 0.3); } .quickview .layer { display: none; } .quickview .product-cover img { width: 100%; height: auto; } .quickview .images-container { z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 21.88rem; } .quickview .images-container .product-images > li.thumb-container .thumb { width: 100%; max-width: 4.938rem; height: auto; margin-bottom: 0.8125rem; background: #fff; } .quickview .mask { width: 35%; max-height: 22.5rem; margin-left: 0.625rem; overflow: hidden; } .quickview .arrows { position: absolute; top: 0; right: 5rem; bottom: 0; z-index: 0; max-height: 22.5rem; } .quickview .arrows .arrow-up { margin-top: -3.125rem; cursor: pointer; opacity: 0.2; } .quickview .arrows .arrow-down { position: absolute; bottom: -1.875rem; cursor: pointer; } .quickview .social-sharing { margin-top: 0; margin-left: 2.5rem; } #stores { /* STORE SCHEDULE */ } #stores h1 { text-transform: uppercase; } #stores .store-department-filter .department-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 30px; gap: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; } #stores .store-department-filter .department-links .department-link { font-size: 0.9375rem; font-weight: 500; color: #000; text-decoration: none; text-transform: uppercase; } #stores .store-department-filter .department-links .department-link:hover, #stores .store-department-filter .department-links .department-link.active { text-decoration: underline; } #stores .status-indicator { width: 10px; min-width: 10px; height: 10px; border-radius: 50%; margin-bottom: 1px; display: inline-block; } #stores .status-indicator.status-open { background-color: #4caf50; } #stores .status-indicator.status-closed { background-color: #f44336; } #stores .status-indicator.status-holiday { background-color: #ffc107; } #stores .status-indicator.status-opens-later { background-color: #ffc107; } #stores .store-schedule-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 10px; gap: 10px; -ms-flex-wrap: none; flex-wrap: nowrap; width: 100%; background: none; border: none; padding: 0; font-size: 1rem; font-weight: 600; color: #000; cursor: pointer; text-align: left; outline: none; } #stores .store-schedule-toggle i.material-icons { -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } #stores .store-schedule-toggle.active i.material-icons { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #stores .store-schedule-content { width: 100%; } #stores .store-schedule-content .store-schedule-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 30px; gap: 30px; -ms-flex-wrap: none; flex-wrap: nowrap; } #stores .store-schedule-content .store-schedule-wrapper .schedule-table { width: 100%; font-size: 0.75rem; -webkit-box-flex: 0; -ms-flex: 0 0 calc(60% - 15px); flex: 0 0 calc(60% - 15px); width: calc(60% - 15px); max-width: calc(60% - 15px); color: rgba(0, 0, 0, 0.5); } #stores .store-schedule-content .store-schedule-wrapper .schedule-table th { padding: 3px 0; text-align: left; width: 35%; font-weight: 300; } #stores .store-schedule-content .store-schedule-wrapper .schedule-table td { font-weight: 300; padding: 3px 0; text-align: right; } #stores .store-schedule-content .store-schedule-wrapper .schedule-special { -webkit-box-flex: 0; -ms-flex: 0 0 calc(40% - 15px); flex: 0 0 calc(40% - 15px); width: calc(40% - 15px); max-width: calc(40% - 15px); font-size: 0.75rem; color: #1e2d43; font-weight: 300; } #stores .store-card-schedule { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 10px 30px; gap: 10px 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 15px; padding-bottom: 10px; border-bottom: 0.5px solid rgba(0, 0, 0, 0.5); } #stores .store-card-schedule .store-schedule-toggle { -webkit-box-flex: 0; -ms-flex: 0 0 calc(60% - 15px); flex: 0 0 calc(60% - 15px); width: calc(60% - 15px); max-width: calc(60% - 15px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 10px; gap: 10px; -ms-flex-wrap: none; flex-wrap: nowrap; width: 100%; background: none; border: none; padding: 0; font-size: 1rem; font-weight: 600; color: #000; cursor: pointer; text-align: left; outline: none; } #stores .store-card-schedule .store-schedule-toggle i.material-icons { -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } #stores .store-card-schedule .store-schedule-toggle.active i.material-icons { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #stores .store-card-schedule .schedule-status { -webkit-box-flex: 0; -ms-flex: 0 0 calc(40% - 15px); flex: 0 0 calc(40% - 15px); width: calc(40% - 15px); max-width: calc(40% - 15px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 8px; gap: 8px; -ms-flex-wrap: none; flex-wrap: nowrap; } #stores .store-card-schedule .schedule-status span { font-size: 0.875rem; color: #666; } #stores .store-card-schedule .store-schedule-content { width: 100%; } #stores .store-card-schedule .store-schedule-content .store-schedule-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 30px; gap: 30px; -ms-flex-wrap: none; flex-wrap: nowrap; } #stores .store-card-schedule .store-schedule-content .store-schedule-wrapper .schedule-table { width: 100%; font-size: 0.75rem; -webkit-box-flex: 0; -ms-flex: 0 0 calc(60% - 15px); flex: 0 0 calc(60% - 15px); width: calc(60% - 15px); max-width: calc(60% - 15px); color: rgba(0, 0, 0, 0.5); } #stores .store-card-schedule .store-schedule-content .store-schedule-wrapper .schedule-table th { padding: 3px 0; text-align: left; width: 35%; font-weight: 300; } #stores .store-card-schedule .store-schedule-content .store-schedule-wrapper .schedule-table td { font-weight: 300; padding: 3px 0; text-align: right; } #stores .store-card-schedule .store-schedule-content .store-schedule-wrapper .schedule-special { -webkit-box-flex: 0; -ms-flex: 0 0 calc(40% - 15px); flex: 0 0 calc(40% - 15px); width: calc(40% - 15px); max-width: calc(40% - 15px); font-size: 0.75rem; color: #1e2d43; font-weight: 300; } #stores .store-item { padding: 0.75rem; margin: 0; } #stores .store-item .store-picture { width: 100%; } #stores .store-item .store-picture img { aspect-ratio: 700/468; max-height: 350px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center bottom; object-position: center bottom; } #stores .store-item .store-item-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: 0; gap: 0; -ms-flex-wrap: none; flex-wrap: nowrap; text-align: center; height: 100%; } #stores .store-item .store-item-container .store-description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: 15px; gap: 15px; -ms-flex-wrap: none; flex-wrap: nowrap; padding: 40px 20px; background-color: #f9f9f9; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #stores .store-item .store-item-container .store-description .store-department { font-size: 1rem; font-weight: 500; color: rgba(0, 0, 0, 0.5); text-transform: uppercase; margin: 0; } #stores .store-item .store-item-container .store-description .status-text { color: rgba(0, 0, 0, 0.5); } #stores .store-item .store-item-container .store-description address a { font-size: 0.875rem; text-decoration: underline; color: rgba(0, 0, 0, 0.5); } #stores .store-item .store-item-container .store-description .store-schedule-toggle { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #stores .store-item .store-item-container .store-description .schedule-special { text-align: left; } #stores .store-item .store-item-container .store-description .store-card-phone-link { text-decoration: underline; color: #000; } /*** Responsive part ***/ @media (max-width: 767px) { #stores .store-department-filter .department-links { gap: 15px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 5px; } #stores .store-department-filter .department-links .department-link { white-space: nowrap; font-size: 0.75rem; } #stores .store-list .store-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #stores .store-list .store-item .store-picture img { max-height: 250px; } #stores .store-schedule-content .store-schedule-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } #stores .store-schedule-content .store-schedule-wrapper .schedule-table, #stores .store-schedule-content .store-schedule-wrapper .schedule-special { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; } #stores .store-card-schedule { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } #stores .store-card-schedule .store-schedule-toggle, #stores .store-card-schedule .schedule-status { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; } #stores .store-item-container { padding: 1rem 0; } #stores .store-item-container .store-description { padding: 25px 15px; } } @media (max-width: 575px) { #stores .store-item-container { display: block; } #stores .store-item-container .divide-left { border-left: none; } #stores .store-item-container .store-description a { margin-bottom: 0.5rem; } #stores .store-item-container .store-description address { margin-bottom: 0.5rem; } #stores .store-item-footer { display: block; } #stores .store-item-footer.divide-top { border-top: #f9f9f9 1px solid; } #stores .store-item-footer li { margin-bottom: 0.625rem; } #stores .store-item-footer .card-block { padding: 0.75rem 0.75rem 0; } } /** * Stores Map Styles */ .stores-map-container { position: relative; height: calc(100vh - 281px); height: calc(100svh - 281px); width: 100%; } @media (max-width: 767px) { .stores-map-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; } } #stores-map { height: 100%; width: 100%; } @media (max-width: 767px) { #stores-map { height: 45vh; min-height: 280px; } } #stores-map:focus { outline: none; } #stores-info-panel { position: absolute; top: 20px; right: 20px; bottom: 20px; width: 640px; background: white; -webkit-box-shadow: 0 3px 60px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 60px rgba(0, 0, 0, 0.1); z-index: 1000; overflow-y: auto; overflow-x: hidden; -ms-scroll-chaining: none; overscroll-behavior: contain; } #stores-info-panel .stores-info-content { padding: 50px 60px 40px 60px; } #stores-info-panel .stores-info-content h1 { font-size: 1.875rem; font-weight: 600; margin-bottom: 25px; color: #000; text-transform: uppercase; } #stores-info-panel .stores-info-content .store-search { position: relative; margin-bottom: 30px; } #stores-info-panel .stores-info-content .store-search input { width: 100%; padding-left: 50px; background-image: url(../css/6db8664b5372ad506c34.svg); background-repeat: no-repeat; background-position: 20px center; background-size: 20px 20px; height: 50px; font-size: 1rem; } #stores-info-panel .stores-info-content .store-search input.autocomplete-open { border-radius: 25px 25px 0 0; } #stores-info-panel .stores-info-content .store-search gmp-place-autocomplete { width: 100%; } #stores-info-panel .stores-info-content .store-search gmp-place-autocomplete input { width: 100%; padding-left: 50px; background-image: url(../css/6db8664b5372ad506c34.svg); background-repeat: no-repeat; background-position: 20px center; background-size: 20px 20px; height: 50px; font-size: 1rem; border: 1px solid #ddd; border-radius: 4px; } #stores-info-panel .stores-info-content .stores-count { margin: 1rem 0; color: #666; font-size: 0.875rem; } #stores-info-panel .stores-info-content .stores-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; margin-top: 20px; } #stores-info-panel .stores-info-content .store-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: 20px; gap: 20px; -ms-flex-wrap: none; flex-wrap: nowrap; overflow: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #f9f9f9; padding: 20px; } #stores-info-panel .stores-info-content .store-card .store-card-image { width: 100%; height: 150px; overflow: hidden; } #stores-info-panel .stores-info-content .store-card .store-card-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } #stores-info-panel .stores-info-content .store-card .store-card-content { width: 100%; } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; gap: 10px; } #stores-info-panel .stores-info-content .store-card .store-card-content h3 { font-size: 1.25rem; font-weight: 600; margin: 0; color: #000; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #stores-info-panel .stores-info-content .store-card .store-card-content .store-distance { font-size: 0.875rem; font-weight: 600; color: #1e2d43; white-space: nowrap; -ms-flex-negative: 0; flex-shrink: 0; } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-coordinates { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 30px; gap: 30px; -ms-flex-wrap: none; flex-wrap: nowrap; } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-coordinates .store-card-address { -webkit-box-flex: 0; -ms-flex: 0 0 calc(60% - 15px); flex: 0 0 calc(60% - 15px); width: calc(60% - 15px); max-width: calc(60% - 15px); font-size: 0.875rem; color: rgba(0, 0, 0, 0.5); font-weight: 300; line-height: 1.4; margin-bottom: 8px; } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-coordinates .store-card-phone { -webkit-box-flex: 0; -ms-flex: 0 0 calc(40% - 15px); flex: 0 0 calc(40% - 15px); width: calc(40% - 15px); max-width: calc(40% - 15px); font-size: 0.875rem; color: #000; font-weight: 300; margin-bottom: 15px; } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-coordinates .store-card-phone .phone-note { display: block; font-size: 0.75rem; color: rgba(0, 0, 0, 0.5); font-style: italic; font-weight: 300; } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-coordinates .store-card-link { font-size: 0.875rem; font-weight: 500; color: #000; text-decoration: underline; } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-coordinates .store-card-link:hover { text-decoration: none; } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-schedule { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 10px 30px; gap: 10px 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 15px; padding-bottom: 10px; border-bottom: 0.5px solid rgba(0, 0, 0, 0.5); } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-schedule .store-schedule-toggle { -webkit-box-flex: 0; -ms-flex: 0 0 calc(60% - 15px); flex: 0 0 calc(60% - 15px); width: calc(60% - 15px); max-width: calc(60% - 15px); } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-schedule .schedule-status { -webkit-box-flex: 0; -ms-flex: 0 0 calc(40% - 15px); flex: 0 0 calc(40% - 15px); width: calc(40% - 15px); max-width: calc(40% - 15px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 8px; gap: 8px; -ms-flex-wrap: none; flex-wrap: nowrap; } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-schedule .schedule-status span { font-size: 0.875rem; color: #666; } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-more { display: inline-block; font-size: 1rem; color: rgba(0, 0, 0, 0.5); text-decoration: underline; padding-bottom: 10px; padding-top: 10px; } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-more:hover { text-decoration: none; } .store-marker img.store-marker-svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .store-cluster-inner { width: 45px; height: 45px; background-color: #1e2d43; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; font-weight: bold; color: white; } .leaflet-container a { color: #1e2d43; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 1px solid #1e2d43; } .leaflet-touch .leaflet-bar a { width: 40px; height: 40px; line-height: 40px; border-radius: 0; } .leaflet-bar { border-radius: 0; } /* GOOGLE AUTOCOMPLETE */ .pac-container { -webkit-box-shadow: none; box-shadow: none; background: #f9f9f9; border-top: none; padding: 0 47px 20px 47px; } .pac-container .pac-item { font-family: LeniaSans, sans-serif; font-size: 0.75rem; } .pac-container .pac-item .pac-icon-marker { display: none; } .pac-container .pac-item .pac-item-query { font-size: 0.875rem; } .pac-container .pac-item.pac-item-selected { background-color: #efefef; } @media screen and (max-width: 1199px) { #stores-info-panel { width: 530px; } #stores-info-panel .stores-info-content { padding-left: 40px; padding-right: 40px; } } @media screen and (max-width: 991px) { #stores-info-panel { width: 420px; } #stores-info-panel .stores-info-content { padding: 30px 25px; } } @media screen and (max-width: 767px) { #stores-info-panel { position: relative; top: auto; right: auto; bottom: auto; width: 100%; max-height: calc(55vh - 20px); -webkit-box-shadow: none; box-shadow: none; overflow-y: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; } #stores-info-panel .stores-info-content { padding: 20px 15px; } #stores-info-panel .stores-info-content h1 { font-size: 1.25rem; margin-bottom: 15px; } #stores-info-panel .stores-info-content .store-search { margin-bottom: 20px; } #stores-info-panel .stores-info-content .store-search input { height: 44px; font-size: 0.875rem; padding-left: 44px; background-position: 14px center; background-size: 18px 18px; } #stores-info-panel .stores-info-content .stores-list { gap: 20px; } #stores-info-panel .stores-info-content .store-card { padding: 15px; gap: 15px; } #stores-info-panel .stores-info-content .store-card .store-card-image { height: 120px; } #stores-info-panel .stores-info-content .store-card .store-card-content h3 { font-size: 1rem; } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-coordinates { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-coordinates .store-card-address, #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-coordinates .store-card-phone { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; margin-bottom: 0; } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-schedule { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-schedule .store-schedule-toggle, #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-schedule .schedule-status { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-schedule .store-schedule-content .store-schedule-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-schedule .store-schedule-content .store-schedule-wrapper .schedule-table, #stores-info-panel .stores-info-content .store-card .store-card-content .store-card-schedule .store-schedule-content .store-schedule-wrapper .schedule-special { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; } } #footer { margin-top: 2.5rem; } body.page-customer-account #footer, body#my-account #footer { background-color: #f9f9f9; } .footer-container { background-color: #1e2d43; padding-top: clamp(50px, 5vw, 95px); overflow: hidden; } .footer-container .row { --gx: 50px; } .footer-container .h3, .footer-container .h4 { margin-bottom: 1rem; } .footer-container .h3, .footer-container .h3 a, .footer-container .h4, .footer-container .h4 a { color: rgba(255, 255, 255, 0.38) !important; font-size: 1.5625rem !important; font-weight: 500; text-transform: none !important; } .footer-container .links li { margin-bottom: 0.3125rem; } .footer-container .links a { font-size: 0.9375rem; color: #fff; cursor: pointer; } .footer-container .links a:hover { color: #bfa3a9; } .footer-container #contact-infos { font-size: 0.9375rem; color: #fff; } .footer-container .footer-logo { margin-bottom: clamp(30px, 2vw, 40px); } .footer-container .footer-seo { margin-bottom: clamp(35px, 3.6vw, 70px); } .footer-container .footer-seo p, .footer-container .footer-seo .page-content.page-cms ul, .page-content.page-cms .footer-container .footer-seo ul { font-size: 0.9375rem; color: #fff; font-weight: 300; } .footer-container .footer-seo p strong, .footer-container .footer-seo .page-content.page-cms ul strong, .page-content.page-cms .footer-container .footer-seo ul strong { font-weight: 600; } .footer-container .footer-seo p a, .footer-container .footer-seo .page-content.page-cms ul a, .page-content.page-cms .footer-container .footer-seo ul a { color: white; text-decoration: underline; } .footer-container .footer-columns { margin-bottom: clamp(50px, 5vw, 100px); } .footer-container .footer-columns .footer-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: clamp(25px, 2.5vw, 50px); gap: clamp(25px, 2.5vw, 50px); -ms-flex-wrap: none; flex-wrap: nowrap; } .footer-container .footer-columns #footer-column-1 .h3, .footer-container .footer-columns #footer-column-1 .h4 { margin-bottom: 13px; } .footer-container .footer-columns #footer-column-1 .h3, .footer-container .footer-columns #footer-column-1 .h3 a, .footer-container .footer-columns #footer-column-1 .h4, .footer-container .footer-columns #footer-column-1 .h4 a { color: #fff !important; font-size: 0.9375rem !important; font-weight: 700; text-transform: uppercase !important; } .copyright { font-size: 0.875rem; color: #fff; margin-bottom: 24px; } .copyright a { color: #fff; } .copyright a:hover { color: #bfa3a9; } /*******************************/ /***** OLD ****/ /*******************************/ #blockEmailSubscription_displayFooterBefore { float: inherit; width: 100%; margin: auto; } .linklist .blockcms-title a { color: #232323; } .account-list a { color: #fff; } .account-list a:hover { color: #bfa3a9; } .block-social ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 20px; gap: 20px; -ms-flex-wrap: none; flex-wrap: nowrap; } .block-social ul li { display: inline-block; cursor: pointer; background-repeat: no-repeat; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .block-social ul li:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); } .block-social ul li a { display: block; height: 100%; overflow: hidden; text-indent: 100%; white-space: nowrap; } .block-social ul li a:hover { color: transparent; } .facebook { background-image: url(../css/b9f48793194e906284ee.svg); width: 13px; height: 24px; } .linkedin { background-image: url(../css/e735459df3427df731bc.svg); width: 20px; height: 19px; } .instagram { background-image: url(../css/bf5000b87d67d87147b8.svg); width: 22px; height: 22px; } @media (max-width: 767px) { .footer-container { margin-top: 0; -webkit-box-shadow: none; box-shadow: none; } .footer-container .wrapper { /* stylelint-disable */ padding-right: 0 !important; padding-left: 0 !important; /* stylelint-enable */ } } @media screen and (max-width: 992px) { #footer .footer-container .footer-logo .img-fluid, #footer .footer-container .footer-logo .carousel-inner > .carousel-item > img, #footer .footer-container .footer-logo .carousel-inner > .carousel-item > a > img { max-width: 250px; } } @media screen and (max-width: 575px) { #footer .footer-container .footer-logo .img-fluid, #footer .footer-container .footer-logo .carousel-inner > .carousel-item > img, #footer .footer-container .footer-logo .carousel-inner > .carousel-item > a > img { max-width: 200px; } } .contact-rich { color: #000; word-wrap: break-word; } .contact-rich h4 { margin-bottom: 2rem; text-transform: uppercase; } .contact-rich .block { height: auto; overflow: hidden; } .contact-rich .block .icon { float: left; width: 3.5rem; color: #232323; } .contact-rich .block .icon i { font-size: 1.7rem; } .contact-rich .block .data { width: auto; overflow: hidden; font-size: 0.875rem; } .contact-rich .block a[href^="mailto:"] { margin-top: 1rem; clear: both; font-size: 0.875rem; } .contact-form { width: 100%; color: #7a7a7a; background: #fff; } .contact-form h3 { color: #000; text-transform: uppercase; } @media screen and (min-width: 768px) { .contact-form label { text-align: left; } } @media screen and (min-width: 1200px) { .contact-form label { text-align: right; } } select#id_contact { height: 48px; padding-left: 20px; padding-top: 2px; } #products #main .page-header, #pagenotfound #main .page-header { margin: 2rem 0 3rem; } #products #main .page-content, #pagenotfound #main .page-content { margin-bottom: 10rem; } #products .page-not-found, #pagenotfound .page-not-found { max-width: 570px; padding: 1rem; margin: 0 auto; overflow: auto; font-size: 0.875rem; color: #7a7a7a; background: #fff; } #products .page-not-found h4, #pagenotfound .page-not-found h4 { margin: 0.5rem 0 1rem; font-size: 1rem; font-weight: 700; } #products .page-not-found .search-widget, #pagenotfound .page-not-found .search-widget { float: none; } #products .page-not-found .search-widget input, #pagenotfound .page-not-found .search-widget input { width: 100%; } .customization-modal .modal-content { border: 1px solid #f6f6f6; border-radius: 0; } .customization-modal .modal-content .modal-body { padding-top: 0; } .customization-modal .modal-content .modal-body .product-customization-line { padding-top: 0.9375rem; padding-bottom: 0.9375rem; border-bottom: 1px solid #f6f6f6; } .customization-modal .modal-content .modal-body .product-customization-line .label { font-weight: 600; text-align: right; } .customization-modal .modal-content .modal-body .product-customization-line .value { word-wrap: break-word; } .customization-modal .modal-content .modal-body .product-customization-line:last-child { padding-bottom: 0; border-bottom: 0; } .sitemap-title { text-transform: capitalize; } .sitemap { margin-top: 0.9375rem; } .sitemap h2 { width: 100%; height: 35px; font-size: 1.1rem; font-weight: 600; color: #232323; text-transform: uppercase; border-bottom: 1px solid #7a7a7a; } .sitemap ul { margin-top: 20px; } .sitemap ul.nested { margin-left: 20px; } .sitemap ul li { margin-bottom: 1rem; font-size: 0.9rem; } .sitemap-masonry { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; margin-top: 60px; } .sitemap-masonry .sitemap-group { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; margin-bottom: 1.5rem; } @media (max-width: 1199px) { .sitemap-masonry { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media (max-width: 991px) { .sitemap-masonry { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (max-width: 767px) { .sitemap { margin-top: 0; } .sitemap-masonry { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .block_newsletter { float: inherit; width: 100%; max-width: 50rem; margin-bottom: 0.625rem; clear: both; font-size: 0.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: 0; gap: 0; -ms-flex-wrap: none; flex-wrap: nowrap; } .block_newsletter #block-newsletter-label { font-size: 1.3125rem; line-height: 1.75rem; color: #232323; } .block_newsletter form { width: 100%; } .block_newsletter form .input-wrapper { overflow: hidden; } .block_newsletter form .input-container { -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .block_newsletter form .row .col-xs-12:last-of-type p, .block_newsletter form .row .col-xs-12:last-of-type .page-content.page-cms ul, .page-content.page-cms .block_newsletter form .row .col-xs-12:last-of-type ul { font-size: 0.75rem; color: #7a7a7a; } .block_newsletter form .row .col-xs-12:first-of-type .btn-primary:first-of-type { margin-left: 0.5rem; } .block_newsletter form input[type="email"] { width: 100%; border: none; background: transparent; font-size: 1.1875rem; color: #fff; outline: 0; } .block_newsletter form input[type="email"]::-webkit-input-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.4); } .block_newsletter form input[type="email"]::-ms-input-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.4); } .block_newsletter form input[type="email"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.4); } .block_newsletter form input[type="email"]:-ms-input-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.4); } .block_newsletter form input[type="email"]::placeholder { opacity: 1; color: rgba(255, 255, 255, 0.4); } .block_newsletter form input[type="email"]:-webkit-autofill, .block_newsletter form input[type="email"]:-webkit-autofill:hover, .block_newsletter form input[type="email"]:-webkit-autofill:focus, .block_newsletter form input[type="email"]:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px transparent inset !important; -webkit-text-fill-color: #fff !important; background-color: transparent !important; background-image: none !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .block_newsletter form input[type="submit"] { color: #fff; background: transparent; border: none; font-size: 0.9375rem; text-decoration: underline; cursor: pointer; } .block_newsletter form input[type="submit"]:hover { color: #bfa3a9; } .block_newsletter form input { -webkit-box-shadow: none; box-shadow: none; } #footer .block_newsletter p, #footer .block_newsletter .page-content.page-cms ul, .page-content.page-cms #footer .block_newsletter ul { color: #fff; font-size: 0.9375rem; font-weight: 400; } #footer .block_newsletter #block-newsletter-label { padding-top: 0; } #left-column .block_newsletter { padding: 1.563rem 1.25rem; margin-bottom: 1.563rem; } @media (max-width: 767px) { .block_newsletter { padding-top: 1rem; } } #manufacturer #main.brands-list ul { margin-top: 30px; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 35px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } #manufacturer #main.brands-list ul .brand { position: relative; text-align: center; background: #fff; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } #manufacturer #main.brands-list ul .brand-infos a { display: inline-block; } #manufacturer #main.brands-list ul .brand-products { display: none; } #manufacturer #main.brands-list ul .brand-img { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; } #manufacturer #main.brands-list ul .brand-img a { display: block; width: 100%; height: 100%; } #manufacturer #main.brands-list ul .brand-img a::before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ""; } #manufacturer #main.brands-list ul .brand-img-wrapper { display: block; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } #manufacturer #main.brands-list ul .brand-img-wrapper img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } #manufacturer #main.brands-list ul .brand-img:hover .brand-img-wrapper { -webkit-transform: scale(1.05); transform: scale(1.05); } @media (max-width: 991px) { #manufacturer #main.brands-list ul { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; } } @media (max-width: 767px) { #manufacturer #main.brands-list ul { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; } } #header { position: fixed; top: 0; left: 0; right: 0; z-index: 1002; color: #7a7a7a; background: #fff; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11); } #header .s4-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 60px; gap: 60px; -ms-flex-wrap: none; flex-wrap: nowrap; width: 100%; } #header .s4-left #logo { width: 200px; max-width: 200px; -webkit-transition: max-width 0.3s ease-in-out; transition: max-width 0.3s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0; gap: 0; -ms-flex-wrap: none; flex-wrap: nowrap; } #header .s4-left #logo h1 { margin-bottom: 0; } #header .s4-left .seo-text { color: rgba(255, 255, 255, 0.38); font-size: 0.625rem; font-weight: 600; padding-top: 3px; line-height: 1.3; } #header a { color: #232323; } #header a:hover { color: #1e2d43; text-decoration: none; } #header .menu { display: inline-block; } #header .menu > ul > li { display: inline-block; } #header .header-nav { height: 95px; max-height: 95px; background-color: #1e2d43; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0px; gap: 0px; -ms-flex-wrap: none; flex-wrap: nowrap; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; } #header .header-nav::before { content: ""; position: absolute; inset: 0; background-image: url(../img/header_background.jpg); background-size: cover; background-position: center; mix-blend-mode: overlay; opacity: 0.5; pointer-events: none; } #header .header-nav .header-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0; gap: 0; -ms-flex-wrap: none; flex-wrap: nowrap; } #header .header-nav .header-main .s4-center { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition: unset; transition: unset; overflow: hidden; opacity: 0; max-width: 0; } #header .header-nav .container-fluid { width: 100%; padding-left: 40px; padding-right: 40px; -webkit-transition: padding-left 0.3s ease-in-out, padding-right 0.3s ease-in-out; transition: padding-left 0.3s ease-in-out, padding-right 0.3s ease-in-out; } #header .header-nav .header-icon { width: 24px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #header .header-nav #iqitmegamenu-horizontal #cbp-hrmenu > ul > li > a, #header .header-nav #iqitmegamenu-horizontal #cbp-hrmenu > ul > li > span.cbp-main-link { color: #fff; padding: 4px 17px 0 17px; line-height: 66px; } #header .header-nav #search_widget { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0; gap: 0; -ms-flex-wrap: none; flex-wrap: nowrap; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: hidden; } #header .header-nav #search_widget form { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #header .header-nav #search_widget form input, #header .header-nav #search_widget form img { -webkit-transition: all 0.3s ease-in-out, border-radius 0s; transition: all 0.3s ease-in-out, border-radius 0s; } #header .header-nav #menu-icon.burger { position: relative; height: 60px; width: 72px; cursor: pointer; z-index: 105; } #header .header-nav #menu-icon.burger span { display: block; position: absolute; top: 50%; left: 50%; height: 2px; width: 25px; background: #fff; -webkit-transition: background 0.3s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: background 0.3s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, opacity 0.2s ease-in-out; transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out; } #header .header-nav #menu-icon.burger span:nth-child(1) { -webkit-transform: translate(-50%, -300%); transform: translate(-50%, -300%); } #header .header-nav #menu-icon.burger span:nth-child(2) { -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } #header .header-nav #menu-icon.burger span:nth-child(3) { -webkit-transform: translate(-50%, 300%); transform: translate(-50%, 300%); } #header .header-nav #menu-icon.burger.open span { -webkit-transition: background 0.3s cubic-bezier(1, 0, 1, 1), opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: background 0.3s cubic-bezier(1, 0, 1, 1), opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, background 0.3s cubic-bezier(1, 0, 1, 1), opacity 0.3s ease-in-out; transition: transform 0.3s ease-in-out, background 0.3s cubic-bezier(1, 0, 1, 1), opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } #header .header-nav #menu-icon.burger.open span:nth-child(1) { -webkit-transform: translate(-50%, 0) rotate(45deg); transform: translate(-50%, 0) rotate(45deg); } #header .header-nav #menu-icon.burger.open span:nth-child(2) { -webkit-transform: translate(-200%, 0%); transform: translate(-200%, 0%); opacity: 0; } #header .header-nav #menu-icon.burger.open span:nth-child(3) { -webkit-transform: translate(-50%, 0) rotate(-45deg); transform: translate(-50%, 0) rotate(-45deg); } #header .header-nav .right-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0; gap: 0; -ms-flex-wrap: none; flex-wrap: nowrap; width: 100%; -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; } #header .header-nav .right-nav > * { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0px; gap: 0px; -ms-flex-wrap: none; flex-wrap: nowrap; } #header .header-nav .right-nav .header-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0px; gap: 0px; -ms-flex-wrap: none; flex-wrap: nowrap; } #header .header-nav .right-nav .header-links > * { white-space: nowrap; padding: 0.5rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #header .header-nav .right-nav .header-links a > img { width: 23px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #header .header-nav .currency-selector { margin-top: 0.9375rem; margin-left: 0.9375rem; white-space: nowrap; } #header .header-nav .language-selector { white-space: nowrap; } #header .header-nav .cart-preview.active a, #header .header-nav .cart-preview.active i { color: #fff; } #header .header-nav .cart-preview .shopping-cart { color: #7a7a7a; vertical-align: middle; } #header .header-nav .cart-preview .body { display: none; } #header .header-nav .blockcart { text-align: center; white-space: nowrap; } #header .header-nav .blockcart a { color: #7a7a7a; } #header .header-nav .blockcart a:hover { color: #1e2d43; } #header .header-nav .blockcart.active a:hover { color: #fff; } #header .header-nav .blockcart .cart-products-count { background: #fff; color: #000; font-size: 0.5rem; font-weight: 700; border-radius: 50%; position: absolute; padding-top: 0.5px; top: 16px; right: 12px; height: 15px; width: 15px; text-align: center; line-height: 15px; } #header .header-nav #_desktop_contact_link { display: inline-block; } #header .header-nav #_desktop_contact_link #contact-link { margin-top: 0.9375rem; } #header .header-nav .search-widget { margin-top: 0.2rem; } #header .header-nav .material-icons { line-height: inherit; } #header .header-nav .material-icons.expand-more { margin-left: -0.375rem; } #header .header-top { padding: 0; height: 50px; opacity: 1; -webkit-transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out; -webkit-transition-delay: 0s, 0.1s; transition-delay: 0s, 0.1s; } #header .header-top > .container { position: relative; } #header .header-top > .container > .row:first-of-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header .header-top .menu { padding-left: 15px; } #header .header-top .position-static { position: static; } #header .header-top a[data-depth="0"] { color: #7a7a7a; text-transform: uppercase; } #header .header-top .search-widget { float: right; } #header .header-top #cbp-hrmenu > ul > li > a, #header .header-top #cbp-hrmenu > ul > li > span.cbp-main-link { line-height: 44px; padding-top: 6px; font-size: 0.9375rem; } #header .top-menu-link { margin-left: 1.25rem; } #header .header-banner { background-color: black; height: 34px; max-height: 34px; -webkit-transition: max-height 0.3s ease-in-out, height 0.3s ease-in-out; transition: max-height 0.3s ease-in-out, height 0.3s ease-in-out; overflow: hidden; } #header.hidden .header-main .seo-text { display: none; } #header.hidden .header-main .s4-center { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; max-width: 1000px; overflow: visible; opacity: 1; } #header.hidden .header-banner { max-height: 0; height: 0; } #header.hidden #logo { max-width: 140px; } #header.hidden .header-nav { height: 70px; max-height: 70px; } #header.hidden .header-nav .s4-left { width: auto; } #header.hidden .header-nav .cbp-hrmenu .cbp-hrsub-inner { position: fixed; top: 70px; border-top: 0; } #header.hidden .header-nav #iqitmegamenu-horizontal #cbp-hrmenu > ul > li > a, #header.hidden .header-nav #iqitmegamenu-horizontal #cbp-hrmenu > ul > li > span.cbp-main-link { font-size: 0.875rem; } #header.hidden .header-nav #search_widget { margin-right: 2px; margin-left: 0; min-width: 0; } #header.hidden .header-nav #search_widget form { width: 30px; cursor: pointer; } #header.hidden .header-nav #search_widget form img { -webkit-filter: invert(1); filter: invert(1); left: 0; height: auto; width: 22px; margin-top: 2px; } #header.hidden .header-nav #search_widget form input { background: none; } #header.hidden .header-nav .right-nav { width: 190px; } #header.hidden .header-nav .right-nav .header-links > * { padding: 0.75rem 0.5rem; } #header.hidden .header-nav .right-nav .header-links a > img { width: 22px; } #header.hidden .header-nav .header-icon { width: 22px; } #header.hidden .header-top { height: 0; opacity: 0; overflow: hidden; } @media screen and (max-width: 1550px) { #header.hidden .header-nav .container-fluid { padding: 0 20px; } } @media screen and (max-width: 1500px) { #header .s4-left { width: auto; } #header .s4-left .seo-text { display: none; } #header.hidden .header-nav #iqitmegamenu-horizontal #cbp-hrmenu > ul > li > a, #header.hidden .header-nav #iqitmegamenu-horizontal #cbp-hrmenu > ul > li > span.cbp-main-link { font-size: 0.8125rem; padding-left: 10px; padding-right: 10px; } } @media screen and (max-width: 1399px) { #header.hidden .header-nav .container-fluid { padding: 0 40px; } #header.hidden .header-nav .header-main .s4-center { overflow: hidden; opacity: 0; max-width: 0; } #header.hidden .header-top { height: 36px; opacity: 1; overflow: initial; } #header.hidden .header-top #cbp-hrmenu > ul > li > a, #header.hidden .header-top #cbp-hrmenu > ul > li > span.cbp-main-link { line-height: 32px; padding-top: 4px; font-size: 0.75rem; } } @media screen and (max-width: 1199px) { #header .header-top #cbp-hrmenu > ul > li > a, #header .header-top #cbp-hrmenu > ul > li > span.cbp-main-link { font-size: 0.8125rem; padding-left: 12px; padding-right: 12px; } } @media screen and (max-width: 991px) { #header.hidden, #header { position: fixed; top: 0; left: 0; right: 0; z-index: 2000; } #header.hidden .header-nav, #header .header-nav { height: 60px; } #header.hidden .header-nav .container-fluid, #header .header-nav .container-fluid { padding: 0 15px 0 0; height: 100%; } #header.hidden .header-nav .container-fluid > .row, #header .header-nav .container-fluid > .row { height: 100%; } #header.hidden .header-nav .container-fluid > .row .header-main, #header .header-nav .container-fluid > .row .header-main { height: 100%; } #header.hidden .header-nav #search_widget, #header .header-nav #search_widget { margin-right: 2px; margin-left: 0; min-width: 0; background: transparent; -webkit-transition: background 0s; transition: background 0s; } #header.hidden .header-nav #search_widget form, #header .header-nav #search_widget form { width: 30px; cursor: pointer; } #header.hidden .header-nav #search_widget form img, #header .header-nav #search_widget form img { -webkit-filter: invert(1); filter: invert(1); left: 4px; height: auto; width: 22px; } #header.hidden .header-nav #search_widget form input, #header .header-nav #search_widget form input { background: none; } #header.hidden .header-nav .right-nav .header-links .s4-stores-link a > img, #header .header-nav .right-nav .header-links .s4-stores-link a > img { width: 20px; } #header.hidden .header-nav .right-nav .header-links .user-info a > img, #header .header-nav .right-nav .header-links .user-info a > img { width: 20px; } #header.hidden .header-banner, #header .header-banner { height: 26px; max-height: 26px; } #header.hidden .header-banner #bannerslider, #header .header-banner #bannerslider { padding: 4px 15px 2px; } #header.hidden .header-banner #bannerslider p, #header.hidden .header-banner #bannerslider .page-content.page-cms ul, .page-content.page-cms #header.hidden .header-banner #bannerslider ul, #header .header-banner #bannerslider p, #header .header-banner #bannerslider .page-content.page-cms ul, .page-content.page-cms #header .header-banner #bannerslider ul { font-size: 0.625rem; } #header.hidden .s4-left, #header .s4-left { grid-gap: 10px; gap: 10px; } #header.hidden .s4-left #logo, #header .s4-left #logo { width: 150px; max-width: 150px; } #header.hidden .header-top, #header .header-top { display: none; } #header.search-open .header-nav { overflow: visible; } #header.search-open .header-nav #search_widget { height: 60px; width: calc(100% + 10px); position: absolute; top: 100%; left: 0; right: 0; z-index: 2100; margin: 0; padding: 10px; background: #fff; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header.search-open .header-nav #search_widget form { width: calc(100% - 20px); cursor: default; } #header.search-open .header-nav #search_widget form img.search-icon { -webkit-filter: none; filter: none; left: 20px; width: 19px; } #header.search-open .header-nav #search_widget form input { width: 100%; opacity: 1; pointer-events: auto; padding: 13px 40px 10px 57px; background-color: #f9f9f9; border-radius: 21.5px; -webkit-transition: 0; transition: 0; } #header.search-open .header-nav #search_widget form i.clear { display: block; left: auto; right: 15px; } } @media screen and (max-width: 767px) { #header .header-banner { height: 0; max-height: 0; } } @media screen and (max-width: 575px) { #header .header-nav .right-nav .header-links .s4-wishlist-link, #header .header-nav .right-nav .header-links .s4-stores-link { display: none; } #header.hidden .s4-left #logo, #header .s4-left #logo { max-width: 120px; width: 120px; } } @media screen and (max-width: 991px) { body { padding-top: 86px; } } @media screen and (max-width: 767px) { body { padding-top: 60px; } } #wrapper { padding-top: 1.563rem; margin-top: 179px; } #wrapper .banner { display: block; margin-bottom: 1.5rem; } #wrapper .breadcrumb { padding: 0; background: transparent; padding-left: calc(40px - (var(--gx) * 0.5)); margin-bottom: 3rem; position: relative; z-index: 1; } #wrapper .breadcrumb[data-depth="1"] { display: none; } #wrapper .breadcrumb ol { padding-left: 0; margin-bottom: 0; } #wrapper .breadcrumb li { display: inline; } #wrapper .breadcrumb li::after { margin: 0.3125rem; color: #7a7a7a; content: "/"; } #wrapper .breadcrumb li:last-child { margin: 0; font-weight: 600; content: "/"; } #wrapper .breadcrumb li:last-child::after { content: ""; } #wrapper .breadcrumb li a { color: #232323; text-decoration: underline; } @media (max-width: 991px) { #wrapper { margin-top: 0; } } .page-cms #wrapper { padding: 0; } .page-cms #wrapper .breadcrumb { padding-top: 1.563rem; } @media screen and (max-width: 767px) { #wrapper .breadcrumb { margin-bottom: 2rem; } } @media screen and (max-width: 575px) { #wrapper .breadcrumb { margin-bottom: 1.5rem; padding-left: calc(var(--gx) * 0.5); } } #main .page-header { margin-top: 50px; margin-bottom: 1.563rem; text-align: center; } #main .page-content h6 { margin-bottom: 1.125rem; } #main .page-content #notifications { margin-right: -15px; margin-left: -15px; } #main .page-footer { margin-bottom: 1.563rem; } #notifications ul { margin-bottom: 0; } .progress { background: #dbdbdb; } .progress-bar { height: 100%; -webkit-transition: 0.25s ease-out; transition: 0.25s ease-out; } .ets_solo_social span.ets_solo_social_btn { border-radius: 1000px; font-size: 0.9375rem; height: unset; padding: 20px 20px 17px 20px; border: 1px solid #dbdbdb; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .ets_solo_social span.ets_solo_social_btn i { padding-bottom: 3px; } .ets_solo_social span.ets_solo_social_btn:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); } body .cbp-hor-width-0 #iqitmegamenu-horizontal { margin: 0; padding: 0; background: none; } body .cbp-fade-slide-bottom .cbp-hrsub { margin-top: 0px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; left: 0; } body .cbp-fade-slide-bottom .cbp-hropen .cbp-hrsub { margin-top: 0px; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body .cbp-hrmenu .cbp-hrsub-inner, body .cbp-hrmenu ul.cbp-hrsub-level2, body .cbp-hrsub-haslevel3:hover > .cbp-category-link-w > ul { -webkit-box-shadow: 12px 30px 20px rgba(0, 0, 0, 0.15); box-shadow: 12px 30px 20px rgba(0, 0, 0, 0.15); } body .cbp-hrmenu > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0; gap: 0; -ms-flex-wrap: none; flex-wrap: nowrap; } body .cbp-hrmenu .cbp-tab-title { text-wrap: nowrap; } body .cbp-hrmenu .cbp-hrsub-inner { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; padding-left: 40px; } body .cbp-hrmenu .cbp-hrsub-inner::before, body .cbp-hrmenu .cbp-hrsub-inner::after { content: unset; } body .cbp-hrmenu .cbp-hrsub-inner .left { padding-top: 30px; padding-bottom: 100px; } body .cbp-hrmenu .cbp-hrsub-inner.has-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 20px; gap: 20px; -ms-flex-wrap: none; flex-wrap: nowrap; } body .cbp-hrmenu .cbp-hrsub-inner.has-image .left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: calc(70% - 10px); max-width: calc(70% - 10px); } body .cbp-hrmenu .cbp-hrsub-inner.has-image .right { -webkit-box-flex: 0; -ms-flex: 0 0 calc(30% - 10px); flex: 0 0 calc(30% - 10px); width: calc(30% - 10px); max-width: calc(30% - 10px); height: auto; position: relative; } body .cbp-hrmenu .cbp-hrsub-inner.has-image .right img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; position: absolute; inset: 0; } body .cbp-hrmenu .cbp-hrsub-inner > .row { margin-left: 10px; margin-right: 10px; } body .cbp-hrmenu .cbp-hrsub-inner > .row:last-child { margin-bottom: 20px; } body .cbp-hrmenu .cbp-hrsub-inner .submenu-title { font-size: 1.5625rem; font-weight: 600; margin-top: 50px; margin-bottom: 15px; color: #000; } body .cbp-hrmenu .cbp-hrsub-inner a, body .cbp-hrmenu .cbp-hrsub-inner a:link { font-size: 0.9375rem !important; line-height: 1.2 !important; color: #000000 !important; font-weight: 300 !important; } body .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, body .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { font-size: 0.875rem !important; line-height: 1.2 !important; color: #000 !important; text-transform: uppercase !important; font-weight: 700 !important; } body #iqitmegamenu-horizontal .cbp-hrmenu .cbp-links li { margin: 0 0 4px 0; } body #iqitmegamenu-horizontal ul.cbp-valinks-vertical { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0 6px; gap: 0 6px; -ms-flex-wrap: wrap; flex-wrap: wrap; } body #iqitmegamenu-horizontal ul.cbp-valinks-vertical li:not(:last-child) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 0px; gap: 0px; -ms-flex-wrap: none; flex-wrap: nowrap; } body #iqitmegamenu-horizontal ul.cbp-valinks-vertical li:not(:last-child)::after { content: "-"; margin-left: 5px; opacity: 0.5; } body #iqitmegamenu-mobile { display: none; } body.mobile-menu-open { overflow: hidden; position: fixed; width: 100%; } @media (max-width: 991px) { body .cbp-hrmenu { display: none; } } @media (min-width: 768px) { body .cbp-hrmenu { display: block; } } body #iqitmegamenu-mobile-content { position: relative; z-index: 999999; } body .cbp-spmenu-vertical.cbp-spmenu-left { width: 100%; height: 100%; top: 86px; left: -100%; -webkit-box-shadow: unset; box-shadow: unset; } body .cbp-spmenu-vertical.cbp-spmenu-left.cbp-spmenu-open { left: 0; } body .cbp-spmenu-overlay { top: 86px; } body .cbp-mobilesubmenu, body .cbp-spmenu-vertical a { border: none; } body .cbp-mobilesubmenu { position: relative; } body #iqitmegamenu-accordion > ul.mobile-submenu { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 10; margin: 0 !important; padding: 20px 10px !important; list-style: none; -webkit-box-shadow: none; box-shadow: none; } body #iqitmegamenu-accordion > ul.mobile-submenu.is-open { display: block; -webkit-animation: mobileSlideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards; animation: mobileSlideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards; } body #iqitmegamenu-accordion > ul.mobile-submenu.is-closing { display: block; -webkit-animation: mobileSlideOut 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards; animation: mobileSlideOut 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards; } body #iqitmegamenu-accordion > ul.mobile-submenu a { color: #000 !important; font-weight: 600 !important; font-size: 1.125rem !important; padding: 13px 15px !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-transform: uppercase !important; } @-webkit-keyframes mobileSlideIn { from { -webkit-transform: translateX(100%); transform: translateX(100%); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes mobileSlideIn { from { -webkit-transform: translateX(100%); transform: translateX(100%); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes mobileSlideOut { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes mobileSlideOut { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(100%); transform: translateX(100%); } } body #iqitmegamenu-accordion.cbp-spmenu { padding: 20px 10px; height: calc(100vh - 86px); height: calc(100dvh - 86px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } body #iqitmegamenu-accordion.cbp-spmenu li a:hover { -webkit-box-shadow: none !important; box-shadow: none !important; } body #iqitmegamenu-accordion .mobile-menu-footer { border-top: 1px solid #ddd; margin-top: auto; padding-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 40px; gap: 40px; -ms-flex-wrap: none; flex-wrap: nowrap; } body #iqitmegamenu-accordion .mobile-menu-footer a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 10px; gap: 10px; -ms-flex-wrap: none; flex-wrap: nowrap; padding: 0 !important; font-size: 0.875rem !important; font-weight: 600 !important; text-transform: uppercase !important; color: #000 !important; text-align: center; white-space: nowrap; } body #iqitmegamenu-accordion .mobile-menu-footer .mobile-menu-footer-icon { width: 18px; height: 18px; -webkit-filter: invert(1); filter: invert(1); } body #iqitmegamenu-accordion li.has-mobile-submenu { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } body #iqitmegamenu-accordion li.has-mobile-submenu > a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } body #iqitmegamenu-accordion li.has-mobile-submenu > .mobile-submenu-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; } body #iqitmegamenu-accordion li.has-mobile-submenu > .mobile-submenu-arrow i { font-size: 11px; } body #iqitmegamenu-accordion .mobile-submenu-back .mobile-back-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding: 13px 14px 10px 14px; background: #f6f8fb; border: none; font-size: 0.75rem; font-weight: 700; cursor: pointer; text-align: left; color: #000; text-transform: uppercase; margin: 10px 15px; } body #iqitmegamenu-accordion .mobile-submenu-back .mobile-back-btn i { font-size: 11px; } body #iqitmegamenu-accordion .mobile-submenu-seeall a { font-weight: 700 !important; text-transform: uppercase !important; } body #iqitmegamenu-accordion .mobile-submenu-header { padding: 10px 15px 14px; } body #iqitmegamenu-accordion .mobile-submenu-header .mobile-submenu-subtitle { display: block; font-size: 1rem; color: #ddd; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 20px; } body #iqitmegamenu-accordion .mobile-submenu-header .mobile-submenu-title { display: block; font-size: 1.875rem; font-weight: 700; color: #000; margin-top: 10px; margin-bottom: 20px; } @media screen and (max-width: 1549px) { body .cbp-hrmenu .cbp-hrsub-inner a, body .cbp-hrmenu .cbp-hrsub-inner a:link { font-size: 0.875rem !important; } body .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, body .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { font-size: 0.8125rem !important; } body .cbp-hrmenu .cbp-hrsub-inner.has-image .left { width: calc(75% - 10px); max-width: calc(75% - 10px); padding-bottom: 50px; } body .cbp-hrmenu .cbp-hrsub-inner.has-image .right { -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 10px); flex: 0 0 calc(25% - 10px); width: calc(25% - 10px); max-width: calc(25% - 10px); } body #iqitmegamenu-horizontal .cbp-hrmenu .cbp-links li { margin: 0 0 3px 0; } } @media screen and (max-width: 1399px) { body #iqitmegamenu-horizontal .cbp-hrmenu .cbp-links li { margin: 0 0 2px 0; } } @media screen and (max-width: 1199px) { body .cbp-hrmenu .cbp-hrsub-inner a, body .cbp-hrmenu .cbp-hrsub-inner a:link { font-size: 0.8125rem !important; } body .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, body .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { font-size: 0.75rem !important; } body .cbp-hrmenu .cbp-hrsub-inner.has-image { grid-gap: 10px; gap: 10px; } body .cbp-hrmenu .cbp-hrsub-inner.has-image .left { width: calc(80% - 5px); max-width: calc(80% - 5px); padding-top: 10px; padding-bottom: 30px; } body .cbp-hrmenu .cbp-hrsub-inner.has-image .right { -webkit-box-flex: 0; -ms-flex: 0 0 calc(20% - 5px); flex: 0 0 calc(20% - 5px); width: calc(20% - 5px); max-width: calc(20% - 5px); } body #iqitmegamenu-horizontal .cbp-hrmenu .cbp-links li { margin: 0; } } @media screen and (max-width: 767px) { body .cbp-spmenu-overlay, body .cbp-spmenu-vertical.cbp-spmenu-left { top: 60px; } body #iqitmegamenu-accordion.cbp-spmenu { height: calc(100vh - 60px); height: calc(100dvh - 60px); } } .wishlist-modal .modal-content { border: none; border-radius: 0; } .wishlist-modal .modal-content .wishlist-list .wishlist-list-item:hover { background: #f6f8fb; } .wishlist-modal .modal-content .wishlist-add-to-new i { color: #1e2d43; } .wishlist-modal .modal-content .modal-body .form-group .form-control { border-radius: 1000px; border: 1px solid #ddd; } .wishlist-container .page-content.card, .wishlist-products-container .page-content.card { -webkit-box-shadow: none !important; box-shadow: none !important; } .wishlist-container .wishlist-list-item-link, .wishlist-products-container .wishlist-list-item-link { padding-left: 0; padding-right: 0; } .wishlist-container .wishlist-list-item:hover p.wishlist-list-item-title, .wishlist-container .wishlist-list-item:hover .page-content.page-cms ul.wishlist-list-item-title, .page-content.page-cms .wishlist-container .wishlist-list-item:hover ul.wishlist-list-item-title, .wishlist-products-container .wishlist-list-item:hover p.wishlist-list-item-title, .wishlist-products-container .wishlist-list-item:hover .page-content.page-cms ul.wishlist-list-item-title, .page-content.page-cms .wishlist-products-container .wishlist-list-item:hover ul.wishlist-list-item-title { color: #1e2d43; } .wishlist-container .wishlist-add-to-new:hover, .wishlist-products-container .wishlist-add-to-new:hover { opacity: 1; } .wishlist-container .wishlist-list-item-right > button:hover, .wishlist-products-container .wishlist-list-item-right > button:hover { opacity: 1; } .wishlist-container .wishlist-list-item-right > button i, .wishlist-products-container .wishlist-list-item-right > button i { color: #1e2d43; } .wishlist-container .wishlist-list-empty, .wishlist-products-container .wishlist-list-empty { text-align: center; padding: 5rem 2rem; } .wishlist-container .wishlist-products-list, .wishlist-products-container .wishlist-products-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1.5rem; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .wishlist-container .wishlist-products-list .wishlist-products-item, .wishlist-products-container .wishlist-products-list .wishlist-products-item { margin: 0; margin-bottom: 20px; } .wishlist-container .wishlist-products-list .wishlist-products-item .wishlist-product-addtocart i, .wishlist-container .wishlist-products-list .wishlist-products-item .wishlist-product-combinations, .wishlist-products-container .wishlist-products-list .wishlist-products-item .wishlist-product-addtocart i, .wishlist-products-container .wishlist-products-list .wishlist-products-item .wishlist-product-combinations { display: none; } .wishlist-container .wishlist-products-list .wishlist-products-item .wishlist-product-addtocart, .wishlist-products-container .wishlist-products-list .wishlist-products-item .wishlist-product-addtocart { text-transform: uppercase; } .wishlist-container .wishlist-products-list .wishlist-products-item .wishlist-button-add, .wishlist-products-container .wishlist-products-list .wishlist-products-item .wishlist-button-add { background-color: #1e2d43; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .wishlist-container .wishlist-products-list .wishlist-products-item .wishlist-button-add, .wishlist-container .wishlist-products-list .wishlist-products-item .wishlist-button-add i, .wishlist-products-container .wishlist-products-list .wishlist-products-item .wishlist-button-add, .wishlist-products-container .wishlist-products-list .wishlist-products-item .wishlist-button-add i { color: #fff; } .wishlist-container .wishlist-products-list .wishlist-products-item .wishlist-button-add:hover, .wishlist-products-container .wishlist-products-list .wishlist-products-item .wishlist-button-add:hover { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } .wishlist-footer-links i { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin-top: -2px; } .wishlist-footer-links a:hover i { -webkit-transform: translateX(-2px); transform: translateX(-2px); } div.product-comments-additional-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: center; flex-direction: center; grid-gap: 12px; gap: 12px; -ms-flex-wrap: none; flex-wrap: nowrap; margin: 0; margin-left: auto; } div.product-comments-additional-info div.comments-note { margin: 0; } div.product-comments-additional-info .average-grade { font-size: 0.875rem; font-weight: 300; color: #000; } div.product-comments-additional-info .nb_comments { font-size: 0.875rem; font-weight: 300; color: rgba(0, 0, 0, 0.5); } .grade-stars .star-content { top: 0 !important; } .grade-stars .star-content div.star { background: url(../css/8889caf602eeecaf84cf.svg) no-repeat 0 0 transparent; background-size: cover; } .grade-stars .star-content div.star-on, .grade-stars .star-content div.star-hover { background: url(../css/9f9fd92af21b17bd57ff.svg) no-repeat 0 0 transparent; background-size: cover; } .product-comments-container { background-color: #f6f8fb; padding-top: clamp(40px, 4vw, 85px); padding-bottom: clamp(60px, 5vw, 100px); } .product-comments-container #product-comments-list-header { padding: 0; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: 4px; gap: 4px; -ms-flex-wrap: none; flex-wrap: nowrap; } .product-comments-container #product-comments-list-header .average-grade { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 5px; gap: 5px; -ms-flex-wrap: none; flex-wrap: nowrap; } .product-comments-container #product-comments-list-header .average-grade .comments-note .grade-stars { min-width: 100px; } .product-comments-container #product-comments-list-header .average-grade .comments-note .grade-stars .star-content { margin: 0; } .product-comments-container #product-comments-list-header .average-grade .comments-note .grade-stars .star-content div.star, .product-comments-container #product-comments-list-header .average-grade .comments-note .grade-stars .star-content div.star-on, .product-comments-container #product-comments-list-header .average-grade .comments-note .grade-stars .star-content div.star-hover { width: 16px; height: 16px; } .product-comments-container .product-comments-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 120px; gap: 120px; -ms-flex-wrap: none; flex-wrap: nowrap; } .product-comments-container .product-comments-list .left { position: sticky; top: calc(50vh - 100px); min-width: 300px; width: 300px; -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } .product-comments-container .product-comments-list .left .grade-stars-breakdown .stars-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: 0; gap: 0; -ms-flex-wrap: none; flex-wrap: nowrap; } .product-comments-container .product-comments-list .left .grade-stars-breakdown .stars-list .star-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 12px; gap: 12px; -ms-flex-wrap: none; flex-wrap: nowrap; font-size: 0.75rem; font-weight: 600; color: #000; width: 100%; } .product-comments-container .product-comments-list .left .grade-stars-breakdown .stars-list .star-line .star-label { min-width: 80px; } .product-comments-container .product-comments-list .left .grade-stars-breakdown .stars-list .star-line .star-bar { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 3px; background-color: rgba(0, 0, 0, 0.1); border-radius: 1000px; overflow: hidden; position: relative; } .product-comments-container .product-comments-list .left .grade-stars-breakdown .stars-list .star-line .star-bar .star-bar-fill { height: 100%; background-color: #000; -webkit-transition: width 0.3s ease; transition: width 0.3s ease; border-radius: 1000px; } .product-comments-container .product-comments-list .left .grade-stars-breakdown .stars-list .star-line .star-count { min-width: 30px; text-align: center; } .product-comments-container .product-comments-list .right { width: 100%; } .product-comments-container .product-comments-list .right .product-comment-list-item { background: none; padding: 0; width: 100%; } .product-comments-container .product-comments-list .right .product-comment-list-item div.grade-stars { margin-bottom: 0; } .product-comments-container .product-comments-list .right .product-comment-list-item .comment-infos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 20px; gap: 20px; -ms-flex-wrap: none; flex-wrap: nowrap; font-size: 0.875rem; font-weight: 300; width: 100%; min-height: initial; height: auto; color: #000; } .product-comments-container .product-comments-list .right .product-comment-list-item .comment-content p, .product-comments-container .product-comments-list .right .product-comment-list-item .comment-content .page-content.page-cms ul, .page-content.page-cms .product-comments-container .product-comments-list .right .product-comment-list-item .comment-content ul { color: #000; font-size: 0.875rem; font-weight: 300; letter-spacing: 0; line-height: auto; } .product-comments-container .product-comments-list .right .product-comment-list-item .comment-content .h4 { font-size: 1.125rem; font-weight: 600; color: #000; margin-top: 25px; margin-bottom: 15px; } .product-comments-container .product-comments-list .right .product-comment-list-item .comment-content .comment-buttons a { color: #9b9b9b; } .product-comments-container .product-comments-list .right .product-comment-list-item:not(:last-child):not(#empty-product-comment) { border-bottom: 0.5px solid rgba(0, 0, 0, 0.5); padding-bottom: 55px; margin-bottom: 40px; } button.btn-comment, button.btn-comment-inverse { background-color: #1e2d43; color: #ffffff; -webkit-box-shadow: none; box-shadow: none; } button.btn-comment:hover { background-color: #0e1520; } button.btn-comment-inverse { background-color: #ffffff; color: #1e2d43; border: 1px solid #979797; } button.btn-comment-inverse:hover { background-color: #6b868f; border: 1px solid #6b868f; color: #ffffff; } div#product-comments-list-footer { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: 40px; gap: 40px; -ms-flex-wrap: none; flex-wrap: nowrap; } div#product-comments-list-footer #product-comments-list-pagination { position: relative; top: 0; right: 0; } div#product-comments-list-footer #product-comments-list-pagination ul li span { color: #9b9b9b; } @media (max-width: 1199px) { .product-comments-container .product-comments-list { -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: clamp(60px, 6vw, 120px); gap: clamp(60px, 6vw, 120px); } .product-comments-container .product-comments-list .left { position: unset; width: 100%; min-width: initial; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .blog-single-post nav.breadcrumb, .blog-single-post nav.breadcrumb li a, .blog-single-post nav.breadcrumb li::after { color: #fff !important; } .ybc-blog-wrapper * { float: none !important; } .ybc-blog-wrapper h1.page-heading { font-size: 2.625rem; text-align: center; } .ybc-blog-wrapper .blog-categories-nav .blog-categories-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 6px; gap: 6px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 40px; } .ybc-blog-wrapper .blog-categories-nav .blog-categories-list .blog-category-item { color: #1e2d43; font-size: 0.8125rem; font-weight: 500; text-transform: uppercase; background: #f9f9f9; border-radius: 1000px; padding: 15px 15px 12px 15px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .ybc-blog-wrapper .blog-categories-nav .blog-categories-list .blog-category-item:hover { background: #1e2d43; color: #fff; } .ybc-blog-wrapper div#js-post-list-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: 10px; gap: 10px; -ms-flex-wrap: none; flex-wrap: nowrap; margin-top: 100px; } .ybc-blog-wrapper div#js-post-list-top span.sort-by { padding-top: 9px; font-size: 0.8125rem; text-transform: uppercase; font-weight: 600; color: rgba(0, 0, 0, 0.2); } .ybc-blog-wrapper div#js-post-list-top .select { width: 180px; color: #1e2d43; cursor: pointer; font-size: 0.9375rem; font-weight: 500; border: none; border-radius: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.5); padding-left: 0; } .post-wrapper .ybc_item_img { display: block; float: none; aspect-ratio: 1.3; } .post-wrapper .ybc_item_img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .post-wrapper .ybc-blog-latest-post-content .ybc_post_date, .post-wrapper .ybc-blog-wrapper-content-main .ybc_post_date { margin-top: 26px; font-size: 0.875rem; font-weight: 300; color: #9b9b9b; } .post-wrapper .ybc-blog-latest-post-content .ybc_title_block, .post-wrapper .ybc-blog-wrapper-content-main .ybc_title_block { color: #000; margin-top: 18px; display: block; font-size: 1.375rem; line-height: 1.3; font-weight: 600; text-transform: none; float: none; } .post-wrapper .ybc-blog-latest-post-content .read_more, .post-wrapper .ybc-blog-wrapper-content-main .read_more { margin-top: 22px; display: inline-block; border: 0; text-decoration: underline !important; font-size: 1.125rem; font-weight: 500; color: #000; font-style: normal; } .post-wrapper .ybc-blog-latest-post-content .read_more:hover, .post-wrapper .ybc-blog-wrapper-content-main .read_more:hover { text-decoration: none !important; } .ybc_block_latest.page_home { margin-top: clamp(30px, 2.5vw, 50px); margin-bottom: clamp(30px, 3vw, 60px); } .ybc_block_latest.page_home .title_block { text-transform: uppercase; text-align: center; margin: 0; } .ybc_block_latest.page_home .view_all_link { margin-bottom: 20px; background: none; min-width: none; color: #000 !important; padding: 0 !important; border-radius: 0; text-transform: uppercase; text-decoration: underline; font-size: 1rem; font-weight: 500; text-align: center; } .ybc_block_latest.page_home .view_all_link:hover { text-decoration: none; } .ybc_block_latest.page_home .post-wrapper .ybc_item_img { aspect-ratio: 2.4; } .ybc_blog_img_wrapper { margin-top: -93px; } .ybc_blog_img_wrapper img { max-height: 400px; overflow: hidden; -o-object-fit: cover; object-fit: cover; } .ybc_blog_img_wrapper::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), color-stop(40%, rgba(0, 0, 0, 0))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 40%); } .ybc_single_post_container .ybc-blog-wrapper-detail { float: none; padding-top: 70px; } .ybc_single_post_container .ybc-blog-wrapper-detail h1.page-heading .title_cat { float: none; } .ybc_single_post_container .ybc-blog-wrapper-detail .page-description { margin-top: 20px; } .ybc_single_post_container .ybc-blog-wrapper-detail .page-description p, .ybc_single_post_container .ybc-blog-wrapper-detail .page-description .page-content.page-cms ul, .page-content.page-cms .ybc_single_post_container .ybc-blog-wrapper-detail .page-description ul { font-size: 1.125rem; line-height: 1.4; color: #000; font-weight: 400; margin-bottom: 1rem; } .ybc_single_post_container .ybc-blog-wrapper-detail .blog-extra { float: none; margin-top: 1rem; } .ybc_single_post_container .ybc-blog-wrapper-detail .blog_description { margin-top: 120px; } .s4-other-articles { background-color: #f6f8fb; padding-top: 100px; padding-bottom: 100px; } .s4-other-articles__title { text-align: center; } .s4-other-articles__see-all { display: block; text-align: center; margin-top: 10px; color: #000; text-decoration: underline; } .s4-other-articles__see-all:hover { text-decoration: none; } .s4-other-articles .ybc-blog-list { margin-top: 40px; } nav.blog-paggination { width: 100%; font-size: 0.875rem; margin-top: 60px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } nav.blog-paggination > div:first-child { padding-left: 0; line-height: 2.5rem; } nav.blog-paggination .page-list { padding: 0.375rem; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 10px; gap: 10px; -ms-flex-wrap: none; flex-wrap: nowrap; } nav.blog-paggination .page-list li { display: inline; color: #000; font-weight: 600; } nav.blog-paggination a { font-weight: 600; color: #000; } nav.blog-paggination a:not(.previous):not(.next) { letter-spacing: 0.125rem; } nav.blog-paggination .previous { margin-right: 2rem; } nav.blog-paggination .next { margin-left: 2rem; } nav.blog-paggination .previous, nav.blog-paggination .next { font-size: 0.8125rem; } nav.blog-paggination .previous i, nav.blog-paggination .next i { font-size: 1.25rem; margin-bottom: 2px; } nav.blog-paggination .disabled { opacity: 0.6; cursor: default; } nav.blog-paggination .active { font-weight: 700; } nav.blog-paggination .current a { font-size: 1.25rem; color: #1e2d43; text-decoration: none; } .cb-wrapper { padding-top: 20px; } .cb-wrapper .cb-item { margin-top: 80px; } .cb-wrapper .cb-item .cb-item-content *, .cb-wrapper .cb-item .cb-item-content p, .cb-wrapper .cb-item .cb-item-content .page-content.page-cms ul, .page-content.page-cms .cb-wrapper .cb-item .cb-item-content ul { font-size: 0.875rem; font-weight: 300; line-height: 1.4; } .cb-wrapper .cb-item .cb-item-content * strong, .cb-wrapper .cb-item .cb-item-content p strong, .cb-wrapper .cb-item .cb-item-content .page-content.page-cms ul strong, .page-content.page-cms .cb-wrapper .cb-item .cb-item-content ul strong { font-weight: 600; } .cb-wrapper .cb-item .cb-item-content h1, .cb-wrapper .cb-item .cb-item-content h2, .cb-wrapper .cb-item .cb-item-content h3, .cb-wrapper .cb-item .cb-item-content h4, .cb-wrapper .cb-item .cb-item-content h5, .cb-wrapper .cb-item .cb-item-content h6 { margin-bottom: 20px; } .cb-wrapper .cb-item .cb-item-content h1, .cb-wrapper .cb-item .cb-item-content h1 *, .cb-wrapper .cb-item .cb-item-content h2, .cb-wrapper .cb-item .cb-item-content h2 *, .cb-wrapper .cb-item .cb-item-content h3, .cb-wrapper .cb-item .cb-item-content h3 *, .cb-wrapper .cb-item .cb-item-content h4, .cb-wrapper .cb-item .cb-item-content h4 *, .cb-wrapper .cb-item .cb-item-content h5, .cb-wrapper .cb-item .cb-item-content h5 *, .cb-wrapper .cb-item .cb-item-content h6, .cb-wrapper .cb-item .cb-item-content h6 * { font-size: 1.1875rem !important; font-weight: 500; } div.opartgift { border: 1px solid rgba(30, 45, 67, 0.13); padding: 20px 0; } div.opartgift .cart_wrapt_giftbody input[type="checkbox"], div.opartgift .cart_wrapt_giftbody input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 1rem; height: 1rem; outline: 1px solid #000 !important; outline-offset: 2px; border-radius: 50%; background-color: transparent; cursor: pointer; -webkit-transition: border-color 0.2s ease, background-color 0.2s ease; transition: border-color 0.2s ease, background-color 0.2s ease; } div.opartgift .cart_wrapt_giftbody input[type="checkbox"]:checked, div.opartgift .cart_wrapt_giftbody input[type="radio"]:checked { border-color: #1e2d43; background-color: #1e2d43; } div.opartgift .cart_wrapt_giftbody label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 20px; gap: 20px; -ms-flex-wrap: none; flex-wrap: nowrap; margin-bottom: 0; font-size: 0.9rem; font-weight: 600; } div.opartgift .cart_wrapt_giftbody .product-price { color: #232323; display: block; } div.opartgift .cart_wrapt_giftbody .product-price, div.opartgift .cart_wrapt_giftbody label span { margin-top: 4px; } #search_widget form input { -webkit-transition: border-radius none !important; transition: border-radius none !important; } #search_widget form input.autocomplete-open { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ui-autocomplete.searchbar-autocomplete { max-height: 80vh; overflow: auto; padding: 0 18px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11); } .ui-autocomplete.searchbar-autocomplete .ui-menu-item { border-top: 1px solid #e2e2e2; } .ui-autocomplete.searchbar-autocomplete .ui-menu-item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; grid-gap: 10px; gap: 10px; -ms-flex-wrap: none; flex-wrap: nowrap; font-family: LeniaSans, sans-serif !important; padding: 12px 0 !important; } .ui-autocomplete.searchbar-autocomplete .ui-menu-item a:focus .autocomplete-infos .product, .ui-autocomplete.searchbar-autocomplete .ui-menu-item a.ui-state-focus .autocomplete-infos .product { font-weight: 600; } .ui-autocomplete.searchbar-autocomplete .ui-menu-item a .autocomplete-thumbnail { mix-blend-mode: multiply; width: 60px; } .ui-autocomplete.searchbar-autocomplete .ui-menu-item a .autocomplete-infos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; grid-gap: 5px; gap: 5px; -ms-flex-wrap: none; flex-wrap: nowrap; } .ui-autocomplete.searchbar-autocomplete .ui-menu-item a .autocomplete-infos .product { font-size: 0.8125rem; } .ui-autocomplete.searchbar-autocomplete .ui-menu-item a .autocomplete-infos .autocomplete-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 0.6875rem; text-transform: uppercase; } .ui-autocomplete.searchbar-autocomplete .ui-menu-item a .autocomplete-infos .autocomplete-meta .autocomplete-sep { display: inline-block; width: 1px; height: 0.5em; background-color: #7a7a7a; margin: 0 6px 2px; vertical-align: middle; } .ui-autocomplete.searchbar-autocomplete .ui-menu-item a .autocomplete-infos .autocomplete-meta .autocomplete-brand { color: #232323; font-weight: 500; } .ui-autocomplete.searchbar-autocomplete .ui-menu-item a .autocomplete-infos .autocomplete-meta .autocomplete-category { color: #7a7a7a; } .ui-autocomplete.searchbar-autocomplete .ui-menu-item a .autocomplete-infos .autocomplete-meta .autocomplete-price { display: block; color: #232323; font-weight: 600; } .ui-autocomplete.searchbar-autocomplete .ui-menu-item a .autocomplete-infos .autocomplete-meta .autocomplete-price--discount .autocomplete-price__regular { text-decoration: line-through; color: #7a7a7a; margin-right: 0.4em; font-weight: 400; } .ui-autocomplete.searchbar-autocomplete .ui-menu-item a .autocomplete-infos .autocomplete-meta .autocomplete-price--discount .autocomplete-price__current { font-weight: 600; } .ui-autocomplete.searchbar-autocomplete { border-radius: 0 0 21.5px 21.5px; z-index: 1003; background-color: #f9f9f9; background-image: none; } @media screen and (max-width: 992px) { .ui-autocomplete.searchbar-autocomplete { position: fixed; top: 146px; max-height: calc(80vh - 146px); left: 0 !important; right: 0 !important; width: 100% !important; } } #search_filters .faceted-slider .ui-slider { margin-right: 1em; } #search_filters .faceted-slider .ui-slider .ui-widget-header { background-color: #1e2d43; } #search_filters .faceted-slider .ui-slider a.ui-slider-handle { top: -0.34em; width: 1em; height: 1em; border-radius: 50%; } #search_filters .faceted-slider .slider-inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0.5rem; margin-top: 0.75rem; } #search_filters .faceted-slider .slider-inputs .slider-input { width: 70px; padding: 0.25rem 0.4rem; border: 1px solid #ccc; text-align: center; font-size: 0.85rem; -moz-appearance: textfield; } #search_filters .faceted-slider .slider-inputs .slider-input::-webkit-outer-spin-button, #search_filters .faceted-slider .slider-inputs .slider-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #search_filters .faceted-slider .slider-inputs .slider-input:focus { border-color: #1e2d43; outline: none; } /* stylelint-enable */