.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:-webkit-grab;cursor:grab}.carousel.is-dragging{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;-webkit-user-select:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;-webkit-filter:var(--carousel-button-svg-filter, none);filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;-webkit-transform-origin:top left;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{-webkit-animation:fancybox-rotate 2s linear infinite;animation:fancybox-rotate 2s linear infinite;-webkit-transform-origin:center center;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:fancybox-dash 1.5s ease-in-out infinite;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@-webkit-keyframes fancybox-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fancybox-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{-webkit-animation:.15s ease backwards fancybox-fadeIn;animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{-webkit-animation:.15s ease both fancybox-fadeOut;animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{-webkit-animation:.15s ease both fancybox-fadeIn;animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{-webkit-animation:.1s ease both fancybox-fadeOut;animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{-webkit-animation:.2s ease both fancybox-zoomInUp;animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{-webkit-animation:.15s ease both fancybox-zoomOutDown;animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{-webkit-animation:.15s ease both fancybox-throwOutUp;animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{-webkit-animation:.15s ease both fancybox-throwOutDown;animation:.15s ease both fancybox-throwOutDown}@-webkit-keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-fadeOut{to{opacity:0}}@-webkit-keyframes fancybox-zoomInUp{from{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{-webkit-transform:scale(1) translate3d(0, 0, 0);transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomInUp{from{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{-webkit-transform:scale(1) translate3d(0, 0, 0);transform:scale(1) translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes fancybox-zoomOutDown{to{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-zoomOutDown{to{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@-webkit-keyframes fancybox-throwOutUp{to{-webkit-transform:translate3d(0, -30%, 0);transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{-webkit-transform:translate3d(0, -30%, 0);transform:translate3d(0, -30%, 0);opacity:0}}@-webkit-keyframes fancybox-throwOutDown{to{-webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{-webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:-webkit-grab;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:-webkit-grab;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.fancybox__image{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-user-select:none;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{-webkit-animation:.15s ease-in backwards fancybox-fadeIn;animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;-webkit-user-select:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{-webkit-animation:.15s ease-in backwards fancybox-fadeIn;animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-timing-function:linear;z-index:30;-webkit-user-select:none;user-select:none}.fancybox__container:-webkit-full-screen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}@charset "UTF-8"; /* ============================================================================ Imports ============================================================================ */ /* ============================================================================ * Vars * * Keep the same values passed in the antdesign config file "assets/frontend/less/_vars.less" ============================================================================ */ /* ============================================================================ * Vars * * Keep the same values passed in the antdesign config file "assets/frontend/less/_vars.less" ============================================================================ */ /* ============================================================================ Mobile ============================================================================ */ /* ============================================================================ Tablet ============================================================================ */ /* ============================================================================ Desktop ============================================================================ */ /* ============================================================================ Print ============================================================================ */ /* ============================================================================ Fonts ============================================================================ */ @font-face { font-family: roboto; font-style: normal; font-weight: 300; src: url("../../fonts/frontend/roboto/roboto-light.woff2") format("woff2"), url("../../fonts/frontend/roboto/roboto-light.woff") format("woff"), url("../../fonts/frontend/roboto/roboto-light.ttf") format("truetype"); } @font-face { font-family: roboto; font-style: normal; font-weight: 400; src: url("../../fonts/frontend/roboto/roboto-regular.woff2") format("woff2"), url("../../fonts/frontend/roboto/roboto-regular.woff") format("woff"), url("../../fonts/frontend/roboto/roboto-regular.ttf") format("truetype"); } @font-face { font-family: roboto; font-style: italic; font-weight: 400; src: url("../../fonts/frontend/roboto/roboto-italic.woff2") format("woff2"), url("../../fonts/frontend/roboto/roboto-italic.woff") format("woff"), url("../../fonts/frontend/roboto/roboto-italic.ttf") format("truetype"); } @font-face { font-family: roboto; font-style: normal; font-weight: 500; src: url("../../fonts/frontend/roboto/roboto-medium.woff2") format("woff2"), url("../../fonts/frontend/roboto/roboto-medium.woff") format("woff"), url("../../fonts/frontend/roboto/roboto-medium.ttf") format("truetype"); } @font-face { font-family: roboto; font-style: italic; font-weight: 500; src: url("../../fonts/frontend/roboto/roboto-mediumitalic.woff2") format("woff2"), url("../../fonts/frontend/roboto/roboto-mediumitalic.woff") format("woff"), url("../../fonts/frontend/roboto/roboto-mediumitalic.ttf") format("truetype"); } @font-face { font-family: roboto; font-style: normal; font-weight: 700; src: url("../../fonts/frontend/roboto/roboto-bold.woff2") format("woff2"), url("../../fonts/frontend/roboto/roboto-bold.woff") format("woff"), url("../../fonts/frontend/roboto/roboto-bold.ttf") format("truetype"); } @font-face { font-family: roboto; font-style: italic; font-weight: 700; src: url("../../fonts/frontend/roboto/roboto-bolditalic.woff2") format("woff2"), url("../../fonts/frontend/roboto/roboto-bolditalic.woff") format("woff"), url("../../fonts/frontend/roboto/roboto-bolditalic.ttf") format("truetype"); } @font-face { font-family: roboto; font-style: normal; font-weight: 900; src: url("../../fonts/frontend/roboto/roboto-black.woff2") format("woff2"), url("../../fonts/frontend/roboto/roboto-black.woff") format("woff"), url("../../fonts/frontend/roboto/roboto-black.ttf") format("truetype"); } /* ============================================================================ Icons ============================================================================ */ @font-face { font-family: "icons"; src: url("../../fonts/frontend/icons/icons.woff?cyvqq") format("woff"); font-weight: normal; font-style: normal; font-display: block; } [class^=icon-], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icons" !important; speak: never; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-account-adresses:before { content: "\E975"; } .icon-account-cards:before { content: "\E976"; } .icon-account-orders:before { content: "\E977"; } .icon-account-pets:before { content: "\E978"; } .icon-account-profile:before { content: "\E979"; } .icon-cart:before { content: "\E900"; } .icon-shipping:before { content: "\E901"; } .icon-star:before { content: "\E902"; } .icon-eye:before { content: "\E96E"; } .icon-eye-closed:before { content: "\E96F"; } .icon-file:before { content: "\E903"; } .icon-input-file-download:before { content: "\E904"; } .icon-input-file-attachment:before { content: "\E905"; } .icon-input-file-remove:before { content: "\E90B"; } .icon-page-menu-back:before { content: "\E90C"; } .icon-filters-clean:before { content: "\E970"; } .icon-filters-b:before { content: "\E982"; } .icon-filters:before { content: "\E907"; } .icon-calendar:before { content: "\E91C"; } .icon-time:before { content: "\E948"; } .icon-message:before { content: "\E94B"; } .icon-like:before { content: "\E980"; } .icon-dislike:before { content: "\E981"; } .icon-logout-b:before { content: "\E97A"; } .icon-logout:before { content: "\E95E"; } .icon-user-c:before { content: "\E971"; } .icon-user-b:before { content: "\E95F"; } .icon-user:before { content: "\E94C"; } .icon-attachment:before { content: "\E950"; } .icon-upload-b:before { content: "\E909"; } .icon-upload:before { content: "\E960"; } .icon-download-b:before { content: "\E90A"; } .icon-download:before { content: "\E943"; } .icon-mail-open-b:before { content: "\E912"; } .icon-mail-open:before { content: "\E967"; } .icon-mail-open-empty-b:before { content: "\E968"; } .icon-mail-open-empty:before { content: "\E969"; } .icon-mail-c:before { content: "\E972"; } .icon-mail-b:before { content: "\E96A"; } .icon-mail:before { content: "\E96B"; } .icon-search-f:before { content: "\E973"; } .icon-search-d:before { content: "\E906"; } .icon-search-c:before { content: "\E94E"; } .icon-search-b:before { content: "\E946"; } .icon-search:before { content: "\E945"; } .icon-pause-d:before { content: "\E934"; } .icon-pause-b:before { content: "\E918"; } .icon-pause:before { content: "\E908"; } .icon-play-f:before { content: "\E90E"; } .icon-play-e:before { content: "\E90F"; } .icon-play-d:before { content: "\E92A"; } .icon-play-b:before { content: "\E910"; } .icon-play:before { content: "\E911"; } .icon-share-b:before { content: "\E974"; } .icon-share:before { content: "\E90D"; } .icon-check:before { content: "\E913"; } .icon-back:before { content: "\E914"; } .icon-minus-e:before { content: "\E97D"; } .icon-minus-d:before { content: "\E915"; } .icon-minus-c:before { content: "\E916"; } .icon-minus-b:before { content: "\E917"; } .icon-minus:before { content: "\E919"; } .icon-plus-e:before { content: "\E97E"; } .icon-plus-d:before { content: "\E91A"; } .icon-plus-c:before { content: "\E91B"; } .icon-plus-b:before { content: "\E91D"; } .icon-plus:before { content: "\E91E"; } .icon-x-e:before { content: "\E97F"; } .icon-x-d:before { content: "\E91F"; } .icon-x-c:before { content: "\E920"; } .icon-x-b:before { content: "\E921"; } .icon-x:before { content: "\E922"; } .icon-arrow-j-up:before { content: "\E923"; } .icon-arrow-j-down:before { content: "\E924"; } .icon-arrow-j-left:before { content: "\E925"; } .icon-arrow-j-right:before { content: "\E926"; } .icon-arrow-i-up:before { content: "\E927"; } .icon-arrow-i-down:before { content: "\E928"; } .icon-arrow-i-left:before { content: "\E929"; } .icon-arrow-i-right:before { content: "\E92B"; } .icon-arrow-h-up:before { content: "\E92C"; } .icon-arrow-h-down:before { content: "\E92D"; } .icon-arrow-h-left:before { content: "\E92E"; } .icon-arrow-h-right:before { content: "\E92F"; } .icon-arrow-g-up:before { content: "\E930"; } .icon-arrow-g-down:before { content: "\E931"; } .icon-arrow-g-left:before { content: "\E932"; } .icon-arrow-g-right:before { content: "\E933"; } .icon-arrow-f-up:before { content: "\E935"; } .icon-arrow-f-left:before { content: "\E936"; } .icon-arrow-f-right:before { content: "\E937"; } .icon-arrow-e-up:before { content: "\E938"; } .icon-arrow-e-down:before { content: "\E939"; } .icon-arrow-e-left:before { content: "\E93A"; } .icon-arrow-e-right:before { content: "\E93B"; } .icon-arrow-d-up:before { content: "\E93C"; } .icon-arrow-d-down:before { content: "\E93D"; } .icon-arrow-d-left:before { content: "\E93E"; } .icon-arrow-d-right:before { content: "\E93F"; } .icon-arrow-c-down:before { content: "\E940"; } .icon-arrow-c-up:before { content: "\E941"; } .icon-arrow-c-left:before { content: "\E942"; } .icon-arrow-c-right:before { content: "\E944"; } .icon-arrow-b-up:before { content: "\E947"; } .icon-arrow-b-down:before { content: "\E949"; } .icon-arrow-b-left:before { content: "\E94A"; } .icon-arrow-b-right:before { content: "\E94D"; } .icon-arrow-up:before { content: "\E94F"; } .icon-arrow-down:before { content: "\E951"; } .icon-arrow-left:before { content: "\E952"; } .icon-arrow-right:before { content: "\E953"; } .icon-whatsapp:before { content: "\E954"; } .icon-messenger:before { content: "\E96C"; } .icon-skype:before { content: "\E955"; } .icon-facebook-b:before { content: "\E956"; } .icon-facebook:before { content: "\E957"; } .icon-linkedin:before { content: "\E958"; } .icon-instagram:before { content: "\E959"; } .icon-twitter-b:before { content: "\E95A"; } .icon-twitter:before { content: "\E95B"; } .icon-googleplus:before { content: "\E95C"; } .icon-youtube-b:before { content: "\E95D"; } .icon-youtube:before { content: "\E961"; } .icon-pinterest-b:before { content: "\E96D"; } .icon-pinterest:before { content: "\E962"; } .icon-loading-b:before { content: "\E97B"; } .icon-loading:before { content: "\E97C"; } .icon-menu-c:before { content: "\E963"; } .icon-menu-b:before { content: "\E964"; } .icon-menu:before { content: "\E965"; } .icon-clickweb:before { content: "\E966"; } /* ============================================================================ Vendor ============================================================================ */ /* ============================================================================ * Vars * * Keep the same values passed in the antdesign config file "assets/frontend/less/_vars.less" ============================================================================ */ /* ============================================================================ * Vars * * Keep the same values passed in the antdesign config file "assets/frontend/less/_vars.less" ============================================================================ */ /* ============================================================================ Helpers ============================================================================ */ .color-primary { color: #253758; } .color-secondary { color: #2c2835; } .color-third { color: #f6f4fa; } .text-color { color: #2c2835; } .text-color-alt { color: #9a91af; } .background-primary { background-color: #253758; } .background-secondary { background-color: #2c2835; } .background-third { background-color: #f6f4fa; } .border-solid { border-style: solid; } .border-dashed { border-style: dashed; } .border-width-2 { border-width: 2px; } .border-width-4 { border-width: 2px; } .border-width-6 { border-width: 6px; } .border-primary { border-color: #253758; } .border-secondary { border-color: #2c2835; } .border-third { border-color: #f6f4fa; } .border-rounded { border-radius: 50%; } .border-radius { border-radius: 5px; } .border-radius-2 { border-radius: 2px; } .border-radius-4 { border-radius: 4px; } .border-radius-6 { border-radius: 6px; } .border-radius-8 { border-radius: 8px; } .border-radius-10 { border-radius: 10px; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } @media screen and (min-width: 576px) { .text-left-sm { text-align: left; } .text-center-sm { text-align: center; } .text-right-sm { text-align: right; } } @media screen and (min-width: 768px) { .text-left-md { text-align: left; } .text-center-md { text-align: center; } .text-right-md { text-align: right; } } @media screen and (min-width: 992px) { .text-left-lg { text-align: left; } .text-center-lg { text-align: center; } .text-right-lg { text-align: right; } } @media screen and (min-width: 1200px) { .text-left-xl { text-align: left; } .text-center-xl { text-align: center; } .text-right-xl { text-align: right; } } @media screen and (min-width: 1600px) { .text-left-xxl { text-align: left; } .text-center-xxl { text-align: center; } .text-right-xxl { text-align: right; } } .text-weight-400 { font-weight: 400; } .text-weight-600 { font-weight: 600; } .text-weight-700 { font-weight: 700; } .text-weight-900 { font-weight: 900; } .text-size-xxsmall { font-size: 0.65rem; } .text-size-xsmall { font-size: 0.75em; } .text-size-small { font-size: 0.95rem; } .text-size-medium { font-size: 1.28rem; } .text-size-large { font-size: 1.45rem; } .text-size-xlarge { font-size: 1.65rem; } .text-size-xxlarge { font-size: 1.8rem; } .text-size-xxxlarge { font-size: 2rem; } .text-underline { text-decoration: underline !important; } .text-line-through { text-decoration: line-through !important; } .link-disable-pointer-events { pointer-events: none !important; } .show-break-lines { white-space: pre-wrap; } .hide-break-lines { white-space: initial; } @media screen and (min-width: 576px) { .show-break-lines-sm { white-space: pre-wrap; } .hide-break-lines-sm { white-space: initial; } } @media screen and (min-width: 768px) { .show-break-lines-md { white-space: pre-wrap; } .hide-break-lines-md { white-space: initial; } } @media screen and (min-width: 992px) { .show-break-lines-lg { white-space: pre-wrap; } .hide-break-lines-lg { white-space: initial; } } @media screen and (min-width: 1200px) { .show-break-lines-xl { white-space: pre-wrap; } .hide-break-lines-xl { white-space: initial; } } @media screen and (min-width: 1600px) { .show-break-lines-xxl { white-space: pre-wrap; } .hide-break-lines-xxl { white-space: initial; } } .display-block { display: block; } .display-inline { display: inline-block; } .flex { display: flex; } .flex-inline { display: inline-flex; } .flex::before, .flex::after, .flex-inline::before, .flex-inline::after { display: none; } /* * Initial: 0 1 auto * Content dimensions, but shrinks * * No Flex: 0 0 auto * Content dimensions */ .flex-none { flex: none; } /* * Relative Flex: 1 1 auto * Space is allocated considering content */ .flex-auto { flex: auto; } /* * Absolute Flex: 1 1 0% * Space is allocated solely based on flex */ .flex-1 { flex: 1; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-column { flex-direction: column; } .flex-column-reverse { flex-direction: column-reverse; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .flex-wrap-reverse { flex-wrap: wrap-reverse; } .flex-wrap-stretch { align-content: stretch; } .flex-wrap-top { align-content: flex-start; } .flex-wrap-middle { align-content: center; } .flex-wrap-bottom { align-content: flex-end; } .flex-wrap-between { align-content: space-between; } .flex-wrap-around { align-content: space-around; } .flex-stretch { align-items: stretch; } .flex-top { align-items: flex-start; } .flex-middle { align-items: center; } .flex-bottom { align-items: flex-end; } .flex-left { justify-content: flex-start; } .flex-center { justify-content: center; } .flex-right { justify-content: flex-end; } .flex-between { justify-content: space-between; } .flex-around { justify-content: space-around; } @media screen and (min-width: 576px) { .flex-left-sm { justify-content: flex-start; } .flex-center-sm { justify-content: center; } .flex-right-sm { justify-content: flex-end; } .flex-between-sm { justify-content: space-between; } .flex-around-sm { justify-content: space-around; } } @media screen and (min-width: 768px) { .flex-left-md { justify-content: flex-start; } .flex-center-md { justify-content: center; } .flex-right-md { justify-content: flex-end; } .flex-between-md { justify-content: space-between; } .flex-around-md { justify-content: space-around; } } @media screen and (min-width: 992px) { .flex-left-lg { justify-content: flex-start; } .flex-center-lg { justify-content: center; } .flex-right-lg { justify-content: flex-end; } .flex-between-lg { justify-content: space-between; } .flex-around-lg { justify-content: space-around; } } @media screen and (min-width: 1200px) { .flex-left-xl { justify-content: flex-start; } .flex-center-xl { justify-content: center; } .flex-right-xl { justify-content: flex-end; } .flex-between-xl { justify-content: space-between; } .flex-around-xl { justify-content: space-around; } } @media screen and (min-width: 1600px) { .flex-left-xxl { justify-content: flex-start; } .flex-center-xxl { justify-content: center; } .flex-right-xxl { justify-content: flex-end; } .flex-between-xxl { justify-content: space-between; } .flex-around-xxl { justify-content: space-around; } } .position-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: -webkit-max-content; width: max-content; max-width: 100%; } .flip-horizontal { transform: scaleX(-1); } .flip-vertical { transform: scaleY(-1); } @media screen and (max-width: 575px) { .visible-sm { display: none !important; } } @media screen and (max-width: 767px) { .visible-md { display: none !important; } } @media screen and (max-width: 991px) { .visible-lg { display: none !important; } } @media screen and (max-width: 1199px) { .visible-xl { display: none !important; } } @media screen and (min-width: 1599px) { .visible-xxl { display: none !important; } } .hidden { display: none !important; } @media screen and (min-width: 576px) { .hidden-sm { display: none !important; } } @media screen and (min-width: 768px) { .hidden-md { display: none !important; } } @media screen and (min-width: 992px) { .hidden-lg { display: none !important; } } @media screen and (min-width: 1200px) { .hidden-xl { display: none !important; } } @media screen and (min-width: 1600px) { .hidden-xxl { display: none !important; } } .image-cover-wrap { position: relative; overflow: hidden; } .image-cover, .image-cover-contain, .image-cover-scale-down, .image-cover-fill { width: 100%; height: 100%; } .image-cover { object-fit: cover; } .image-cover-contain { object-fit: contain; } .image-cover-scale-down { object-fit: scale-down; } .image-cover-fill { object-fit: fill; } .m-0 { margin: 0 !important; } .m-5 { margin: 5px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .m-25 { margin: 25px !important; } .m-30 { margin: 30px !important; } .m-35 { margin: 35px !important; } .m-40 { margin: 40px !important; } .m-45 { margin: 45px !important; } .m-50 { margin: 50px !important; } .m-60 { margin: 60px !important; } .m-70 { margin: 70px !important; } .m-80 { margin: 80px !important; } .m-90 { margin: 90px !important; } .m-100 { margin: 100px !important; } .m-150 { margin: 150px !important; } .m-200 { margin: 200px !important; } .m-250 { margin: 250px !important; } .m-300 { margin: 300px !important; } .m-350 { margin: 350px !important; } .m-400 { margin: 400px !important; } .m-450 { margin: 450px !important; } .m-500 { margin: 500px !important; } .m-550 { margin: 550px !important; } .m-600 { margin: 600px !important; } .m-650 { margin: 650px !important; } .m-700 { margin: 700px !important; } @media screen and (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .m-sm-5 { margin: 5px !important; } .m-sm-10 { margin: 10px !important; } .m-sm-15 { margin: 15px !important; } .m-sm-20 { margin: 20px !important; } .m-sm-25 { margin: 25px !important; } .m-sm-30 { margin: 30px !important; } .m-sm-35 { margin: 35px !important; } .m-sm-40 { margin: 40px !important; } .m-sm-45 { margin: 45px !important; } .m-sm-50 { margin: 50px !important; } .m-sm-60 { margin: 60px !important; } .m-sm-70 { margin: 70px !important; } .m-sm-80 { margin: 80px !important; } .m-sm-90 { margin: 90px !important; } .m-sm-100 { margin: 100px !important; } .m-sm-150 { margin: 150px !important; } .m-sm-200 { margin: 200px !important; } .m-sm-250 { margin: 250px !important; } .m-sm-300 { margin: 300px !important; } .m-sm-350 { margin: 350px !important; } .m-sm-400 { margin: 400px !important; } .m-sm-450 { margin: 450px !important; } .m-sm-500 { margin: 500px !important; } .m-sm-550 { margin: 550px !important; } .m-sm-600 { margin: 600px !important; } .m-sm-650 { margin: 650px !important; } .m-sm-700 { margin: 700px !important; } } @media screen and (min-width: 768px) { .m-md-0 { margin: 0 !important; } .m-md-5 { margin: 5px !important; } .m-md-10 { margin: 10px !important; } .m-md-15 { margin: 15px !important; } .m-md-20 { margin: 20px !important; } .m-md-25 { margin: 25px !important; } .m-md-30 { margin: 30px !important; } .m-md-35 { margin: 35px !important; } .m-md-40 { margin: 40px !important; } .m-md-45 { margin: 45px !important; } .m-md-50 { margin: 50px !important; } .m-md-60 { margin: 60px !important; } .m-md-70 { margin: 70px !important; } .m-md-80 { margin: 80px !important; } .m-md-90 { margin: 90px !important; } .m-md-100 { margin: 100px !important; } .m-md-150 { margin: 150px !important; } .m-md-200 { margin: 200px !important; } .m-md-250 { margin: 250px !important; } .m-md-300 { margin: 300px !important; } .m-md-350 { margin: 350px !important; } .m-md-400 { margin: 400px !important; } .m-md-450 { margin: 450px !important; } .m-md-500 { margin: 500px !important; } .m-md-550 { margin: 550px !important; } .m-md-600 { margin: 600px !important; } .m-md-650 { margin: 650px !important; } .m-md-700 { margin: 700px !important; } } @media screen and (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .m-lg-5 { margin: 5px !important; } .m-lg-10 { margin: 10px !important; } .m-lg-15 { margin: 15px !important; } .m-lg-20 { margin: 20px !important; } .m-lg-25 { margin: 25px !important; } .m-lg-30 { margin: 30px !important; } .m-lg-35 { margin: 35px !important; } .m-lg-40 { margin: 40px !important; } .m-lg-45 { margin: 45px !important; } .m-lg-50 { margin: 50px !important; } .m-lg-60 { margin: 60px !important; } .m-lg-70 { margin: 70px !important; } .m-lg-80 { margin: 80px !important; } .m-lg-90 { margin: 90px !important; } .m-lg-100 { margin: 100px !important; } .m-lg-150 { margin: 150px !important; } .m-lg-200 { margin: 200px !important; } .m-lg-250 { margin: 250px !important; } .m-lg-300 { margin: 300px !important; } .m-lg-350 { margin: 350px !important; } .m-lg-400 { margin: 400px !important; } .m-lg-450 { margin: 450px !important; } .m-lg-500 { margin: 500px !important; } .m-lg-550 { margin: 550px !important; } .m-lg-600 { margin: 600px !important; } .m-lg-650 { margin: 650px !important; } .m-lg-700 { margin: 700px !important; } } @media screen and (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .m-xl-5 { margin: 5px !important; } .m-xl-10 { margin: 10px !important; } .m-xl-15 { margin: 15px !important; } .m-xl-20 { margin: 20px !important; } .m-xl-25 { margin: 25px !important; } .m-xl-30 { margin: 30px !important; } .m-xl-35 { margin: 35px !important; } .m-xl-40 { margin: 40px !important; } .m-xl-45 { margin: 45px !important; } .m-xl-50 { margin: 50px !important; } .m-xl-60 { margin: 60px !important; } .m-xl-70 { margin: 70px !important; } .m-xl-80 { margin: 80px !important; } .m-xl-90 { margin: 90px !important; } .m-xl-100 { margin: 100px !important; } .m-xl-150 { margin: 150px !important; } .m-xl-200 { margin: 200px !important; } .m-xl-250 { margin: 250px !important; } .m-xl-300 { margin: 300px !important; } .m-xl-350 { margin: 350px !important; } .m-xl-400 { margin: 400px !important; } .m-xl-450 { margin: 450px !important; } .m-xl-500 { margin: 500px !important; } .m-xl-550 { margin: 550px !important; } .m-xl-600 { margin: 600px !important; } .m-xl-650 { margin: 650px !important; } .m-xl-700 { margin: 700px !important; } } @media screen and (min-width: 1600px) { .m-xxl-0 { margin: 0 !important; } .m-xxl-5 { margin: 5px !important; } .m-xxl-10 { margin: 10px !important; } .m-xxl-15 { margin: 15px !important; } .m-xxl-20 { margin: 20px !important; } .m-xxl-25 { margin: 25px !important; } .m-xxl-30 { margin: 30px !important; } .m-xxl-35 { margin: 35px !important; } .m-xxl-40 { margin: 40px !important; } .m-xxl-45 { margin: 45px !important; } .m-xxl-50 { margin: 50px !important; } .m-xxl-60 { margin: 60px !important; } .m-xxl-70 { margin: 70px !important; } .m-xxl-80 { margin: 80px !important; } .m-xxl-90 { margin: 90px !important; } .m-xxl-100 { margin: 100px !important; } .m-xxl-150 { margin: 150px !important; } .m-xxl-200 { margin: 200px !important; } .m-xxl-250 { margin: 250px !important; } .m-xxl-300 { margin: 300px !important; } .m-xxl-350 { margin: 350px !important; } .m-xxl-400 { margin: 400px !important; } .m-xxl-450 { margin: 450px !important; } .m-xxl-500 { margin: 500px !important; } .m-xxl-550 { margin: 550px !important; } .m-xxl-600 { margin: 600px !important; } .m-xxl-650 { margin: 650px !important; } .m-xxl-700 { margin: 700px !important; } } .mt-0 { margin-top: 0 !important; } .mt-5 { margin-top: 5px !important; } .mt-10 { margin-top: 10px !important; } .mt-15 { margin-top: 15px !important; } .mt-20 { margin-top: 20px !important; } .mt-25 { margin-top: 25px !important; } .mt-30 { margin-top: 30px !important; } .mt-35 { margin-top: 35px !important; } .mt-40 { margin-top: 40px !important; } .mt-45 { margin-top: 45px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 60px !important; } .mt-70 { margin-top: 70px !important; } .mt-80 { margin-top: 80px !important; } .mt-90 { margin-top: 90px !important; } .mt-100 { margin-top: 100px !important; } .mt-150 { margin-top: 150px !important; } .mt-200 { margin-top: 200px !important; } .mt-250 { margin-top: 250px !important; } .mt-300 { margin-top: 300px !important; } .mt-350 { margin-top: 350px !important; } .mt-400 { margin-top: 400px !important; } .mt-450 { margin-top: 450px !important; } .mt-500 { margin-top: 500px !important; } .mt-550 { margin-top: 550px !important; } .mt-600 { margin-top: 600px !important; } .mt-650 { margin-top: 650px !important; } .mt-700 { margin-top: 700px !important; } @media screen and (min-width: 576px) { .mt-sm-0 { margin-top: 0 !important; } .mt-sm-5 { margin-top: 5px !important; } .mt-sm-10 { margin-top: 10px !important; } .mt-sm-15 { margin-top: 15px !important; } .mt-sm-20 { margin-top: 20px !important; } .mt-sm-25 { margin-top: 25px !important; } .mt-sm-30 { margin-top: 30px !important; } .mt-sm-35 { margin-top: 35px !important; } .mt-sm-40 { margin-top: 40px !important; } .mt-sm-45 { margin-top: 45px !important; } .mt-sm-50 { margin-top: 50px !important; } .mt-sm-60 { margin-top: 60px !important; } .mt-sm-70 { margin-top: 70px !important; } .mt-sm-80 { margin-top: 80px !important; } .mt-sm-90 { margin-top: 90px !important; } .mt-sm-100 { margin-top: 100px !important; } .mt-sm-150 { margin-top: 150px !important; } .mt-sm-200 { margin-top: 200px !important; } .mt-sm-250 { margin-top: 250px !important; } .mt-sm-300 { margin-top: 300px !important; } .mt-sm-350 { margin-top: 350px !important; } .mt-sm-400 { margin-top: 400px !important; } .mt-sm-450 { margin-top: 450px !important; } .mt-sm-500 { margin-top: 500px !important; } .mt-sm-550 { margin-top: 550px !important; } .mt-sm-600 { margin-top: 600px !important; } .mt-sm-650 { margin-top: 650px !important; } .mt-sm-700 { margin-top: 700px !important; } } @media screen and (min-width: 768px) { .mt-md-0 { margin-top: 0 !important; } .mt-md-5 { margin-top: 5px !important; } .mt-md-10 { margin-top: 10px !important; } .mt-md-15 { margin-top: 15px !important; } .mt-md-20 { margin-top: 20px !important; } .mt-md-25 { margin-top: 25px !important; } .mt-md-30 { margin-top: 30px !important; } .mt-md-35 { margin-top: 35px !important; } .mt-md-40 { margin-top: 40px !important; } .mt-md-45 { margin-top: 45px !important; } .mt-md-50 { margin-top: 50px !important; } .mt-md-60 { margin-top: 60px !important; } .mt-md-70 { margin-top: 70px !important; } .mt-md-80 { margin-top: 80px !important; } .mt-md-90 { margin-top: 90px !important; } .mt-md-100 { margin-top: 100px !important; } .mt-md-150 { margin-top: 150px !important; } .mt-md-200 { margin-top: 200px !important; } .mt-md-250 { margin-top: 250px !important; } .mt-md-300 { margin-top: 300px !important; } .mt-md-350 { margin-top: 350px !important; } .mt-md-400 { margin-top: 400px !important; } .mt-md-450 { margin-top: 450px !important; } .mt-md-500 { margin-top: 500px !important; } .mt-md-550 { margin-top: 550px !important; } .mt-md-600 { margin-top: 600px !important; } .mt-md-650 { margin-top: 650px !important; } .mt-md-700 { margin-top: 700px !important; } } @media screen and (min-width: 992px) { .mt-lg-0 { margin-top: 0 !important; } .mt-lg-5 { margin-top: 5px !important; } .mt-lg-10 { margin-top: 10px !important; } .mt-lg-15 { margin-top: 15px !important; } .mt-lg-20 { margin-top: 20px !important; } .mt-lg-25 { margin-top: 25px !important; } .mt-lg-30 { margin-top: 30px !important; } .mt-lg-35 { margin-top: 35px !important; } .mt-lg-40 { margin-top: 40px !important; } .mt-lg-45 { margin-top: 45px !important; } .mt-lg-50 { margin-top: 50px !important; } .mt-lg-60 { margin-top: 60px !important; } .mt-lg-70 { margin-top: 70px !important; } .mt-lg-80 { margin-top: 80px !important; } .mt-lg-90 { margin-top: 90px !important; } .mt-lg-100 { margin-top: 100px !important; } .mt-lg-150 { margin-top: 150px !important; } .mt-lg-200 { margin-top: 200px !important; } .mt-lg-250 { margin-top: 250px !important; } .mt-lg-300 { margin-top: 300px !important; } .mt-lg-350 { margin-top: 350px !important; } .mt-lg-400 { margin-top: 400px !important; } .mt-lg-450 { margin-top: 450px !important; } .mt-lg-500 { margin-top: 500px !important; } .mt-lg-550 { margin-top: 550px !important; } .mt-lg-600 { margin-top: 600px !important; } .mt-lg-650 { margin-top: 650px !important; } .mt-lg-700 { margin-top: 700px !important; } } @media screen and (min-width: 1200px) { .mt-xl-0 { margin-top: 0 !important; } .mt-xl-5 { margin-top: 5px !important; } .mt-xl-10 { margin-top: 10px !important; } .mt-xl-15 { margin-top: 15px !important; } .mt-xl-20 { margin-top: 20px !important; } .mt-xl-25 { margin-top: 25px !important; } .mt-xl-30 { margin-top: 30px !important; } .mt-xl-35 { margin-top: 35px !important; } .mt-xl-40 { margin-top: 40px !important; } .mt-xl-45 { margin-top: 45px !important; } .mt-xl-50 { margin-top: 50px !important; } .mt-xl-60 { margin-top: 60px !important; } .mt-xl-70 { margin-top: 70px !important; } .mt-xl-80 { margin-top: 80px !important; } .mt-xl-90 { margin-top: 90px !important; } .mt-xl-100 { margin-top: 100px !important; } .mt-xl-150 { margin-top: 150px !important; } .mt-xl-200 { margin-top: 200px !important; } .mt-xl-250 { margin-top: 250px !important; } .mt-xl-300 { margin-top: 300px !important; } .mt-xl-350 { margin-top: 350px !important; } .mt-xl-400 { margin-top: 400px !important; } .mt-xl-450 { margin-top: 450px !important; } .mt-xl-500 { margin-top: 500px !important; } .mt-xl-550 { margin-top: 550px !important; } .mt-xl-600 { margin-top: 600px !important; } .mt-xl-650 { margin-top: 650px !important; } .mt-xl-700 { margin-top: 700px !important; } } @media screen and (min-width: 1600px) { .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-5 { margin-top: 5px !important; } .mt-xxl-10 { margin-top: 10px !important; } .mt-xxl-15 { margin-top: 15px !important; } .mt-xxl-20 { margin-top: 20px !important; } .mt-xxl-25 { margin-top: 25px !important; } .mt-xxl-30 { margin-top: 30px !important; } .mt-xxl-35 { margin-top: 35px !important; } .mt-xxl-40 { margin-top: 40px !important; } .mt-xxl-45 { margin-top: 45px !important; } .mt-xxl-50 { margin-top: 50px !important; } .mt-xxl-60 { margin-top: 60px !important; } .mt-xxl-70 { margin-top: 70px !important; } .mt-xxl-80 { margin-top: 80px !important; } .mt-xxl-90 { margin-top: 90px !important; } .mt-xxl-100 { margin-top: 100px !important; } .mt-xxl-150 { margin-top: 150px !important; } .mt-xxl-200 { margin-top: 200px !important; } .mt-xxl-250 { margin-top: 250px !important; } .mt-xxl-300 { margin-top: 300px !important; } .mt-xxl-350 { margin-top: 350px !important; } .mt-xxl-400 { margin-top: 400px !important; } .mt-xxl-450 { margin-top: 450px !important; } .mt-xxl-500 { margin-top: 500px !important; } .mt-xxl-550 { margin-top: 550px !important; } .mt-xxl-600 { margin-top: 600px !important; } .mt-xxl-650 { margin-top: 650px !important; } .mt-xxl-700 { margin-top: 700px !important; } } .mr-0 { margin-right: 0 !important; } .mr-5 { margin-right: 5px !important; } .mr-10 { margin-right: 10px !important; } .mr-15 { margin-right: 15px !important; } .mr-20 { margin-right: 20px !important; } .mr-25 { margin-right: 25px !important; } .mr-30 { margin-right: 30px !important; } .mr-35 { margin-right: 35px !important; } .mr-40 { margin-right: 40px !important; } .mr-45 { margin-right: 45px !important; } .mr-50 { margin-right: 50px !important; } .mr-60 { margin-right: 60px !important; } .mr-70 { margin-right: 70px !important; } .mr-80 { margin-right: 80px !important; } .mr-90 { margin-right: 90px !important; } .mr-100 { margin-right: 100px !important; } .mr-150 { margin-right: 150px !important; } .mr-200 { margin-right: 200px !important; } .mr-250 { margin-right: 250px !important; } .mr-300 { margin-right: 300px !important; } .mr-350 { margin-right: 350px !important; } .mr-400 { margin-right: 400px !important; } .mr-450 { margin-right: 450px !important; } .mr-500 { margin-right: 500px !important; } .mr-550 { margin-right: 550px !important; } .mr-600 { margin-right: 600px !important; } .mr-650 { margin-right: 650px !important; } .mr-700 { margin-right: 700px !important; } @media screen and (min-width: 576px) { .mr-sm-0 { margin-right: 0 !important; } .mr-sm-5 { margin-right: 5px !important; } .mr-sm-10 { margin-right: 10px !important; } .mr-sm-15 { margin-right: 15px !important; } .mr-sm-20 { margin-right: 20px !important; } .mr-sm-25 { margin-right: 25px !important; } .mr-sm-30 { margin-right: 30px !important; } .mr-sm-35 { margin-right: 35px !important; } .mr-sm-40 { margin-right: 40px !important; } .mr-sm-45 { margin-right: 45px !important; } .mr-sm-50 { margin-right: 50px !important; } .mr-sm-60 { margin-right: 60px !important; } .mr-sm-70 { margin-right: 70px !important; } .mr-sm-80 { margin-right: 80px !important; } .mr-sm-90 { margin-right: 90px !important; } .mr-sm-100 { margin-right: 100px !important; } .mr-sm-150 { margin-right: 150px !important; } .mr-sm-200 { margin-right: 200px !important; } .mr-sm-250 { margin-right: 250px !important; } .mr-sm-300 { margin-right: 300px !important; } .mr-sm-350 { margin-right: 350px !important; } .mr-sm-400 { margin-right: 400px !important; } .mr-sm-450 { margin-right: 450px !important; } .mr-sm-500 { margin-right: 500px !important; } .mr-sm-550 { margin-right: 550px !important; } .mr-sm-600 { margin-right: 600px !important; } .mr-sm-650 { margin-right: 650px !important; } .mr-sm-700 { margin-right: 700px !important; } } @media screen and (min-width: 768px) { .mr-md-0 { margin-right: 0 !important; } .mr-md-5 { margin-right: 5px !important; } .mr-md-10 { margin-right: 10px !important; } .mr-md-15 { margin-right: 15px !important; } .mr-md-20 { margin-right: 20px !important; } .mr-md-25 { margin-right: 25px !important; } .mr-md-30 { margin-right: 30px !important; } .mr-md-35 { margin-right: 35px !important; } .mr-md-40 { margin-right: 40px !important; } .mr-md-45 { margin-right: 45px !important; } .mr-md-50 { margin-right: 50px !important; } .mr-md-60 { margin-right: 60px !important; } .mr-md-70 { margin-right: 70px !important; } .mr-md-80 { margin-right: 80px !important; } .mr-md-90 { margin-right: 90px !important; } .mr-md-100 { margin-right: 100px !important; } .mr-md-150 { margin-right: 150px !important; } .mr-md-200 { margin-right: 200px !important; } .mr-md-250 { margin-right: 250px !important; } .mr-md-300 { margin-right: 300px !important; } .mr-md-350 { margin-right: 350px !important; } .mr-md-400 { margin-right: 400px !important; } .mr-md-450 { margin-right: 450px !important; } .mr-md-500 { margin-right: 500px !important; } .mr-md-550 { margin-right: 550px !important; } .mr-md-600 { margin-right: 600px !important; } .mr-md-650 { margin-right: 650px !important; } .mr-md-700 { margin-right: 700px !important; } } @media screen and (min-width: 992px) { .mr-lg-0 { margin-right: 0 !important; } .mr-lg-5 { margin-right: 5px !important; } .mr-lg-10 { margin-right: 10px !important; } .mr-lg-15 { margin-right: 15px !important; } .mr-lg-20 { margin-right: 20px !important; } .mr-lg-25 { margin-right: 25px !important; } .mr-lg-30 { margin-right: 30px !important; } .mr-lg-35 { margin-right: 35px !important; } .mr-lg-40 { margin-right: 40px !important; } .mr-lg-45 { margin-right: 45px !important; } .mr-lg-50 { margin-right: 50px !important; } .mr-lg-60 { margin-right: 60px !important; } .mr-lg-70 { margin-right: 70px !important; } .mr-lg-80 { margin-right: 80px !important; } .mr-lg-90 { margin-right: 90px !important; } .mr-lg-100 { margin-right: 100px !important; } .mr-lg-150 { margin-right: 150px !important; } .mr-lg-200 { margin-right: 200px !important; } .mr-lg-250 { margin-right: 250px !important; } .mr-lg-300 { margin-right: 300px !important; } .mr-lg-350 { margin-right: 350px !important; } .mr-lg-400 { margin-right: 400px !important; } .mr-lg-450 { margin-right: 450px !important; } .mr-lg-500 { margin-right: 500px !important; } .mr-lg-550 { margin-right: 550px !important; } .mr-lg-600 { margin-right: 600px !important; } .mr-lg-650 { margin-right: 650px !important; } .mr-lg-700 { margin-right: 700px !important; } } @media screen and (min-width: 1200px) { .mr-xl-0 { margin-right: 0 !important; } .mr-xl-5 { margin-right: 5px !important; } .mr-xl-10 { margin-right: 10px !important; } .mr-xl-15 { margin-right: 15px !important; } .mr-xl-20 { margin-right: 20px !important; } .mr-xl-25 { margin-right: 25px !important; } .mr-xl-30 { margin-right: 30px !important; } .mr-xl-35 { margin-right: 35px !important; } .mr-xl-40 { margin-right: 40px !important; } .mr-xl-45 { margin-right: 45px !important; } .mr-xl-50 { margin-right: 50px !important; } .mr-xl-60 { margin-right: 60px !important; } .mr-xl-70 { margin-right: 70px !important; } .mr-xl-80 { margin-right: 80px !important; } .mr-xl-90 { margin-right: 90px !important; } .mr-xl-100 { margin-right: 100px !important; } .mr-xl-150 { margin-right: 150px !important; } .mr-xl-200 { margin-right: 200px !important; } .mr-xl-250 { margin-right: 250px !important; } .mr-xl-300 { margin-right: 300px !important; } .mr-xl-350 { margin-right: 350px !important; } .mr-xl-400 { margin-right: 400px !important; } .mr-xl-450 { margin-right: 450px !important; } .mr-xl-500 { margin-right: 500px !important; } .mr-xl-550 { margin-right: 550px !important; } .mr-xl-600 { margin-right: 600px !important; } .mr-xl-650 { margin-right: 650px !important; } .mr-xl-700 { margin-right: 700px !important; } } @media screen and (min-width: 1600px) { .mr-xxl-0 { margin-right: 0 !important; } .mr-xxl-5 { margin-right: 5px !important; } .mr-xxl-10 { margin-right: 10px !important; } .mr-xxl-15 { margin-right: 15px !important; } .mr-xxl-20 { margin-right: 20px !important; } .mr-xxl-25 { margin-right: 25px !important; } .mr-xxl-30 { margin-right: 30px !important; } .mr-xxl-35 { margin-right: 35px !important; } .mr-xxl-40 { margin-right: 40px !important; } .mr-xxl-45 { margin-right: 45px !important; } .mr-xxl-50 { margin-right: 50px !important; } .mr-xxl-60 { margin-right: 60px !important; } .mr-xxl-70 { margin-right: 70px !important; } .mr-xxl-80 { margin-right: 80px !important; } .mr-xxl-90 { margin-right: 90px !important; } .mr-xxl-100 { margin-right: 100px !important; } .mr-xxl-150 { margin-right: 150px !important; } .mr-xxl-200 { margin-right: 200px !important; } .mr-xxl-250 { margin-right: 250px !important; } .mr-xxl-300 { margin-right: 300px !important; } .mr-xxl-350 { margin-right: 350px !important; } .mr-xxl-400 { margin-right: 400px !important; } .mr-xxl-450 { margin-right: 450px !important; } .mr-xxl-500 { margin-right: 500px !important; } .mr-xxl-550 { margin-right: 550px !important; } .mr-xxl-600 { margin-right: 600px !important; } .mr-xxl-650 { margin-right: 650px !important; } .mr-xxl-700 { margin-right: 700px !important; } } .mb-0 { margin-bottom: 0 !important; } .mb-5 { margin-bottom: 5px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-25 { margin-bottom: 25px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-35 { margin-bottom: 35px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-45 { margin-bottom: 45px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-100 { margin-bottom: 100px !important; } .mb-150 { margin-bottom: 150px !important; } .mb-200 { margin-bottom: 200px !important; } .mb-250 { margin-bottom: 250px !important; } .mb-300 { margin-bottom: 300px !important; } .mb-350 { margin-bottom: 350px !important; } .mb-400 { margin-bottom: 400px !important; } .mb-450 { margin-bottom: 450px !important; } .mb-500 { margin-bottom: 500px !important; } .mb-550 { margin-bottom: 550px !important; } .mb-600 { margin-bottom: 600px !important; } .mb-650 { margin-bottom: 650px !important; } .mb-700 { margin-bottom: 700px !important; } @media screen and (min-width: 576px) { .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-5 { margin-bottom: 5px !important; } .mb-sm-10 { margin-bottom: 10px !important; } .mb-sm-15 { margin-bottom: 15px !important; } .mb-sm-20 { margin-bottom: 20px !important; } .mb-sm-25 { margin-bottom: 25px !important; } .mb-sm-30 { margin-bottom: 30px !important; } .mb-sm-35 { margin-bottom: 35px !important; } .mb-sm-40 { margin-bottom: 40px !important; } .mb-sm-45 { margin-bottom: 45px !important; } .mb-sm-50 { margin-bottom: 50px !important; } .mb-sm-60 { margin-bottom: 60px !important; } .mb-sm-70 { margin-bottom: 70px !important; } .mb-sm-80 { margin-bottom: 80px !important; } .mb-sm-90 { margin-bottom: 90px !important; } .mb-sm-100 { margin-bottom: 100px !important; } .mb-sm-150 { margin-bottom: 150px !important; } .mb-sm-200 { margin-bottom: 200px !important; } .mb-sm-250 { margin-bottom: 250px !important; } .mb-sm-300 { margin-bottom: 300px !important; } .mb-sm-350 { margin-bottom: 350px !important; } .mb-sm-400 { margin-bottom: 400px !important; } .mb-sm-450 { margin-bottom: 450px !important; } .mb-sm-500 { margin-bottom: 500px !important; } .mb-sm-550 { margin-bottom: 550px !important; } .mb-sm-600 { margin-bottom: 600px !important; } .mb-sm-650 { margin-bottom: 650px !important; } .mb-sm-700 { margin-bottom: 700px !important; } } @media screen and (min-width: 768px) { .mb-md-0 { margin-bottom: 0 !important; } .mb-md-5 { margin-bottom: 5px !important; } .mb-md-10 { margin-bottom: 10px !important; } .mb-md-15 { margin-bottom: 15px !important; } .mb-md-20 { margin-bottom: 20px !important; } .mb-md-25 { margin-bottom: 25px !important; } .mb-md-30 { margin-bottom: 30px !important; } .mb-md-35 { margin-bottom: 35px !important; } .mb-md-40 { margin-bottom: 40px !important; } .mb-md-45 { margin-bottom: 45px !important; } .mb-md-50 { margin-bottom: 50px !important; } .mb-md-60 { margin-bottom: 60px !important; } .mb-md-70 { margin-bottom: 70px !important; } .mb-md-80 { margin-bottom: 80px !important; } .mb-md-90 { margin-bottom: 90px !important; } .mb-md-100 { margin-bottom: 100px !important; } .mb-md-150 { margin-bottom: 150px !important; } .mb-md-200 { margin-bottom: 200px !important; } .mb-md-250 { margin-bottom: 250px !important; } .mb-md-300 { margin-bottom: 300px !important; } .mb-md-350 { margin-bottom: 350px !important; } .mb-md-400 { margin-bottom: 400px !important; } .mb-md-450 { margin-bottom: 450px !important; } .mb-md-500 { margin-bottom: 500px !important; } .mb-md-550 { margin-bottom: 550px !important; } .mb-md-600 { margin-bottom: 600px !important; } .mb-md-650 { margin-bottom: 650px !important; } .mb-md-700 { margin-bottom: 700px !important; } } @media screen and (min-width: 992px) { .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-5 { margin-bottom: 5px !important; } .mb-lg-10 { margin-bottom: 10px !important; } .mb-lg-15 { margin-bottom: 15px !important; } .mb-lg-20 { margin-bottom: 20px !important; } .mb-lg-25 { margin-bottom: 25px !important; } .mb-lg-30 { margin-bottom: 30px !important; } .mb-lg-35 { margin-bottom: 35px !important; } .mb-lg-40 { margin-bottom: 40px !important; } .mb-lg-45 { margin-bottom: 45px !important; } .mb-lg-50 { margin-bottom: 50px !important; } .mb-lg-60 { margin-bottom: 60px !important; } .mb-lg-70 { margin-bottom: 70px !important; } .mb-lg-80 { margin-bottom: 80px !important; } .mb-lg-90 { margin-bottom: 90px !important; } .mb-lg-100 { margin-bottom: 100px !important; } .mb-lg-150 { margin-bottom: 150px !important; } .mb-lg-200 { margin-bottom: 200px !important; } .mb-lg-250 { margin-bottom: 250px !important; } .mb-lg-300 { margin-bottom: 300px !important; } .mb-lg-350 { margin-bottom: 350px !important; } .mb-lg-400 { margin-bottom: 400px !important; } .mb-lg-450 { margin-bottom: 450px !important; } .mb-lg-500 { margin-bottom: 500px !important; } .mb-lg-550 { margin-bottom: 550px !important; } .mb-lg-600 { margin-bottom: 600px !important; } .mb-lg-650 { margin-bottom: 650px !important; } .mb-lg-700 { margin-bottom: 700px !important; } } @media screen and (min-width: 1200px) { .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-5 { margin-bottom: 5px !important; } .mb-xl-10 { margin-bottom: 10px !important; } .mb-xl-15 { margin-bottom: 15px !important; } .mb-xl-20 { margin-bottom: 20px !important; } .mb-xl-25 { margin-bottom: 25px !important; } .mb-xl-30 { margin-bottom: 30px !important; } .mb-xl-35 { margin-bottom: 35px !important; } .mb-xl-40 { margin-bottom: 40px !important; } .mb-xl-45 { margin-bottom: 45px !important; } .mb-xl-50 { margin-bottom: 50px !important; } .mb-xl-60 { margin-bottom: 60px !important; } .mb-xl-70 { margin-bottom: 70px !important; } .mb-xl-80 { margin-bottom: 80px !important; } .mb-xl-90 { margin-bottom: 90px !important; } .mb-xl-100 { margin-bottom: 100px !important; } .mb-xl-150 { margin-bottom: 150px !important; } .mb-xl-200 { margin-bottom: 200px !important; } .mb-xl-250 { margin-bottom: 250px !important; } .mb-xl-300 { margin-bottom: 300px !important; } .mb-xl-350 { margin-bottom: 350px !important; } .mb-xl-400 { margin-bottom: 400px !important; } .mb-xl-450 { margin-bottom: 450px !important; } .mb-xl-500 { margin-bottom: 500px !important; } .mb-xl-550 { margin-bottom: 550px !important; } .mb-xl-600 { margin-bottom: 600px !important; } .mb-xl-650 { margin-bottom: 650px !important; } .mb-xl-700 { margin-bottom: 700px !important; } } @media screen and (min-width: 1600px) { .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-5 { margin-bottom: 5px !important; } .mb-xxl-10 { margin-bottom: 10px !important; } .mb-xxl-15 { margin-bottom: 15px !important; } .mb-xxl-20 { margin-bottom: 20px !important; } .mb-xxl-25 { margin-bottom: 25px !important; } .mb-xxl-30 { margin-bottom: 30px !important; } .mb-xxl-35 { margin-bottom: 35px !important; } .mb-xxl-40 { margin-bottom: 40px !important; } .mb-xxl-45 { margin-bottom: 45px !important; } .mb-xxl-50 { margin-bottom: 50px !important; } .mb-xxl-60 { margin-bottom: 60px !important; } .mb-xxl-70 { margin-bottom: 70px !important; } .mb-xxl-80 { margin-bottom: 80px !important; } .mb-xxl-90 { margin-bottom: 90px !important; } .mb-xxl-100 { margin-bottom: 100px !important; } .mb-xxl-150 { margin-bottom: 150px !important; } .mb-xxl-200 { margin-bottom: 200px !important; } .mb-xxl-250 { margin-bottom: 250px !important; } .mb-xxl-300 { margin-bottom: 300px !important; } .mb-xxl-350 { margin-bottom: 350px !important; } .mb-xxl-400 { margin-bottom: 400px !important; } .mb-xxl-450 { margin-bottom: 450px !important; } .mb-xxl-500 { margin-bottom: 500px !important; } .mb-xxl-550 { margin-bottom: 550px !important; } .mb-xxl-600 { margin-bottom: 600px !important; } .mb-xxl-650 { margin-bottom: 650px !important; } .mb-xxl-700 { margin-bottom: 700px !important; } } .ml-0 { margin-left: 0 !important; } .ml-5 { margin-left: 5px !important; } .ml-10 { margin-left: 10px !important; } .ml-15 { margin-left: 15px !important; } .ml-20 { margin-left: 20px !important; } .ml-25 { margin-left: 25px !important; } .ml-30 { margin-left: 30px !important; } .ml-35 { margin-left: 35px !important; } .ml-40 { margin-left: 40px !important; } .ml-45 { margin-left: 45px !important; } .ml-50 { margin-left: 50px !important; } .ml-60 { margin-left: 60px !important; } .ml-70 { margin-left: 70px !important; } .ml-80 { margin-left: 80px !important; } .ml-90 { margin-left: 90px !important; } .ml-100 { margin-left: 100px !important; } .ml-150 { margin-left: 150px !important; } .ml-200 { margin-left: 200px !important; } .ml-250 { margin-left: 250px !important; } .ml-300 { margin-left: 300px !important; } .ml-350 { margin-left: 350px !important; } .ml-400 { margin-left: 400px !important; } .ml-450 { margin-left: 450px !important; } .ml-500 { margin-left: 500px !important; } .ml-550 { margin-left: 550px !important; } .ml-600 { margin-left: 600px !important; } .ml-650 { margin-left: 650px !important; } .ml-700 { margin-left: 700px !important; } @media screen and (min-width: 576px) { .ml-sm-0 { margin-left: 0 !important; } .ml-sm-5 { margin-left: 5px !important; } .ml-sm-10 { margin-left: 10px !important; } .ml-sm-15 { margin-left: 15px !important; } .ml-sm-20 { margin-left: 20px !important; } .ml-sm-25 { margin-left: 25px !important; } .ml-sm-30 { margin-left: 30px !important; } .ml-sm-35 { margin-left: 35px !important; } .ml-sm-40 { margin-left: 40px !important; } .ml-sm-45 { margin-left: 45px !important; } .ml-sm-50 { margin-left: 50px !important; } .ml-sm-60 { margin-left: 60px !important; } .ml-sm-70 { margin-left: 70px !important; } .ml-sm-80 { margin-left: 80px !important; } .ml-sm-90 { margin-left: 90px !important; } .ml-sm-100 { margin-left: 100px !important; } .ml-sm-150 { margin-left: 150px !important; } .ml-sm-200 { margin-left: 200px !important; } .ml-sm-250 { margin-left: 250px !important; } .ml-sm-300 { margin-left: 300px !important; } .ml-sm-350 { margin-left: 350px !important; } .ml-sm-400 { margin-left: 400px !important; } .ml-sm-450 { margin-left: 450px !important; } .ml-sm-500 { margin-left: 500px !important; } .ml-sm-550 { margin-left: 550px !important; } .ml-sm-600 { margin-left: 600px !important; } .ml-sm-650 { margin-left: 650px !important; } .ml-sm-700 { margin-left: 700px !important; } } @media screen and (min-width: 768px) { .ml-md-0 { margin-left: 0 !important; } .ml-md-5 { margin-left: 5px !important; } .ml-md-10 { margin-left: 10px !important; } .ml-md-15 { margin-left: 15px !important; } .ml-md-20 { margin-left: 20px !important; } .ml-md-25 { margin-left: 25px !important; } .ml-md-30 { margin-left: 30px !important; } .ml-md-35 { margin-left: 35px !important; } .ml-md-40 { margin-left: 40px !important; } .ml-md-45 { margin-left: 45px !important; } .ml-md-50 { margin-left: 50px !important; } .ml-md-60 { margin-left: 60px !important; } .ml-md-70 { margin-left: 70px !important; } .ml-md-80 { margin-left: 80px !important; } .ml-md-90 { margin-left: 90px !important; } .ml-md-100 { margin-left: 100px !important; } .ml-md-150 { margin-left: 150px !important; } .ml-md-200 { margin-left: 200px !important; } .ml-md-250 { margin-left: 250px !important; } .ml-md-300 { margin-left: 300px !important; } .ml-md-350 { margin-left: 350px !important; } .ml-md-400 { margin-left: 400px !important; } .ml-md-450 { margin-left: 450px !important; } .ml-md-500 { margin-left: 500px !important; } .ml-md-550 { margin-left: 550px !important; } .ml-md-600 { margin-left: 600px !important; } .ml-md-650 { margin-left: 650px !important; } .ml-md-700 { margin-left: 700px !important; } } @media screen and (min-width: 992px) { .ml-lg-0 { margin-left: 0 !important; } .ml-lg-5 { margin-left: 5px !important; } .ml-lg-10 { margin-left: 10px !important; } .ml-lg-15 { margin-left: 15px !important; } .ml-lg-20 { margin-left: 20px !important; } .ml-lg-25 { margin-left: 25px !important; } .ml-lg-30 { margin-left: 30px !important; } .ml-lg-35 { margin-left: 35px !important; } .ml-lg-40 { margin-left: 40px !important; } .ml-lg-45 { margin-left: 45px !important; } .ml-lg-50 { margin-left: 50px !important; } .ml-lg-60 { margin-left: 60px !important; } .ml-lg-70 { margin-left: 70px !important; } .ml-lg-80 { margin-left: 80px !important; } .ml-lg-90 { margin-left: 90px !important; } .ml-lg-100 { margin-left: 100px !important; } .ml-lg-150 { margin-left: 150px !important; } .ml-lg-200 { margin-left: 200px !important; } .ml-lg-250 { margin-left: 250px !important; } .ml-lg-300 { margin-left: 300px !important; } .ml-lg-350 { margin-left: 350px !important; } .ml-lg-400 { margin-left: 400px !important; } .ml-lg-450 { margin-left: 450px !important; } .ml-lg-500 { margin-left: 500px !important; } .ml-lg-550 { margin-left: 550px !important; } .ml-lg-600 { margin-left: 600px !important; } .ml-lg-650 { margin-left: 650px !important; } .ml-lg-700 { margin-left: 700px !important; } } @media screen and (min-width: 1200px) { .ml-xl-0 { margin-left: 0 !important; } .ml-xl-5 { margin-left: 5px !important; } .ml-xl-10 { margin-left: 10px !important; } .ml-xl-15 { margin-left: 15px !important; } .ml-xl-20 { margin-left: 20px !important; } .ml-xl-25 { margin-left: 25px !important; } .ml-xl-30 { margin-left: 30px !important; } .ml-xl-35 { margin-left: 35px !important; } .ml-xl-40 { margin-left: 40px !important; } .ml-xl-45 { margin-left: 45px !important; } .ml-xl-50 { margin-left: 50px !important; } .ml-xl-60 { margin-left: 60px !important; } .ml-xl-70 { margin-left: 70px !important; } .ml-xl-80 { margin-left: 80px !important; } .ml-xl-90 { margin-left: 90px !important; } .ml-xl-100 { margin-left: 100px !important; } .ml-xl-150 { margin-left: 150px !important; } .ml-xl-200 { margin-left: 200px !important; } .ml-xl-250 { margin-left: 250px !important; } .ml-xl-300 { margin-left: 300px !important; } .ml-xl-350 { margin-left: 350px !important; } .ml-xl-400 { margin-left: 400px !important; } .ml-xl-450 { margin-left: 450px !important; } .ml-xl-500 { margin-left: 500px !important; } .ml-xl-550 { margin-left: 550px !important; } .ml-xl-600 { margin-left: 600px !important; } .ml-xl-650 { margin-left: 650px !important; } .ml-xl-700 { margin-left: 700px !important; } } @media screen and (min-width: 1600px) { .ml-xxl-0 { margin-left: 0 !important; } .ml-xxl-5 { margin-left: 5px !important; } .ml-xxl-10 { margin-left: 10px !important; } .ml-xxl-15 { margin-left: 15px !important; } .ml-xxl-20 { margin-left: 20px !important; } .ml-xxl-25 { margin-left: 25px !important; } .ml-xxl-30 { margin-left: 30px !important; } .ml-xxl-35 { margin-left: 35px !important; } .ml-xxl-40 { margin-left: 40px !important; } .ml-xxl-45 { margin-left: 45px !important; } .ml-xxl-50 { margin-left: 50px !important; } .ml-xxl-60 { margin-left: 60px !important; } .ml-xxl-70 { margin-left: 70px !important; } .ml-xxl-80 { margin-left: 80px !important; } .ml-xxl-90 { margin-left: 90px !important; } .ml-xxl-100 { margin-left: 100px !important; } .ml-xxl-150 { margin-left: 150px !important; } .ml-xxl-200 { margin-left: 200px !important; } .ml-xxl-250 { margin-left: 250px !important; } .ml-xxl-300 { margin-left: 300px !important; } .ml-xxl-350 { margin-left: 350px !important; } .ml-xxl-400 { margin-left: 400px !important; } .ml-xxl-450 { margin-left: 450px !important; } .ml-xxl-500 { margin-left: 500px !important; } .ml-xxl-550 { margin-left: 550px !important; } .ml-xxl-600 { margin-left: 600px !important; } .ml-xxl-650 { margin-left: 650px !important; } .ml-xxl-700 { margin-left: 700px !important; } } .p-0 { padding: 0 !important; } .p-5 { padding: 5px !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-25 { padding: 25px !important; } .p-30 { padding: 30px !important; } .p-35 { padding: 35px !important; } .p-40 { padding: 40px !important; } .p-45 { padding: 45px !important; } .p-50 { padding: 50px !important; } .p-60 { padding: 60px !important; } .p-70 { padding: 70px !important; } .p-80 { padding: 80px !important; } .p-90 { padding: 90px !important; } .p-100 { padding: 100px !important; } .p-150 { padding: 150px !important; } .p-200 { padding: 200px !important; } .p-250 { padding: 250px !important; } .p-300 { padding: 300px !important; } .p-350 { padding: 350px !important; } .p-400 { padding: 400px !important; } .p-450 { padding: 450px !important; } .p-500 { padding: 500px !important; } .p-550 { padding: 550px !important; } .p-600 { padding: 600px !important; } .p-650 { padding: 650px !important; } .p-700 { padding: 700px !important; } @media screen and (min-width: 576px) { .p-sm-0 { padding: 0 !important; } .p-sm-5 { padding: 5px !important; } .p-sm-10 { padding: 10px !important; } .p-sm-15 { padding: 15px !important; } .p-sm-20 { padding: 20px !important; } .p-sm-25 { padding: 25px !important; } .p-sm-30 { padding: 30px !important; } .p-sm-35 { padding: 35px !important; } .p-sm-40 { padding: 40px !important; } .p-sm-45 { padding: 45px !important; } .p-sm-50 { padding: 50px !important; } .p-sm-60 { padding: 60px !important; } .p-sm-70 { padding: 70px !important; } .p-sm-80 { padding: 80px !important; } .p-sm-90 { padding: 90px !important; } .p-sm-100 { padding: 100px !important; } .p-sm-150 { padding: 150px !important; } .p-sm-200 { padding: 200px !important; } .p-sm-250 { padding: 250px !important; } .p-sm-300 { padding: 300px !important; } .p-sm-350 { padding: 350px !important; } .p-sm-400 { padding: 400px !important; } .p-sm-450 { padding: 450px !important; } .p-sm-500 { padding: 500px !important; } .p-sm-550 { padding: 550px !important; } .p-sm-600 { padding: 600px !important; } .p-sm-650 { padding: 650px !important; } .p-sm-700 { padding: 700px !important; } } @media screen and (min-width: 768px) { .p-md-0 { padding: 0 !important; } .p-md-5 { padding: 5px !important; } .p-md-10 { padding: 10px !important; } .p-md-15 { padding: 15px !important; } .p-md-20 { padding: 20px !important; } .p-md-25 { padding: 25px !important; } .p-md-30 { padding: 30px !important; } .p-md-35 { padding: 35px !important; } .p-md-40 { padding: 40px !important; } .p-md-45 { padding: 45px !important; } .p-md-50 { padding: 50px !important; } .p-md-60 { padding: 60px !important; } .p-md-70 { padding: 70px !important; } .p-md-80 { padding: 80px !important; } .p-md-90 { padding: 90px !important; } .p-md-100 { padding: 100px !important; } .p-md-150 { padding: 150px !important; } .p-md-200 { padding: 200px !important; } .p-md-250 { padding: 250px !important; } .p-md-300 { padding: 300px !important; } .p-md-350 { padding: 350px !important; } .p-md-400 { padding: 400px !important; } .p-md-450 { padding: 450px !important; } .p-md-500 { padding: 500px !important; } .p-md-550 { padding: 550px !important; } .p-md-600 { padding: 600px !important; } .p-md-650 { padding: 650px !important; } .p-md-700 { padding: 700px !important; } } @media screen and (min-width: 992px) { .p-lg-0 { padding: 0 !important; } .p-lg-5 { padding: 5px !important; } .p-lg-10 { padding: 10px !important; } .p-lg-15 { padding: 15px !important; } .p-lg-20 { padding: 20px !important; } .p-lg-25 { padding: 25px !important; } .p-lg-30 { padding: 30px !important; } .p-lg-35 { padding: 35px !important; } .p-lg-40 { padding: 40px !important; } .p-lg-45 { padding: 45px !important; } .p-lg-50 { padding: 50px !important; } .p-lg-60 { padding: 60px !important; } .p-lg-70 { padding: 70px !important; } .p-lg-80 { padding: 80px !important; } .p-lg-90 { padding: 90px !important; } .p-lg-100 { padding: 100px !important; } .p-lg-150 { padding: 150px !important; } .p-lg-200 { padding: 200px !important; } .p-lg-250 { padding: 250px !important; } .p-lg-300 { padding: 300px !important; } .p-lg-350 { padding: 350px !important; } .p-lg-400 { padding: 400px !important; } .p-lg-450 { padding: 450px !important; } .p-lg-500 { padding: 500px !important; } .p-lg-550 { padding: 550px !important; } .p-lg-600 { padding: 600px !important; } .p-lg-650 { padding: 650px !important; } .p-lg-700 { padding: 700px !important; } } @media screen and (min-width: 1200px) { .p-xl-0 { padding: 0 !important; } .p-xl-5 { padding: 5px !important; } .p-xl-10 { padding: 10px !important; } .p-xl-15 { padding: 15px !important; } .p-xl-20 { padding: 20px !important; } .p-xl-25 { padding: 25px !important; } .p-xl-30 { padding: 30px !important; } .p-xl-35 { padding: 35px !important; } .p-xl-40 { padding: 40px !important; } .p-xl-45 { padding: 45px !important; } .p-xl-50 { padding: 50px !important; } .p-xl-60 { padding: 60px !important; } .p-xl-70 { padding: 70px !important; } .p-xl-80 { padding: 80px !important; } .p-xl-90 { padding: 90px !important; } .p-xl-100 { padding: 100px !important; } .p-xl-150 { padding: 150px !important; } .p-xl-200 { padding: 200px !important; } .p-xl-250 { padding: 250px !important; } .p-xl-300 { padding: 300px !important; } .p-xl-350 { padding: 350px !important; } .p-xl-400 { padding: 400px !important; } .p-xl-450 { padding: 450px !important; } .p-xl-500 { padding: 500px !important; } .p-xl-550 { padding: 550px !important; } .p-xl-600 { padding: 600px !important; } .p-xl-650 { padding: 650px !important; } .p-xl-700 { padding: 700px !important; } } @media screen and (min-width: 1600px) { .p-xxl-0 { padding: 0 !important; } .p-xxl-5 { padding: 5px !important; } .p-xxl-10 { padding: 10px !important; } .p-xxl-15 { padding: 15px !important; } .p-xxl-20 { padding: 20px !important; } .p-xxl-25 { padding: 25px !important; } .p-xxl-30 { padding: 30px !important; } .p-xxl-35 { padding: 35px !important; } .p-xxl-40 { padding: 40px !important; } .p-xxl-45 { padding: 45px !important; } .p-xxl-50 { padding: 50px !important; } .p-xxl-60 { padding: 60px !important; } .p-xxl-70 { padding: 70px !important; } .p-xxl-80 { padding: 80px !important; } .p-xxl-90 { padding: 90px !important; } .p-xxl-100 { padding: 100px !important; } .p-xxl-150 { padding: 150px !important; } .p-xxl-200 { padding: 200px !important; } .p-xxl-250 { padding: 250px !important; } .p-xxl-300 { padding: 300px !important; } .p-xxl-350 { padding: 350px !important; } .p-xxl-400 { padding: 400px !important; } .p-xxl-450 { padding: 450px !important; } .p-xxl-500 { padding: 500px !important; } .p-xxl-550 { padding: 550px !important; } .p-xxl-600 { padding: 600px !important; } .p-xxl-650 { padding: 650px !important; } .p-xxl-700 { padding: 700px !important; } } .pt-0 { padding-top: 0 !important; } .pt-5 { padding-top: 5px !important; } .pt-10 { padding-top: 10px !important; } .pt-15 { padding-top: 15px !important; } .pt-20 { padding-top: 20px !important; } .pt-25 { padding-top: 25px !important; } .pt-30 { padding-top: 30px !important; } .pt-35 { padding-top: 35px !important; } .pt-40 { padding-top: 40px !important; } .pt-45 { padding-top: 45px !important; } .pt-50 { padding-top: 50px !important; } .pt-60 { padding-top: 60px !important; } .pt-70 { padding-top: 70px !important; } .pt-80 { padding-top: 80px !important; } .pt-90 { padding-top: 90px !important; } .pt-100 { padding-top: 100px !important; } .pt-150 { padding-top: 150px !important; } .pt-200 { padding-top: 200px !important; } .pt-250 { padding-top: 250px !important; } .pt-300 { padding-top: 300px !important; } .pt-350 { padding-top: 350px !important; } .pt-400 { padding-top: 400px !important; } .pt-450 { padding-top: 450px !important; } .pt-500 { padding-top: 500px !important; } .pt-550 { padding-top: 550px !important; } .pt-600 { padding-top: 600px !important; } .pt-650 { padding-top: 650px !important; } .pt-700 { padding-top: 700px !important; } @media screen and (min-width: 576px) { .pt-sm-0 { padding-top: 0 !important; } .pt-sm-5 { padding-top: 5px !important; } .pt-sm-10 { padding-top: 10px !important; } .pt-sm-15 { padding-top: 15px !important; } .pt-sm-20 { padding-top: 20px !important; } .pt-sm-25 { padding-top: 25px !important; } .pt-sm-30 { padding-top: 30px !important; } .pt-sm-35 { padding-top: 35px !important; } .pt-sm-40 { padding-top: 40px !important; } .pt-sm-45 { padding-top: 45px !important; } .pt-sm-50 { padding-top: 50px !important; } .pt-sm-60 { padding-top: 60px !important; } .pt-sm-70 { padding-top: 70px !important; } .pt-sm-80 { padding-top: 80px !important; } .pt-sm-90 { padding-top: 90px !important; } .pt-sm-100 { padding-top: 100px !important; } .pt-sm-150 { padding-top: 150px !important; } .pt-sm-200 { padding-top: 200px !important; } .pt-sm-250 { padding-top: 250px !important; } .pt-sm-300 { padding-top: 300px !important; } .pt-sm-350 { padding-top: 350px !important; } .pt-sm-400 { padding-top: 400px !important; } .pt-sm-450 { padding-top: 450px !important; } .pt-sm-500 { padding-top: 500px !important; } .pt-sm-550 { padding-top: 550px !important; } .pt-sm-600 { padding-top: 600px !important; } .pt-sm-650 { padding-top: 650px !important; } .pt-sm-700 { padding-top: 700px !important; } } @media screen and (min-width: 768px) { .pt-md-0 { padding-top: 0 !important; } .pt-md-5 { padding-top: 5px !important; } .pt-md-10 { padding-top: 10px !important; } .pt-md-15 { padding-top: 15px !important; } .pt-md-20 { padding-top: 20px !important; } .pt-md-25 { padding-top: 25px !important; } .pt-md-30 { padding-top: 30px !important; } .pt-md-35 { padding-top: 35px !important; } .pt-md-40 { padding-top: 40px !important; } .pt-md-45 { padding-top: 45px !important; } .pt-md-50 { padding-top: 50px !important; } .pt-md-60 { padding-top: 60px !important; } .pt-md-70 { padding-top: 70px !important; } .pt-md-80 { padding-top: 80px !important; } .pt-md-90 { padding-top: 90px !important; } .pt-md-100 { padding-top: 100px !important; } .pt-md-150 { padding-top: 150px !important; } .pt-md-200 { padding-top: 200px !important; } .pt-md-250 { padding-top: 250px !important; } .pt-md-300 { padding-top: 300px !important; } .pt-md-350 { padding-top: 350px !important; } .pt-md-400 { padding-top: 400px !important; } .pt-md-450 { padding-top: 450px !important; } .pt-md-500 { padding-top: 500px !important; } .pt-md-550 { padding-top: 550px !important; } .pt-md-600 { padding-top: 600px !important; } .pt-md-650 { padding-top: 650px !important; } .pt-md-700 { padding-top: 700px !important; } } @media screen and (min-width: 992px) { .pt-lg-0 { padding-top: 0 !important; } .pt-lg-5 { padding-top: 5px !important; } .pt-lg-10 { padding-top: 10px !important; } .pt-lg-15 { padding-top: 15px !important; } .pt-lg-20 { padding-top: 20px !important; } .pt-lg-25 { padding-top: 25px !important; } .pt-lg-30 { padding-top: 30px !important; } .pt-lg-35 { padding-top: 35px !important; } .pt-lg-40 { padding-top: 40px !important; } .pt-lg-45 { padding-top: 45px !important; } .pt-lg-50 { padding-top: 50px !important; } .pt-lg-60 { padding-top: 60px !important; } .pt-lg-70 { padding-top: 70px !important; } .pt-lg-80 { padding-top: 80px !important; } .pt-lg-90 { padding-top: 90px !important; } .pt-lg-100 { padding-top: 100px !important; } .pt-lg-150 { padding-top: 150px !important; } .pt-lg-200 { padding-top: 200px !important; } .pt-lg-250 { padding-top: 250px !important; } .pt-lg-300 { padding-top: 300px !important; } .pt-lg-350 { padding-top: 350px !important; } .pt-lg-400 { padding-top: 400px !important; } .pt-lg-450 { padding-top: 450px !important; } .pt-lg-500 { padding-top: 500px !important; } .pt-lg-550 { padding-top: 550px !important; } .pt-lg-600 { padding-top: 600px !important; } .pt-lg-650 { padding-top: 650px !important; } .pt-lg-700 { padding-top: 700px !important; } } @media screen and (min-width: 1200px) { .pt-xl-0 { padding-top: 0 !important; } .pt-xl-5 { padding-top: 5px !important; } .pt-xl-10 { padding-top: 10px !important; } .pt-xl-15 { padding-top: 15px !important; } .pt-xl-20 { padding-top: 20px !important; } .pt-xl-25 { padding-top: 25px !important; } .pt-xl-30 { padding-top: 30px !important; } .pt-xl-35 { padding-top: 35px !important; } .pt-xl-40 { padding-top: 40px !important; } .pt-xl-45 { padding-top: 45px !important; } .pt-xl-50 { padding-top: 50px !important; } .pt-xl-60 { padding-top: 60px !important; } .pt-xl-70 { padding-top: 70px !important; } .pt-xl-80 { padding-top: 80px !important; } .pt-xl-90 { padding-top: 90px !important; } .pt-xl-100 { padding-top: 100px !important; } .pt-xl-150 { padding-top: 150px !important; } .pt-xl-200 { padding-top: 200px !important; } .pt-xl-250 { padding-top: 250px !important; } .pt-xl-300 { padding-top: 300px !important; } .pt-xl-350 { padding-top: 350px !important; } .pt-xl-400 { padding-top: 400px !important; } .pt-xl-450 { padding-top: 450px !important; } .pt-xl-500 { padding-top: 500px !important; } .pt-xl-550 { padding-top: 550px !important; } .pt-xl-600 { padding-top: 600px !important; } .pt-xl-650 { padding-top: 650px !important; } .pt-xl-700 { padding-top: 700px !important; } } @media screen and (min-width: 1600px) { .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-5 { padding-top: 5px !important; } .pt-xxl-10 { padding-top: 10px !important; } .pt-xxl-15 { padding-top: 15px !important; } .pt-xxl-20 { padding-top: 20px !important; } .pt-xxl-25 { padding-top: 25px !important; } .pt-xxl-30 { padding-top: 30px !important; } .pt-xxl-35 { padding-top: 35px !important; } .pt-xxl-40 { padding-top: 40px !important; } .pt-xxl-45 { padding-top: 45px !important; } .pt-xxl-50 { padding-top: 50px !important; } .pt-xxl-60 { padding-top: 60px !important; } .pt-xxl-70 { padding-top: 70px !important; } .pt-xxl-80 { padding-top: 80px !important; } .pt-xxl-90 { padding-top: 90px !important; } .pt-xxl-100 { padding-top: 100px !important; } .pt-xxl-150 { padding-top: 150px !important; } .pt-xxl-200 { padding-top: 200px !important; } .pt-xxl-250 { padding-top: 250px !important; } .pt-xxl-300 { padding-top: 300px !important; } .pt-xxl-350 { padding-top: 350px !important; } .pt-xxl-400 { padding-top: 400px !important; } .pt-xxl-450 { padding-top: 450px !important; } .pt-xxl-500 { padding-top: 500px !important; } .pt-xxl-550 { padding-top: 550px !important; } .pt-xxl-600 { padding-top: 600px !important; } .pt-xxl-650 { padding-top: 650px !important; } .pt-xxl-700 { padding-top: 700px !important; } } .pr-0 { padding-right: 0 !important; } .pr-5 { padding-right: 5px !important; } .pr-10 { padding-right: 10px !important; } .pr-15 { padding-right: 15px !important; } .pr-20 { padding-right: 20px !important; } .pr-25 { padding-right: 25px !important; } .pr-30 { padding-right: 30px !important; } .pr-35 { padding-right: 35px !important; } .pr-40 { padding-right: 40px !important; } .pr-45 { padding-right: 45px !important; } .pr-50 { padding-right: 50px !important; } .pr-60 { padding-right: 60px !important; } .pr-70 { padding-right: 70px !important; } .pr-80 { padding-right: 80px !important; } .pr-90 { padding-right: 90px !important; } .pr-100 { padding-right: 100px !important; } .pr-150 { padding-right: 150px !important; } .pr-200 { padding-right: 200px !important; } .pr-250 { padding-right: 250px !important; } .pr-300 { padding-right: 300px !important; } .pr-350 { padding-right: 350px !important; } .pr-400 { padding-right: 400px !important; } .pr-450 { padding-right: 450px !important; } .pr-500 { padding-right: 500px !important; } .pr-550 { padding-right: 550px !important; } .pr-600 { padding-right: 600px !important; } .pr-650 { padding-right: 650px !important; } .pr-700 { padding-right: 700px !important; } @media screen and (min-width: 576px) { .pr-sm-0 { padding-right: 0 !important; } .pr-sm-5 { padding-right: 5px !important; } .pr-sm-10 { padding-right: 10px !important; } .pr-sm-15 { padding-right: 15px !important; } .pr-sm-20 { padding-right: 20px !important; } .pr-sm-25 { padding-right: 25px !important; } .pr-sm-30 { padding-right: 30px !important; } .pr-sm-35 { padding-right: 35px !important; } .pr-sm-40 { padding-right: 40px !important; } .pr-sm-45 { padding-right: 45px !important; } .pr-sm-50 { padding-right: 50px !important; } .pr-sm-60 { padding-right: 60px !important; } .pr-sm-70 { padding-right: 70px !important; } .pr-sm-80 { padding-right: 80px !important; } .pr-sm-90 { padding-right: 90px !important; } .pr-sm-100 { padding-right: 100px !important; } .pr-sm-150 { padding-right: 150px !important; } .pr-sm-200 { padding-right: 200px !important; } .pr-sm-250 { padding-right: 250px !important; } .pr-sm-300 { padding-right: 300px !important; } .pr-sm-350 { padding-right: 350px !important; } .pr-sm-400 { padding-right: 400px !important; } .pr-sm-450 { padding-right: 450px !important; } .pr-sm-500 { padding-right: 500px !important; } .pr-sm-550 { padding-right: 550px !important; } .pr-sm-600 { padding-right: 600px !important; } .pr-sm-650 { padding-right: 650px !important; } .pr-sm-700 { padding-right: 700px !important; } } @media screen and (min-width: 768px) { .pr-md-0 { padding-right: 0 !important; } .pr-md-5 { padding-right: 5px !important; } .pr-md-10 { padding-right: 10px !important; } .pr-md-15 { padding-right: 15px !important; } .pr-md-20 { padding-right: 20px !important; } .pr-md-25 { padding-right: 25px !important; } .pr-md-30 { padding-right: 30px !important; } .pr-md-35 { padding-right: 35px !important; } .pr-md-40 { padding-right: 40px !important; } .pr-md-45 { padding-right: 45px !important; } .pr-md-50 { padding-right: 50px !important; } .pr-md-60 { padding-right: 60px !important; } .pr-md-70 { padding-right: 70px !important; } .pr-md-80 { padding-right: 80px !important; } .pr-md-90 { padding-right: 90px !important; } .pr-md-100 { padding-right: 100px !important; } .pr-md-150 { padding-right: 150px !important; } .pr-md-200 { padding-right: 200px !important; } .pr-md-250 { padding-right: 250px !important; } .pr-md-300 { padding-right: 300px !important; } .pr-md-350 { padding-right: 350px !important; } .pr-md-400 { padding-right: 400px !important; } .pr-md-450 { padding-right: 450px !important; } .pr-md-500 { padding-right: 500px !important; } .pr-md-550 { padding-right: 550px !important; } .pr-md-600 { padding-right: 600px !important; } .pr-md-650 { padding-right: 650px !important; } .pr-md-700 { padding-right: 700px !important; } } @media screen and (min-width: 992px) { .pr-lg-0 { padding-right: 0 !important; } .pr-lg-5 { padding-right: 5px !important; } .pr-lg-10 { padding-right: 10px !important; } .pr-lg-15 { padding-right: 15px !important; } .pr-lg-20 { padding-right: 20px !important; } .pr-lg-25 { padding-right: 25px !important; } .pr-lg-30 { padding-right: 30px !important; } .pr-lg-35 { padding-right: 35px !important; } .pr-lg-40 { padding-right: 40px !important; } .pr-lg-45 { padding-right: 45px !important; } .pr-lg-50 { padding-right: 50px !important; } .pr-lg-60 { padding-right: 60px !important; } .pr-lg-70 { padding-right: 70px !important; } .pr-lg-80 { padding-right: 80px !important; } .pr-lg-90 { padding-right: 90px !important; } .pr-lg-100 { padding-right: 100px !important; } .pr-lg-150 { padding-right: 150px !important; } .pr-lg-200 { padding-right: 200px !important; } .pr-lg-250 { padding-right: 250px !important; } .pr-lg-300 { padding-right: 300px !important; } .pr-lg-350 { padding-right: 350px !important; } .pr-lg-400 { padding-right: 400px !important; } .pr-lg-450 { padding-right: 450px !important; } .pr-lg-500 { padding-right: 500px !important; } .pr-lg-550 { padding-right: 550px !important; } .pr-lg-600 { padding-right: 600px !important; } .pr-lg-650 { padding-right: 650px !important; } .pr-lg-700 { padding-right: 700px !important; } } @media screen and (min-width: 1200px) { .pr-xl-0 { padding-right: 0 !important; } .pr-xl-5 { padding-right: 5px !important; } .pr-xl-10 { padding-right: 10px !important; } .pr-xl-15 { padding-right: 15px !important; } .pr-xl-20 { padding-right: 20px !important; } .pr-xl-25 { padding-right: 25px !important; } .pr-xl-30 { padding-right: 30px !important; } .pr-xl-35 { padding-right: 35px !important; } .pr-xl-40 { padding-right: 40px !important; } .pr-xl-45 { padding-right: 45px !important; } .pr-xl-50 { padding-right: 50px !important; } .pr-xl-60 { padding-right: 60px !important; } .pr-xl-70 { padding-right: 70px !important; } .pr-xl-80 { padding-right: 80px !important; } .pr-xl-90 { padding-right: 90px !important; } .pr-xl-100 { padding-right: 100px !important; } .pr-xl-150 { padding-right: 150px !important; } .pr-xl-200 { padding-right: 200px !important; } .pr-xl-250 { padding-right: 250px !important; } .pr-xl-300 { padding-right: 300px !important; } .pr-xl-350 { padding-right: 350px !important; } .pr-xl-400 { padding-right: 400px !important; } .pr-xl-450 { padding-right: 450px !important; } .pr-xl-500 { padding-right: 500px !important; } .pr-xl-550 { padding-right: 550px !important; } .pr-xl-600 { padding-right: 600px !important; } .pr-xl-650 { padding-right: 650px !important; } .pr-xl-700 { padding-right: 700px !important; } } @media screen and (min-width: 1600px) { .pr-xxl-0 { padding-right: 0 !important; } .pr-xxl-5 { padding-right: 5px !important; } .pr-xxl-10 { padding-right: 10px !important; } .pr-xxl-15 { padding-right: 15px !important; } .pr-xxl-20 { padding-right: 20px !important; } .pr-xxl-25 { padding-right: 25px !important; } .pr-xxl-30 { padding-right: 30px !important; } .pr-xxl-35 { padding-right: 35px !important; } .pr-xxl-40 { padding-right: 40px !important; } .pr-xxl-45 { padding-right: 45px !important; } .pr-xxl-50 { padding-right: 50px !important; } .pr-xxl-60 { padding-right: 60px !important; } .pr-xxl-70 { padding-right: 70px !important; } .pr-xxl-80 { padding-right: 80px !important; } .pr-xxl-90 { padding-right: 90px !important; } .pr-xxl-100 { padding-right: 100px !important; } .pr-xxl-150 { padding-right: 150px !important; } .pr-xxl-200 { padding-right: 200px !important; } .pr-xxl-250 { padding-right: 250px !important; } .pr-xxl-300 { padding-right: 300px !important; } .pr-xxl-350 { padding-right: 350px !important; } .pr-xxl-400 { padding-right: 400px !important; } .pr-xxl-450 { padding-right: 450px !important; } .pr-xxl-500 { padding-right: 500px !important; } .pr-xxl-550 { padding-right: 550px !important; } .pr-xxl-600 { padding-right: 600px !important; } .pr-xxl-650 { padding-right: 650px !important; } .pr-xxl-700 { padding-right: 700px !important; } } .pb-0 { padding-bottom: 0 !important; } .pb-5 { padding-bottom: 5px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-25 { padding-bottom: 25px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-35 { padding-bottom: 35px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-45 { padding-bottom: 45px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-60 { padding-bottom: 60px !important; } .pb-70 { padding-bottom: 70px !important; } .pb-80 { padding-bottom: 80px !important; } .pb-90 { padding-bottom: 90px !important; } .pb-100 { padding-bottom: 100px !important; } .pb-150 { padding-bottom: 150px !important; } .pb-200 { padding-bottom: 200px !important; } .pb-250 { padding-bottom: 250px !important; } .pb-300 { padding-bottom: 300px !important; } .pb-350 { padding-bottom: 350px !important; } .pb-400 { padding-bottom: 400px !important; } .pb-450 { padding-bottom: 450px !important; } .pb-500 { padding-bottom: 500px !important; } .pb-550 { padding-bottom: 550px !important; } .pb-600 { padding-bottom: 600px !important; } .pb-650 { padding-bottom: 650px !important; } .pb-700 { padding-bottom: 700px !important; } @media screen and (min-width: 576px) { .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-5 { padding-bottom: 5px !important; } .pb-sm-10 { padding-bottom: 10px !important; } .pb-sm-15 { padding-bottom: 15px !important; } .pb-sm-20 { padding-bottom: 20px !important; } .pb-sm-25 { padding-bottom: 25px !important; } .pb-sm-30 { padding-bottom: 30px !important; } .pb-sm-35 { padding-bottom: 35px !important; } .pb-sm-40 { padding-bottom: 40px !important; } .pb-sm-45 { padding-bottom: 45px !important; } .pb-sm-50 { padding-bottom: 50px !important; } .pb-sm-60 { padding-bottom: 60px !important; } .pb-sm-70 { padding-bottom: 70px !important; } .pb-sm-80 { padding-bottom: 80px !important; } .pb-sm-90 { padding-bottom: 90px !important; } .pb-sm-100 { padding-bottom: 100px !important; } .pb-sm-150 { padding-bottom: 150px !important; } .pb-sm-200 { padding-bottom: 200px !important; } .pb-sm-250 { padding-bottom: 250px !important; } .pb-sm-300 { padding-bottom: 300px !important; } .pb-sm-350 { padding-bottom: 350px !important; } .pb-sm-400 { padding-bottom: 400px !important; } .pb-sm-450 { padding-bottom: 450px !important; } .pb-sm-500 { padding-bottom: 500px !important; } .pb-sm-550 { padding-bottom: 550px !important; } .pb-sm-600 { padding-bottom: 600px !important; } .pb-sm-650 { padding-bottom: 650px !important; } .pb-sm-700 { padding-bottom: 700px !important; } } @media screen and (min-width: 768px) { .pb-md-0 { padding-bottom: 0 !important; } .pb-md-5 { padding-bottom: 5px !important; } .pb-md-10 { padding-bottom: 10px !important; } .pb-md-15 { padding-bottom: 15px !important; } .pb-md-20 { padding-bottom: 20px !important; } .pb-md-25 { padding-bottom: 25px !important; } .pb-md-30 { padding-bottom: 30px !important; } .pb-md-35 { padding-bottom: 35px !important; } .pb-md-40 { padding-bottom: 40px !important; } .pb-md-45 { padding-bottom: 45px !important; } .pb-md-50 { padding-bottom: 50px !important; } .pb-md-60 { padding-bottom: 60px !important; } .pb-md-70 { padding-bottom: 70px !important; } .pb-md-80 { padding-bottom: 80px !important; } .pb-md-90 { padding-bottom: 90px !important; } .pb-md-100 { padding-bottom: 100px !important; } .pb-md-150 { padding-bottom: 150px !important; } .pb-md-200 { padding-bottom: 200px !important; } .pb-md-250 { padding-bottom: 250px !important; } .pb-md-300 { padding-bottom: 300px !important; } .pb-md-350 { padding-bottom: 350px !important; } .pb-md-400 { padding-bottom: 400px !important; } .pb-md-450 { padding-bottom: 450px !important; } .pb-md-500 { padding-bottom: 500px !important; } .pb-md-550 { padding-bottom: 550px !important; } .pb-md-600 { padding-bottom: 600px !important; } .pb-md-650 { padding-bottom: 650px !important; } .pb-md-700 { padding-bottom: 700px !important; } } @media screen and (min-width: 992px) { .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-5 { padding-bottom: 5px !important; } .pb-lg-10 { padding-bottom: 10px !important; } .pb-lg-15 { padding-bottom: 15px !important; } .pb-lg-20 { padding-bottom: 20px !important; } .pb-lg-25 { padding-bottom: 25px !important; } .pb-lg-30 { padding-bottom: 30px !important; } .pb-lg-35 { padding-bottom: 35px !important; } .pb-lg-40 { padding-bottom: 40px !important; } .pb-lg-45 { padding-bottom: 45px !important; } .pb-lg-50 { padding-bottom: 50px !important; } .pb-lg-60 { padding-bottom: 60px !important; } .pb-lg-70 { padding-bottom: 70px !important; } .pb-lg-80 { padding-bottom: 80px !important; } .pb-lg-90 { padding-bottom: 90px !important; } .pb-lg-100 { padding-bottom: 100px !important; } .pb-lg-150 { padding-bottom: 150px !important; } .pb-lg-200 { padding-bottom: 200px !important; } .pb-lg-250 { padding-bottom: 250px !important; } .pb-lg-300 { padding-bottom: 300px !important; } .pb-lg-350 { padding-bottom: 350px !important; } .pb-lg-400 { padding-bottom: 400px !important; } .pb-lg-450 { padding-bottom: 450px !important; } .pb-lg-500 { padding-bottom: 500px !important; } .pb-lg-550 { padding-bottom: 550px !important; } .pb-lg-600 { padding-bottom: 600px !important; } .pb-lg-650 { padding-bottom: 650px !important; } .pb-lg-700 { padding-bottom: 700px !important; } } @media screen and (min-width: 1200px) { .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-5 { padding-bottom: 5px !important; } .pb-xl-10 { padding-bottom: 10px !important; } .pb-xl-15 { padding-bottom: 15px !important; } .pb-xl-20 { padding-bottom: 20px !important; } .pb-xl-25 { padding-bottom: 25px !important; } .pb-xl-30 { padding-bottom: 30px !important; } .pb-xl-35 { padding-bottom: 35px !important; } .pb-xl-40 { padding-bottom: 40px !important; } .pb-xl-45 { padding-bottom: 45px !important; } .pb-xl-50 { padding-bottom: 50px !important; } .pb-xl-60 { padding-bottom: 60px !important; } .pb-xl-70 { padding-bottom: 70px !important; } .pb-xl-80 { padding-bottom: 80px !important; } .pb-xl-90 { padding-bottom: 90px !important; } .pb-xl-100 { padding-bottom: 100px !important; } .pb-xl-150 { padding-bottom: 150px !important; } .pb-xl-200 { padding-bottom: 200px !important; } .pb-xl-250 { padding-bottom: 250px !important; } .pb-xl-300 { padding-bottom: 300px !important; } .pb-xl-350 { padding-bottom: 350px !important; } .pb-xl-400 { padding-bottom: 400px !important; } .pb-xl-450 { padding-bottom: 450px !important; } .pb-xl-500 { padding-bottom: 500px !important; } .pb-xl-550 { padding-bottom: 550px !important; } .pb-xl-600 { padding-bottom: 600px !important; } .pb-xl-650 { padding-bottom: 650px !important; } .pb-xl-700 { padding-bottom: 700px !important; } } @media screen and (min-width: 1600px) { .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-5 { padding-bottom: 5px !important; } .pb-xxl-10 { padding-bottom: 10px !important; } .pb-xxl-15 { padding-bottom: 15px !important; } .pb-xxl-20 { padding-bottom: 20px !important; } .pb-xxl-25 { padding-bottom: 25px !important; } .pb-xxl-30 { padding-bottom: 30px !important; } .pb-xxl-35 { padding-bottom: 35px !important; } .pb-xxl-40 { padding-bottom: 40px !important; } .pb-xxl-45 { padding-bottom: 45px !important; } .pb-xxl-50 { padding-bottom: 50px !important; } .pb-xxl-60 { padding-bottom: 60px !important; } .pb-xxl-70 { padding-bottom: 70px !important; } .pb-xxl-80 { padding-bottom: 80px !important; } .pb-xxl-90 { padding-bottom: 90px !important; } .pb-xxl-100 { padding-bottom: 100px !important; } .pb-xxl-150 { padding-bottom: 150px !important; } .pb-xxl-200 { padding-bottom: 200px !important; } .pb-xxl-250 { padding-bottom: 250px !important; } .pb-xxl-300 { padding-bottom: 300px !important; } .pb-xxl-350 { padding-bottom: 350px !important; } .pb-xxl-400 { padding-bottom: 400px !important; } .pb-xxl-450 { padding-bottom: 450px !important; } .pb-xxl-500 { padding-bottom: 500px !important; } .pb-xxl-550 { padding-bottom: 550px !important; } .pb-xxl-600 { padding-bottom: 600px !important; } .pb-xxl-650 { padding-bottom: 650px !important; } .pb-xxl-700 { padding-bottom: 700px !important; } } .pl-0 { padding-left: 0 !important; } .pl-5 { padding-left: 5px !important; } .pl-10 { padding-left: 10px !important; } .pl-15 { padding-left: 15px !important; } .pl-20 { padding-left: 20px !important; } .pl-25 { padding-left: 25px !important; } .pl-30 { padding-left: 30px !important; } .pl-35 { padding-left: 35px !important; } .pl-40 { padding-left: 40px !important; } .pl-45 { padding-left: 45px !important; } .pl-50 { padding-left: 50px !important; } .pl-60 { padding-left: 60px !important; } .pl-70 { padding-left: 70px !important; } .pl-80 { padding-left: 80px !important; } .pl-90 { padding-left: 90px !important; } .pl-100 { padding-left: 100px !important; } .pl-150 { padding-left: 150px !important; } .pl-200 { padding-left: 200px !important; } .pl-250 { padding-left: 250px !important; } .pl-300 { padding-left: 300px !important; } .pl-350 { padding-left: 350px !important; } .pl-400 { padding-left: 400px !important; } .pl-450 { padding-left: 450px !important; } .pl-500 { padding-left: 500px !important; } .pl-550 { padding-left: 550px !important; } .pl-600 { padding-left: 600px !important; } .pl-650 { padding-left: 650px !important; } .pl-700 { padding-left: 700px !important; } @media screen and (min-width: 576px) { .pl-sm-0 { padding-left: 0 !important; } .pl-sm-5 { padding-left: 5px !important; } .pl-sm-10 { padding-left: 10px !important; } .pl-sm-15 { padding-left: 15px !important; } .pl-sm-20 { padding-left: 20px !important; } .pl-sm-25 { padding-left: 25px !important; } .pl-sm-30 { padding-left: 30px !important; } .pl-sm-35 { padding-left: 35px !important; } .pl-sm-40 { padding-left: 40px !important; } .pl-sm-45 { padding-left: 45px !important; } .pl-sm-50 { padding-left: 50px !important; } .pl-sm-60 { padding-left: 60px !important; } .pl-sm-70 { padding-left: 70px !important; } .pl-sm-80 { padding-left: 80px !important; } .pl-sm-90 { padding-left: 90px !important; } .pl-sm-100 { padding-left: 100px !important; } .pl-sm-150 { padding-left: 150px !important; } .pl-sm-200 { padding-left: 200px !important; } .pl-sm-250 { padding-left: 250px !important; } .pl-sm-300 { padding-left: 300px !important; } .pl-sm-350 { padding-left: 350px !important; } .pl-sm-400 { padding-left: 400px !important; } .pl-sm-450 { padding-left: 450px !important; } .pl-sm-500 { padding-left: 500px !important; } .pl-sm-550 { padding-left: 550px !important; } .pl-sm-600 { padding-left: 600px !important; } .pl-sm-650 { padding-left: 650px !important; } .pl-sm-700 { padding-left: 700px !important; } } @media screen and (min-width: 768px) { .pl-md-0 { padding-left: 0 !important; } .pl-md-5 { padding-left: 5px !important; } .pl-md-10 { padding-left: 10px !important; } .pl-md-15 { padding-left: 15px !important; } .pl-md-20 { padding-left: 20px !important; } .pl-md-25 { padding-left: 25px !important; } .pl-md-30 { padding-left: 30px !important; } .pl-md-35 { padding-left: 35px !important; } .pl-md-40 { padding-left: 40px !important; } .pl-md-45 { padding-left: 45px !important; } .pl-md-50 { padding-left: 50px !important; } .pl-md-60 { padding-left: 60px !important; } .pl-md-70 { padding-left: 70px !important; } .pl-md-80 { padding-left: 80px !important; } .pl-md-90 { padding-left: 90px !important; } .pl-md-100 { padding-left: 100px !important; } .pl-md-150 { padding-left: 150px !important; } .pl-md-200 { padding-left: 200px !important; } .pl-md-250 { padding-left: 250px !important; } .pl-md-300 { padding-left: 300px !important; } .pl-md-350 { padding-left: 350px !important; } .pl-md-400 { padding-left: 400px !important; } .pl-md-450 { padding-left: 450px !important; } .pl-md-500 { padding-left: 500px !important; } .pl-md-550 { padding-left: 550px !important; } .pl-md-600 { padding-left: 600px !important; } .pl-md-650 { padding-left: 650px !important; } .pl-md-700 { padding-left: 700px !important; } } @media screen and (min-width: 992px) { .pl-lg-0 { padding-left: 0 !important; } .pl-lg-5 { padding-left: 5px !important; } .pl-lg-10 { padding-left: 10px !important; } .pl-lg-15 { padding-left: 15px !important; } .pl-lg-20 { padding-left: 20px !important; } .pl-lg-25 { padding-left: 25px !important; } .pl-lg-30 { padding-left: 30px !important; } .pl-lg-35 { padding-left: 35px !important; } .pl-lg-40 { padding-left: 40px !important; } .pl-lg-45 { padding-left: 45px !important; } .pl-lg-50 { padding-left: 50px !important; } .pl-lg-60 { padding-left: 60px !important; } .pl-lg-70 { padding-left: 70px !important; } .pl-lg-80 { padding-left: 80px !important; } .pl-lg-90 { padding-left: 90px !important; } .pl-lg-100 { padding-left: 100px !important; } .pl-lg-150 { padding-left: 150px !important; } .pl-lg-200 { padding-left: 200px !important; } .pl-lg-250 { padding-left: 250px !important; } .pl-lg-300 { padding-left: 300px !important; } .pl-lg-350 { padding-left: 350px !important; } .pl-lg-400 { padding-left: 400px !important; } .pl-lg-450 { padding-left: 450px !important; } .pl-lg-500 { padding-left: 500px !important; } .pl-lg-550 { padding-left: 550px !important; } .pl-lg-600 { padding-left: 600px !important; } .pl-lg-650 { padding-left: 650px !important; } .pl-lg-700 { padding-left: 700px !important; } } @media screen and (min-width: 1200px) { .pl-xl-0 { padding-left: 0 !important; } .pl-xl-5 { padding-left: 5px !important; } .pl-xl-10 { padding-left: 10px !important; } .pl-xl-15 { padding-left: 15px !important; } .pl-xl-20 { padding-left: 20px !important; } .pl-xl-25 { padding-left: 25px !important; } .pl-xl-30 { padding-left: 30px !important; } .pl-xl-35 { padding-left: 35px !important; } .pl-xl-40 { padding-left: 40px !important; } .pl-xl-45 { padding-left: 45px !important; } .pl-xl-50 { padding-left: 50px !important; } .pl-xl-60 { padding-left: 60px !important; } .pl-xl-70 { padding-left: 70px !important; } .pl-xl-80 { padding-left: 80px !important; } .pl-xl-90 { padding-left: 90px !important; } .pl-xl-100 { padding-left: 100px !important; } .pl-xl-150 { padding-left: 150px !important; } .pl-xl-200 { padding-left: 200px !important; } .pl-xl-250 { padding-left: 250px !important; } .pl-xl-300 { padding-left: 300px !important; } .pl-xl-350 { padding-left: 350px !important; } .pl-xl-400 { padding-left: 400px !important; } .pl-xl-450 { padding-left: 450px !important; } .pl-xl-500 { padding-left: 500px !important; } .pl-xl-550 { padding-left: 550px !important; } .pl-xl-600 { padding-left: 600px !important; } .pl-xl-650 { padding-left: 650px !important; } .pl-xl-700 { padding-left: 700px !important; } } @media screen and (min-width: 1600px) { .pl-xxl-0 { padding-left: 0 !important; } .pl-xxl-5 { padding-left: 5px !important; } .pl-xxl-10 { padding-left: 10px !important; } .pl-xxl-15 { padding-left: 15px !important; } .pl-xxl-20 { padding-left: 20px !important; } .pl-xxl-25 { padding-left: 25px !important; } .pl-xxl-30 { padding-left: 30px !important; } .pl-xxl-35 { padding-left: 35px !important; } .pl-xxl-40 { padding-left: 40px !important; } .pl-xxl-45 { padding-left: 45px !important; } .pl-xxl-50 { padding-left: 50px !important; } .pl-xxl-60 { padding-left: 60px !important; } .pl-xxl-70 { padding-left: 70px !important; } .pl-xxl-80 { padding-left: 80px !important; } .pl-xxl-90 { padding-left: 90px !important; } .pl-xxl-100 { padding-left: 100px !important; } .pl-xxl-150 { padding-left: 150px !important; } .pl-xxl-200 { padding-left: 200px !important; } .pl-xxl-250 { padding-left: 250px !important; } .pl-xxl-300 { padding-left: 300px !important; } .pl-xxl-350 { padding-left: 350px !important; } .pl-xxl-400 { padding-left: 400px !important; } .pl-xxl-450 { padding-left: 450px !important; } .pl-xxl-500 { padding-left: 500px !important; } .pl-xxl-550 { padding-left: 550px !important; } .pl-xxl-600 { padding-left: 600px !important; } .pl-xxl-650 { padding-left: 650px !important; } .pl-xxl-700 { padding-left: 700px !important; } } /* ============================================================================ Container ============================================================================ */ .container { display: flow-root; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; max-width: 1220px; } @media screen and (max-width: 767px) { .container { padding-left: 20px; padding-right: 20px; } } .container-full { display: flow-root; margin-left: auto; margin-right: auto; } /* ============================================================================ AntDesign ============================================================================ */ html { --antd-wave-shadow-color:$primary-color; } /* ============================================================================ General ============================================================================ */ #root, body, html { min-height: 100%; } html { scrollbar-width: thin; scrollbar-color: #CDCDCD #F0F0F0; } html::-webkit-scrollbar { width: 8px; } html::-webkit-scrollbar-track { background-color: #F0F0F0; height: 8px; } html::-webkit-scrollbar-thumb { background-color: #CDCDCD; } html::-webkit-scrollbar-button { display: none; } body { font-size: 18px; overflow-y: scroll; overflow-anchor: auto; } @media screen and (max-width: 767px) { body { font-size: 16px; } } @media screen and (min-width: 768px) and (max-width: 1199px) { body { font-size: 17px; } } #root { display: flex; flex-direction: column; position: relative; } body, .smooth-container { scroll-behavior: smooth; } @media print { @page { margin: 20px; } } a { transition: all linear 100ms; } p, .ant-typography { margin-bottom: 30px; } p:last-child, .ant-typography:last-child { margin-bottom: 0; } h1, h2, h3, h4, h5, h6 { font-weight: 700; color: inherit; } h1 { font-size: 32px; } @media screen and (max-width: 767px) { h1 { font-size: 26px; } } h2 { font-size: 28px; } @media screen and (max-width: 767px) { h2 { font-size: 22px; } } h3 { font-weight: 400; font-size: 18px; } @media screen and (max-width: 767px) { h3 { font-size: 16px; } } img { display: inline-block; max-width: 100%; height: auto; } audio:focus, video:focus { outline: none; } [class^=icon-loading] { font-size: 20px; color: #253758; animation: loadingCircle 1s infinite linear; } /*** Dropdown ==================================== */ .ant-dropdown-menu-title-content { display: block; } .ant-dropdown-menu-title-content > a { display: block; color: inherit; transition: all 0.3s; } .drodown-menu-default-trigger { padding-left: 28px; font-weight: 600; font-size: 16px; color: #253758; background: #f6f4fa; border-color: #f6f4fa; text-align: left; box-shadow: none; } .drodown-menu-default-trigger:hover, .drodown-menu-default-trigger:focus { background: #f6f4fa; border-color: #f6f4fa; } .drodown-menu-default-trigger.ant-dropdown-open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .drodown-menu-default-trigger span { flex: 1; } .drodown-menu-default-trigger i:first-child { padding-right: 15px; font-size: 18px; } .drodown-menu-default-trigger i[class^=icon-arrow] { font-size: 10px; color: #ABA3C5; } .drodown-menu-default-panel { padding: 24px 30px 26px; background: #f6f4fa; border-radius: 3px; transform: translateY(-4px); } @media screen and (max-width: 1199px) { .drodown-menu-default-panel { padding-top: 0; padding-bottom: 20px; } } .drodown-menu-default-panel ul { padding: 0; margin: 0; list-style: none; } .drodown-menu-default-panel ul li a { display: flex; align-items: flex-start; padding: 8px 0; line-height: 1.3; font-weight: 600; font-size: 18px; color: #787288; } @media screen and (max-width: 1199px) { .drodown-menu-default-panel ul li a { padding: 12px 0; font-size: 16px; } } .drodown-menu-default-panel ul li a i { display: inline-block; margin: 0 8px 0 -4px; min-width: 30px; font-size: 20px; color: #B4ACCC; text-align: center; } .drodown-menu-default-panel ul li a:hover { color: #253758; } @media screen and (max-width: 1199px) { .drodown-menu-default-panel ul li.active { display: none; } } .drodown-menu-default-panel ul li.active a { color: #253758; } .drodown-menu-simple-panel { background: #f6f4fa; border-radius: 3px; transform: translateY(-4px); } @media screen and (max-width: 1199px) { .drodown-menu-simple-panel { background: #eae6ed; } } .drodown-menu-simple-panel ul { padding: 0; margin: 0; list-style: none; } .drodown-menu-simple-panel ul li a { display: flex; align-items: flex-start; padding: 15px 30px; line-height: 1.3; font-size: 16px; color: #2c2835; } @media screen and (max-width: 1199px) { .drodown-menu-simple-panel ul li a { padding: 13px 26px; font-size: 15px; } } .drodown-menu-simple-panel ul li a i { display: inline-block; margin: 0 8px 0 -4px; min-width: 30px; font-size: 20px; color: #B4ACCC; text-align: center; } .drodown-menu-simple-panel ul li a:hover { color: #253758; } @media screen and (max-width: 1199px) { .drodown-menu-simple-panel ul li.active { display: none; } } .drodown-menu-simple-panel ul li.active a { color: #253758; } /*** Buttons ==================================== */ .ant-btn { line-height: 1.466; font-size: 18px; } @media screen and (max-width: 767px) { .ant-btn { font-size: 16px; } } .ant-btn i:not(:last-child) { padding-right: 8px; vertical-align: -2px; } .ant-btn.ant-btn-sm { font-size: 16px; } .ant-btn.ant-btn-primary:hover, .ant-btn.ant-btn-primary:focus { color: #fff; background-color: #192844; border-color: #192844; } .ant-btn.ant-btn-primary[disabled], .ant-btn.ant-btn-primary[disabled]:hover, .ant-btn.ant-btn-primary[disabled]:focus { color: rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-color: #f5f5f5; } .ant-btn.btn-third { color: #787288; background-color: #f6f4fa; border-color: #f6f4fa; } .ant-btn.btn-third i { color: #b4accc; transition: color linear 100ms; } .ant-btn.btn-third:hover, .ant-btn.btn-third:focus { color: #253758; border-color: #253758; background-color: #fff; } .ant-btn.btn-third:hover i, .ant-btn.btn-third:focus i { color: inherit; } .ant-btn.btn-outline { color: #2c2835; border-color: #2c2835; } .ant-btn.btn-outline:hover, .ant-btn.btn-outline:focus { color: #253758; border-color: #253758; } .ant-btn.btn-link { color: #2c2835; border-color: transparent; background-color: #fff; } .ant-btn.btn-link span { text-decoration: underline; } .ant-btn.btn-link:hover, .ant-btn.btn-link:focus { color: #253758; } .ant-btn.btn-link:hover[disabled], .ant-btn.btn-link:focus[disabled] { border-color: transparent; background-color: #fff; } /*** Form ==================================== */ .ant-form .ant-form-item .ant-input-prefix i { min-width: 14px; color: rgba(0, 0, 0, 0.25); text-align: center; } input::-webkit-input-placeholder { opacity: 1; } input::placeholder { opacity: 1; } .ant-input, .ant-input-number, .ant-select, .float-label-wrap .float-label { font-size: 16px; } @media screen and (max-width: 767px) { .ant-input, .ant-input-number, .ant-select, .float-label-wrap .float-label { font-size: 14px; } } .ant-input { height: 50px; } .ant-input-password .ant-input { height: 46px; } .ant-input-number-input { height: 46px; } .ant-input-search .ant-input-affix-wrapper { padding-top: 0; padding-bottom: 0; } .ant-input-search .ant-input-affix-wrapper .ant-input { height: 46px; } .ant-input, .ant-input-number, .ant-select-selector, .ant-input-affix-wrapper { box-shadow: none !important; } .ant-input-clear-icon, .ant-select-clear { width: 22px; height: 22px; background: transparent; } .ant-input-clear-icon::before, .ant-select-clear::before { display: block; content: "\E97F"; font: 400 22px/1 icons; color: #b0aaca; } .ant-input-clear-icon svg, .ant-select-clear svg { display: none; } .ant-input-number { width: 100%; } .ant-input-textarea.ant-input-textarea-show-count::after { font-size: 14px; } .ant-input-password.input-password-icon-text .ant-input-suffix .ant-input-password-icon { margin-right: -10px; font-size: 16px; color: #2c2835; text-decoration: underline; } @media screen and (max-width: 767px) { .ant-input-password.input-password-icon-text .ant-input-suffix .ant-input-password-icon { font-size: 14px; } } .ant-select .ant-select-arrow .anticon.anticon-down::before { display: block; content: "\E940"; font: 400 13px/1 icons; } .ant-select .ant-select-arrow .anticon.anticon-down svg { display: none; } .ant-select.ant-select-open .ant-select-selector { border-color: #f6f4fa !important; background: #f6f4fa; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ant-select-dropdown { padding: 0; background: #f6f4fa; box-shadow: none; } .ant-select-dropdown.ant-select-dropdown-placement-topLeft { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ant-select-dropdown.ant-select-dropdown-placement-bottomLeft { border-top-left-radius: 0; border-top-right-radius: 0; } @media screen and (max-width: 767px) { .ant-select-dropdown .ant-select-item { font-size: 14px; } } .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { color: #253758; background: #f6f4fa; } .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) { color: #253758; background: rgba(37, 55, 88, 0.05); } .ant-select-dropdown .dropdown-complement a { display: flex; align-items: center; padding: 0 28px; min-height: 52px; font-size: 16px; color: #2c2835; } @media screen and (max-width: 767px) { .ant-select-dropdown .dropdown-complement a { font-size: 14px; } } .ant-select-dropdown .dropdown-complement a:hover { color: #253758; background: rgba(106, 59, 194, 0.05); } .ant-select-dropdown .dropdown-complement a span { flex: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-form-item-children { display: block; } .ant-checkbox-wrapper, .ant-radio-wrapper { font-size: 16px; } @media screen and (max-width: 767px) { .ant-checkbox-wrapper, .ant-radio-wrapper { font-size: 14px; } } .ant-checkbox-wrapper .ant-checkbox, .ant-checkbox-wrapper .ant-radio, .ant-radio-wrapper .ant-checkbox, .ant-radio-wrapper .ant-radio { top: 0.32em; } .ant-checkbox-wrapper .ant-checkbox + span, .ant-checkbox-wrapper .ant-radio + span, .ant-radio-wrapper .ant-checkbox + span, .ant-radio-wrapper .ant-radio + span { padding-left: 15px; } .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-input:focus + .ant-checkbox-inner, .ant-radio-input:focus + .ant-radio-inner { border-color: #d9d9d9; box-shadow: none; } .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner { border-color: #d9d9d9; } .form-item-min-height-control .ant-form-item-control-input { min-height: 40px; } .ant-form-item-explain, .ant-form-item-extra { margin-top: 0; margin-bottom: 0; font-size: 14px; } .ant-form-item-label > label, label.form-label { font-weight: 700; font-size: 16px; color: rgba(0, 0, 0, 0.7); } .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before, label.form-label::before { font-size: 16px; } .ant-form-item-label > label, label.form-label { display: block; padding: 0 0 6px; } .ant-form-item-label > label.required::before, label.form-label.required::before { content: "*"; display: inline-block; margin-right: 4px; line-height: 1; font-family: SimSun, sans-serif; color: #ff4d4f; } .float-label-wrap { position: relative; } .float-label-wrap .ant-input, .float-label-wrap .ant-input-affix-wrapper .ant-input { padding-top: 16px; padding-bottom: 0; } .float-label-wrap .ant-input-number-input { padding-top: 15px; } .float-label-wrap .ant-input-password { padding-top: 0; padding-bottom: 0; } .float-label-wrap .ant-select { display: block; } .float-label-wrap .ant-select .ant-select-selection-item { padding-top: 21px; line-height: 1.2; } .float-label-wrap .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { padding-top: 16px; } .float-label-wrap .float-label { position: absolute; top: 0; left: 0; line-height: 1; pointer-events: none; -webkit-user-select: none; user-select: none; transition: all 0.2s ease-in-out; transform-origin: left top; z-index: 2; } .float-label-wrap .float-label.float-label-focus { color: #253758; } .field-help-icon { padding: 5px; color: #2080e6; cursor: pointer; } .field-help-icon:hover { color: #1567be; } .ant-popover.field-help-tooltip .ant-popover-content .ant-popover-inner .ant-popover-inner-content { white-space: pre-wrap; } /*** Modal ==================================== */ .ant-modal .ant-modal-content { border-radius: 0; } .ant-modal .ant-modal-content .ant-modal-body { line-height: 1.2; } @media screen and (min-width: 768px) { .ant-modal.ant-modal-confirm { min-width: 580px; } } .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-body { padding: 70px 20px 60px; } @media screen and (max-width: 767px) { .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-body { padding: 60px 20px 45px; } } .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-confirm-body { padding: 0 20px; text-align: center; } .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-confirm-body > .anticon { display: none; } .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-confirm-body .ant-modal-confirm-title { margin-bottom: 2px; font-weight: 700; font-size: 28px; } @media screen and (max-width: 767px) { .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-confirm-body .ant-modal-confirm-title { font-size: 21px; } } .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-confirm-body .ant-modal-confirm-content { margin: 0; min-height: 80px; font-size: 18px; } @media screen and (max-width: 767px) { .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-confirm-body .ant-modal-confirm-content { min-height: 95px; line-height: 1.45; font-size: 16px; } } .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-confirm-btns { float: none; margin-top: 20px; text-align: center; } @media screen and (max-width: 767px) { .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-confirm-btns { margin-left: -20px; margin-right: -20px; } } .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-confirm-btns .ant-btn { padding: 0 10px; color: #2c2835; background: #fff; border-radius: 3px; } @media screen and (max-width: 767px) { .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-confirm-btns .ant-btn { width: 145px; height: 45px; } } @media screen and (min-width: 768px) { .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-confirm-btns .ant-btn { min-width: 180px; } } .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-confirm-btns .ant-btn + .ant-btn { margin-left: 15px; } .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-confirm-btns .ant-btn:first-child { border-color: transparent; } .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-confirm-btns .ant-btn:first-child:hover, .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-confirm-btns .ant-btn:first-child:focus { color: #253758; } .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-confirm-btns .ant-btn:nth-child(2) { border-color: #2c2835; } .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-confirm-btns .ant-btn:nth-child(2):hover, .ant-modal.ant-modal-confirm .ant-modal-content .ant-modal-confirm-btns .ant-btn:nth-child(2):focus { color: #253758; border-color: #253758; } /*** Pagintaion ==================================== */ .ant-pagination { margin: 30px -10px 0; text-align: center; } @media screen and (max-width: 767px) { .ant-pagination { margin-left: -8px; margin-right: -8px; } } .ant-pagination .ant-pagination-prev, .ant-pagination .ant-pagination-next, .ant-pagination .ant-pagination-jump-prev, .ant-pagination .ant-pagination-jump-next, .ant-pagination .ant-pagination-item { margin: 0 10px 10px; } @media screen and (max-width: 767px) { .ant-pagination .ant-pagination-prev, .ant-pagination .ant-pagination-next, .ant-pagination .ant-pagination-jump-prev, .ant-pagination .ant-pagination-jump-next, .ant-pagination .ant-pagination-item { margin: 0 8px 10px; } } .ant-pagination .ant-pagination-prev.ant-pagination-disabled, .ant-pagination .ant-pagination-next.ant-pagination-disabled { display: none; } @media screen and (max-width: 767px) { .ant-pagination .ant-pagination-jump-prev, .ant-pagination .ant-pagination-jump-next { display: none !important; } .ant-pagination .ant-pagination-jump-prev + .ant-pagination-item:not(.ant-pagination-next), .ant-pagination .ant-pagination-jump-next + .ant-pagination-item:not(.ant-pagination-next) { display: none !important; } } .ant-pagination .ant-pagination-prev, .ant-pagination .ant-pagination-next, .ant-pagination .ant-pagination-prev .ant-pagination-item-link, .ant-pagination .ant-pagination-next .ant-pagination-item-link, .ant-pagination .ant-pagination-prev button, .ant-pagination .ant-pagination-next button, .ant-pagination .ant-pagination-jump-prev, .ant-pagination .ant-pagination-jump-next, .ant-pagination .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination .ant-pagination-disabled:hover .ant-pagination-item-link, .ant-pagination .ant-pagination-disabled:focus-visible .ant-pagination-item-link, .ant-pagination .ant-pagination-item, .ant-pagination .ant-pagination-item a { line-height: 30px; color: #fff; border: none; } @media screen and (max-width: 767px) { .ant-pagination .ant-pagination-prev, .ant-pagination .ant-pagination-next, .ant-pagination .ant-pagination-prev .ant-pagination-item-link, .ant-pagination .ant-pagination-next .ant-pagination-item-link, .ant-pagination .ant-pagination-prev button, .ant-pagination .ant-pagination-next button, .ant-pagination .ant-pagination-jump-prev, .ant-pagination .ant-pagination-jump-next, .ant-pagination .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination .ant-pagination-disabled:hover .ant-pagination-item-link, .ant-pagination .ant-pagination-disabled:focus-visible .ant-pagination-item-link, .ant-pagination .ant-pagination-item, .ant-pagination .ant-pagination-item a { font-size: 14px; } } .ant-pagination .ant-pagination-prev .ant-pagination-item-link, .ant-pagination .ant-pagination-next .ant-pagination-item-link, .ant-pagination .ant-pagination-item a { padding: 0 3px; } .ant-pagination .ant-pagination-prev, .ant-pagination .ant-pagination-next, .ant-pagination .ant-pagination-jump-prev, .ant-pagination .ant-pagination-jump-next, .ant-pagination .ant-pagination-item a { min-width: 40px; } .ant-pagination .ant-pagination-item-link:hover, .ant-pagination .ant-pagination-item:hover { background: #253758; } .ant-pagination .ant-pagination-item-active { border-color: #253758; } /*** Carousel ==================================== */ .ant-carousel .slick-slider .slick-prev, .ant-carousel .slick-slider .slick-next { z-index: 2; width: 40px; height: 40px; color: #9a91af; background: #f6f4fa; border-radius: 50%; } .ant-carousel .slick-slider .slick-prev::before, .ant-carousel .slick-slider .slick-next::before { font: 400 15px/1 icons; } .ant-carousel .slick-slider .slick-prev:hover, .ant-carousel .slick-slider .slick-next:hover { color: #fff; background: #253758; } .ant-carousel .slick-slider .slick-prev { left: 40px; padding-right: 3px; } @media screen and (max-width: 767px) { .ant-carousel .slick-slider .slick-prev { left: 15px; } } .ant-carousel .slick-slider .slick-prev::before { content: "\E94A"; } .ant-carousel .slick-slider .slick-next { right: 40px; padding-left: 3px; } @media screen and (max-width: 767px) { .ant-carousel .slick-slider .slick-next { right: 15px; } } .ant-carousel .slick-slider .slick-next::before { content: "\E94D"; } .ant-carousel .slick-slider .slick-dots { margin-left: 0; margin-right: 0; } @media screen and (max-width: 767px) { .ant-carousel .slick-slider .slick-dots { display: block !important; font-size: 0; text-align: center; } } .ant-carousel .slick-slider .slick-dots.slick-dots-bottom { bottom: 15px; } .ant-carousel .slick-slider .slick-dots li { overflow: hidden; margin-left: 5px; margin-right: 5px; width: auto; height: auto; border-radius: 50%; } @media screen and (max-width: 767px) { .ant-carousel .slick-slider .slick-dots li { margin-top: 5px; margin-bottom: 5px; } } .ant-carousel .slick-slider .slick-dots li.slick-active button { opacity: 1; } .ant-carousel .slick-slider .slick-dots li button { opacity: 0.25; width: 10px; height: 10px; } .ant-carousel .slick-slider .slick-list .slick-slide { pointer-events: auto; } .ant-carousel .slick-slider.theme-b .slick-dots li { margin-left: 7px; margin-right: 7px; width: auto; height: auto; } .ant-carousel .slick-slider.theme-b .slick-dots li button { width: 6px; height: 6px; background: #292432; } .ant-carousel .slick-slider.arrows-outside .slick-prev { left: -55px; } .ant-carousel .slick-slider.arrows-outside .slick-next { right: -55px; } .ant-carousel .slick-slider.dots-outside .slick-dots { bottom: -33px; margin-bottom: 0; } /*** Collapse/Accordion ==================================== */ .ant-collapse { background: #fff; } .ant-collapse > .ant-collapse-item { border-bottom-color: #f5f5f5; } .ant-collapse > .ant-collapse-item > .ant-collapse-header { font-weight: 600; font-size: 18px; color: #2c2835; } @media screen and (max-width: 767px) { .ant-collapse > .ant-collapse-item > .ant-collapse-header { font-size: 16px; } } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { font-size: 13px; color: #b0aaca; } .ant-collapse .ant-collapse-content > .ant-collapse-content-box { padding: 10px 0 40px; } .ant-collapse.ant-collapse-borderless > .ant-collapse-item { border-bottom-width: 2px; } .ant-collapse.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { right: 0; } /*** Rate ==================================== */ @media screen and (max-width: 767px) { .ant-rate { font-size: 18px; } } /* ============================================================================ Site top bar ============================================================================ */ #site-top-bar { display: flex; align-items: center; padding: 10px 0; font-weight: 700; font-size: 16px; color: #fff; background: #292231; text-align: center; text-transform: uppercase; } @media screen and (max-width: 1199px) { #site-top-bar { font-size: 12.5px; } } @media screen and (min-width: 1200px) { #site-top-bar { min-height: 50px; } } /* ============================================================================ Site header ============================================================================ */ #site-header { z-index: 20; position: relative; } #site-header.site-header-default { background: url("../../images/frontend/header-background.png"), linear-gradient(to right, #6a3bc2, #812acc); background-position: left bottom; background-repeat: repeat; } @media screen and (max-width: 1199px) { #site-header.site-header-default > .container { padding-left: 10px; padding-right: 10px; } } #site-header.site-header-default .btn-menu { position: absolute; top: -3px; left: 11px; height: 60px; font-size: 0; color: #fff; border: none; } #site-header.site-header-default .btn-menu i { font-size: 18px; } #site-header.site-header-default .inner { min-height: 117px; } @media screen and (max-width: 1199px) { #site-header.site-header-default .inner { padding-top: 14px; align-items: flex-start; } } @media screen and (min-width: 1200px) { #site-header.site-header-default .inner { padding-top: 7px; min-height: 100px; } } #site-header.site-header-default .inner .logo { font-size: 0; } @media screen and (max-width: 1199px) { #site-header.site-header-default .inner .logo { margin: auto; width: 90px; } } @media screen and (min-width: 1200px) { #site-header.site-header-default .inner .logo { padding-top: 4px; } } #site-header.site-header-default .inner .search { position: relative; } @media screen and (max-width: 1199px) { #site-header.site-header-default .inner .search { margin-top: 4px; } } #site-header.site-header-default .inner .search .search-inner { position: relative; z-index: 7; } #site-header.site-header-default .inner .search .search-inner .ant-select { display: block; } #site-header.site-header-default .inner .search .search-inner .ant-select.ant-select-focused .ant-select-selector .ant-select-selection-placeholder, #site-header.site-header-default .inner .search .search-inner .ant-select.ant-select-open .ant-select-selector .ant-select-selection-placeholder, #site-header.site-header-default .inner .search .search-inner .ant-select.has-search .ant-select-selector .ant-select-selection-placeholder { color: #d4cfe5; } #site-header.site-header-default .inner .search .search-inner .ant-select.ant-select-focused .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input, #site-header.site-header-default .inner .search .search-inner .ant-select.ant-select-open .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input, #site-header.site-header-default .inner .search .search-inner .ant-select.has-search .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input { color: #2c2835; background-color: #fff; } #site-header.site-header-default .inner .search .search-inner .ant-select.ant-select-focused + .btn-send, #site-header.site-header-default .inner .search .search-inner .ant-select.ant-select-open + .btn-send, #site-header.site-header-default .inner .search .search-inner .ant-select.has-search + .btn-send { color: #d4cfe5; } #site-header.site-header-default .inner .search .search-inner .ant-select.ant-select-open .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input { border-color: #f4f6fa; } #site-header.site-header-default .inner .search .search-inner .ant-select .ant-select-selector { border: none; background: none; } #site-header.site-header-default .inner .search .search-inner .ant-select .ant-select-selector .ant-select-selection-placeholder { padding-left: 30px; line-height: 50px; font-size: 16px; color: #fff; } @media screen and (max-width: 1199px) { #site-header.site-header-default .inner .search .search-inner .ant-select .ant-select-selector .ant-select-selection-placeholder { line-height: 36px; font-size: 14px; } } #site-header.site-header-default .inner .search .search-inner .ant-select .ant-select-selector .ant-select-selection-search { border-top-left-radius: 25px; border-top-right-radius: 25px; } #site-header.site-header-default .inner .search .search-inner .ant-select .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input { padding: 0 90px 0 26px; font-size: 16px; color: #fff; border-color: transparent; background: #582e93; border-radius: 25px; } @media screen and (max-width: 1199px) { #site-header.site-header-default .inner .search .search-inner .ant-select .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input { padding-right: 80px; height: 36px; font-size: 14px; } } #site-header.site-header-default .inner .search .search-inner .ant-select .ant-select-clear { opacity: 1; margin-top: -11px; right: 60px; } @media screen and (max-width: 1199px) { #site-header.site-header-default .inner .search .search-inner .ant-select .ant-select-clear { right: 60px; } } #site-header.site-header-default .inner .search .search-inner .btn-send { cursor: pointer; -webkit-appearance: none; appearance: none; position: absolute; top: 0; right: 0; padding: 0; width: 60px; height: 50px; font-size: 20px; color: #fff; background: transparent; border: none; text-align: center; outline: none; } @media screen and (max-width: 1199px) { #site-header.site-header-default .inner .search .search-inner .btn-send { width: 55px; height: 36px; font-size: 18px; } } #site-header.site-header-default .inner .search .ant-select-dropdown { z-index: 5; overflow: visible; padding: 0; background: #ffffff; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; box-shadow: 0 5px 20px rgba(106, 59, 194, 0.05); } @media screen and (min-width: 1600px) { #site-header.site-header-default .inner .search .ant-select-dropdown { min-width: 485px !important; max-width: 485px !important; } } #site-header.site-header-default .inner .search .ant-select-dropdown::before { z-index: 20; pointer-events: none; content: " "; position: absolute; top: -50px; left: 0; right: 0; height: 50px; background: #fff; border-top-left-radius: 25px; border-top-right-radius: 25px; } @media screen and (max-width: 1199px) { #site-header.site-header-default .inner .search .ant-select-dropdown::before { top: -36px; height: 36px; } } #site-header.site-header-default .inner .search .ant-select-dropdown > div { overflow: hidden; padding: 8px 0 5px; background: #ffffff; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } @media screen and (max-width: 767px) { #site-header.site-header-default .inner .search .ant-select-dropdown .ant-select-item { padding-top: 8px; padding-bottom: 8px; } } #site-header.site-header-default .inner .col-actions { text-align: right; } @media screen and (max-width: 1199px) { #site-header.site-header-default .inner .col-actions { position: absolute; top: 7px; right: 13px; } } #site-header.site-header-default .inner .col-actions .ant-btn { color: #fff; } @media screen and (max-width: 1199px) { #site-header.site-header-default .inner .col-actions .ant-btn { font-size: 0; } } #site-header.site-header-default .inner .col-actions .ant-btn:hover { color: #ff9a00; } #site-header.site-header-default .inner .col-actions .ant-btn i { font-size: 20px; } @media screen and (max-width: 1199px) { #site-header.site-header-default .inner .col-actions .ant-btn i { padding-right: 0; font-size: 18px; } } #site-header.site-header-default .inner .col-actions .ant-btn .badge { position: absolute; top: -4px; right: -10px; padding: 0 2px; min-width: 20px; line-height: 20px; font-size: 12px; color: #fff; background: #ff8503; border-radius: 10px; text-align: center; } @media screen and (max-width: 1199px) { #site-header.site-header-default .inner .col-actions .ant-btn .badge { top: 0; right: -10px; padding: 0 1px; min-width: 18px; line-height: 18px; font-size: 11px; } } #site-header.site-header-default .inner .col-actions a + a { margin-left: 30px; } @media screen and (max-width: 1199px) { #site-header.site-header-default .inner .col-actions a + a { margin-left: 13px; } } #site-header.site-header-default .menu { font-size: 0; text-align: center; } #site-header.site-header-default .menu > ul { padding: 0; margin: 0; list-style: none; margin: 0 -5px; } #site-header.site-header-default .menu > ul > li { display: inline-block; position: relative; margin: 0 5px; } #site-header.site-header-default .menu > ul > li:hover > a { color: #ff9a00; } #site-header.site-header-default .menu > ul > li.hover .submenu { display: flex; } #site-header.site-header-default .menu > ul > li > a { display: block; padding: 10px 8px 0; max-width: 200px; min-height: 50px; font-size: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #site-header.site-header-default .menu > ul > li.active > a { color: #ff9a00; } #site-header.site-header-default .menu .submenu { display: none; position: absolute; top: 50px; left: 0; min-height: 440px; background: #fff; border-radius: 5px; text-align: left; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); overflow: hidden; } #site-header.site-header-default .menu .submenu > div { width: 280px; } #site-header.site-header-default .menu .submenu .categories { background: #fff; box-shadow: 0 5px 20px rgba(106, 59, 194, 0.05); z-index: 2; } #site-header.site-header-default .menu .submenu .categories ul { padding: 0; margin: 0; list-style: none; padding: 15px 0; } #site-header.site-header-default .menu .submenu .categories ul li:hover a, #site-header.site-header-default .menu .submenu .categories ul li.hover a { color: #ff9a00; background: #fff6e9; } #site-header.site-header-default .menu .submenu .categories ul li:hover a i, #site-header.site-header-default .menu .submenu .categories ul li.hover a i { color: #ff9a00; } #site-header.site-header-default .menu .submenu .categories ul li a { display: flex; align-items: center; padding: 0 20px 0 30px; height: 40px; font-size: 16px; color: #2c2835; } #site-header.site-header-default .menu .submenu .categories ul li a span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #site-header.site-header-default .menu .submenu .categories ul li a i { margin-left: 10px; font-size: 12px; color: #9690ab; } #site-header.site-header-default .menu .submenu .subcategories { background: #f6f4fa; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } #site-header.site-header-default .menu .submenu .subcategories ul { padding: 0; margin: 0; list-style: none; display: none; padding: 15px 0; min-height: 100%; } #site-header.site-header-default .menu .submenu .subcategories ul.active { display: block; } #site-header.site-header-default .menu .submenu .subcategories ul li:hover a { color: #ff9a00; } #site-header.site-header-default .menu .submenu .subcategories ul li:hover a i { color: #ff9a00; } #site-header.site-header-default .menu .submenu .subcategories ul li.show-all a { color: #253758; } #site-header.site-header-default .menu .submenu .subcategories ul li.show-all a i { color: inherit; } #site-header.site-header-default .menu .submenu .subcategories ul li a { display: flex; align-items: center; padding: 0 20px 0 30px; height: 40px; font-size: 16px; color: #2c2835; } #site-header.site-header-default .menu .submenu .subcategories ul li a span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #site-header.site-header-default .menu .submenu .subcategories ul li a i { margin-left: 10px; font-size: 12px; color: #9690ab; } #site-header.site-header-account .inner { min-height: 60px; } @media screen and (max-width: 767px) { #site-header.site-header-account .inner { padding-top: 5px; } } @media screen and (min-width: 768px) { #site-header.site-header-account .inner { min-height: 100px; } } #site-header.site-header-account .inner .logo { font-size: 0; } #site-header.site-header-account .inner .btn-user { padding-right: 0; color: #2c2835; } #site-header.site-header-account .inner .btn-user i { margin-left: 10px; font-size: 12px; color: #ABA3C5; } #site-header.site-header-simple .inner { min-height: 60px; } @media screen and (max-width: 767px) { #site-header.site-header-simple .inner { padding-top: 5px; } } @media screen and (min-width: 768px) { #site-header.site-header-simple .inner { min-height: 100px; } } #site-header.site-header-simple .inner .logo { font-size: 0; } .site-mobile-menu .ant-drawer-content-wrapper { width: 100% !important; } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body { padding: 0 0 50px; font-size: 14px; } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .btn-close { display: flex; align-items: center; justify-content: center; position: absolute; top: 3px; left: 8px; width: 50px; height: 50px; font-size: 12px; color: #b4adcb; } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .btn-back { display: flex; align-items: center; justify-content: center; position: absolute; top: 3px; left: 8px; width: 50px; height: 50px; font-size: 15px; color: #b4adcb; } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .logo { margin: 15px auto 20px; width: 90px; font-size: 0; } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body header { position: relative; margin-bottom: 0; line-height: 60px; text-align: center; } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body header h2 { font-weight: 700; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body h3 { padding: 5px 26px; margin-bottom: 0; font-weight: 700; font-size: 16px; } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .types { padding: 0; margin: 0; list-style: none; padding-bottom: 10px; margin-bottom: 0; border-bottom: 2px solid #f7f4fa; } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .types li { position: relative; padding-right: 10px; } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .types li::after { content: "\E94D"; position: absolute; top: 50%; right: 26px; font: 400 12px/1 icons; color: #b4adcb; transform: translateY(-50%); } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .types li.no-image figure { opacity: 0.2; } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .types li a { display: block; position: relative; padding: 0 35px 0 90px; height: 62px; line-height: 62px; color: #2c2835; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .types li figure { position: absolute; top: 50%; left: 28px; margin-bottom: 0; width: 46px; height: 46px; line-height: 0; border-radius: 23px; transform: translateY(-50%); } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .menu { padding: 0; margin: 0; list-style: none; margin-bottom: 30px; } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .menu li { position: relative; border-bottom: 2px solid #f7f4fa; } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .menu li a { display: block; padding: 10px 40px 10px 26px; color: #2c2835; } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .menu li.has-submenu::after { content: "\E94D"; position: absolute; top: 50%; right: 26px; font: 400 12px/1 icons; color: #b4adcb; transform: translateY(-50%); } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .account { display: inline-block; padding: 5px 26px; color: #2c2835; } .site-mobile-menu .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .account i { margin-right: 15px; font-size: 18px; color: #9a91af; vertical-align: -2px; } /* ============================================================================ Site footer ============================================================================ */ #site-footer { position: relative; } #site-footer.site-footer-default { padding: 50px 0 35px; font-size: 12px; color: #9a91af; border-top: 2px solid #f5f5f5; } @media screen and (max-width: 767px) { #site-footer.site-footer-default { padding-top: 40px; font-size: 11px; text-align: center; } } #site-footer.site-footer-default .inner { position: relative; } @media screen and (max-width: 767px) { #site-footer.site-footer-default .inner { padding-bottom: 50px; } } #site-footer.site-footer-default .inner h3 { margin-bottom: 12px; font-weight: 600; font-size: 18px; color: #2c2835; } @media screen and (max-width: 767px) { #site-footer.site-footer-default .inner h3 { font-size: 14px; } } #site-footer.site-footer-default .inner .divider { margin: 50px 0 25px; height: 2px; background: #f5f5f5; } @media screen and (max-width: 767px) { #site-footer.site-footer-default .inner .divider { margin: 40px 0 25px; } } #site-footer.site-footer-default .inner .logo { display: inline-block; margin-bottom: 35px; width: 180px; } @media screen and (max-width: 767px) { #site-footer.site-footer-default .inner .logo { margin-bottom: 25px; width: 160px; } } #site-footer.site-footer-default .inner .social a { font-size: 30px; color: #9a91af; } #site-footer.site-footer-default .inner .social a:hover { color: #253758; } #site-footer.site-footer-default .inner .social a + a { margin-left: 20px; } #site-footer.site-footer-default .inner .menu { padding: 0; margin: 0; list-style: none; } #site-footer.site-footer-default .inner .menu li { margin-bottom: 3px; } #site-footer.site-footer-default .inner .menu li a { font-size: 16px; color: #2c2835; } #site-footer.site-footer-default .inner .menu li a:hover { color: #253758; } #site-footer.site-footer-default .inner .attendance span { display: block; font-size: 14px; color: #9a91af; } @media screen and (max-width: 767px) { #site-footer.site-footer-default .inner .attendance span { font-size: 12px; } } #site-footer.site-footer-default .inner .attendance a { line-height: 1; font-size: 22px; color: #2c2835; } #site-footer.site-footer-default .inner .attendance a:hover { color: #253758; } @media screen and (max-width: 767px) { #site-footer.site-footer-default .inner .attendance a { font-size: 18px; } } #site-footer.site-footer-default .inner .attendance a + span { margin-top: 20px; } #site-footer.site-footer-default .inner .app-stores a { display: flex; align-items: center; justify-content: center; padding: 0 13px; height: 60px; border: 2px solid #000; border-radius: 8px; } #site-footer.site-footer-default .inner .app-stores a:hover { border-color: #253758; } #site-footer.site-footer-default .inner .app-stores a + a { margin-top: 10px; } @media screen and (max-width: 767px) { #site-footer.site-footer-default .inner .app-stores a { margin: auto; width: 165px; } } #site-footer.site-footer-default .inner .list-payments-methods { display: flex; align-items: center; flex-wrap: wrap; margin: 0 -10px 20px; font-size: 0; } @media screen and (max-width: 767px) { #site-footer.site-footer-default .inner .list-payments-methods { justify-content: center; margin: 0 -8px 10px; } } #site-footer.site-footer-default .inner .list-payments-methods figure { margin: 0 10px 20px; max-width: 50px; height: 25px; line-height: 25px; } @media screen and (max-width: 767px) { #site-footer.site-footer-default .inner .list-payments-methods figure { max-width: 35px; } } #site-footer.site-footer-default .inner .list-payments-methods figure figure { margin: 0 8px 20px; } #site-footer.site-footer-default .inner .list-payments-methods figure img { max-width: 100%; max-height: 100%; } #site-footer.site-footer-default .inner .third-security { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } @media screen and (max-width: 767px) { #site-footer.site-footer-default .inner .third-security { margin-bottom: 10px; } } #site-footer.site-footer-default .inner .third-security img { margin-bottom: 10px; } @media screen and (max-width: 767px) { #site-footer.site-footer-default .inner .third-security .site-blindado { width: 145px; } } @media screen and (max-width: 767px) { #site-footer.site-footer-default .inner .third-security .ssl { width: 64px; } } #site-footer.site-footer-default .inner .third-security .google-transparency { margin-top: 3px; } @media screen and (max-width: 767px) { #site-footer.site-footer-default .inner .third-security .google-transparency { width: 64px; } } #site-footer.site-footer-default .inner .third-certificates { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } @media screen and (max-width: 767px) { #site-footer.site-footer-default .inner .third-certificates { justify-content: center; margin-bottom: 55px; } } #site-footer.site-footer-default .inner .third-certificates img { margin-bottom: 10px; } @media screen and (max-width: 767px) { #site-footer.site-footer-default .inner .third-certificates img + img { margin-left: 20px; } } #site-footer.site-footer-default .inner .text { text-align: left; } #site-footer.site-footer-default .inner .developer { position: absolute; bottom: 5px; line-height: 1; font-size: 10px; color: #9a91af; } #site-footer.site-footer-default .inner .developer:hover { color: #E83D32; } @media screen and (max-width: 767px) { #site-footer.site-footer-default .inner .developer { left: 50%; font-size: 9px; transform: translateX(-50%); } } @media screen and (min-width: 768px) { #site-footer.site-footer-default .inner .developer { right: 0; } } #site-footer.site-footer-simple { padding: 35px 0; font-size: 12px; color: #9a91af; border-top: 2px solid #f5f5f5; } @media screen and (max-width: 767px) { #site-footer.site-footer-simple { font-size: 11px; } } #site-footer.site-footer-simple .inner { position: relative; } @media screen and (max-width: 767px) { #site-footer.site-footer-simple .inner { padding-bottom: 50px; } } #site-footer.site-footer-simple .inner .developer { position: absolute; bottom: 5px; line-height: 1; font-size: 10px; color: #9a91af; } #site-footer.site-footer-simple .inner .developer:hover { color: #E83D32; } @media screen and (max-width: 767px) { #site-footer.site-footer-simple .inner .developer { left: 50%; font-size: 9px; transform: translateX(-50%); } } @media screen and (min-width: 768px) { #site-footer.site-footer-simple .inner .developer { right: 0; } } /* ============================================================================ Site main ============================================================================ */ #site-main { flex: 1; position: relative; padding-top: 90px; padding-bottom: 130px; } #site-main.site-main-padding-top-small { padding-top: 35px; } @media screen and (min-width: 1200px) { #site-main.site-main-padding-bottom-small { padding-bottom: 100px; } } #site-main.site-main-padding-top-medium { padding-top: 50px; } @media screen and (max-width: 767px) { #site-main { padding-top: 30px; padding-bottom: 60px; } } @media screen and (min-width: 768px) and (max-width: 1199px) { #site-main { padding-top: 40px; padding-bottom: 60px; } } /* ============================================================================ Content ============================================================================ */ /*** Products ==================================== */ .block-products h2 { margin-bottom: 30px; font-weight: 700; } @media screen and (max-width: 767px) { .block-products h2 { margin-bottom: 15px; text-align: center; } } .block-products .products-items.products-items-default .products-item { display: block; position: relative; padding-bottom: 130px; min-height: 100%; line-height: 1.35; color: #2c2835; } @media screen and (max-width: 767px) { .block-products .products-items.products-items-default .products-item { text-align: center; } } .block-products .products-items.products-items-default .products-item:hover .btn-buy-wrap .btn-buy, .block-products .products-items.products-items-default .products-item:focus .btn-buy-wrap .btn-buy { opacity: 1; } .block-products .products-items.products-items-default .products-item.no-stock > *:not(.unavailable):not(figure) { opacity: 0.7; } .block-products .products-items.products-items-default .products-item.no-stock > figure { opacity: 0.5; } .block-products .products-items.products-items-default .products-item.no-image figure img { max-height: 150px; opacity: 0.2; } .block-products .products-items.products-items-default .products-item figure { margin-bottom: 20px; line-height: 270px; font-size: 0; text-align: center; } .block-products .products-items.products-items-default .products-item figure img { display: inline-block; max-height: 270px; } .block-products .products-items.products-items-default .products-item h3 { margin-bottom: 0; font-size: 18px; } @media screen and (max-width: 767px) { .block-products .products-items.products-items-default .products-item h3 { font-size: 16px; } } .block-products .products-items.products-items-default .products-item .price-old-wrap { position: absolute; bottom: 78px; left: 0; right: 0; } .block-products .products-items.products-items-default .products-item .price-old-wrap .stamp-offer { display: inline-block; padding: 5px 15px; margin-bottom: 10px; font-weight: 700; font-size: 14px; color: #ff9a00; background: #fff6e9; border-radius: 4px; } @media screen and (max-width: 767px) { .block-products .products-items.products-items-default .products-item .price-old-wrap .stamp-offer { font-size: 13px; } } @media screen and (min-width: 768px) { .block-products .products-items.products-items-default .products-item .price-old-wrap .stamp-offer { margin-right: 20px; } } .block-products .products-items.products-items-default .products-item .price-old-wrap .price-old { font-size: 14px; color: #787288; text-decoration: line-through; } @media screen and (max-width: 767px) { .block-products .products-items.products-items-default .products-item .price-old-wrap .price-old { display: block; } } .block-products .products-items.products-items-default .products-item .price { position: absolute; bottom: 52px; left: 0; right: 0; font-size: 22px; color: #253758; } @media screen and (max-width: 767px) { .block-products .products-items.products-items-default .products-item .price { margin-top: 10px; } } .block-products .products-items.products-items-default .products-item .btn-buy-wrap { position: absolute; bottom: 0; left: 0; right: 0; } .block-products .products-items.products-items-default .products-item .btn-buy-wrap .btn-buy { opacity: 0; padding: 0; height: 40px; } @media screen and (max-width: 767px) { .block-products .products-items.products-items-default .products-item .btn-buy-wrap .btn-buy { display: none; } } .block-products .products-items.products-items-default .products-item .btn-buy-wrap .btn-buy:hover, .block-products .products-items.products-items-default .products-item .btn-buy-wrap .btn-buy:focus { color: #253758; background-color: transparent; border-color: #253758; } .block-products .products-items.products-items-default .products-item .btn-buy-wrap .btn-buy i { padding-right: 12px; font-size: 22px; } .block-products .products-items.products-items-default .products-item .unavailable { position: absolute; bottom: 10px; left: 0; right: 0; color: #f00; text-align: center; } .block-products .products-items.products-items-default .slick-slider .slick-list { margin: 0 -10px; } .block-products .products-items.products-items-default .slick-slider .slick-list .slick-track { display: flex; } .block-products .products-items.products-items-default .slick-slider .slick-list .slick-slide { float: none; height: auto; } .block-products .products-items.products-items-default .slick-slider .slick-list .slick-slide > div { height: 100%; } .block-products .products-items.products-items-default .slick-slider .slick-list .slick-slide > div > div { height: 100%; } .block-products .products-items.products-items-default .slick-slider .slick-list .slick-slide .products-item { padding-left: 10px; padding-right: 10px; } .block-products .products-items.products-items-default .slick-slider .slick-list .slick-slide .products-item .price-old-wrap { left: 10px; right: 10px; } .block-products .products-items.products-items-default .slick-slider .slick-list .slick-slide .products-item .price { left: 10px; right: 10px; } .block-products .products-items.products-items-default .slick-slider .slick-list .slick-slide .products-item .btn-buy-wrap { left: 10px; right: 10px; } /*** Modal text ==================================== */ .modal-text { padding: 20px; } @media screen and (max-width: 767px) { .modal-text { padding: 10px; } } .modal-text.modal-text-scroll-inside .ant-modal .ant-modal-body { overflow-y: auto; max-height: 70vh; scrollbar-width: thin; scrollbar-color: #CDCDCD #F0F0F0; } .modal-text.modal-text-scroll-inside .ant-modal .ant-modal-body::-webkit-scrollbar { width: 8px; } .modal-text.modal-text-scroll-inside .ant-modal .ant-modal-body::-webkit-scrollbar-track { background-color: #F0F0F0; height: 8px; } .modal-text.modal-text-scroll-inside .ant-modal .ant-modal-body::-webkit-scrollbar-thumb { background-color: #CDCDCD; } .modal-text.modal-text-scroll-inside .ant-modal .ant-modal-body::-webkit-scrollbar-button { display: none; } .modal-text .ant-modal { max-width: 780px; width: auto !important; } @media screen and (min-width: 768px) { .modal-text .ant-modal { min-width: 780px; } } .modal-text .ant-modal .ant-modal-content { padding: 60px 70px 60px 100px; border-radius: 10px; } @media screen and (max-width: 767px) { .modal-text .ant-modal .ant-modal-content { padding: 40px 20px; } } .modal-text .ant-modal .ant-modal-content .ant-modal-body { padding: 0 30px 0 0; font-size: 16px; } @media screen and (max-width: 767px) { .modal-text .ant-modal .ant-modal-content .ant-modal-body { padding: 0; font-size: 14px; } } .modal-text .ant-modal .ant-modal-content .ant-modal-body .title { margin-bottom: 28px; font-weight: 700; font-size: 24px; } @media screen and (max-width: 767px) { .modal-text .ant-modal .ant-modal-content .ant-modal-body .title { font-size: 22px; } } .modal-text .ant-modal .ant-modal-content .ant-modal-close { top: 12px; right: 12px; } @media screen and (max-width: 767px) { .modal-text .ant-modal .ant-modal-content .ant-modal-close { top: 10px; right: 0; } } .modal-text .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x { display: flex; align-items: center; justify-content: center; } .modal-text .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; color: #000000; background: none; vertical-align: middle; } .modal-text .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon::before { display: block; content: "\E921"; font: 400 14px/1 icons; } .modal-text .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon svg { display: none; } /* ============================================================================ Component ============================================================================ */ /* ============================================================================ * Vars * * Keep the same values passed in the antdesign config file "assets/frontend/less/_vars.less" ============================================================================ */ .component-breadcrumbs { margin-bottom: 30px; } @media screen and (max-width: 767px) { .component-breadcrumbs .ant-breadcrumb { font-size: 12px; text-align: center; } } .component-breadcrumbs .ant-breadcrumb .ant-breadcrumb-separator { font-size: 12px; } @media screen and (max-width: 767px) { .component-breadcrumbs .ant-breadcrumb .ant-breadcrumb-separator { font-size: 10px; } } .component-breadcrumbs .ant-breadcrumb .ant-breadcrumb-link i + span, .component-breadcrumbs .ant-breadcrumb .ant-breadcrumb-link i + a { margin-left: 6px; } /* ============================================================================ * Vars * * Keep the same values passed in the antdesign config file "assets/frontend/less/_vars.less" ============================================================================ */ @keyframes acceptCookiesShow { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { transform: translate3d(0, -5px, 0) scaleY(0.985); } to { transform: translateZ(0); } } @keyframes acceptCookiesHide { 0% { transform: translate3d(0, 0, 0); } 99% { transform: translate3d(0, 100vh, 0); } 100% { z-index: 0; opacity: 0; display: none; } } .component-cookie-policy { position: fixed; bottom: 30px; right: 30px; padding: 35px 30px 30px 40px; width: 100%; max-width: 580px; letter-spacing: 0.3px; line-height: 20px; font-size: 14px; color: #fff; background: rgba(0, 0, 0, 0.9); border-radius: 10px; z-index: 999; animation: acceptCookiesShow 1s both; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .component-cookie-policy.hide { animation: acceptCookiesHide 1s both; } @media screen and (max-width: 767px) { .component-cookie-policy { bottom: 10px; right: 10px; padding: 20px; width: calc(100% - 20px); } } .component-cookie-policy .inner { font-size: 15px; color: #fff; } .component-cookie-policy .inner p { margin-bottom: 15px; } .component-cookie-policy .inner p a { font-weight: 700; color: #fff; text-decoration: underline; } .component-cookie-policy .inner .ant-btn { min-width: 150px; font-weight: 700; color: #fff; background: transparent; border-color: #fff; border-radius: 10px; } .component-cookie-policy .inner .ant-btn:hover { color: #253758; background: #fff; border-color: #fff; } /* ============================================================================ * Vars * * Keep the same values passed in the antdesign config file "assets/frontend/less/_vars.less" ============================================================================ */ .component-menu-side { margin-bottom: 35px; } .component-menu-side .component-menu-side-menu { transform: none; } @media screen and (max-width: 1199px) { .component-menu-side .component-menu-side-menu { display: none; } } .component-menu-side .ant-dropdown-trigger { padding-left: 28px; font-weight: 600; font-size: 16px; color: #253758; background: #f6f4fa; border-color: #f6f4fa; text-align: left; box-shadow: none; } @media screen and (min-width: 1200px) { .component-menu-side .ant-dropdown-trigger { display: none; } } .component-menu-side .ant-dropdown-trigger.ant-dropdown-open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .component-menu-side .ant-dropdown-trigger span { flex: 1; } .component-menu-side .ant-dropdown-trigger i:first-child { padding-right: 15px; font-size: 18px; } .component-menu-side .ant-dropdown-trigger i[class^=icon-arrow] { font-size: 10px; color: #ABA3C5; } .component-menu-side-menu { padding: 24px 30px 26px; background: #f6f4fa; border-radius: 3px; transform: translateY(-4px); } @media screen and (max-width: 1199px) { .component-menu-side-menu { padding-top: 0; padding-bottom: 20px; } } .component-menu-side-menu ul { padding: 0; margin: 0; list-style: none; } .component-menu-side-menu ul li a { display: flex; align-items: flex-start; padding: 8px 0; line-height: 1.3; font-weight: 600; font-size: 18px; color: #787288; } @media screen and (max-width: 1199px) { .component-menu-side-menu ul li a { padding: 12px 0; font-size: 16px; } } .component-menu-side-menu ul li a i { display: inline-block; margin: 0 8px 0 -4px; min-width: 30px; font-size: 20px; color: #B4ACCC; text-align: center; } .component-menu-side-menu ul li a:hover { color: #253758; } .component-menu-side-menu ul li a:hover i { color: inherit; } @media screen and (max-width: 1199px) { .component-menu-side-menu ul li.active { display: none; } } .component-menu-side-menu ul li.active a { color: #253758; } .component-menu-side-menu ul li.active a i { color: inherit; } /* ============================================================================ * Vars * * Keep the same values passed in the antdesign config file "assets/frontend/less/_vars.less" ============================================================================ */ .component-page-title { margin-bottom: 18px; white-space: pre-wrap; } @media screen and (max-width: 767px) { .component-page-title { margin-bottom: 20px; } } .component-page-title h1 { margin-bottom: 0; line-height: 1.3; font-weight: 700; font-size: 32px; color: #2c2835; } @media screen and (max-width: 767px) { .component-page-title h1 { font-size: 21px; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .component-page-title h1 { font-size: 28px; } } .component-page-title p { margin-top: 20px; line-height: 1.3; } /* ============================================================================ * Vars * * Keep the same values passed in the antdesign config file "assets/frontend/less/_vars.less" ============================================================================ */ @keyframes skeleton-loading { 0% { transform: translateX(-37.5%); } 100% { transform: translateX(37.5%); } } .component-skeleton { position: relative; overflow: hidden; width: 100%; background: 0 0; border-radius: 4px; } .component-skeleton::after { position: absolute; inset: 0 -150%; background: linear-gradient(90deg, #bebebe33 25%, #8181813d 37%, #bebebe33 63%); animation: skeleton-loading 1.4s ease infinite; content: ""; } .component-skeleton + .component-skeleton { margin-top: 16px; } /* ============================================================================ Pages ============================================================================ */ /* ============================================================================ * Vars * * Keep the same values passed in the antdesign config file "assets/frontend/less/_vars.less" ============================================================================ */ body.page-app { line-height: 1.25; font-size: 16px; color: #000; } body.page-app p:not(:last-child), body.page-app .ant-typography:not(:last-child) { margin-bottom: 20px; } body.page-app h1, body.page-app h2, body.page-app h3, body.page-app h4, body.page-app h5, body.page-app h6 { font-weight: 600; } body.page-app #site-main { padding: 30px 10px; }