/** * Swiper 9.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 13, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} .content-visibility-auto { content-visibility: auto; } .content-visibility-hidden { content-visibility: hidden; } .content-visibility-visible { content-visibility: visible; } .bg_white { background-color: #ffffff; } .bg_black { background-color: #000000; } .bg_blue { background-color: #027DB4; } .bg_green { background-color: #16A34A; } .bg_light-blue { background-color: #027DB4; } .bg_red { background-color: #9D0303; } .bg_gold { background-color: #E3BB80; } .bg_sand { background-color: #DCFCE7; } .bg_sale { background-color: #9D0303; } .bg_error { background-color: #CF0404; } .bg_success { background-color: #16A34A; } .bg_danger { background-color: #9D0303; } .bg_primary-charcoal { background-color: #1F2428; } .bg_secondary-charcoal { background-color: #47474C; } .bg_tertiary-charcoal { background-color: #47474C; } .bg_primary { background-color: #D0D0D0; } .bg_secondary { background-color: #47474C; } .bg_grey1 { background-color: #F9F9F9; } .bg_grey2 { background-color: #EFEFEF; } .bg_grey3 { background-color: #D0D0D0; } .bg_grey4 { background-color: #ADAEAF; } .bg_grey5 { background-color: #757575; } .bg_grey6 { background-color: #47474C; } .bg_grey7 { background-color: #1F2428; } .bg_grey8 { background-color: #47474C; } .bg_grey-transparent-1 { background-color: rgba(0, 0, 0, 0.65); } .bg_grey-transparent-2 { background-color: rgba(0, 0, 0, 0.25); } .bg_transparent { background-color: transparent; } .color_white { color: #ffffff; } .color_black { color: #000000; } .color_blue { color: #027DB4; } .color_green { color: #16A34A; } .color_light-blue { color: #027DB4; } .color_red { color: #9D0303; } .color_gold { color: #E3BB80; } .color_sand { color: #DCFCE7; } .color_sale { color: #9D0303; } .color_error { color: #CF0404; } .color_success { color: #16A34A; } .color_danger { color: #9D0303; } .color_primary-charcoal { color: #1F2428; } .color_secondary-charcoal { color: #47474C; } .color_tertiary-charcoal { color: #47474C; } .color_primary { color: #D0D0D0; } .color_secondary { color: #47474C; } .color_grey1 { color: #F9F9F9; } .color_grey2 { color: #EFEFEF; } .color_grey3 { color: #D0D0D0; } .color_grey4 { color: #ADAEAF; } .color_grey5 { color: #757575; } .color_grey6 { color: #47474C; } .color_grey7 { color: #1F2428; } .color_grey8 { color: #47474C; } .color_grey-transparent-1 { color: rgba(0, 0, 0, 0.65); } .color_grey-transparent-2 { color: rgba(0, 0, 0, 0.25); } .color_transparent { color: transparent; } .bgd_white { background-color: #ffffff; } .bgd_black { background-color: #000000; } .bgd_blue { background-color: #027DB4; } .bgd_green { background-color: #16A34A; } .bgd_light-blue { background-color: #027DB4; } .bgd_red { background-color: #9D0303; } .bgd_gold { background-color: #E3BB80; } .bgd_sand { background-color: #DCFCE7; } .bgd_sale { background-color: #9D0303; } .bgd_error { background-color: #CF0404; } .bgd_success { background-color: #16A34A; } .bgd_danger { background-color: #9D0303; } .bgd_primary-charcoal { background-color: #1F2428; } .bgd_secondary-charcoal { background-color: #47474C; } .bgd_tertiary-charcoal { background-color: #47474C; } .bgd_primary { background-color: #D0D0D0; } .bgd_secondary { background-color: #47474C; } .bgd_grey1 { background-color: #F9F9F9; } .bgd_grey2 { background-color: #EFEFEF; } .bgd_grey3 { background-color: #D0D0D0; } .bgd_grey4 { background-color: #ADAEAF; } .bgd_grey5 { background-color: #757575; } .bgd_grey6 { background-color: #47474C; } .bgd_grey7 { background-color: #1F2428; } .bgd_grey8 { background-color: #47474C; } .bgd_grey-transparent-1 { background-color: rgba(0, 0, 0, 0.65); } .bgd_grey-transparent-2 { background-color: rgba(0, 0, 0, 0.25); } .bgd_transparent { background-color: transparent; } .bgd-xs_white { background-color: #ffffff; } .bgd-xs_black { background-color: #000000; } .bgd-xs_blue { background-color: #027DB4; } .bgd-xs_green { background-color: #16A34A; } .bgd-xs_light-blue { background-color: #027DB4; } .bgd-xs_red { background-color: #9D0303; } .bgd-xs_gold { background-color: #E3BB80; } .bgd-xs_sand { background-color: #DCFCE7; } .bgd-xs_sale { background-color: #9D0303; } .bgd-xs_error { background-color: #CF0404; } .bgd-xs_success { background-color: #16A34A; } .bgd-xs_danger { background-color: #9D0303; } .bgd-xs_primary-charcoal { background-color: #1F2428; } .bgd-xs_secondary-charcoal { background-color: #47474C; } .bgd-xs_tertiary-charcoal { background-color: #47474C; } .bgd-xs_primary { background-color: #D0D0D0; } .bgd-xs_secondary { background-color: #47474C; } .bgd-xs_grey1 { background-color: #F9F9F9; } .bgd-xs_grey2 { background-color: #EFEFEF; } .bgd-xs_grey3 { background-color: #D0D0D0; } .bgd-xs_grey4 { background-color: #ADAEAF; } .bgd-xs_grey5 { background-color: #757575; } .bgd-xs_grey6 { background-color: #47474C; } .bgd-xs_grey7 { background-color: #1F2428; } .bgd-xs_grey8 { background-color: #47474C; } .bgd-xs_grey-transparent-1 { background-color: rgba(0, 0, 0, 0.65); } .bgd-xs_grey-transparent-2 { background-color: rgba(0, 0, 0, 0.25); } .bgd-xs_transparent { background-color: transparent; } @media (min-width: 544px) { .bgd-sm_white { background-color: #ffffff; } } @media (min-width: 544px) { .bgd-sm_black { background-color: #000000; } } @media (min-width: 544px) { .bgd-sm_blue { background-color: #027DB4; } } @media (min-width: 544px) { .bgd-sm_green { background-color: #16A34A; } } @media (min-width: 544px) { .bgd-sm_light-blue { background-color: #027DB4; } } @media (min-width: 544px) { .bgd-sm_red { background-color: #9D0303; } } @media (min-width: 544px) { .bgd-sm_gold { background-color: #E3BB80; } } @media (min-width: 544px) { .bgd-sm_sand { background-color: #DCFCE7; } } @media (min-width: 544px) { .bgd-sm_sale { background-color: #9D0303; } } @media (min-width: 544px) { .bgd-sm_error { background-color: #CF0404; } } @media (min-width: 544px) { .bgd-sm_success { background-color: #16A34A; } } @media (min-width: 544px) { .bgd-sm_danger { background-color: #9D0303; } } @media (min-width: 544px) { .bgd-sm_primary-charcoal { background-color: #1F2428; } } @media (min-width: 544px) { .bgd-sm_secondary-charcoal { background-color: #47474C; } } @media (min-width: 544px) { .bgd-sm_tertiary-charcoal { background-color: #47474C; } } @media (min-width: 544px) { .bgd-sm_primary { background-color: #D0D0D0; } } @media (min-width: 544px) { .bgd-sm_secondary { background-color: #47474C; } } @media (min-width: 544px) { .bgd-sm_grey1 { background-color: #F9F9F9; } } @media (min-width: 544px) { .bgd-sm_grey2 { background-color: #EFEFEF; } } @media (min-width: 544px) { .bgd-sm_grey3 { background-color: #D0D0D0; } } @media (min-width: 544px) { .bgd-sm_grey4 { background-color: #ADAEAF; } } @media (min-width: 544px) { .bgd-sm_grey5 { background-color: #757575; } } @media (min-width: 544px) { .bgd-sm_grey6 { background-color: #47474C; } } @media (min-width: 544px) { .bgd-sm_grey7 { background-color: #1F2428; } } @media (min-width: 544px) { .bgd-sm_grey8 { background-color: #47474C; } } @media (min-width: 544px) { .bgd-sm_grey-transparent-1 { background-color: rgba(0, 0, 0, 0.65); } } @media (min-width: 544px) { .bgd-sm_grey-transparent-2 { background-color: rgba(0, 0, 0, 0.25); } } @media (min-width: 544px) { .bgd-sm_transparent { background-color: transparent; } } @media (min-width: 769px) { .bgd-md_white { background-color: #ffffff; } } @media (min-width: 769px) { .bgd-md_black { background-color: #000000; } } @media (min-width: 769px) { .bgd-md_blue { background-color: #027DB4; } } @media (min-width: 769px) { .bgd-md_green { background-color: #16A34A; } } @media (min-width: 769px) { .bgd-md_light-blue { background-color: #027DB4; } } @media (min-width: 769px) { .bgd-md_red { background-color: #9D0303; } } @media (min-width: 769px) { .bgd-md_gold { background-color: #E3BB80; } } @media (min-width: 769px) { .bgd-md_sand { background-color: #DCFCE7; } } @media (min-width: 769px) { .bgd-md_sale { background-color: #9D0303; } } @media (min-width: 769px) { .bgd-md_error { background-color: #CF0404; } } @media (min-width: 769px) { .bgd-md_success { background-color: #16A34A; } } @media (min-width: 769px) { .bgd-md_danger { background-color: #9D0303; } } @media (min-width: 769px) { .bgd-md_primary-charcoal { background-color: #1F2428; } } @media (min-width: 769px) { .bgd-md_secondary-charcoal { background-color: #47474C; } } @media (min-width: 769px) { .bgd-md_tertiary-charcoal { background-color: #47474C; } } @media (min-width: 769px) { .bgd-md_primary { background-color: #D0D0D0; } } @media (min-width: 769px) { .bgd-md_secondary { background-color: #47474C; } } @media (min-width: 769px) { .bgd-md_grey1 { background-color: #F9F9F9; } } @media (min-width: 769px) { .bgd-md_grey2 { background-color: #EFEFEF; } } @media (min-width: 769px) { .bgd-md_grey3 { background-color: #D0D0D0; } } @media (min-width: 769px) { .bgd-md_grey4 { background-color: #ADAEAF; } } @media (min-width: 769px) { .bgd-md_grey5 { background-color: #757575; } } @media (min-width: 769px) { .bgd-md_grey6 { background-color: #47474C; } } @media (min-width: 769px) { .bgd-md_grey7 { background-color: #1F2428; } } @media (min-width: 769px) { .bgd-md_grey8 { background-color: #47474C; } } @media (min-width: 769px) { .bgd-md_grey-transparent-1 { background-color: rgba(0, 0, 0, 0.65); } } @media (min-width: 769px) { .bgd-md_grey-transparent-2 { background-color: rgba(0, 0, 0, 0.25); } } @media (min-width: 769px) { .bgd-md_transparent { background-color: transparent; } } @media (min-width: 1024px) { .bgd-mdlg_white { background-color: #ffffff; } } @media (min-width: 1024px) { .bgd-mdlg_black { background-color: #000000; } } @media (min-width: 1024px) { .bgd-mdlg_blue { background-color: #027DB4; } } @media (min-width: 1024px) { .bgd-mdlg_green { background-color: #16A34A; } } @media (min-width: 1024px) { .bgd-mdlg_light-blue { background-color: #027DB4; } } @media (min-width: 1024px) { .bgd-mdlg_red { background-color: #9D0303; } } @media (min-width: 1024px) { .bgd-mdlg_gold { background-color: #E3BB80; } } @media (min-width: 1024px) { .bgd-mdlg_sand { background-color: #DCFCE7; } } @media (min-width: 1024px) { .bgd-mdlg_sale { background-color: #9D0303; } } @media (min-width: 1024px) { .bgd-mdlg_error { background-color: #CF0404; } } @media (min-width: 1024px) { .bgd-mdlg_success { background-color: #16A34A; } } @media (min-width: 1024px) { .bgd-mdlg_danger { background-color: #9D0303; } } @media (min-width: 1024px) { .bgd-mdlg_primary-charcoal { background-color: #1F2428; } } @media (min-width: 1024px) { .bgd-mdlg_secondary-charcoal { background-color: #47474C; } } @media (min-width: 1024px) { .bgd-mdlg_tertiary-charcoal { background-color: #47474C; } } @media (min-width: 1024px) { .bgd-mdlg_primary { background-color: #D0D0D0; } } @media (min-width: 1024px) { .bgd-mdlg_secondary { background-color: #47474C; } } @media (min-width: 1024px) { .bgd-mdlg_grey1 { background-color: #F9F9F9; } } @media (min-width: 1024px) { .bgd-mdlg_grey2 { background-color: #EFEFEF; } } @media (min-width: 1024px) { .bgd-mdlg_grey3 { background-color: #D0D0D0; } } @media (min-width: 1024px) { .bgd-mdlg_grey4 { background-color: #ADAEAF; } } @media (min-width: 1024px) { .bgd-mdlg_grey5 { background-color: #757575; } } @media (min-width: 1024px) { .bgd-mdlg_grey6 { background-color: #47474C; } } @media (min-width: 1024px) { .bgd-mdlg_grey7 { background-color: #1F2428; } } @media (min-width: 1024px) { .bgd-mdlg_grey8 { background-color: #47474C; } } @media (min-width: 1024px) { .bgd-mdlg_grey-transparent-1 { background-color: rgba(0, 0, 0, 0.65); } } @media (min-width: 1024px) { .bgd-mdlg_grey-transparent-2 { background-color: rgba(0, 0, 0, 0.25); } } @media (min-width: 1024px) { .bgd-mdlg_transparent { background-color: transparent; } } @media (min-width: 1280px) { .bgd-lg_white { background-color: #ffffff; } } @media (min-width: 1280px) { .bgd-lg_black { background-color: #000000; } } @media (min-width: 1280px) { .bgd-lg_blue { background-color: #027DB4; } } @media (min-width: 1280px) { .bgd-lg_green { background-color: #16A34A; } } @media (min-width: 1280px) { .bgd-lg_light-blue { background-color: #027DB4; } } @media (min-width: 1280px) { .bgd-lg_red { background-color: #9D0303; } } @media (min-width: 1280px) { .bgd-lg_gold { background-color: #E3BB80; } } @media (min-width: 1280px) { .bgd-lg_sand { background-color: #DCFCE7; } } @media (min-width: 1280px) { .bgd-lg_sale { background-color: #9D0303; } } @media (min-width: 1280px) { .bgd-lg_error { background-color: #CF0404; } } @media (min-width: 1280px) { .bgd-lg_success { background-color: #16A34A; } } @media (min-width: 1280px) { .bgd-lg_danger { background-color: #9D0303; } } @media (min-width: 1280px) { .bgd-lg_primary-charcoal { background-color: #1F2428; } } @media (min-width: 1280px) { .bgd-lg_secondary-charcoal { background-color: #47474C; } } @media (min-width: 1280px) { .bgd-lg_tertiary-charcoal { background-color: #47474C; } } @media (min-width: 1280px) { .bgd-lg_primary { background-color: #D0D0D0; } } @media (min-width: 1280px) { .bgd-lg_secondary { background-color: #47474C; } } @media (min-width: 1280px) { .bgd-lg_grey1 { background-color: #F9F9F9; } } @media (min-width: 1280px) { .bgd-lg_grey2 { background-color: #EFEFEF; } } @media (min-width: 1280px) { .bgd-lg_grey3 { background-color: #D0D0D0; } } @media (min-width: 1280px) { .bgd-lg_grey4 { background-color: #ADAEAF; } } @media (min-width: 1280px) { .bgd-lg_grey5 { background-color: #757575; } } @media (min-width: 1280px) { .bgd-lg_grey6 { background-color: #47474C; } } @media (min-width: 1280px) { .bgd-lg_grey7 { background-color: #1F2428; } } @media (min-width: 1280px) { .bgd-lg_grey8 { background-color: #47474C; } } @media (min-width: 1280px) { .bgd-lg_grey-transparent-1 { background-color: rgba(0, 0, 0, 0.65); } } @media (min-width: 1280px) { .bgd-lg_grey-transparent-2 { background-color: rgba(0, 0, 0, 0.25); } } @media (min-width: 1280px) { .bgd-lg_transparent { background-color: transparent; } } @media (min-width: 1400px) { .bgd-xl_white { background-color: #ffffff; } } @media (min-width: 1400px) { .bgd-xl_black { background-color: #000000; } } @media (min-width: 1400px) { .bgd-xl_blue { background-color: #027DB4; } } @media (min-width: 1400px) { .bgd-xl_green { background-color: #16A34A; } } @media (min-width: 1400px) { .bgd-xl_light-blue { background-color: #027DB4; } } @media (min-width: 1400px) { .bgd-xl_red { background-color: #9D0303; } } @media (min-width: 1400px) { .bgd-xl_gold { background-color: #E3BB80; } } @media (min-width: 1400px) { .bgd-xl_sand { background-color: #DCFCE7; } } @media (min-width: 1400px) { .bgd-xl_sale { background-color: #9D0303; } } @media (min-width: 1400px) { .bgd-xl_error { background-color: #CF0404; } } @media (min-width: 1400px) { .bgd-xl_success { background-color: #16A34A; } } @media (min-width: 1400px) { .bgd-xl_danger { background-color: #9D0303; } } @media (min-width: 1400px) { .bgd-xl_primary-charcoal { background-color: #1F2428; } } @media (min-width: 1400px) { .bgd-xl_secondary-charcoal { background-color: #47474C; } } @media (min-width: 1400px) { .bgd-xl_tertiary-charcoal { background-color: #47474C; } } @media (min-width: 1400px) { .bgd-xl_primary { background-color: #D0D0D0; } } @media (min-width: 1400px) { .bgd-xl_secondary { background-color: #47474C; } } @media (min-width: 1400px) { .bgd-xl_grey1 { background-color: #F9F9F9; } } @media (min-width: 1400px) { .bgd-xl_grey2 { background-color: #EFEFEF; } } @media (min-width: 1400px) { .bgd-xl_grey3 { background-color: #D0D0D0; } } @media (min-width: 1400px) { .bgd-xl_grey4 { background-color: #ADAEAF; } } @media (min-width: 1400px) { .bgd-xl_grey5 { background-color: #757575; } } @media (min-width: 1400px) { .bgd-xl_grey6 { background-color: #47474C; } } @media (min-width: 1400px) { .bgd-xl_grey7 { background-color: #1F2428; } } @media (min-width: 1400px) { .bgd-xl_grey8 { background-color: #47474C; } } @media (min-width: 1400px) { .bgd-xl_grey-transparent-1 { background-color: rgba(0, 0, 0, 0.65); } } @media (min-width: 1400px) { .bgd-xl_grey-transparent-2 { background-color: rgba(0, 0, 0, 0.25); } } @media (min-width: 1400px) { .bgd-xl_transparent { background-color: transparent; } } @media (min-width: 544px) { .bg-lines--v > div { position: relative; } .bg-lines--v > div::before { content: ""; border-left: 1px solid #47474C; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; } .bg-lines--v > div:last-child::after { content: ""; border-right: 1px solid #47474C; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; } } /* ============================================================================ Icon Component ============================================================================ */ .c-icon--logo, .c-icon--logo-pxg-primary-black, .c-icon--logo-pxg-primary-white { height: 55px; width: 150px; } .c-icon--arrow-right-black, .c-icon--arrow-right-red, .c-icon--arrow-right-white { height: 13px; width: 5px; } .c-icon--icon-map-icon-pxg-location { width: 30px; height: 30px; } .c-icon--icon-map-icon-fitting-location, .c-icon--icon-map-icon-certified-retailer, .c-icon--icon-map-icon-retail-location { width: 30px; height: 30px; } .c-icon--icon-map-icon-rental-location-heroes, .c-icon--icon-map-icon-rental-location-members, .c-icon--icon-map-icon-rental-location { width: 30px; height: 30px; } .c-icon--map-pin { width: 15px; height: 15px; } .c-icon--plus-circle { width: 26px; height: 26px; } .c-icon--card-map { width: 24px; height: 24px; -ms-flex-negative: 0; flex-shrink: 0; fill: none; } .c-icon--phone { width: 24px; height: 24px; -ms-flex-negative: 0; flex-shrink: 0; fill: none; } .c-icon--icon-email-black { width: 24px; height: 24px; -ms-flex-negative: 0; flex-shrink: 0; fill: none; } .c-icon--chevron-down { width: 16px; height: 16px; fill: none; } .c-icon--black { color: #000000; } .c-icon--white { color: #ffffff; } @font-face { font-family: ProximaNova-Regular; src: url("../fonts/37EA02_1_0.eot"); src: local("ProximaNova Regular"), url("../fonts/37EA02_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/37EA02_1_0.woff2") format("woff2"), url("../fonts/37EA02_1_0.woff") format("woff"), url("../fonts/37EA02_1_0.ttf") format("truetype"), url("../fonts/37EA02_1_0.svg#wf") format("svg"); } @font-face { font-family: ProximaNova-Bold; src: url("../fonts/37EA02_0_0.eot"); src: local("ProximaNova Bold"), url("../fonts/37EA02_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/37EA02_0_0.woff2") format("woff2"), url("../fonts/37EA02_0_0.woff") format("woff"), url("../fonts/37EA02_0_0.ttf") format("truetype"), url("../fonts/37EA02_0_0.svg#wf") format("svg"); } @font-face { font-family: 'Prohibition'; src: url("../fonts/prohibition/Prohibition.eot"); src: url("../fonts/prohibition/Prohibition.eot?#iefix") format("embedded-opentype"), url("../fonts/prohibition/Prohibition.woff2") format("woff2"), url("../fonts/prohibition/Prohibition.woff") format("woff"), url("../fonts/prohibition/Prohibition.ttf") format("truetype"), url("../fonts/prohibition/Prohibition.svg#wf") format("svg"); } @font-face { font-family: teko; src: url("../fonts/teko/Teko-Medium.eot"); src: local("ProximaNova Regular"), url("../fonts/teko/Teko-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/teko/Teko-Medium.woff2") format("woff2"), url("../fonts/teko/Teko-Medium.woff") format("woff"), url("../fonts/teko/Teko-Medium.ttf") format("truetype"), url("../fonts/teko/Teko-Medium.svg#wf") format("svg"); } /*! * Bootstrap v4.6.2 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --blue: #027DB4; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #9D0303; --orange: #fd7e14; --yellow: #ffc107; --green: #16A34A; --teal: #20c997; --cyan: #17a2b8; --white: #ffffff; --gray: #6c757d; --gray-dark: #343a40; --primary: #D0D0D0; --secondary: #47474C; --success: #16A34A; --info: #17a2b8; --warning: #ffc107; --danger: #9D0303; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 544px; --breakpoint-md: 769px; --breakpoint-mdlg: 1024px; --breakpoint-lg: 1280px; --breakpoint-xl: 1400px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "ProximaNova-Regular", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000000; text-align: left; background-color: #ffffff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p, ul.bulleted li { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #757575; text-decoration: underline; background-color: transparent; } a:hover { color: #4f4f4f; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2rem; } h2, .h2 { font-size: 1.5rem; } h3, .h3 { font-size: 1.125rem; } h4, .h4 { font-size: 1.1rem; } h5, .h5 { font-size: 1rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid #D0D0D0; } small, .small { font-size: 0.875em; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "\2014\A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #ffffff; border: 1px solid #dee2e6; border-radius: 0.1875rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #ffffff; background-color: #212529; border-radius: 0.1875rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-xs, .container-sm, .container-md, .container-mdlg, .container-lg, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container { max-width: 543px; } @media (min-width: 544px) { .container, .container-sm { max-width: 768px; } } @media (min-width: 769px) { .container, .container-sm, .container-md { max-width: 1023px; } } @media (min-width: 1024px) { .container, .container-sm, .container-md, .container-mdlg { max-width: 1279px; } } @media (min-width: 1280px) { .container, .container-sm, .container-md, .container-mdlg, .container-lg { max-width: 1330px; } } @media (min-width: 1400px) { .container, .container-sm, .container-md, .container-mdlg, .container-lg, .container-xl { max-width: 1399px; } } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-mdlg-1, .col-mdlg-2, .col-mdlg-3, .col-mdlg-4, .col-mdlg-5, .col-mdlg-6, .col-mdlg-7, .col-mdlg-8, .col-mdlg-9, .col-mdlg-10, .col-mdlg-11, .col-mdlg-12, .col-mdlg, .col-mdlg-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 544px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-sm-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 769px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-md-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 1024px) { .col-mdlg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-mdlg-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-mdlg-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-mdlg-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-mdlg-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-mdlg-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-mdlg-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-mdlg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-mdlg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-mdlg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-mdlg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-mdlg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-mdlg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-mdlg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-mdlg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-mdlg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-mdlg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-mdlg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-mdlg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-mdlg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-mdlg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-mdlg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-mdlg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-mdlg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-mdlg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-mdlg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-mdlg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-mdlg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-mdlg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-mdlg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-mdlg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-mdlg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-mdlg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-mdlg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-mdlg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-mdlg-0 { margin-left: 0; } .offset-mdlg-1 { margin-left: 8.33333%; } .offset-mdlg-2 { margin-left: 16.66667%; } .offset-mdlg-3 { margin-left: 25%; } .offset-mdlg-4 { margin-left: 33.33333%; } .offset-mdlg-5 { margin-left: 41.66667%; } .offset-mdlg-6 { margin-left: 50%; } .offset-mdlg-7 { margin-left: 58.33333%; } .offset-mdlg-8 { margin-left: 66.66667%; } .offset-mdlg-9 { margin-left: 75%; } .offset-mdlg-10 { margin-left: 83.33333%; } .offset-mdlg-11 { margin-left: 91.66667%; } } @media (min-width: 1280px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-lg-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1400px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xl-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; margin-bottom: 1rem; color: #000000; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #D0D0D0; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #D0D0D0; } .table tbody + tbody { border-top: 2px solid #D0D0D0; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #D0D0D0; } .table-bordered th, .table-bordered td { border: 1px solid #D0D0D0; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #000000; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #f2f2f2; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #e7e7e7; } .table-hover .table-primary:hover { background-color: #e5e5e5; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #e5e5e5; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #cbcbcd; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #9f9fa2; } .table-hover .table-secondary:hover { background-color: #bebec1; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #bebec1; } .table-success, .table-success > th, .table-success > td { background-color: #bee5cc; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #86cfa1; } .table-hover .table-success:hover { background-color: #acdebe; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #acdebe; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #e4b8b8; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #cc7c7c; } .table-hover .table-danger:hover { background-color: #dda6a6; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #dda6a6; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #ffffff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #D0D0D0; } .table-dark { color: #ffffff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 543.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 768.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 1023.98px) { .table-responsive-mdlg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-mdlg > .table-bordered { border: 0; } } @media (max-width: 1279.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1399.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #ffffff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.1875rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { -webkit-transition: none; transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #ffffff; border-color: white; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.25); box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } select.form-control:focus::-ms-value { color: #495057; background-color: #ffffff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #000000; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.1875rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.1875rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #16A34A; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #ffffff; background-color: rgba(22, 163, 74, 0.9); border-radius: 0.1875rem; } .form-row > .col > .valid-tooltip, .form-row > [class*="col-"] > .valid-tooltip { left: 5px; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #16A34A; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2316A34A' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #16A34A; -webkit-box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.25); box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.25); } .was-validated select.form-control:valid, select.form-control.is-valid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #16A34A; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2316A34A' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #16A34A; -webkit-box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.25); box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #16A34A; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #16A34A; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #16A34A; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #1cd05e; background-color: #1cd05e; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.25); box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #16A34A; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #16A34A; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #16A34A; -webkit-box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.25); box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #9D0303; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #ffffff; background-color: rgba(157, 3, 3, 0.9); border-radius: 0.1875rem; } .form-row > .col > .invalid-tooltip, .form-row > [class*="col-"] > .invalid-tooltip { left: 5px; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #9D0303; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%239D0303' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%239D0303' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #9D0303; -webkit-box-shadow: 0 0 0 0.2rem rgba(157, 3, 3, 0.25); box-shadow: 0 0 0 0.2rem rgba(157, 3, 3, 0.25); } .was-validated select.form-control:invalid, select.form-control.is-invalid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #9D0303; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%239D0303' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%239D0303' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #9D0303; -webkit-box-shadow: 0 0 0 0.2rem rgba(157, 3, 3, 0.25); box-shadow: 0 0 0 0.2rem rgba(157, 3, 3, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #9D0303; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #9D0303; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #9D0303; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #cf0404; background-color: #cf0404; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0.2rem rgba(157, 3, 3, 0.25); box-shadow: 0 0 0 0.2rem rgba(157, 3, 3, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #9D0303; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #9D0303; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #9D0303; -webkit-box-shadow: 0 0 0 0.2rem rgba(157, 3, 3, 0.25); box-shadow: 0 0 0 0.2rem rgba(157, 3, 3, 0.25); } .form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 544px) { .form-inline label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #000000; text-align: center; text-decoration: none; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: normal; border-radius: 0.1875rem; -webkit-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } @media (prefers-reduced-motion: reduce) { .btn { -webkit-transition: none; transition: none; } } .btn:hover { color: #000000; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.25); box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.25); } .btn.disabled, .btn:disabled { opacity: 1; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #212529; background-color: #D0D0D0; border-color: #D0D0D0; } .btn-primary:hover { color: #212529; background-color: #bdbdbd; border-color: #b7b7b7; } .btn-primary:focus, .btn-primary.focus { color: #212529; background-color: #bdbdbd; border-color: #b7b7b7; -webkit-box-shadow: 0 0 0 0.2rem rgba(182, 182, 183, 0.5); box-shadow: 0 0 0 0.2rem rgba(182, 182, 183, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #212529; background-color: #D0D0D0; border-color: #D0D0D0; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #212529; background-color: #b7b7b7; border-color: #b0b0b0; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(182, 182, 183, 0.5); box-shadow: 0 0 0 0.2rem rgba(182, 182, 183, 0.5); } .btn-secondary { color: #ffffff; background-color: #47474C; border-color: #47474C; } .btn-secondary:hover { color: #ffffff; background-color: #353538; border-color: #2e2e32; } .btn-secondary:focus, .btn-secondary.focus { color: #ffffff; background-color: #353538; border-color: #2e2e32; -webkit-box-shadow: 0 0 0 0.2rem rgba(99, 99, 103, 0.5); box-shadow: 0 0 0 0.2rem rgba(99, 99, 103, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #ffffff; background-color: #47474C; border-color: #47474C; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #ffffff; background-color: #2e2e32; border-color: #28282b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(99, 99, 103, 0.5); box-shadow: 0 0 0 0.2rem rgba(99, 99, 103, 0.5); } .btn-success { color: #ffffff; background-color: #16A34A; border-color: #16A34A; } .btn-success:hover { color: #ffffff; background-color: #11813b; border-color: #107636; } .btn-success:focus, .btn-success.focus { color: #ffffff; background-color: #11813b; border-color: #107636; -webkit-box-shadow: 0 0 0 0.2rem rgba(57, 177, 101, 0.5); box-shadow: 0 0 0 0.2rem rgba(57, 177, 101, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #ffffff; background-color: #16A34A; border-color: #16A34A; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #ffffff; background-color: #107636; border-color: #0e6b31; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(57, 177, 101, 0.5); box-shadow: 0 0 0 0.2rem rgba(57, 177, 101, 0.5); } .btn-info { color: #ffffff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #ffffff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { color: #ffffff; background-color: #138496; border-color: #117a8b; -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #ffffff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #ffffff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #e0a800; border-color: #d39e00; -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #ffffff; background-color: #9D0303; border-color: #9D0303; } .btn-danger:hover { color: #ffffff; background-color: #770202; border-color: #6b0202; } .btn-danger:focus, .btn-danger.focus { color: #ffffff; background-color: #770202; border-color: #6b0202; -webkit-box-shadow: 0 0 0 0.2rem rgba(172, 41, 41, 0.5); box-shadow: 0 0 0 0.2rem rgba(172, 41, 41, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #ffffff; background-color: #9D0303; border-color: #9D0303; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #ffffff; background-color: #6b0202; border-color: #5e0202; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(172, 41, 41, 0.5); box-shadow: 0 0 0 0.2rem rgba(172, 41, 41, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #ffffff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #ffffff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { color: #ffffff; background-color: #23272b; border-color: #1d2124; -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #ffffff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #ffffff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #D0D0D0; border-color: #D0D0D0; } .btn-outline-primary:hover { color: #212529; background-color: #D0D0D0; border-color: #D0D0D0; } .btn-outline-primary:focus, .btn-outline-primary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.5); box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #D0D0D0; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #212529; background-color: #D0D0D0; border-color: #D0D0D0; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.5); box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.5); } .btn-outline-secondary { color: #47474C; border-color: #47474C; } .btn-outline-secondary:hover { color: #ffffff; background-color: #47474C; border-color: #47474C; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(71, 71, 76, 0.5); box-shadow: 0 0 0 0.2rem rgba(71, 71, 76, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #47474C; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #ffffff; background-color: #47474C; border-color: #47474C; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(71, 71, 76, 0.5); box-shadow: 0 0 0 0.2rem rgba(71, 71, 76, 0.5); } .btn-outline-success { color: #16A34A; border-color: #16A34A; } .btn-outline-success:hover { color: #ffffff; background-color: #16A34A; border-color: #16A34A; } .btn-outline-success:focus, .btn-outline-success.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.5); box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #16A34A; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #ffffff; background-color: #16A34A; border-color: #16A34A; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.5); box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #ffffff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #ffffff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #9D0303; border-color: #9D0303; } .btn-outline-danger:hover { color: #ffffff; background-color: #9D0303; border-color: #9D0303; } .btn-outline-danger:focus, .btn-outline-danger.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(157, 3, 3, 0.5); box-shadow: 0 0 0 0.2rem rgba(157, 3, 3, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #9D0303; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #ffffff; background-color: #9D0303; border-color: #9D0303; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(157, 3, 3, 0.5); box-shadow: 0 0 0 0.2rem rgba(157, 3, 3, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #ffffff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #ffffff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #757575; text-decoration: underline; } .btn-link:hover { color: #4f4f4f; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.1875rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.1875rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { -webkit-transition: none; transition: none; } } .collapsing.width { width: 0; height: auto; -webkit-transition: width 0.35s ease; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.width { -webkit-transition: none; transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #000000; text-align: left; list-style: none; background-color: #ffffff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.1875rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 544px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 769px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 1024px) { .dropdown-menu-mdlg-left { right: auto; left: 0; } .dropdown-menu-mdlg-right { right: 0; left: auto; } } @media (min-width: 1280px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #ffffff; text-decoration: none; background-color: #D0D0D0; } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > .form-control:nth-last-child(n + 3), .input-group.has-validation > .custom-select:nth-last-child(n + 3), .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-prepend, .input-group-append { display: -webkit-box; display: -ms-flexbox; display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.1875rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.1875rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.1875rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; print-color-adjust: exact; } .custom-control-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #000000; border-color: #D0D0D0; background-color: #D0D0D0; } .custom-control-input:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.25); box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: white; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #ffffff; background-color: white; border-color: white; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #ffffff; border: 1px solid #adb5bd; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50% / 50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.1875rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23000000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #D0D0D0; background-color: #D0D0D0; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23000000' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(208, 208, 208, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(208, 208, 208, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000000'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(208, 208, 208, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { -webkit-transition: none; transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #ffffff; -webkit-transform: translateX(0.75rem); transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(208, 208, 208, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: 0.1875rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: white; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.25); box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #ffffff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; overflow: hidden; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: white; -webkit-box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.25); box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #ffffff; border: 1px solid #ced4da; border-radius: 0.1875rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.1875rem 0.1875rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { -webkit-box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(208, 208, 208, 0.25); box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(208, 208, 208, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(208, 208, 208, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(208, 208, 208, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #D0D0D0; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: white; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #D0D0D0; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: white; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #D0D0D0; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: white; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { -webkit-transition: none; transition: none; } } .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; text-decoration: none; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 0 solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: 0; background-color: transparent; border: 0 solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #ffffff; border-color: #dee2e6 #dee2e6 #ffffff; } .nav-tabs .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { background: none; border: 0; border-radius: 0.1875rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #ffffff; background-color: #D0D0D0; } .nav-fill > .nav-link, .nav-fill .nav-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-xs, .navbar .container-sm, .navbar .container-md, .navbar .container-mdlg, .navbar .container-lg, .navbar .container-xl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.1875rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50% / 100% 100% no-repeat; } .navbar-nav-scroll { max-height: 75vh; overflow-y: auto; } @media (max-width: 543.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-xs, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-mdlg, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 544px) { .navbar-expand-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-xs, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-mdlg, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 768.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-xs, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-mdlg, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 769px) { .navbar-expand-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-xs, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-mdlg, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 1023.98px) { .navbar-expand-mdlg > .container, .navbar-expand-mdlg > .container-fluid, .navbar-expand-mdlg > .container-xs, .navbar-expand-mdlg > .container-sm, .navbar-expand-mdlg > .container-md, .navbar-expand-mdlg > .container-mdlg, .navbar-expand-mdlg > .container-lg, .navbar-expand-mdlg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1024px) { .navbar-expand-mdlg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-mdlg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-mdlg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-mdlg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-mdlg > .container, .navbar-expand-mdlg > .container-fluid, .navbar-expand-mdlg > .container-xs, .navbar-expand-mdlg > .container-sm, .navbar-expand-mdlg > .container-md, .navbar-expand-mdlg > .container-mdlg, .navbar-expand-mdlg > .container-lg, .navbar-expand-mdlg > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-mdlg .navbar-nav-scroll { overflow: visible; } .navbar-expand-mdlg .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-mdlg .navbar-toggler { display: none; } } @media (max-width: 1279.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-xs, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-mdlg, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1280px) { .navbar-expand-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-xs, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-mdlg, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1399.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-xs, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-mdlg, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1400px) { .navbar-expand-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-xs, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-mdlg, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-xs, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-mdlg, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-xs, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-mdlg, .navbar-expand > .container-lg, .navbar-expand > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #ffffff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #ffffff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #ffffff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #ffffff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #ffffff; } .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #ffffff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.1875rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.1875rem - 1px); border-top-right-radius: calc(0.1875rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.1875rem - 1px); border-bottom-left-radius: calc(0.1875rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: #ffffff; border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.1875rem - 1px) calc(0.1875rem - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.1875rem - 1px) calc(0.1875rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(0.1875rem - 1px); } .card-img, .card-img-top, .card-img-bottom { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.1875rem - 1px); border-top-right-radius: calc(0.1875rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.1875rem - 1px); border-bottom-left-radius: calc(0.1875rem - 1px); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 544px) { .card-deck { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 544px) { .card-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 544px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: transparent; border-radius: 0.1875rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.1875rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #757575; text-decoration: none; background-color: #ffffff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #4f4f4f; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.25); box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } .page-item:last-child .page-link { border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } .page-item.active .page-link { z-index: 3; color: #ffffff; background-color: #D0D0D0; border-color: #D0D0D0; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #ffffff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } .badge { display: inline-block; padding: 0.31rem 0.56rem; font-size: 1.125rem; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0; -webkit-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } @media (prefers-reduced-motion: reduce) { .badge { -webkit-transition: none; transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #212529; background-color: #D0D0D0; } a.badge-primary:hover, a.badge-primary:focus { color: #212529; background-color: #b7b7b7; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.5); box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.5); } .badge-secondary { color: #ffffff; background-color: #47474C; } a.badge-secondary:hover, a.badge-secondary:focus { color: #ffffff; background-color: #2e2e32; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(71, 71, 76, 0.5); box-shadow: 0 0 0 0.2rem rgba(71, 71, 76, 0.5); } .badge-success { color: #ffffff; background-color: #16A34A; } a.badge-success:hover, a.badge-success:focus { color: #ffffff; background-color: #107636; } a.badge-success:focus, a.badge-success.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.5); box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.5); } .badge-info { color: #ffffff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #ffffff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #ffffff; background-color: #9D0303; } a.badge-danger:hover, a.badge-danger:focus { color: #ffffff; background-color: #6b0202; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(157, 3, 3, 0.5); box-shadow: 0 0 0 0.2rem rgba(157, 3, 3, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #ffffff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #ffffff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.1875rem; } @media (min-width: 544px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.1875rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #6c6c6c; background-color: #f6f6f6; border-color: #f2f2f2; } .alert-primary hr { border-top-color: #e5e5e5; } .alert-primary .alert-link { color: #535353; } .alert-secondary { color: #252528; background-color: #dadadb; border-color: #cbcbcd; } .alert-secondary hr { border-top-color: #bebec1; } .alert-secondary .alert-link { color: #0c0c0e; } .alert-success { color: #0b5526; background-color: #d0eddb; border-color: #bee5cc; } .alert-success hr { border-top-color: #acdebe; } .alert-success .alert-link { color: #052812; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #520202; background-color: #ebcdcd; border-color: #e4b8b8; } .alert-danger hr { border-top-color: #dda6a6; } .alert-danger .alert-link { color: #200101; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.1875rem; } .progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #ffffff; text-align: center; white-space: nowrap; background-color: #D0D0D0; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { -webkit-transition: none; transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .list-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.1875rem; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #000000; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; text-decoration: none; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #ffffff; } .list-group-item.active { z-index: 2; color: #ffffff; background-color: #D0D0D0; border-color: #D0D0D0; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.1875rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.1875rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 544px) { .list-group-horizontal-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.1875rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.1875rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 769px) { .list-group-horizontal-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.1875rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.1875rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1024px) { .list-group-horizontal-mdlg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-mdlg > .list-group-item:first-child { border-bottom-left-radius: 0.1875rem; border-top-right-radius: 0; } .list-group-horizontal-mdlg > .list-group-item:last-child { border-top-right-radius: 0.1875rem; border-bottom-left-radius: 0; } .list-group-horizontal-mdlg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-mdlg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-mdlg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1280px) { .list-group-horizontal-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.1875rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.1875rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1400px) { .list-group-horizontal-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.1875rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.1875rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #6c6c6c; background-color: #f2f2f2; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #6c6c6c; background-color: #e5e5e5; } .list-group-item-primary.list-group-item-action.active { color: #ffffff; background-color: #6c6c6c; border-color: #6c6c6c; } .list-group-item-secondary { color: #252528; background-color: #cbcbcd; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #252528; background-color: #bebec1; } .list-group-item-secondary.list-group-item-action.active { color: #ffffff; background-color: #252528; border-color: #252528; } .list-group-item-success { color: #0b5526; background-color: #bee5cc; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #0b5526; background-color: #acdebe; } .list-group-item-success.list-group-item-action.active { color: #ffffff; background-color: #0b5526; border-color: #0b5526; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #ffffff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #ffffff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #520202; background-color: #e4b8b8; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #520202; background-color: #dda6a6; } .list-group-item-danger.list-group-item-action.active { color: #ffffff; background-color: #520202; border-color: #520202; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #ffffff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #ffffff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: .5; } .close:hover { color: #000000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { -ms-flex-preferred-size: 350px; flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); transform: scale(1.02); } .modal-dialog-scrollable { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { -ms-flex-negative: 0; flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered, .modal-dialog-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before, .modal-dialog-bottom::before { display: block; height: calc(100vh - 1rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable, .modal-dialog-scrollable.modal-dialog-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content, .modal-dialog-scrollable.modal-dialog-bottom .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before, .modal-dialog-scrollable.modal-dialog-bottom::before { content: none; } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #ffffff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.1875rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #EFEFEF; border-top-left-radius: calc(0.1875rem - 1px); border-top-right-radius: calc(0.1875rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #EFEFEF; border-bottom-right-radius: calc(0.1875rem - 1px); border-bottom-left-radius: calc(0.1875rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 544px) { .modal-dialog { max-width: 520px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered, .modal-dialog-bottom { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before, .modal-dialog-bottom::before { height: calc(100vh - 3.5rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; } .modal-sm { max-width: 375px; } } @media (min-width: 1280px) { .modal-lg, .modal-xl { max-width: 1024px; } } @media (min-width: 1400px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "ProximaNova-Regular", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #ffffff; text-align: center; background-color: #000000; border-radius: 0.1875rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "ProximaNova-Regular", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #ffffff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.1875rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.1875rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #ffffff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.1875rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #ffffff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #ffffff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.1875rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #ffffff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.1875rem - 1px); border-top-right-radius: calc(0.1875rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #000000; } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { -webkit-transition: none; transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { -webkit-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transform: none; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; -webkit-transition: opacity 0s 0.6s; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { -webkit-transition: none; transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 15%; padding: 0; color: #ffffff; text-align: center; background: none; border: 0; opacity: 0.5; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { -webkit-transition: none; transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #ffffff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: 50% / 100% 100% no-repeat; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #ffffff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { -webkit-transition: none; transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentcolor; border-right-color: transparent; border-radius: 50%; -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentcolor; border-radius: 50%; opacity: 0; -webkit-animation: .75s linear infinite spinner-grow; animation: .75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #D0D0D0 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #b7b7b7 !important; } .bg-secondary { background-color: #47474C !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #2e2e32 !important; } .bg-success { background-color: #16A34A !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #107636 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #9D0303 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #6b0202 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #ffffff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #EFEFEF !important; } .border-top { border-top: 1px solid #EFEFEF !important; } .border-right { border-right: 1px solid #EFEFEF !important; } .border-bottom { border-bottom: 1px solid #EFEFEF !important; } .border-left { border-left: 1px solid #EFEFEF !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #D0D0D0 !important; } .border-secondary { border-color: #47474C !important; } .border-success { border-color: #16A34A !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #9D0303 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #ffffff !important; } .rounded-sm { border-radius: 0.1875rem !important; } .rounded { border-radius: 0.1875rem !important; } .rounded-top { border-top-left-radius: 0.1875rem !important; border-top-right-radius: 0.1875rem !important; } .rounded-right { border-top-right-radius: 0.1875rem !important; border-bottom-right-radius: 0.1875rem !important; } .rounded-bottom { border-bottom-right-radius: 0.1875rem !important; border-bottom-left-radius: 0.1875rem !important; } .rounded-left { border-top-left-radius: 0.1875rem !important; border-bottom-left-radius: 0.1875rem !important; } .rounded-lg { border-radius: 0.1875rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 544px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 769px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1024px) { .d-mdlg-none { display: none !important; } .d-mdlg-inline { display: inline !important; } .d-mdlg-inline-block { display: inline-block !important; } .d-mdlg-block { display: block !important; } .d-mdlg-table { display: table !important; } .d-mdlg-table-row { display: table-row !important; } .d-mdlg-table-cell { display: table-cell !important; } .d-mdlg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-mdlg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1280px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1400px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 544px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 769px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1024px) { .flex-mdlg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-mdlg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-mdlg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-mdlg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-mdlg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-mdlg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-mdlg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-mdlg-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-mdlg-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-mdlg-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-mdlg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-mdlg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-mdlg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-mdlg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-mdlg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-mdlg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-mdlg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-mdlg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-mdlg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-mdlg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-mdlg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-mdlg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-mdlg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-mdlg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-mdlg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-mdlg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-mdlg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-mdlg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-mdlg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-mdlg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-mdlg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-mdlg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-mdlg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-mdlg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1280px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1400px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 544px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 769px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 1024px) { .float-mdlg-left { float: left !important; } .float-mdlg-right { float: right !important; } .float-mdlg-none { float: none !important; } } @media (min-width: 1280px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1400px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; -ms-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 2rem !important; } .mt-5, .my-5 { margin-top: 2rem !important; } .mr-5, .mx-5 { margin-right: 2rem !important; } .mb-5, .my-5 { margin-bottom: 2rem !important; } .ml-5, .mx-5 { margin-left: 2rem !important; } .m-6 { margin: 2.5rem !important; } .mt-6, .my-6 { margin-top: 2.5rem !important; } .mr-6, .mx-6 { margin-right: 2.5rem !important; } .mb-6, .my-6 { margin-bottom: 2.5rem !important; } .ml-6, .mx-6 { margin-left: 2.5rem !important; } .m-7 { margin: 3.75rem !important; } .mt-7, .my-7 { margin-top: 3.75rem !important; } .mr-7, .mx-7 { margin-right: 3.75rem !important; } .mb-7, .my-7 { margin-bottom: 3.75rem !important; } .ml-7, .mx-7 { margin-left: 3.75rem !important; } .m-8 { margin: 5rem !important; } .mt-8, .my-8 { margin-top: 5rem !important; } .mr-8, .mx-8 { margin-right: 5rem !important; } .mb-8, .my-8 { margin-bottom: 5rem !important; } .ml-8, .mx-8 { margin-left: 5rem !important; } .m-9 { margin: 6.25rem !important; } .mt-9, .my-9 { margin-top: 6.25rem !important; } .mr-9, .mx-9 { margin-right: 6.25rem !important; } .mb-9, .my-9 { margin-bottom: 6.25rem !important; } .ml-9, .mx-9 { margin-left: 6.25rem !important; } .m-10 { margin: 7.5rem !important; } .mt-10, .my-10 { margin-top: 7.5rem !important; } .mr-10, .mx-10 { margin-right: 7.5rem !important; } .mb-10, .my-10 { margin-bottom: 7.5rem !important; } .ml-10, .mx-10 { margin-left: 7.5rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 2rem !important; } .pt-5, .py-5 { padding-top: 2rem !important; } .pr-5, .px-5 { padding-right: 2rem !important; } .pb-5, .py-5 { padding-bottom: 2rem !important; } .pl-5, .px-5 { padding-left: 2rem !important; } .p-6 { padding: 2.5rem !important; } .pt-6, .py-6 { padding-top: 2.5rem !important; } .pr-6, .px-6 { padding-right: 2.5rem !important; } .pb-6, .py-6 { padding-bottom: 2.5rem !important; } .pl-6, .px-6 { padding-left: 2.5rem !important; } .p-7 { padding: 3.75rem !important; } .pt-7, .py-7 { padding-top: 3.75rem !important; } .pr-7, .px-7 { padding-right: 3.75rem !important; } .pb-7, .py-7 { padding-bottom: 3.75rem !important; } .pl-7, .px-7 { padding-left: 3.75rem !important; } .p-8 { padding: 5rem !important; } .pt-8, .py-8 { padding-top: 5rem !important; } .pr-8, .px-8 { padding-right: 5rem !important; } .pb-8, .py-8 { padding-bottom: 5rem !important; } .pl-8, .px-8 { padding-left: 5rem !important; } .p-9 { padding: 6.25rem !important; } .pt-9, .py-9 { padding-top: 6.25rem !important; } .pr-9, .px-9 { padding-right: 6.25rem !important; } .pb-9, .py-9 { padding-bottom: 6.25rem !important; } .pl-9, .px-9 { padding-left: 6.25rem !important; } .p-10 { padding: 7.5rem !important; } .pt-10, .py-10 { padding-top: 7.5rem !important; } .pr-10, .px-10 { padding-right: 7.5rem !important; } .pb-10, .py-10 { padding-bottom: 7.5rem !important; } .pl-10, .px-10 { padding-left: 7.5rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -2rem !important; } .mt-n5, .my-n5 { margin-top: -2rem !important; } .mr-n5, .mx-n5 { margin-right: -2rem !important; } .mb-n5, .my-n5 { margin-bottom: -2rem !important; } .ml-n5, .mx-n5 { margin-left: -2rem !important; } .m-n6 { margin: -2.5rem !important; } .mt-n6, .my-n6 { margin-top: -2.5rem !important; } .mr-n6, .mx-n6 { margin-right: -2.5rem !important; } .mb-n6, .my-n6 { margin-bottom: -2.5rem !important; } .ml-n6, .mx-n6 { margin-left: -2.5rem !important; } .m-n7 { margin: -3.75rem !important; } .mt-n7, .my-n7 { margin-top: -3.75rem !important; } .mr-n7, .mx-n7 { margin-right: -3.75rem !important; } .mb-n7, .my-n7 { margin-bottom: -3.75rem !important; } .ml-n7, .mx-n7 { margin-left: -3.75rem !important; } .m-n8 { margin: -5rem !important; } .mt-n8, .my-n8 { margin-top: -5rem !important; } .mr-n8, .mx-n8 { margin-right: -5rem !important; } .mb-n8, .my-n8 { margin-bottom: -5rem !important; } .ml-n8, .mx-n8 { margin-left: -5rem !important; } .m-n9 { margin: -6.25rem !important; } .mt-n9, .my-n9 { margin-top: -6.25rem !important; } .mr-n9, .mx-n9 { margin-right: -6.25rem !important; } .mb-n9, .my-n9 { margin-bottom: -6.25rem !important; } .ml-n9, .mx-n9 { margin-left: -6.25rem !important; } .m-n10 { margin: -7.5rem !important; } .mt-n10, .my-n10 { margin-top: -7.5rem !important; } .mr-n10, .mx-n10 { margin-right: -7.5rem !important; } .mb-n10, .my-n10 { margin-bottom: -7.5rem !important; } .ml-n10, .mx-n10 { margin-left: -7.5rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 544px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 2rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 2rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 2rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 2rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 2rem !important; } .m-sm-6 { margin: 2.5rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 2.5rem !important; } .mr-sm-6, .mx-sm-6 { margin-right: 2.5rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 2.5rem !important; } .ml-sm-6, .mx-sm-6 { margin-left: 2.5rem !important; } .m-sm-7 { margin: 3.75rem !important; } .mt-sm-7, .my-sm-7 { margin-top: 3.75rem !important; } .mr-sm-7, .mx-sm-7 { margin-right: 3.75rem !important; } .mb-sm-7, .my-sm-7 { margin-bottom: 3.75rem !important; } .ml-sm-7, .mx-sm-7 { margin-left: 3.75rem !important; } .m-sm-8 { margin: 5rem !important; } .mt-sm-8, .my-sm-8 { margin-top: 5rem !important; } .mr-sm-8, .mx-sm-8 { margin-right: 5rem !important; } .mb-sm-8, .my-sm-8 { margin-bottom: 5rem !important; } .ml-sm-8, .mx-sm-8 { margin-left: 5rem !important; } .m-sm-9 { margin: 6.25rem !important; } .mt-sm-9, .my-sm-9 { margin-top: 6.25rem !important; } .mr-sm-9, .mx-sm-9 { margin-right: 6.25rem !important; } .mb-sm-9, .my-sm-9 { margin-bottom: 6.25rem !important; } .ml-sm-9, .mx-sm-9 { margin-left: 6.25rem !important; } .m-sm-10 { margin: 7.5rem !important; } .mt-sm-10, .my-sm-10 { margin-top: 7.5rem !important; } .mr-sm-10, .mx-sm-10 { margin-right: 7.5rem !important; } .mb-sm-10, .my-sm-10 { margin-bottom: 7.5rem !important; } .ml-sm-10, .mx-sm-10 { margin-left: 7.5rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 2rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 2rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 2rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 2rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 2rem !important; } .p-sm-6 { padding: 2.5rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 2.5rem !important; } .pr-sm-6, .px-sm-6 { padding-right: 2.5rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 2.5rem !important; } .pl-sm-6, .px-sm-6 { padding-left: 2.5rem !important; } .p-sm-7 { padding: 3.75rem !important; } .pt-sm-7, .py-sm-7 { padding-top: 3.75rem !important; } .pr-sm-7, .px-sm-7 { padding-right: 3.75rem !important; } .pb-sm-7, .py-sm-7 { padding-bottom: 3.75rem !important; } .pl-sm-7, .px-sm-7 { padding-left: 3.75rem !important; } .p-sm-8 { padding: 5rem !important; } .pt-sm-8, .py-sm-8 { padding-top: 5rem !important; } .pr-sm-8, .px-sm-8 { padding-right: 5rem !important; } .pb-sm-8, .py-sm-8 { padding-bottom: 5rem !important; } .pl-sm-8, .px-sm-8 { padding-left: 5rem !important; } .p-sm-9 { padding: 6.25rem !important; } .pt-sm-9, .py-sm-9 { padding-top: 6.25rem !important; } .pr-sm-9, .px-sm-9 { padding-right: 6.25rem !important; } .pb-sm-9, .py-sm-9 { padding-bottom: 6.25rem !important; } .pl-sm-9, .px-sm-9 { padding-left: 6.25rem !important; } .p-sm-10 { padding: 7.5rem !important; } .pt-sm-10, .py-sm-10 { padding-top: 7.5rem !important; } .pr-sm-10, .px-sm-10 { padding-right: 7.5rem !important; } .pb-sm-10, .py-sm-10 { padding-bottom: 7.5rem !important; } .pl-sm-10, .px-sm-10 { padding-left: 7.5rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -2rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -2rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -2rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -2rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -2rem !important; } .m-sm-n6 { margin: -2.5rem !important; } .mt-sm-n6, .my-sm-n6 { margin-top: -2.5rem !important; } .mr-sm-n6, .mx-sm-n6 { margin-right: -2.5rem !important; } .mb-sm-n6, .my-sm-n6 { margin-bottom: -2.5rem !important; } .ml-sm-n6, .mx-sm-n6 { margin-left: -2.5rem !important; } .m-sm-n7 { margin: -3.75rem !important; } .mt-sm-n7, .my-sm-n7 { margin-top: -3.75rem !important; } .mr-sm-n7, .mx-sm-n7 { margin-right: -3.75rem !important; } .mb-sm-n7, .my-sm-n7 { margin-bottom: -3.75rem !important; } .ml-sm-n7, .mx-sm-n7 { margin-left: -3.75rem !important; } .m-sm-n8 { margin: -5rem !important; } .mt-sm-n8, .my-sm-n8 { margin-top: -5rem !important; } .mr-sm-n8, .mx-sm-n8 { margin-right: -5rem !important; } .mb-sm-n8, .my-sm-n8 { margin-bottom: -5rem !important; } .ml-sm-n8, .mx-sm-n8 { margin-left: -5rem !important; } .m-sm-n9 { margin: -6.25rem !important; } .mt-sm-n9, .my-sm-n9 { margin-top: -6.25rem !important; } .mr-sm-n9, .mx-sm-n9 { margin-right: -6.25rem !important; } .mb-sm-n9, .my-sm-n9 { margin-bottom: -6.25rem !important; } .ml-sm-n9, .mx-sm-n9 { margin-left: -6.25rem !important; } .m-sm-n10 { margin: -7.5rem !important; } .mt-sm-n10, .my-sm-n10 { margin-top: -7.5rem !important; } .mr-sm-n10, .mx-sm-n10 { margin-right: -7.5rem !important; } .mb-sm-n10, .my-sm-n10 { margin-bottom: -7.5rem !important; } .ml-sm-n10, .mx-sm-n10 { margin-left: -7.5rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 769px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 2rem !important; } .mt-md-5, .my-md-5 { margin-top: 2rem !important; } .mr-md-5, .mx-md-5 { margin-right: 2rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 2rem !important; } .ml-md-5, .mx-md-5 { margin-left: 2rem !important; } .m-md-6 { margin: 2.5rem !important; } .mt-md-6, .my-md-6 { margin-top: 2.5rem !important; } .mr-md-6, .mx-md-6 { margin-right: 2.5rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 2.5rem !important; } .ml-md-6, .mx-md-6 { margin-left: 2.5rem !important; } .m-md-7 { margin: 3.75rem !important; } .mt-md-7, .my-md-7 { margin-top: 3.75rem !important; } .mr-md-7, .mx-md-7 { margin-right: 3.75rem !important; } .mb-md-7, .my-md-7 { margin-bottom: 3.75rem !important; } .ml-md-7, .mx-md-7 { margin-left: 3.75rem !important; } .m-md-8 { margin: 5rem !important; } .mt-md-8, .my-md-8 { margin-top: 5rem !important; } .mr-md-8, .mx-md-8 { margin-right: 5rem !important; } .mb-md-8, .my-md-8 { margin-bottom: 5rem !important; } .ml-md-8, .mx-md-8 { margin-left: 5rem !important; } .m-md-9 { margin: 6.25rem !important; } .mt-md-9, .my-md-9 { margin-top: 6.25rem !important; } .mr-md-9, .mx-md-9 { margin-right: 6.25rem !important; } .mb-md-9, .my-md-9 { margin-bottom: 6.25rem !important; } .ml-md-9, .mx-md-9 { margin-left: 6.25rem !important; } .m-md-10 { margin: 7.5rem !important; } .mt-md-10, .my-md-10 { margin-top: 7.5rem !important; } .mr-md-10, .mx-md-10 { margin-right: 7.5rem !important; } .mb-md-10, .my-md-10 { margin-bottom: 7.5rem !important; } .ml-md-10, .mx-md-10 { margin-left: 7.5rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 2rem !important; } .pt-md-5, .py-md-5 { padding-top: 2rem !important; } .pr-md-5, .px-md-5 { padding-right: 2rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 2rem !important; } .pl-md-5, .px-md-5 { padding-left: 2rem !important; } .p-md-6 { padding: 2.5rem !important; } .pt-md-6, .py-md-6 { padding-top: 2.5rem !important; } .pr-md-6, .px-md-6 { padding-right: 2.5rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 2.5rem !important; } .pl-md-6, .px-md-6 { padding-left: 2.5rem !important; } .p-md-7 { padding: 3.75rem !important; } .pt-md-7, .py-md-7 { padding-top: 3.75rem !important; } .pr-md-7, .px-md-7 { padding-right: 3.75rem !important; } .pb-md-7, .py-md-7 { padding-bottom: 3.75rem !important; } .pl-md-7, .px-md-7 { padding-left: 3.75rem !important; } .p-md-8 { padding: 5rem !important; } .pt-md-8, .py-md-8 { padding-top: 5rem !important; } .pr-md-8, .px-md-8 { padding-right: 5rem !important; } .pb-md-8, .py-md-8 { padding-bottom: 5rem !important; } .pl-md-8, .px-md-8 { padding-left: 5rem !important; } .p-md-9 { padding: 6.25rem !important; } .pt-md-9, .py-md-9 { padding-top: 6.25rem !important; } .pr-md-9, .px-md-9 { padding-right: 6.25rem !important; } .pb-md-9, .py-md-9 { padding-bottom: 6.25rem !important; } .pl-md-9, .px-md-9 { padding-left: 6.25rem !important; } .p-md-10 { padding: 7.5rem !important; } .pt-md-10, .py-md-10 { padding-top: 7.5rem !important; } .pr-md-10, .px-md-10 { padding-right: 7.5rem !important; } .pb-md-10, .py-md-10 { padding-bottom: 7.5rem !important; } .pl-md-10, .px-md-10 { padding-left: 7.5rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -2rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -2rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -2rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -2rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -2rem !important; } .m-md-n6 { margin: -2.5rem !important; } .mt-md-n6, .my-md-n6 { margin-top: -2.5rem !important; } .mr-md-n6, .mx-md-n6 { margin-right: -2.5rem !important; } .mb-md-n6, .my-md-n6 { margin-bottom: -2.5rem !important; } .ml-md-n6, .mx-md-n6 { margin-left: -2.5rem !important; } .m-md-n7 { margin: -3.75rem !important; } .mt-md-n7, .my-md-n7 { margin-top: -3.75rem !important; } .mr-md-n7, .mx-md-n7 { margin-right: -3.75rem !important; } .mb-md-n7, .my-md-n7 { margin-bottom: -3.75rem !important; } .ml-md-n7, .mx-md-n7 { margin-left: -3.75rem !important; } .m-md-n8 { margin: -5rem !important; } .mt-md-n8, .my-md-n8 { margin-top: -5rem !important; } .mr-md-n8, .mx-md-n8 { margin-right: -5rem !important; } .mb-md-n8, .my-md-n8 { margin-bottom: -5rem !important; } .ml-md-n8, .mx-md-n8 { margin-left: -5rem !important; } .m-md-n9 { margin: -6.25rem !important; } .mt-md-n9, .my-md-n9 { margin-top: -6.25rem !important; } .mr-md-n9, .mx-md-n9 { margin-right: -6.25rem !important; } .mb-md-n9, .my-md-n9 { margin-bottom: -6.25rem !important; } .ml-md-n9, .mx-md-n9 { margin-left: -6.25rem !important; } .m-md-n10 { margin: -7.5rem !important; } .mt-md-n10, .my-md-n10 { margin-top: -7.5rem !important; } .mr-md-n10, .mx-md-n10 { margin-right: -7.5rem !important; } .mb-md-n10, .my-md-n10 { margin-bottom: -7.5rem !important; } .ml-md-n10, .mx-md-n10 { margin-left: -7.5rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 1024px) { .m-mdlg-0 { margin: 0 !important; } .mt-mdlg-0, .my-mdlg-0 { margin-top: 0 !important; } .mr-mdlg-0, .mx-mdlg-0 { margin-right: 0 !important; } .mb-mdlg-0, .my-mdlg-0 { margin-bottom: 0 !important; } .ml-mdlg-0, .mx-mdlg-0 { margin-left: 0 !important; } .m-mdlg-1 { margin: 0.25rem !important; } .mt-mdlg-1, .my-mdlg-1 { margin-top: 0.25rem !important; } .mr-mdlg-1, .mx-mdlg-1 { margin-right: 0.25rem !important; } .mb-mdlg-1, .my-mdlg-1 { margin-bottom: 0.25rem !important; } .ml-mdlg-1, .mx-mdlg-1 { margin-left: 0.25rem !important; } .m-mdlg-2 { margin: 0.5rem !important; } .mt-mdlg-2, .my-mdlg-2 { margin-top: 0.5rem !important; } .mr-mdlg-2, .mx-mdlg-2 { margin-right: 0.5rem !important; } .mb-mdlg-2, .my-mdlg-2 { margin-bottom: 0.5rem !important; } .ml-mdlg-2, .mx-mdlg-2 { margin-left: 0.5rem !important; } .m-mdlg-3 { margin: 1rem !important; } .mt-mdlg-3, .my-mdlg-3 { margin-top: 1rem !important; } .mr-mdlg-3, .mx-mdlg-3 { margin-right: 1rem !important; } .mb-mdlg-3, .my-mdlg-3 { margin-bottom: 1rem !important; } .ml-mdlg-3, .mx-mdlg-3 { margin-left: 1rem !important; } .m-mdlg-4 { margin: 1.5rem !important; } .mt-mdlg-4, .my-mdlg-4 { margin-top: 1.5rem !important; } .mr-mdlg-4, .mx-mdlg-4 { margin-right: 1.5rem !important; } .mb-mdlg-4, .my-mdlg-4 { margin-bottom: 1.5rem !important; } .ml-mdlg-4, .mx-mdlg-4 { margin-left: 1.5rem !important; } .m-mdlg-5 { margin: 2rem !important; } .mt-mdlg-5, .my-mdlg-5 { margin-top: 2rem !important; } .mr-mdlg-5, .mx-mdlg-5 { margin-right: 2rem !important; } .mb-mdlg-5, .my-mdlg-5 { margin-bottom: 2rem !important; } .ml-mdlg-5, .mx-mdlg-5 { margin-left: 2rem !important; } .m-mdlg-6 { margin: 2.5rem !important; } .mt-mdlg-6, .my-mdlg-6 { margin-top: 2.5rem !important; } .mr-mdlg-6, .mx-mdlg-6 { margin-right: 2.5rem !important; } .mb-mdlg-6, .my-mdlg-6 { margin-bottom: 2.5rem !important; } .ml-mdlg-6, .mx-mdlg-6 { margin-left: 2.5rem !important; } .m-mdlg-7 { margin: 3.75rem !important; } .mt-mdlg-7, .my-mdlg-7 { margin-top: 3.75rem !important; } .mr-mdlg-7, .mx-mdlg-7 { margin-right: 3.75rem !important; } .mb-mdlg-7, .my-mdlg-7 { margin-bottom: 3.75rem !important; } .ml-mdlg-7, .mx-mdlg-7 { margin-left: 3.75rem !important; } .m-mdlg-8 { margin: 5rem !important; } .mt-mdlg-8, .my-mdlg-8 { margin-top: 5rem !important; } .mr-mdlg-8, .mx-mdlg-8 { margin-right: 5rem !important; } .mb-mdlg-8, .my-mdlg-8 { margin-bottom: 5rem !important; } .ml-mdlg-8, .mx-mdlg-8 { margin-left: 5rem !important; } .m-mdlg-9 { margin: 6.25rem !important; } .mt-mdlg-9, .my-mdlg-9 { margin-top: 6.25rem !important; } .mr-mdlg-9, .mx-mdlg-9 { margin-right: 6.25rem !important; } .mb-mdlg-9, .my-mdlg-9 { margin-bottom: 6.25rem !important; } .ml-mdlg-9, .mx-mdlg-9 { margin-left: 6.25rem !important; } .m-mdlg-10 { margin: 7.5rem !important; } .mt-mdlg-10, .my-mdlg-10 { margin-top: 7.5rem !important; } .mr-mdlg-10, .mx-mdlg-10 { margin-right: 7.5rem !important; } .mb-mdlg-10, .my-mdlg-10 { margin-bottom: 7.5rem !important; } .ml-mdlg-10, .mx-mdlg-10 { margin-left: 7.5rem !important; } .p-mdlg-0 { padding: 0 !important; } .pt-mdlg-0, .py-mdlg-0 { padding-top: 0 !important; } .pr-mdlg-0, .px-mdlg-0 { padding-right: 0 !important; } .pb-mdlg-0, .py-mdlg-0 { padding-bottom: 0 !important; } .pl-mdlg-0, .px-mdlg-0 { padding-left: 0 !important; } .p-mdlg-1 { padding: 0.25rem !important; } .pt-mdlg-1, .py-mdlg-1 { padding-top: 0.25rem !important; } .pr-mdlg-1, .px-mdlg-1 { padding-right: 0.25rem !important; } .pb-mdlg-1, .py-mdlg-1 { padding-bottom: 0.25rem !important; } .pl-mdlg-1, .px-mdlg-1 { padding-left: 0.25rem !important; } .p-mdlg-2 { padding: 0.5rem !important; } .pt-mdlg-2, .py-mdlg-2 { padding-top: 0.5rem !important; } .pr-mdlg-2, .px-mdlg-2 { padding-right: 0.5rem !important; } .pb-mdlg-2, .py-mdlg-2 { padding-bottom: 0.5rem !important; } .pl-mdlg-2, .px-mdlg-2 { padding-left: 0.5rem !important; } .p-mdlg-3 { padding: 1rem !important; } .pt-mdlg-3, .py-mdlg-3 { padding-top: 1rem !important; } .pr-mdlg-3, .px-mdlg-3 { padding-right: 1rem !important; } .pb-mdlg-3, .py-mdlg-3 { padding-bottom: 1rem !important; } .pl-mdlg-3, .px-mdlg-3 { padding-left: 1rem !important; } .p-mdlg-4 { padding: 1.5rem !important; } .pt-mdlg-4, .py-mdlg-4 { padding-top: 1.5rem !important; } .pr-mdlg-4, .px-mdlg-4 { padding-right: 1.5rem !important; } .pb-mdlg-4, .py-mdlg-4 { padding-bottom: 1.5rem !important; } .pl-mdlg-4, .px-mdlg-4 { padding-left: 1.5rem !important; } .p-mdlg-5 { padding: 2rem !important; } .pt-mdlg-5, .py-mdlg-5 { padding-top: 2rem !important; } .pr-mdlg-5, .px-mdlg-5 { padding-right: 2rem !important; } .pb-mdlg-5, .py-mdlg-5 { padding-bottom: 2rem !important; } .pl-mdlg-5, .px-mdlg-5 { padding-left: 2rem !important; } .p-mdlg-6 { padding: 2.5rem !important; } .pt-mdlg-6, .py-mdlg-6 { padding-top: 2.5rem !important; } .pr-mdlg-6, .px-mdlg-6 { padding-right: 2.5rem !important; } .pb-mdlg-6, .py-mdlg-6 { padding-bottom: 2.5rem !important; } .pl-mdlg-6, .px-mdlg-6 { padding-left: 2.5rem !important; } .p-mdlg-7 { padding: 3.75rem !important; } .pt-mdlg-7, .py-mdlg-7 { padding-top: 3.75rem !important; } .pr-mdlg-7, .px-mdlg-7 { padding-right: 3.75rem !important; } .pb-mdlg-7, .py-mdlg-7 { padding-bottom: 3.75rem !important; } .pl-mdlg-7, .px-mdlg-7 { padding-left: 3.75rem !important; } .p-mdlg-8 { padding: 5rem !important; } .pt-mdlg-8, .py-mdlg-8 { padding-top: 5rem !important; } .pr-mdlg-8, .px-mdlg-8 { padding-right: 5rem !important; } .pb-mdlg-8, .py-mdlg-8 { padding-bottom: 5rem !important; } .pl-mdlg-8, .px-mdlg-8 { padding-left: 5rem !important; } .p-mdlg-9 { padding: 6.25rem !important; } .pt-mdlg-9, .py-mdlg-9 { padding-top: 6.25rem !important; } .pr-mdlg-9, .px-mdlg-9 { padding-right: 6.25rem !important; } .pb-mdlg-9, .py-mdlg-9 { padding-bottom: 6.25rem !important; } .pl-mdlg-9, .px-mdlg-9 { padding-left: 6.25rem !important; } .p-mdlg-10 { padding: 7.5rem !important; } .pt-mdlg-10, .py-mdlg-10 { padding-top: 7.5rem !important; } .pr-mdlg-10, .px-mdlg-10 { padding-right: 7.5rem !important; } .pb-mdlg-10, .py-mdlg-10 { padding-bottom: 7.5rem !important; } .pl-mdlg-10, .px-mdlg-10 { padding-left: 7.5rem !important; } .m-mdlg-n1 { margin: -0.25rem !important; } .mt-mdlg-n1, .my-mdlg-n1 { margin-top: -0.25rem !important; } .mr-mdlg-n1, .mx-mdlg-n1 { margin-right: -0.25rem !important; } .mb-mdlg-n1, .my-mdlg-n1 { margin-bottom: -0.25rem !important; } .ml-mdlg-n1, .mx-mdlg-n1 { margin-left: -0.25rem !important; } .m-mdlg-n2 { margin: -0.5rem !important; } .mt-mdlg-n2, .my-mdlg-n2 { margin-top: -0.5rem !important; } .mr-mdlg-n2, .mx-mdlg-n2 { margin-right: -0.5rem !important; } .mb-mdlg-n2, .my-mdlg-n2 { margin-bottom: -0.5rem !important; } .ml-mdlg-n2, .mx-mdlg-n2 { margin-left: -0.5rem !important; } .m-mdlg-n3 { margin: -1rem !important; } .mt-mdlg-n3, .my-mdlg-n3 { margin-top: -1rem !important; } .mr-mdlg-n3, .mx-mdlg-n3 { margin-right: -1rem !important; } .mb-mdlg-n3, .my-mdlg-n3 { margin-bottom: -1rem !important; } .ml-mdlg-n3, .mx-mdlg-n3 { margin-left: -1rem !important; } .m-mdlg-n4 { margin: -1.5rem !important; } .mt-mdlg-n4, .my-mdlg-n4 { margin-top: -1.5rem !important; } .mr-mdlg-n4, .mx-mdlg-n4 { margin-right: -1.5rem !important; } .mb-mdlg-n4, .my-mdlg-n4 { margin-bottom: -1.5rem !important; } .ml-mdlg-n4, .mx-mdlg-n4 { margin-left: -1.5rem !important; } .m-mdlg-n5 { margin: -2rem !important; } .mt-mdlg-n5, .my-mdlg-n5 { margin-top: -2rem !important; } .mr-mdlg-n5, .mx-mdlg-n5 { margin-right: -2rem !important; } .mb-mdlg-n5, .my-mdlg-n5 { margin-bottom: -2rem !important; } .ml-mdlg-n5, .mx-mdlg-n5 { margin-left: -2rem !important; } .m-mdlg-n6 { margin: -2.5rem !important; } .mt-mdlg-n6, .my-mdlg-n6 { margin-top: -2.5rem !important; } .mr-mdlg-n6, .mx-mdlg-n6 { margin-right: -2.5rem !important; } .mb-mdlg-n6, .my-mdlg-n6 { margin-bottom: -2.5rem !important; } .ml-mdlg-n6, .mx-mdlg-n6 { margin-left: -2.5rem !important; } .m-mdlg-n7 { margin: -3.75rem !important; } .mt-mdlg-n7, .my-mdlg-n7 { margin-top: -3.75rem !important; } .mr-mdlg-n7, .mx-mdlg-n7 { margin-right: -3.75rem !important; } .mb-mdlg-n7, .my-mdlg-n7 { margin-bottom: -3.75rem !important; } .ml-mdlg-n7, .mx-mdlg-n7 { margin-left: -3.75rem !important; } .m-mdlg-n8 { margin: -5rem !important; } .mt-mdlg-n8, .my-mdlg-n8 { margin-top: -5rem !important; } .mr-mdlg-n8, .mx-mdlg-n8 { margin-right: -5rem !important; } .mb-mdlg-n8, .my-mdlg-n8 { margin-bottom: -5rem !important; } .ml-mdlg-n8, .mx-mdlg-n8 { margin-left: -5rem !important; } .m-mdlg-n9 { margin: -6.25rem !important; } .mt-mdlg-n9, .my-mdlg-n9 { margin-top: -6.25rem !important; } .mr-mdlg-n9, .mx-mdlg-n9 { margin-right: -6.25rem !important; } .mb-mdlg-n9, .my-mdlg-n9 { margin-bottom: -6.25rem !important; } .ml-mdlg-n9, .mx-mdlg-n9 { margin-left: -6.25rem !important; } .m-mdlg-n10 { margin: -7.5rem !important; } .mt-mdlg-n10, .my-mdlg-n10 { margin-top: -7.5rem !important; } .mr-mdlg-n10, .mx-mdlg-n10 { margin-right: -7.5rem !important; } .mb-mdlg-n10, .my-mdlg-n10 { margin-bottom: -7.5rem !important; } .ml-mdlg-n10, .mx-mdlg-n10 { margin-left: -7.5rem !important; } .m-mdlg-auto { margin: auto !important; } .mt-mdlg-auto, .my-mdlg-auto { margin-top: auto !important; } .mr-mdlg-auto, .mx-mdlg-auto { margin-right: auto !important; } .mb-mdlg-auto, .my-mdlg-auto { margin-bottom: auto !important; } .ml-mdlg-auto, .mx-mdlg-auto { margin-left: auto !important; } } @media (min-width: 1280px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 2rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 2rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 2rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 2rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 2rem !important; } .m-lg-6 { margin: 2.5rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 2.5rem !important; } .mr-lg-6, .mx-lg-6 { margin-right: 2.5rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 2.5rem !important; } .ml-lg-6, .mx-lg-6 { margin-left: 2.5rem !important; } .m-lg-7 { margin: 3.75rem !important; } .mt-lg-7, .my-lg-7 { margin-top: 3.75rem !important; } .mr-lg-7, .mx-lg-7 { margin-right: 3.75rem !important; } .mb-lg-7, .my-lg-7 { margin-bottom: 3.75rem !important; } .ml-lg-7, .mx-lg-7 { margin-left: 3.75rem !important; } .m-lg-8 { margin: 5rem !important; } .mt-lg-8, .my-lg-8 { margin-top: 5rem !important; } .mr-lg-8, .mx-lg-8 { margin-right: 5rem !important; } .mb-lg-8, .my-lg-8 { margin-bottom: 5rem !important; } .ml-lg-8, .mx-lg-8 { margin-left: 5rem !important; } .m-lg-9 { margin: 6.25rem !important; } .mt-lg-9, .my-lg-9 { margin-top: 6.25rem !important; } .mr-lg-9, .mx-lg-9 { margin-right: 6.25rem !important; } .mb-lg-9, .my-lg-9 { margin-bottom: 6.25rem !important; } .ml-lg-9, .mx-lg-9 { margin-left: 6.25rem !important; } .m-lg-10 { margin: 7.5rem !important; } .mt-lg-10, .my-lg-10 { margin-top: 7.5rem !important; } .mr-lg-10, .mx-lg-10 { margin-right: 7.5rem !important; } .mb-lg-10, .my-lg-10 { margin-bottom: 7.5rem !important; } .ml-lg-10, .mx-lg-10 { margin-left: 7.5rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 2rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 2rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 2rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 2rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 2rem !important; } .p-lg-6 { padding: 2.5rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 2.5rem !important; } .pr-lg-6, .px-lg-6 { padding-right: 2.5rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 2.5rem !important; } .pl-lg-6, .px-lg-6 { padding-left: 2.5rem !important; } .p-lg-7 { padding: 3.75rem !important; } .pt-lg-7, .py-lg-7 { padding-top: 3.75rem !important; } .pr-lg-7, .px-lg-7 { padding-right: 3.75rem !important; } .pb-lg-7, .py-lg-7 { padding-bottom: 3.75rem !important; } .pl-lg-7, .px-lg-7 { padding-left: 3.75rem !important; } .p-lg-8 { padding: 5rem !important; } .pt-lg-8, .py-lg-8 { padding-top: 5rem !important; } .pr-lg-8, .px-lg-8 { padding-right: 5rem !important; } .pb-lg-8, .py-lg-8 { padding-bottom: 5rem !important; } .pl-lg-8, .px-lg-8 { padding-left: 5rem !important; } .p-lg-9 { padding: 6.25rem !important; } .pt-lg-9, .py-lg-9 { padding-top: 6.25rem !important; } .pr-lg-9, .px-lg-9 { padding-right: 6.25rem !important; } .pb-lg-9, .py-lg-9 { padding-bottom: 6.25rem !important; } .pl-lg-9, .px-lg-9 { padding-left: 6.25rem !important; } .p-lg-10 { padding: 7.5rem !important; } .pt-lg-10, .py-lg-10 { padding-top: 7.5rem !important; } .pr-lg-10, .px-lg-10 { padding-right: 7.5rem !important; } .pb-lg-10, .py-lg-10 { padding-bottom: 7.5rem !important; } .pl-lg-10, .px-lg-10 { padding-left: 7.5rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -2rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -2rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -2rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -2rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -2rem !important; } .m-lg-n6 { margin: -2.5rem !important; } .mt-lg-n6, .my-lg-n6 { margin-top: -2.5rem !important; } .mr-lg-n6, .mx-lg-n6 { margin-right: -2.5rem !important; } .mb-lg-n6, .my-lg-n6 { margin-bottom: -2.5rem !important; } .ml-lg-n6, .mx-lg-n6 { margin-left: -2.5rem !important; } .m-lg-n7 { margin: -3.75rem !important; } .mt-lg-n7, .my-lg-n7 { margin-top: -3.75rem !important; } .mr-lg-n7, .mx-lg-n7 { margin-right: -3.75rem !important; } .mb-lg-n7, .my-lg-n7 { margin-bottom: -3.75rem !important; } .ml-lg-n7, .mx-lg-n7 { margin-left: -3.75rem !important; } .m-lg-n8 { margin: -5rem !important; } .mt-lg-n8, .my-lg-n8 { margin-top: -5rem !important; } .mr-lg-n8, .mx-lg-n8 { margin-right: -5rem !important; } .mb-lg-n8, .my-lg-n8 { margin-bottom: -5rem !important; } .ml-lg-n8, .mx-lg-n8 { margin-left: -5rem !important; } .m-lg-n9 { margin: -6.25rem !important; } .mt-lg-n9, .my-lg-n9 { margin-top: -6.25rem !important; } .mr-lg-n9, .mx-lg-n9 { margin-right: -6.25rem !important; } .mb-lg-n9, .my-lg-n9 { margin-bottom: -6.25rem !important; } .ml-lg-n9, .mx-lg-n9 { margin-left: -6.25rem !important; } .m-lg-n10 { margin: -7.5rem !important; } .mt-lg-n10, .my-lg-n10 { margin-top: -7.5rem !important; } .mr-lg-n10, .mx-lg-n10 { margin-right: -7.5rem !important; } .mb-lg-n10, .my-lg-n10 { margin-bottom: -7.5rem !important; } .ml-lg-n10, .mx-lg-n10 { margin-left: -7.5rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1400px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 2rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 2rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 2rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 2rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 2rem !important; } .m-xl-6 { margin: 2.5rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 2.5rem !important; } .mr-xl-6, .mx-xl-6 { margin-right: 2.5rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 2.5rem !important; } .ml-xl-6, .mx-xl-6 { margin-left: 2.5rem !important; } .m-xl-7 { margin: 3.75rem !important; } .mt-xl-7, .my-xl-7 { margin-top: 3.75rem !important; } .mr-xl-7, .mx-xl-7 { margin-right: 3.75rem !important; } .mb-xl-7, .my-xl-7 { margin-bottom: 3.75rem !important; } .ml-xl-7, .mx-xl-7 { margin-left: 3.75rem !important; } .m-xl-8 { margin: 5rem !important; } .mt-xl-8, .my-xl-8 { margin-top: 5rem !important; } .mr-xl-8, .mx-xl-8 { margin-right: 5rem !important; } .mb-xl-8, .my-xl-8 { margin-bottom: 5rem !important; } .ml-xl-8, .mx-xl-8 { margin-left: 5rem !important; } .m-xl-9 { margin: 6.25rem !important; } .mt-xl-9, .my-xl-9 { margin-top: 6.25rem !important; } .mr-xl-9, .mx-xl-9 { margin-right: 6.25rem !important; } .mb-xl-9, .my-xl-9 { margin-bottom: 6.25rem !important; } .ml-xl-9, .mx-xl-9 { margin-left: 6.25rem !important; } .m-xl-10 { margin: 7.5rem !important; } .mt-xl-10, .my-xl-10 { margin-top: 7.5rem !important; } .mr-xl-10, .mx-xl-10 { margin-right: 7.5rem !important; } .mb-xl-10, .my-xl-10 { margin-bottom: 7.5rem !important; } .ml-xl-10, .mx-xl-10 { margin-left: 7.5rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 2rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 2rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 2rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 2rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 2rem !important; } .p-xl-6 { padding: 2.5rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 2.5rem !important; } .pr-xl-6, .px-xl-6 { padding-right: 2.5rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 2.5rem !important; } .pl-xl-6, .px-xl-6 { padding-left: 2.5rem !important; } .p-xl-7 { padding: 3.75rem !important; } .pt-xl-7, .py-xl-7 { padding-top: 3.75rem !important; } .pr-xl-7, .px-xl-7 { padding-right: 3.75rem !important; } .pb-xl-7, .py-xl-7 { padding-bottom: 3.75rem !important; } .pl-xl-7, .px-xl-7 { padding-left: 3.75rem !important; } .p-xl-8 { padding: 5rem !important; } .pt-xl-8, .py-xl-8 { padding-top: 5rem !important; } .pr-xl-8, .px-xl-8 { padding-right: 5rem !important; } .pb-xl-8, .py-xl-8 { padding-bottom: 5rem !important; } .pl-xl-8, .px-xl-8 { padding-left: 5rem !important; } .p-xl-9 { padding: 6.25rem !important; } .pt-xl-9, .py-xl-9 { padding-top: 6.25rem !important; } .pr-xl-9, .px-xl-9 { padding-right: 6.25rem !important; } .pb-xl-9, .py-xl-9 { padding-bottom: 6.25rem !important; } .pl-xl-9, .px-xl-9 { padding-left: 6.25rem !important; } .p-xl-10 { padding: 7.5rem !important; } .pt-xl-10, .py-xl-10 { padding-top: 7.5rem !important; } .pr-xl-10, .px-xl-10 { padding-right: 7.5rem !important; } .pb-xl-10, .py-xl-10 { padding-bottom: 7.5rem !important; } .pl-xl-10, .px-xl-10 { padding-left: 7.5rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -2rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -2rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -2rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -2rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -2rem !important; } .m-xl-n6 { margin: -2.5rem !important; } .mt-xl-n6, .my-xl-n6 { margin-top: -2.5rem !important; } .mr-xl-n6, .mx-xl-n6 { margin-right: -2.5rem !important; } .mb-xl-n6, .my-xl-n6 { margin-bottom: -2.5rem !important; } .ml-xl-n6, .mx-xl-n6 { margin-left: -2.5rem !important; } .m-xl-n7 { margin: -3.75rem !important; } .mt-xl-n7, .my-xl-n7 { margin-top: -3.75rem !important; } .mr-xl-n7, .mx-xl-n7 { margin-right: -3.75rem !important; } .mb-xl-n7, .my-xl-n7 { margin-bottom: -3.75rem !important; } .ml-xl-n7, .mx-xl-n7 { margin-left: -3.75rem !important; } .m-xl-n8 { margin: -5rem !important; } .mt-xl-n8, .my-xl-n8 { margin-top: -5rem !important; } .mr-xl-n8, .mx-xl-n8 { margin-right: -5rem !important; } .mb-xl-n8, .my-xl-n8 { margin-bottom: -5rem !important; } .ml-xl-n8, .mx-xl-n8 { margin-left: -5rem !important; } .m-xl-n9 { margin: -6.25rem !important; } .mt-xl-n9, .my-xl-n9 { margin-top: -6.25rem !important; } .mr-xl-n9, .mx-xl-n9 { margin-right: -6.25rem !important; } .mb-xl-n9, .my-xl-n9 { margin-bottom: -6.25rem !important; } .ml-xl-n9, .mx-xl-n9 { margin-left: -6.25rem !important; } .m-xl-n10 { margin: -7.5rem !important; } .mt-xl-n10, .my-xl-n10 { margin-top: -7.5rem !important; } .mr-xl-n10, .mx-xl-n10 { margin-right: -7.5rem !important; } .mb-xl-n10, .my-xl-n10 { margin-bottom: -7.5rem !important; } .ml-xl-n10, .mx-xl-n10 { margin-left: -7.5rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 544px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 769px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 1024px) { .text-mdlg-left { text-align: left !important; } .text-mdlg-right { text-align: right !important; } .text-mdlg-center { text-align: center !important; } } @media (min-width: 1280px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1400px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #ffffff !important; } .text-primary { color: #D0D0D0 !important; } a.text-primary:hover, a.text-primary:focus { color: #aaaaaa !important; } .text-secondary { color: #47474C !important; } a.text-secondary:hover, a.text-secondary:focus { color: #222224 !important; } .text-success { color: #16A34A !important; } a.text-success:hover, a.text-success:focus { color: #0d602b !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #9D0303 !important; } a.text-danger:hover, a.text-danger:focus { color: #520202 !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #000000 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } tr, img { page-break-inside: avoid; } p, ul.bulleted li, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 1280px !important; } .container { min-width: 1280px !important; } .navbar { display: none; } .badge { border: 1px solid #000000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #ffffff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #D0D0D0; } .table .thead-dark th { color: inherit; border-color: #D0D0D0; } } button.c-cc__cta__add-to-cart.btn-status--success, button.add-to-cart.btn-status--success, button.add-to-cart-global.btn-status--success { background-color: #000000 !important; } button.c-cc__cta__add-to-cart.btn-status--success:disabled, button.add-to-cart.btn-status--success:disabled, button.add-to-cart-global.btn-status--success:disabled { cursor: wait; } .quickview-pdp-details button.c-cc__cta__add-to-cart, .quickview-pdp-details button.add-to-cart, .quickview-pdp-details button.add-to-cart-global { -webkit-transition: background-color 200ms linear; transition: background-color 200ms linear; } .quickview-pdp-details button.c-cc__cta__add-to-cart, .quickview-pdp-details button.c-cc__cta__add-to-cart:hover, .quickview-pdp-details button.c-cc__cta__add-to-cart:focus, .quickview-pdp-details button.add-to-cart, .quickview-pdp-details button.add-to-cart:hover, .quickview-pdp-details button.add-to-cart:focus, .quickview-pdp-details button.add-to-cart-global, .quickview-pdp-details button.add-to-cart-global:hover, .quickview-pdp-details button.add-to-cart-global:focus { border: 1px solid transparent; } .quickview-pdp-details button.c-cc__cta__add-to-cart span.status-icon, .quickview-pdp-details button.add-to-cart span.status-icon, .quickview-pdp-details button.add-to-cart-global span.status-icon { height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success, .quickview-pdp-details button.add-to-cart.btn-status--success, .quickview-pdp-details button.add-to-cart-global.btn-status--success { border-color: #000000; } .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success .btn-text-content, .quickview-pdp-details button.add-to-cart.btn-status--success .btn-text-content, .quickview-pdp-details button.add-to-cart-global.btn-status--success .btn-text-content { color: #000000; } .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:hover, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:focus, .quickview-pdp-details button.add-to-cart.btn-status--success, .quickview-pdp-details button.add-to-cart.btn-status--success:hover, .quickview-pdp-details button.add-to-cart.btn-status--success:focus, .quickview-pdp-details button.add-to-cart-global.btn-status--success, .quickview-pdp-details button.add-to-cart-global.btn-status--success:hover, .quickview-pdp-details button.add-to-cart-global.btn-status--success:focus { border-color: black; } .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--pending, .quickview-pdp-details button.add-to-cart.btn-status--pending, .quickview-pdp-details button.add-to-cart-global.btn-status--pending { background-color: #9D0303 !important; } .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--pending, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--pending:hover, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--pending:focus, .quickview-pdp-details button.add-to-cart.btn-status--pending, .quickview-pdp-details button.add-to-cart.btn-status--pending:hover, .quickview-pdp-details button.add-to-cart.btn-status--pending:focus, .quickview-pdp-details button.add-to-cart-global.btn-status--pending, .quickview-pdp-details button.add-to-cart-global.btn-status--pending:hover, .quickview-pdp-details button.add-to-cart-global.btn-status--pending:focus { border-color: transparent; } .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--pending span.status-icon:before, .quickview-pdp-details button.add-to-cart.btn-status--pending span.status-icon:before, .quickview-pdp-details button.add-to-cart-global.btn-status--pending span.status-icon:before { display: none; } .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:focus, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:hover, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:disabled, .quickview-pdp-details button.add-to-cart.btn-status--success, .quickview-pdp-details button.add-to-cart.btn-status--success:focus, .quickview-pdp-details button.add-to-cart.btn-status--success:hover, .quickview-pdp-details button.add-to-cart.btn-status--success:disabled, .quickview-pdp-details button.add-to-cart-global.btn-status--success, .quickview-pdp-details button.add-to-cart-global.btn-status--success:focus, .quickview-pdp-details button.add-to-cart-global.btn-status--success:hover, .quickview-pdp-details button.add-to-cart-global.btn-status--success:disabled { background-color: #000000 !important; } .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success *, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:focus, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:focus *, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:hover, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:hover *, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:disabled, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:disabled *, .quickview-pdp-details button.add-to-cart.btn-status--success, .quickview-pdp-details button.add-to-cart.btn-status--success *, .quickview-pdp-details button.add-to-cart.btn-status--success:focus, .quickview-pdp-details button.add-to-cart.btn-status--success:focus *, .quickview-pdp-details button.add-to-cart.btn-status--success:hover, .quickview-pdp-details button.add-to-cart.btn-status--success:hover *, .quickview-pdp-details button.add-to-cart.btn-status--success:disabled, .quickview-pdp-details button.add-to-cart.btn-status--success:disabled *, .quickview-pdp-details button.add-to-cart-global.btn-status--success, .quickview-pdp-details button.add-to-cart-global.btn-status--success *, .quickview-pdp-details button.add-to-cart-global.btn-status--success:focus, .quickview-pdp-details button.add-to-cart-global.btn-status--success:focus *, .quickview-pdp-details button.add-to-cart-global.btn-status--success:hover, .quickview-pdp-details button.add-to-cart-global.btn-status--success:hover *, .quickview-pdp-details button.add-to-cart-global.btn-status--success:disabled, .quickview-pdp-details button.add-to-cart-global.btn-status--success:disabled * { color: #ffffff !important; } .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success span.status-icon, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success * span.status-icon, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:focus span.status-icon, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:focus * span.status-icon, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:hover span.status-icon, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:hover * span.status-icon, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:disabled span.status-icon, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:disabled * span.status-icon, .quickview-pdp-details button.add-to-cart.btn-status--success span.status-icon, .quickview-pdp-details button.add-to-cart.btn-status--success * span.status-icon, .quickview-pdp-details button.add-to-cart.btn-status--success:focus span.status-icon, .quickview-pdp-details button.add-to-cart.btn-status--success:focus * span.status-icon, .quickview-pdp-details button.add-to-cart.btn-status--success:hover span.status-icon, .quickview-pdp-details button.add-to-cart.btn-status--success:hover * span.status-icon, .quickview-pdp-details button.add-to-cart.btn-status--success:disabled span.status-icon, .quickview-pdp-details button.add-to-cart.btn-status--success:disabled * span.status-icon, .quickview-pdp-details button.add-to-cart-global.btn-status--success span.status-icon, .quickview-pdp-details button.add-to-cart-global.btn-status--success * span.status-icon, .quickview-pdp-details button.add-to-cart-global.btn-status--success:focus span.status-icon, .quickview-pdp-details button.add-to-cart-global.btn-status--success:focus * span.status-icon, .quickview-pdp-details button.add-to-cart-global.btn-status--success:hover span.status-icon, .quickview-pdp-details button.add-to-cart-global.btn-status--success:hover * span.status-icon, .quickview-pdp-details button.add-to-cart-global.btn-status--success:disabled span.status-icon, .quickview-pdp-details button.add-to-cart-global.btn-status--success:disabled * span.status-icon { margin-right: 10px; } .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success span.status-icon:before, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success * span.status-icon:before, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:focus span.status-icon:before, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:focus * span.status-icon:before, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:hover span.status-icon:before, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:hover * span.status-icon:before, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:disabled span.status-icon:before, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:disabled * span.status-icon:before, .quickview-pdp-details button.add-to-cart.btn-status--success span.status-icon:before, .quickview-pdp-details button.add-to-cart.btn-status--success * span.status-icon:before, .quickview-pdp-details button.add-to-cart.btn-status--success:focus span.status-icon:before, .quickview-pdp-details button.add-to-cart.btn-status--success:focus * span.status-icon:before, .quickview-pdp-details button.add-to-cart.btn-status--success:hover span.status-icon:before, .quickview-pdp-details button.add-to-cart.btn-status--success:hover * span.status-icon:before, .quickview-pdp-details button.add-to-cart.btn-status--success:disabled span.status-icon:before, .quickview-pdp-details button.add-to-cart.btn-status--success:disabled * span.status-icon:before, .quickview-pdp-details button.add-to-cart-global.btn-status--success span.status-icon:before, .quickview-pdp-details button.add-to-cart-global.btn-status--success * span.status-icon:before, .quickview-pdp-details button.add-to-cart-global.btn-status--success:focus span.status-icon:before, .quickview-pdp-details button.add-to-cart-global.btn-status--success:focus * span.status-icon:before, .quickview-pdp-details button.add-to-cart-global.btn-status--success:hover span.status-icon:before, .quickview-pdp-details button.add-to-cart-global.btn-status--success:hover * span.status-icon:before, .quickview-pdp-details button.add-to-cart-global.btn-status--success:disabled span.status-icon:before, .quickview-pdp-details button.add-to-cart-global.btn-status--success:disabled * span.status-icon:before { display: block; color: #ffffff; content: "L" / ""; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scaleX(-1) rotate(-45deg) translateY(-3px); transform: scaleX(-1) rotate(-45deg) translateY(-3px); font-size: 1.2rem; margin-right: 10px; } .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--pending:hover, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:hover, .quickview-pdp-details button.c-cc__cta__add-to-cart.btn-status--success:disabled, .quickview-pdp-details button.add-to-cart.btn-status--pending:hover, .quickview-pdp-details button.add-to-cart.btn-status--success:hover, .quickview-pdp-details button.add-to-cart.btn-status--success:disabled, .quickview-pdp-details button.add-to-cart-global.btn-status--pending:hover, .quickview-pdp-details button.add-to-cart-global.btn-status--success:hover, .quickview-pdp-details button.add-to-cart-global.btn-status--success:disabled { cursor: wait; } .pull-left-xs { float: left; } .pull-right-xs { float: right; } @media (min-width: 544px) and (max-width: 768.98px) { .pull-left-sm { float: left; } .pull-right-sm { float: right; } } @media (min-width: 769px) and (max-width: 1023.98px) { .pull-left-md { float: left; } .pull-right-md { float: right; } } @media (min-width: 1024px) and (max-width: 1279.98px) { .pull-left-mdlg { float: left; } .pull-right-mdlg { float: right; } } @media (min-width: 1280px) and (max-width: 1399.98px) { .pull-left-lg { float: left; } .pull-right-lg { float: right; } } @media (min-width: 1400px) { .pull-left-xl { float: left; } .pull-right-xl { float: right; } } @media (max-width: 543.98px) { .hidden-xs-down { display: none !important; } } @media (max-width: 768.98px) { .hidden-sm-down { display: none !important; } } @media (max-width: 1023.98px) { .hidden-md-down { display: none !important; } } @media (max-width: 1279.98px) { .hidden-mdlg-down { display: none !important; } } @media (max-width: 1399.98px) { .hidden-lg-down { display: none !important; } } .hidden-xl-down { display: none !important; } .row.equal-height > [class^="col"] { display: -webkit-box; display: -ms-flexbox; display: flex; } li span.red-dot { display: inline-block; color: #9D0303; position: absolute; margin-top: -20px; left: 0; font-size: 40px; } html { font-size: 1rem; } body { font-size: 1rem; overflow-x: hidden; } form { font-size: 1rem; } label { font-weight: 400; font-family: "ProximaNova-Bold", sans-serif; margin-bottom: 0; } strong, b { font-weight: 400; font-family: "ProximaNova-Bold", sans-serif; } strong a, strong p, strong ul.bulleted li, ul.bulleted strong li, strong div, strong span, strong ul, strong li, b a, b p, b ul.bulleted li, ul.bulleted b li, b div, b span, b ul, b li { font-family: "ProximaNova-Bold", sans-serif; } button:focus:not(:focus-visible) { outline: unset; } .btn, .is-edit-mode .btn { font-family: "ProximaNova-Bold", sans-serif; font-size: 1rem; font-weight: bold; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 2.5rem; padding: 0.75rem; -webkit-transition: none; transition: none; } .btn.dropdown-toggle:after, .is-edit-mode .btn.dropdown-toggle:after { display: none; } .btn.pill, .is-edit-mode .btn.pill { border-radius: 100rem; } .btn:hover, .is-edit-mode .btn:hover { font-family: "ProximaNova-Bold", sans-serif; } .btn:hover, .btn:focus, .btn:active, button:hover, button:focus, button:active { outline: none; -webkit-box-shadow: unset; box-shadow: unset; } .btn-primary, .btn.btn-primary { color: #000000; background-color: #ffffff; border-color: #ffffff; -webkit-transition: all 400ms linear 0s; transition: all 400ms linear 0s; -webkit-transition: none; transition: none; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active { color: #ffffff; background-color: #9D0303; border-color: #9D0303; -webkit-box-shadow: unset; box-shadow: unset; } .btn-primary.disabled, .btn-primary:disabled, .btn.btn-primary.disabled, .btn.btn-primary:disabled { color: #D0D0D0; background: #47474C; border-color: #D0D0D0; opacity: 1; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled).active, .show > .btn.btn-primary.dropdown-toggle { color: #000000; background-color: #ffffff; border-color: #ffffff; -webkit-box-shadow: unset; box-shadow: unset; } .bg-dark .btn-primary, .bg-dark .btn.btn-primary { color: #000000; } .bg-dark .btn-primary:hover, .bg-dark .btn-primary:focus, .bg-dark .btn.btn-primary:hover, .bg-dark .btn.btn-primary:focus { color: #ffffff; font-family: "ProximaNova-Bold", sans-serif; } .bg-dark .btn-primary.disabled, .bg-dark .btn-primary:disabled, .bg-dark .btn.btn-primary.disabled, .bg-dark .btn.btn-primary:disabled { color: #D0D0D0; background: #47474C; border-color: #D0D0D0; opacity: 1; } .btn-outline-primary, .btn.btn-outline-primary { color: #000000; background-color: transparent; border-color: #000000; -webkit-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:active { color: #000000; background-color: transparent; border-color: #9D0303; -webkit-box-shadow: unset; box-shadow: unset; } .btn-outline-primary.disabled, .btn-outline-primary:disabled, .btn.btn-outline-primary.disabled, .btn.btn-outline-primary:disabled { color: #D0D0D0; background: #47474C; border-color: #D0D0D0; opacity: 1; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .btn.btn-outline-primary:not(:disabled):not(.disabled):active, .btn.btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-primary.dropdown-toggle { color: #000000; background-color: transparent; border-color: #000000; -webkit-box-shadow: unset; box-shadow: unset; } .bg-dark .btn-outline-primary, .btn-outline-primary.has-dark-bg, .bg-dark .btn.btn-outline-primary, .btn.btn-outline-primary.has-dark-bg { color: #ffffff; border-color: #ffffff; } .bg-dark .btn-outline-primary.disabled, .bg-dark .btn-outline-primary:disabled, .btn-outline-primary.has-dark-bg.disabled, .btn-outline-primary.has-dark-bg:disabled, .bg-dark .btn.btn-outline-primary.disabled, .bg-dark .btn.btn-outline-primary:disabled, .btn.btn-outline-primary.has-dark-bg.disabled, .btn.btn-outline-primary.has-dark-bg:disabled { color: #D0D0D0; background: #47474C; border-color: #D0D0D0; opacity: 1; } .bg-dark .btn-outline-primary:hover, .bg-dark .btn-outline-primary:focus, .btn-outline-primary.has-dark-bg:hover, .btn-outline-primary.has-dark-bg:focus, .bg-dark .btn.btn-outline-primary:hover, .bg-dark .btn.btn-outline-primary:focus, .btn.btn-outline-primary.has-dark-bg:hover, .btn.btn-outline-primary.has-dark-bg:focus { border-color: #9D0303; } .btn-secondary, .btn.btn-secondary { color: #ffffff; background-color: #000000; border-color: #000000; -webkit-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active { color: #ffffff; background-color: #9D0303; border-color: #9D0303; -webkit-box-shadow: unset; box-shadow: unset; -webkit-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .btn-secondary.disabled, .btn-secondary:disabled, .btn.btn-secondary.disabled, .btn.btn-secondary:disabled { color: #D0D0D0; background: #47474C; border-color: #D0D0D0; opacity: 1; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle, .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary:not(:disabled):not(.disabled).active, .show > .btn.btn-secondary.dropdown-toggle { color: #ffffff; background-color: #000000; border-color: #000000; -webkit-box-shadow: unset; box-shadow: unset; } .btn-red, .btn.btn-red { background: #9D0303; color: #ffffff; } .btn-red:hover, .btn.btn-red:hover { color: #ffffff; } .btn-red:focus, .btn.btn-red:focus { background: #000000; color: #ffffff; border-color: #9D0303; } .btn-outline-secondary, .btn.btn-outline-secondary { color: #ffffff; background-color: transparent; border-color: #ffffff; -webkit-transition: all 400ms linear 0s; transition: all 400ms linear 0s; color: #000000; border-color: #000000; } .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus, .btn.btn-outline-secondary:active { color: #ffffff; background-color: transparent; border-color: #9D0303; -webkit-box-shadow: unset; box-shadow: unset; } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled, .btn.btn-outline-secondary.disabled, .btn.btn-outline-secondary:disabled { color: #D0D0D0; background: #47474C; border-color: #D0D0D0; opacity: 1; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle, .btn.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn.btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-secondary.dropdown-toggle { color: #ffffff; background-color: transparent; border-color: #ffffff; -webkit-box-shadow: unset; box-shadow: unset; } .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus { color: #000000; border-color: #9D0303; } .bg-dark .btn-outline-secondary, .btn-outline-secondary.has-dark-bg, .bg-dark .btn.btn-outline-secondary, .btn.btn-outline-secondary.has-dark-bg { color: #ffffff; border-color: #ffffff; } .bg-dark .btn-outline-secondary.disabled, .bg-dark .btn-outline-secondary:disabled, .btn-outline-secondary.has-dark-bg.disabled, .btn-outline-secondary.has-dark-bg:disabled, .bg-dark .btn.btn-outline-secondary.disabled, .bg-dark .btn.btn-outline-secondary:disabled, .btn.btn-outline-secondary.has-dark-bg.disabled, .btn.btn-outline-secondary.has-dark-bg:disabled { color: #D0D0D0; background: #47474C; border-color: #D0D0D0; opacity: 1; } .bg-dark .btn-outline-secondary:hover, .bg-dark .btn-outline-secondary:focus, .btn-outline-secondary.has-dark-bg:hover, .btn-outline-secondary.has-dark-bg:focus, .bg-dark .btn.btn-outline-secondary:hover, .bg-dark .btn.btn-outline-secondary:focus, .btn.btn-outline-secondary.has-dark-bg:hover, .btn.btn-outline-secondary.has-dark-bg:focus { color: #ffffff; background-color: transparent; border-color: #9D0303; -webkit-box-shadow: unset; box-shadow: unset; } .btn-outline-quaternary, .btn.btn-outline-quaternary { color: #000000; background-color: transparent; border-color: #9D0303; -webkit-box-shadow: inset 0 0 0 1px transaparent; box-shadow: inset 0 0 0 1px transaparent; -webkit-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .btn-outline-quaternary:hover, .btn-outline-quaternary:focus, .btn-outline-quaternary:active, .btn.btn-outline-quaternary:hover, .btn.btn-outline-quaternary:focus, .btn.btn-outline-quaternary:active { color: #000000; background-color: transparent; border-color: #9D0303; -webkit-box-shadow: inset 0 0 0 1px #9D0303; box-shadow: inset 0 0 0 1px #9D0303; } .btn-outline-quaternary.disabled, .btn-outline-quaternary:disabled, .btn.btn-outline-quaternary.disabled, .btn.btn-outline-quaternary:disabled { color: #D0D0D0; background: #47474C; border-color: #D0D0D0; opacity: 1; } .btn-outline-quaternary:not(:disabled):not(.disabled):active, .btn-outline-quaternary:not(:disabled):not(.disabled).active, .show > .btn-outline-quaternary.dropdown-toggle, .btn.btn-outline-quaternary:not(:disabled):not(.disabled):active, .btn.btn-outline-quaternary:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-quaternary.dropdown-toggle { color: #000000; background-color: transparent; border-color: #9D0303; -webkit-box-shadow: unset; box-shadow: unset; } .bg-dark .btn-outline-quaternary, .btn-outline-quaternary.has-dark-bg, .bg-dark .btn.btn-outline-quaternary, .btn.btn-outline-quaternary.has-dark-bg { color: #ffffff; border-color: #9D0303; -webkit-box-shadow: inset 0 0 0 1px transaparent; box-shadow: inset 0 0 0 1px transaparent; } .bg-dark .btn-outline-quaternary.disabled, .bg-dark .btn-outline-quaternary:disabled, .btn-outline-quaternary.has-dark-bg.disabled, .btn-outline-quaternary.has-dark-bg:disabled, .bg-dark .btn.btn-outline-quaternary.disabled, .bg-dark .btn.btn-outline-quaternary:disabled, .btn.btn-outline-quaternary.has-dark-bg.disabled, .btn.btn-outline-quaternary.has-dark-bg:disabled { color: #D0D0D0; background: #47474C; border-color: #D0D0D0; opacity: 1; } .bg-dark .btn-outline-quaternary:hover, .bg-dark .btn-outline-quaternary:focus, .bg-dark .btn-outline-quaternary:active, .btn-outline-quaternary.has-dark-bg:hover, .btn-outline-quaternary.has-dark-bg:focus, .btn-outline-quaternary.has-dark-bg:active, .bg-dark .btn.btn-outline-quaternary:hover, .bg-dark .btn.btn-outline-quaternary:focus, .bg-dark .btn.btn-outline-quaternary:active, .btn.btn-outline-quaternary.has-dark-bg:hover, .btn.btn-outline-quaternary.has-dark-bg:focus, .btn.btn-outline-quaternary.has-dark-bg:active { color: #ffffff; border-color: #9D0303; -webkit-box-shadow: inset 0 0 0 1px #9D0303; box-shadow: inset 0 0 0 1px #9D0303; } .add-to-cart, .add-bonus-products, .add-to-cart-global, .btn.add-to-cart, .btn.add-bonus-products, .btn.add-to-cart-global { font-family: "ProximaNova-Bold", sans-serif; color: #ffffff; background-color: #027DB4; border-color: #027DB4; -webkit-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .add-to-cart:hover, .add-to-cart:focus, .add-to-cart:active, .add-bonus-products:hover, .add-bonus-products:focus, .add-bonus-products:active, .add-to-cart-global:hover, .add-to-cart-global:focus, .add-to-cart-global:active, .btn.add-to-cart:hover, .btn.add-to-cart:focus, .btn.add-to-cart:active, .btn.add-bonus-products:hover, .btn.add-bonus-products:focus, .btn.add-bonus-products:active, .btn.add-to-cart-global:hover, .btn.add-to-cart-global:focus, .btn.add-to-cart-global:active { color: #ffffff; background-color: #000000; border-color: #000000; -webkit-box-shadow: unset; box-shadow: unset; } .add-to-cart.disabled, .add-to-cart:disabled, .add-bonus-products.disabled, .add-bonus-products:disabled, .add-to-cart-global.disabled, .add-to-cart-global:disabled, .btn.add-to-cart.disabled, .btn.add-to-cart:disabled, .btn.add-bonus-products.disabled, .btn.add-bonus-products:disabled, .btn.add-to-cart-global.disabled, .btn.add-to-cart-global:disabled { color: #D0D0D0; background: #47474C; border-color: #D0D0D0; opacity: 1; } .add-to-cart:not(:disabled):not(.disabled):active, .add-to-cart:not(:disabled):not(.disabled).active, .show > .add-to-cart.dropdown-toggle, .add-bonus-products:not(:disabled):not(.disabled):active, .add-bonus-products:not(:disabled):not(.disabled).active, .show > .add-bonus-products.dropdown-toggle, .add-to-cart-global:not(:disabled):not(.disabled):active, .add-to-cart-global:not(:disabled):not(.disabled).active, .show > .add-to-cart-global.dropdown-toggle, .btn.add-to-cart:not(:disabled):not(.disabled):active, .btn.add-to-cart:not(:disabled):not(.disabled).active, .show > .btn.add-to-cart.dropdown-toggle, .btn.add-bonus-products:not(:disabled):not(.disabled):active, .btn.add-bonus-products:not(:disabled):not(.disabled).active, .show > .btn.add-bonus-products.dropdown-toggle, .btn.add-to-cart-global:not(:disabled):not(.disabled):active, .btn.add-to-cart-global:not(:disabled):not(.disabled).active, .show > .btn.add-to-cart-global.dropdown-toggle { color: #ffffff; background-color: #027DB4; border-color: #027DB4; -webkit-box-shadow: unset; box-shadow: unset; } .bg-dark .add-to-cart:hover, .bg-dark .add-bonus-products:hover, .bg-dark .add-to-cart-global:hover, .bg-dark .btn.add-to-cart:hover, .bg-dark .btn.add-bonus-products:hover, .bg-dark .btn.add-to-cart-global:hover { color: #000000; background-color: #ffffff; border-color: #ffffff; } .btn-link, .btn.btn-link { position: relative; padding: 0; font-family: "ProximaNova-Regular", sans-serif; font-weight: 400; color: #000000; border-color: transparent; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; } .btn-link:hover, .btn-link:focus, .btn-link:active, .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active { color: #000000; text-decoration: none; background-color: transparent; -webkit-box-shadow: unset; box-shadow: unset; } .btn-link:not(:disabled):not(.disabled):active, .btn-link:not(:disabled):not(.disabled).active, .show > .btn-link.dropdown-toggle, .btn.btn-link:not(:disabled):not(.disabled):active, .btn.btn-link:not(:disabled):not(.disabled).active, .show > .btn.btn-link.dropdown-toggle { color: #000000; background-color: transparent; border-color: transparent; -webkit-box-shadow: unset; box-shadow: unset; } .btn-link:hover::after, .btn-link:focus::after, .btn-link:active::after, .btn.btn-link:hover::after, .btn.btn-link:focus::after, .btn.btn-link:active::after { background-image: url("data:image/svg+xml,%3Csvg width='5' height='13' viewBox='0 0 5 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.731999 13L4.944 6.539L0.731999 0L0.0299988 0.455L3.943 6.539L0.0299988 12.545L0.731999 13Z' fill='%239D0303'/%3E%3C/svg%3E"); } .btn-link::after, .btn.btn-link::after { content: ""; background-repeat: no-repeat; width: 5px; height: 13px; margin-left: 0.75rem; background-image: url("data:image/svg+xml,%3Csvg width='5' height='13' viewBox='0 0 5 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.731999 13L4.944 6.539L0.731999 0L0.0299988 0.455L3.943 6.539L0.0299988 12.545L0.731999 13Z' fill='%23000'/%3E%3C/svg%3E"); } .bg-dark .btn-link, .bg-dark .btn.btn-link { color: #ffffff; background: none !important; border: transparent; } .bg-dark .btn-link::after, .bg-dark .btn.btn-link::after { background-image: url("data:image/svg+xml,%3Csvg width='5' height='13' viewBox='0 0 5 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.731999 13L4.944 6.539L0.731999 0L0.0299988 0.455L3.943 6.539L0.0299988 12.545L0.731999 13Z' fill='%23fff'/%3E%3C/svg%3E"); } .bg-dark .btn-link:hover, .bg-dark .btn-link:focus, .bg-dark .btn-link:active, .bg-dark .btn.btn-link:hover, .bg-dark .btn.btn-link:focus, .bg-dark .btn.btn-link:active { color: #ffffff; background: none !important; border: transparent; } .bg-dark .btn-link:hover::after, .bg-dark .btn-link:focus::after, .bg-dark .btn-link:active::after, .bg-dark .btn.btn-link:hover::after, .bg-dark .btn.btn-link:focus::after, .bg-dark .btn.btn-link:active::after { background-image: url("data:image/svg+xml,%3Csvg width='5' height='13' viewBox='0 0 5 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.731999 13L4.944 6.539L0.731999 0L0.0299988 0.455L3.943 6.539L0.0299988 12.545L0.731999 13Z' fill='%239D0303'/%3E%3C/svg%3E"); } .btn-link-dark, .btn.btn-link-dark { color: #ffffff; background: none !important; border: transparent; } .btn-link-dark::after, .btn.btn-link-dark::after { background-image: url("data:image/svg+xml,%3Csvg width='5' height='13' viewBox='0 0 5 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.731999 13L4.944 6.539L0.731999 0L0.0299988 0.455L3.943 6.539L0.0299988 12.545L0.731999 13Z' fill='%23fff'/%3E%3C/svg%3E"); } .btn-link-dark::after, .btn.btn-link-dark::after { content: ""; display: inline-block; background-repeat: no-repeat; width: 5px; height: 13px; margin-left: 0.75rem; background-image: url("data:image/svg+xml,%3Csvg width='5' height='13' viewBox='0 0 5 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.731999 13L4.944 6.539L0.731999 0L0.0299988 0.455L3.943 6.539L0.0299988 12.545L0.731999 13Z' fill='%23fff'/%3E%3C/svg%3E"); } .btn-link-dark:hover, .btn-link-dark:focus, .btn-link-dark:active, .btn.btn-link-dark:hover, .btn.btn-link-dark:focus, .btn.btn-link-dark:active { color: #ffffff; background: none !important; border: transparent; } .btn-link-dark:hover::after, .btn-link-dark:focus::after, .btn-link-dark:active::after, .btn.btn-link-dark:hover::after, .btn.btn-link-dark:focus::after, .btn.btn-link-dark:active::after { background-image: url("data:image/svg+xml,%3Csvg width='5' height='13' viewBox='0 0 5 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.731999 13L4.944 6.539L0.731999 0L0.0299988 0.455L3.943 6.539L0.0299988 12.545L0.731999 13Z' fill='%239D0303'/%3E%3C/svg%3E"); } .btn-down-arrows, .btn.btn-down-arrows { padding: 0.225rem; line-height: 30px; } .btn-down-arrows:before, .btn-down-arrows:after, .btn.btn-down-arrows:before, .btn.btn-down-arrows:after { content: "\2193"; content: "\2193" / ""; color: #ff003a; padding: 0 20px; font-family: initial; } .bg-dark .btn-down-arrows, .bg-dark .btn.btn-down-arrows { color: #ffffff; } .bg-dark .btn-down-arrows.color_black, .bg-dark .btn.btn-down-arrows.color_black { color: #000000; } .btn-blank, .btn.btn-blank { background-color: transparent; border: none; } .btn-blank.btn-text-link, .btn.btn-blank.btn-text-link { padding: 0; text-decoration: underline; } .btn-blank.btn-text-link:hover, .btn-blank.btn-text-link:focus, .btn.btn-blank.btn-text-link:hover, .btn.btn-blank.btn-text-link:focus { text-decoration: none; } .btn-no-style:focus-visible, .btn.btn-no-style:focus-visible, .btn-blank:focus-visible, .btn.btn-blank:focus-visible { outline: 2px solid #9D0303 !important; } .btn-customize, .btn.btn-customize { background: #E3BB80; } .btn-customize:before, .btn.btn-customize:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 21 24' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23000' stroke-width='2'%3E%3Cpath d='m.555664 20.3335h20.444436'/%3E%3Cpath d='m.555664 12.333h20.444436'/%3E%3Cpath d='m.555664 4.3335h20.444436'/%3E%3Cg fill='%23e3bb80'%3E%3Cpath d='m10.4448 23h6v4.22222h-6z' transform='matrix(0 -1 1 0 -12.5552 33.4448)'/%3E%3Cpath d='m3.33301 15h6v4.22222h-6z' transform='matrix(0 -1 1 0 -11.66699 18.33301)'/%3E%3Cpath d='m13.1113 7h6v4.22222h-6z' transform='matrix(0 -1 1 0 6.1113 20.1113)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); width: 20px; height: 24px; margin-right: 5px; } .btn-customize:hover, .btn-customize:focus, .btn.btn-customize:hover, .btn.btn-customize:focus { -webkit-box-shadow: inset 0px 0px 0px 3px #000000; box-shadow: inset 0px 0px 0px 3px #000000; } .btn-outline-rainbow, .btn.btn-outline-rainbow { border: none; position: relative; z-index: 1; border-radius: 100rem; background: linear-gradient(150deg, #FF002A, #E3BB80, #585CA6); } .btn-outline-rainbow:before, .btn.btn-outline-rainbow:before { content: ""; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; border-radius: 100rem; background-color: #ffffff; z-index: -1; } .btn-outline-rainbow:after, .btn.btn-outline-rainbow:after { content: ''; background: linear-gradient(150deg, #FF002A, #E3BB80, #585CA6); -webkit-background-clip: text; color: transparent; } .btn-outline-rainbow:hover, .btn-outline-rainbow:focus, .btn-outline-rainbow:focus-visible, .btn.btn-outline-rainbow:hover, .btn.btn-outline-rainbow:focus, .btn.btn-outline-rainbow:focus-visible { background: -webkit-gradient(linear, left top, right top, from(#FF002A), color-stop(#E3BB80), to(#585CA6)); background: linear-gradient(90deg, #FF002A, #E3BB80, #585CA6); -webkit-transition: background 3000ms ease; transition: background 3000ms ease; } .btn-outline-rainbow:hover:after, .btn.btn-outline-rainbow:hover:after { background: -webkit-gradient(linear, left top, right top, from(#FF002A), color-stop(#E3BB80), to(#585CA6)); background: linear-gradient(90deg, #FF002A, #E3BB80, #585CA6); -webkit-transition: background 3000ms ease; transition: background 3000ms ease; } .btn-outline-rainbow:focus-visible, .btn.btn-outline-rainbow:focus-visible { outline: 2px solid #000; outline-offset: 2px; } .btn-outline-rainbow:disabled, .btn.btn-outline-rainbow:disabled { opacity: 0.5; } .btn-inline-svg svg, .btn.btn-inline-svg svg { width: 22px; margin-right: 15px; } .btn-inline-svg svg.icon-customize path, .btn.btn-inline-svg svg.icon-customize path { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease; } .btn-inline-svg:hover svg.icon-customize path:nth-child(2), .btn-inline-svg:focus svg.icon-customize path:nth-child(2), .btn.btn-inline-svg:hover svg.icon-customize path:nth-child(2), .btn.btn-inline-svg:focus svg.icon-customize path:nth-child(2) { -webkit-transform: translateX(30%); transform: translateX(30%); } .btn-inline-svg:hover svg.icon-customize path:nth-child(3), .btn-inline-svg:focus svg.icon-customize path:nth-child(3), .btn.btn-inline-svg:hover svg.icon-customize path:nth-child(3), .btn.btn-inline-svg:focus svg.icon-customize path:nth-child(3) { -webkit-transform: translateX(-40%); transform: translateX(-40%); } .btn-inline-svg:hover svg.icon-customize path:nth-child(4), .btn-inline-svg:focus svg.icon-customize path:nth-child(4), .btn.btn-inline-svg:hover svg.icon-customize path:nth-child(4), .btn.btn-inline-svg:focus svg.icon-customize path:nth-child(4) { -webkit-transform: translateX(50%); transform: translateX(50%); } .pull-left-xs { float: left; } .pull-right-xs { float: right; } @media (min-width: 544px) and (max-width: 768.98px) { .pull-left-sm { float: left; } .pull-right-sm { float: right; } } @media (min-width: 769px) and (max-width: 1023.98px) { .pull-left-md { float: left; } .pull-right-md { float: right; } } @media (min-width: 1024px) and (max-width: 1279.98px) { .pull-left-mdlg { float: left; } .pull-right-mdlg { float: right; } } @media (min-width: 1280px) and (max-width: 1399.98px) { .pull-left-lg { float: left; } .pull-right-lg { float: right; } } @media (min-width: 1400px) { .pull-left-xl { float: left; } .pull-right-xl { float: right; } } @media (max-width: 543.98px) { .hidden-xs-down { display: none !important; } } @media (max-width: 768.98px) { .hidden-sm-down { display: none !important; } } @media (max-width: 1023.98px) { .hidden-md-down { display: none !important; } } @media (max-width: 1279.98px) { .hidden-mdlg-down { display: none !important; } } @media (max-width: 1399.98px) { .hidden-lg-down { display: none !important; } } .hidden-xl-down { display: none !important; } .row.equal-height > [class^="col"] { display: -webkit-box; display: -ms-flexbox; display: flex; } .swatch-circle-beige { width: 2rem; height: 2rem; background: #c4b393; display: block; position: relative; } .swatch-circle-beige.disabled { opacity: 0.2; } .swatch-filter-beige { width: 1.75rem; height: 1.75rem; background: #c4b393; background-color: #c4b393; display: block; position: relative; } .swatch-filter-beige.disabled { opacity: 0.2; } .swatch-circle-black { width: 2rem; height: 2rem; background: #212121; display: block; position: relative; } .swatch-circle-black.disabled { opacity: 0.2; } .swatch-filter-black { width: 1.75rem; height: 1.75rem; background: #212121; background-color: #212121; display: block; position: relative; } .swatch-filter-black.disabled { opacity: 0.2; } .swatch-circle-blue { width: 2rem; height: 2rem; background: #26487a; display: block; position: relative; } .swatch-circle-blue.disabled { opacity: 0.2; } .swatch-filter-blue { width: 1.75rem; height: 1.75rem; background: #26487a; background-color: #26487a; display: block; position: relative; } .swatch-filter-blue.disabled { opacity: 0.2; } .swatch-circle-brown { width: 2rem; height: 2rem; background: #5c3806; display: block; position: relative; } .swatch-circle-brown.disabled { opacity: 0.2; } .swatch-filter-brown { width: 1.75rem; height: 1.75rem; background: #5c3806; background-color: #5c3806; display: block; position: relative; } .swatch-filter-brown.disabled { opacity: 0.2; } .swatch-circle-green { width: 2rem; height: 2rem; background: #696e49; display: block; position: relative; } .swatch-circle-green.disabled { opacity: 0.2; } .swatch-filter-green { width: 1.75rem; height: 1.75rem; background: #696e49; background-color: #696e49; display: block; position: relative; } .swatch-filter-green.disabled { opacity: 0.2; } .swatch-circle-grey { width: 2rem; height: 2rem; background: #999999; display: block; position: relative; } .swatch-circle-grey.disabled { opacity: 0.2; } .swatch-filter-grey { width: 1.75rem; height: 1.75rem; background: #999999; background-color: #999999; display: block; position: relative; } .swatch-filter-grey.disabled { opacity: 0.2; } .swatch-circle-navy { width: 2rem; height: 2rem; background: #000080; display: block; position: relative; } .swatch-circle-navy.disabled { opacity: 0.2; } .swatch-filter-navy { width: 1.75rem; height: 1.75rem; background: #000080; background-color: #000080; display: block; position: relative; } .swatch-filter-navy.disabled { opacity: 0.2; } .swatch-circle-orange { width: 2rem; height: 2rem; background: #eea31e; display: block; position: relative; } .swatch-circle-orange.disabled { opacity: 0.2; } .swatch-filter-orange { width: 1.75rem; height: 1.75rem; background: #eea31e; background-color: #eea31e; display: block; position: relative; } .swatch-filter-orange.disabled { opacity: 0.2; } .swatch-circle-pink { width: 2rem; height: 2rem; background: #bf5d7c; display: block; position: relative; } .swatch-circle-pink.disabled { opacity: 0.2; } .swatch-filter-pink { width: 1.75rem; height: 1.75rem; background: #bf5d7c; background-color: #bf5d7c; display: block; position: relative; } .swatch-filter-pink.disabled { opacity: 0.2; } .swatch-circle-purple { width: 2rem; height: 2rem; background: #c9b4d6; display: block; position: relative; } .swatch-circle-purple.disabled { opacity: 0.2; } .swatch-filter-purple { width: 1.75rem; height: 1.75rem; background: #c9b4d6; background-color: #c9b4d6; display: block; position: relative; } .swatch-filter-purple.disabled { opacity: 0.2; } .swatch-circle-red { width: 2rem; height: 2rem; background: #b13535; display: block; position: relative; } .swatch-circle-red.disabled { opacity: 0.2; } .swatch-filter-red { width: 1.75rem; height: 1.75rem; background: #b13535; background-color: #b13535; display: block; position: relative; } .swatch-filter-red.disabled { opacity: 0.2; } .swatch-circle-white { width: 2rem; height: 2rem; background: #efeee8; display: block; position: relative; } .swatch-circle-white.disabled { opacity: 0.2; } .swatch-filter-white { width: 1.75rem; height: 1.75rem; background: #efeee8; background-color: #efeee8; display: block; position: relative; } .swatch-filter-white.disabled { opacity: 0.2; } .swatch-circle-yellow { width: 2rem; height: 2rem; background: #fce965; display: block; position: relative; } .swatch-circle-yellow.disabled { opacity: 0.2; } .swatch-filter-yellow { width: 1.75rem; height: 1.75rem; background: #fce965; background-color: #fce965; display: block; position: relative; } .swatch-filter-yellow.disabled { opacity: 0.2; } .swatch-circle-floral { width: 2rem; height: 2rem; background: #efeee8; display: block; position: relative; background: url("../images/aloha.png") 0px 0px/30px 30px; } .swatch-circle-floral.disabled { opacity: 0.2; } .swatch-filter-floral { width: 1.75rem; height: 1.75rem; background: #efeee8; background-color: #efeee8; display: block; position: relative; background: url("../images/aloha.png") 0px 0px/30px 30px; } .swatch-filter-floral.disabled { opacity: 0.2; } .swatch-circle-miscellaneous { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #821e91), color-stop(25%, #821e91), color-stop(25%, #edd134), color-stop(50%, yellow), color-stop(50%, #edd134), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, #0e5cd1), color-stop(50%, #0e5cd1), color-stop(50%, #e20b0b), to(#e20b0b)); background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%); background-repeat: repeat-y, repeat; background-size: 50% 100%, 100% 100%; border: 0.063em solid rgba(0, 0, 0, 0.3); border-radius: 1.25em; display: block; height: 2.5em; position: relative; -webkit-transform: rotate(35deg); transform: rotate(35deg); width: 2.5em; } .swatch-circle-miscellaneous.disabled { opacity: 0.2; } .swatch-circle-miscellaneous.selected::after { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } .swatch-square-miscellaneous { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #821e91), color-stop(25%, #821e91), color-stop(25%, #edd134), color-stop(50%, yellow), color-stop(50%, #edd134), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, #0e5cd1), color-stop(50%, #0e5cd1), color-stop(50%, #e20b0b), to(#e20b0b)); background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%); background-repeat: repeat-y, repeat; background-size: 50% 100%, 100% 100%; border: 0.063em solid rgba(0, 0, 0, 0.3); border-radius: 1.25em; display: block; height: 2.5em; position: relative; -webkit-transform: rotate(35deg); transform: rotate(35deg); width: 2.5em; } .swatch-square-miscellaneous.disabled { opacity: 0.2; } .swatch-square-miscellaneous.selected::after { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } .form-control:active, .form-control:focus { color: #000000; border-color: #000000; -webkit-box-shadow: none; box-shadow: none; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: inline-block; width: auto; color: #9D0303; } .invalid-feedback a { color: #9D0303; font-size: .875rem; } .invalid-feedback a:hover { font-size: .875rem; } .custom-control-input ~ .custom-control-label { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .custom-control-input ~ .custom-control-label::before { content: ""; background-color: unset; background-repeat: no-repeat; background-position: center; border: 0 none; -webkit-box-shadow: none; box-shadow: none; display: inline-block; position: static; top: unset; left: unset; width: 1rem; height: 1rem; margin-right: 0.5rem; -webkit-transition: all 0s ease 0s; transition: all 0s ease 0s; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%23000'%3E%3Cg%3E%3Cpath d='M0.5 0.5H15.5V15.5H0.5z' transform='translate(-107 -158) translate(107 158)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .custom-control-input ~ .custom-control-label::after { display: none; } .custom-control-input[type=radio] + .custom-control-label::before { border-radius: 50%; } .custom-control-input[type=checkbox] + .custom-control-label::before { border-radius: 0; } .custom-control-input:checked ~ .custom-control-label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cpath stroke='%23000' d='M0.5 0.5H15.5V15.5H0.5z' transform='translate(-107 -190) translate(107 190)'/%3E%3Cpath fill='%23000' d='M3 3H13V13H3z' transform='translate(-107 -190) translate(107 190)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .custom-control-input[type="checkbox"] ~ .custom-control-label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%23000'%3E%3Cg%3E%3Cpath d='M0.5 0.5H15.5V15.5H0.5z' transform='translate(-107 -158) translate(107 158)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .custom-control-input[type="checkbox"]:checked ~ .custom-control-label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cpath stroke='%23000' d='M0.5 0.5H15.5V15.5H0.5z' transform='translate(-107 -190) translate(107 190)'/%3E%3Cpath fill='%23000' d='M3 3H13V13H3z' transform='translate(-107 -190) translate(107 190)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .custom-control-input[type="checkbox"]:focus ~ .custom-control-label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%239D0303'%3E%3Cg%3E%3Cpath d='M0.5 0.5H15.5V15.5H0.5z' transform='translate(-107 -158) translate(107 158)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .custom-control-input[type="checkbox"]:focus:checked ~ .custom-control-label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cpath stroke='%239D0303' d='M0.5 0.5H15.5V15.5H0.5z' transform='translate(-107 -190) translate(107 190)'/%3E%3Cpath fill='%23000' d='M3 3H13V13H3z' transform='translate(-107 -190) translate(107 190)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .custom-control-input[type="radio"] ~ .custom-control-label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%23000'%3E%3Cg transform='translate(-107 -317) translate(107 317)'%3E%3Ccircle cx='8' cy='8' r='7.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .custom-control-input[type="radio"]:checked ~ .custom-control-label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg transform='translate(-107 -349) translate(107 349)'%3E%3Ccircle cx='8' cy='8' r='7.5' stroke='%23000'/%3E%3Ccircle cx='8' cy='8' r='5' fill='%23000'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .custom-control-input[type="radio"]:focus ~ .custom-control-label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%239D0303'%3E%3Cg transform='translate(-107 -317) translate(107 317)'%3E%3Ccircle cx='8' cy='8' r='7.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .custom-control-input[type="radio"]:focus:checked ~ .custom-control-label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg transform='translate(-107 -349) translate(107 349)'%3E%3Ccircle cx='8' cy='8' r='7.5' stroke='%239D0303'/%3E%3Ccircle cx='8' cy='8' r='5' fill='%23000'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .custom-control-label.compare-label, .custom-control-label.remember-me-label { font-weight: 400; color: #000000; padding-top: 1rem; } .custom-select { font-family: "ProximaNova-Regular", sans-serif; color: #000000; letter-spacing: 1px; text-overflow: ellipsis; white-space: nowrap; border: 1px solid #000000; border-radius: 0; height: 2.5rem; overflow: hidden; -webkit-transition: all 0s ease 0s; transition: all 0s ease 0s; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000'%3E%3Cg%3E%3Cpath d='M9.838 0l1.147 1.638-5.488 3.843-.005-.006-.004.006L0 1.638 1.147 0l4.345 3.042L9.838 0z' transform='translate(-999 -644) translate(999 644)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .custom-select.is-invalid { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000'%3E%3Cg%3E%3Cpath d='M9.838 0l1.147 1.638-5.488 3.843-.005-.006-.004.006L0 1.638 1.147 0l4.345 3.042L9.838 0z' transform='translate(-999 -644) translate(999 644)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-color: transparent; background-repeat: no-repeat; background-size: right 0.75rem center/8px 10px; background-position: right 1.8rem center !important; } .icon-invalid-error::before { content: ''; display: block; position: absolute; right: 1.2rem; top: 2.5rem; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%239D0303' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%239D0303' stroke='none'/%3e%3c/svg%3e"); background-color: transparent; background-repeat: no-repeat; background-size: cover; } .form-group.required .form-control-label::after { color: #9D0303; content: "*"; } .form-control, .edit-profile-wrapper .payment-method-braintree .braintree-text-input input, .edit-profile-wrapper .payment-method-braintree .braintree-hosted-fields-iframe-container { font-family: "ProximaNova-Regular", sans-serif; color: #000000; letter-spacing: 1px; border: 1px solid #ADAEAF; border-radius: 0; height: 2.5rem; -webkit-transition: all 0s ease 0s; transition: all 0s ease 0s; } .form-control#braintreeCardOwner, .edit-profile-wrapper .payment-method-braintree .braintree-text-input input#braintreeCardOwner, .edit-profile-wrapper .payment-method-braintree .braintree-hosted-fields-iframe-container#braintreeCardOwner { border: 0 none; height: 100%; } .braintree-hosted-fields-invalid ~ .invalid-feedback { display: block; position: absolute; top: 40px; left: 0; } .payment-method-braintree .braintree-field-wrap { height: 40px; } form .payment-method-braintree .braintree-text-input { border: 1px solid #000000; border-radius: 0; height: 40px; } .payment-method-braintree .braintree-hosted-fields-invalid { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%239D0303' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%239D0303' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); border-color: #9D0303 !important; border-radius: 0; padding-right: calc(1.5em + 0.75rem); } .payment-method-braintree .braintree-hosted-fields-valid { border-color: #000000; } #braintreeCreditCardErrorContainer { display: none; } .form-control-label, .custom-control-label { font-family: "ProximaNova-Regular", sans-serif; font-weight: 400; font-size: 0.875rem; color: #000000; letter-spacing: 1px; margin-bottom: 0.5rem; } .form-caption { display: block; margin-top: 8px; } #privacy-contact-us-form select, #privacy-contact-us-form textarea, #privacy-contact-us-form input, #email-signup-form select, #email-signup-form textarea, #email-signup-form input { text-transform: capitalize; } textarea#privacy-contact-us-form-comment { text-transform: none; resize: none; overflow: hidden; } textarea.contact-us-form-comment { height: 150px; } @media (min-width: 769px) { textarea.contact-us-form-comment { height: 400px; } } .reset-password-body-decs { font-family: "ProximaNova-Regular", sans-serif; font-weight: 400; color: #000000; letter-spacing: 0.082rem; } .remember-me label { text-transform: capitalize; } .forgot-password a { text-transform: capitalize; } .h-44 { height: 2.75rem !important; } .custom-checkbox, .custom-radio { padding-left: 0; } select, input:not(disabled):not([type=submit]):not([type=button]):not([type=text]):not([type=email]):not([name=brandCode]) { outline: 1px solid transparent; -webkit-transition: outline 200ms ease; transition: outline 200ms ease; } select.form-control:focus, select:focus, input:not(disabled):not([type=submit]):not([type=button]):not([type=text]):not([type=email]):not([name=brandCode]).form-control:focus, input:not(disabled):not([type=submit]):not([type=button]):not([type=text]):not([type=email]):not([name=brandCode]):focus { border: 1px solid #000000; outline: 1px solid #000000; -webkit-box-shadow: none; box-shadow: none; } .btn-secondary[data-target="formSubmit"]:disabled { opacity: 0.5; } .validity-feedback, .bg-light div.validity-feedback { font-size: 0.9375rem; color: #9D0303; } input[type=radio]:focus + label::before { border: 1px solid #000000; -webkit-box-shadow: 0 0 5px #9d0303; box-shadow: 0 0 5px #9d0303; } .s-cc .custom-control-input ~ .custom-control-label::before { background-color: transparent; } .s-cc .custom-control-input ~ .custom-control-label::after { background-size: 14px; } .s-cc .custom-control-input:checked ~ .custom-control-label::before { background-color: transparent; } .s-cc .custom-control-inline:first-of-type { padding-left: 0; } .s-cc select.custom-select { text-transform: none; display: block; } @media (min-width: 769px) { .s-cc select.custom-select { width: 100%; max-width: 100%; } } .s-cc .form-control-label { font-weight: bold; } .s-cc .form-control-label .btn { min-height: unset; margin-top: -15px; } .s-cc .custom-checkbox, .s-cc .custom-radio-with-checkbox-view { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0; } .s-cc .custom-checkbox .custom-control-label, .s-cc .custom-radio-with-checkbox-view .custom-control-label { font-family: "Roboto", sans-serif; letter-spacing: 0.5px; text-align: center; vertical-align: middle; border: 1px solid #000000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 44px; min-height: 44px; margin: 0 1rem 1rem 0; padding: 0 10px; } .s-cc .custom-checkbox .custom-control-label::before, .s-cc .custom-radio-with-checkbox-view .custom-control-label::before { background-image: none; display: none; } .s-cc .custom-checkbox .custom-control-input[disabled] ~ .custom-control-label, .s-cc .custom-radio-with-checkbox-view .custom-control-input[disabled] ~ .custom-control-label { color: #757575; cursor: not-allowed; border-color: #757575; } .s-cc .custom-checkbox .custom-control-input[disabled] ~ .custom-control-label::before, .s-cc .custom-radio-with-checkbox-view .custom-control-input[disabled] ~ .custom-control-label::before { background: #000000 !important; display: block; position: absolute; top: 50%; left: 50%; width: 75%; height: 1px; margin-top: -3%; margin-left: -40%; -webkit-transform: rotate(330deg); transform: rotate(330deg); } .s-cc .custom-checkbox .custom-control-input:checked ~ .custom-control-label, .s-cc .custom-radio-with-checkbox-view .custom-control-input:checked ~ .custom-control-label { color: #ffffff; background-color: #000000; border-color: #000000; } .s-cc .custom-checkbox__label-text, .s-cc .custom-radio-with-checkbox-view__label-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; } .s-cc .custom-radio-with-checkbox-view.rectangle-pill .custom-control-label { padding: 0 1rem; } .c-cc { font-family: "ProximaNova-Regular", sans-serif; } .c-cc__main { position: relative; border-bottom: 1px solid #000000; } @media (min-width: 769px) { .c-cc__form form { position: sticky; top: 170px; } .c-cc__form form .middle { border-left: 1px solid #000000; border-right: 1px solid #000000; } } @media (min-width: 1280px) { .c-cc__form form { top: 120px; } } .c-cc__images { margin-bottom: 1.5rem; } @media (min-width: 769px) { .c-cc__images { margin-bottom: 330px; } } @media (min-width: 1280px) { .c-cc__images { margin-bottom: 0; } } .c-cc__images__image { overflow: hidden; } .c-cc__images__image--alternate { display: none; } @media (min-width: 769px) { .c-cc__images__image--alternate { display: block; } } .c-cc__images__image img { width: 100%; max-width: 100%; height: auto; } .c-cc__cta__add-to-cart:not(.sr-only) { font-weight: bold; color: #ffffff !important; letter-spacing: 1.14px; line-height: 1.25; background-color: #027DB4 !important; border: none; width: 100%; max-width: 100vw; height: auto; padding: 14px 1rem; } @media (min-width: 769px) { .c-cc__cta__add-to-cart:not(.sr-only) { max-width: 265px; } } .c-cc__cta__add-to-cart:not(.sr-only):hover, .c-cc__cta__add-to-cart:not(.sr-only):active, .c-cc__cta__add-to-cart:not(.sr-only):focus { background-color: #000000 !important; } .c-cc__cta__add-to-cart:not(.sr-only):disabled { cursor: not-allowed; background-color: #73737a !important; } .c-cc__cta__pricing { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 17px; } .c-cc__cta__pricing__price { font-family: "ProximaNova-Bold", sans-serif; font-size: 2rem; font-weight: bold; letter-spacing: 2.67px; } .c-cc__cta__pricing__savings { letter-spacing: 2px; padding-left: 16px; } .c-cc__cta__pricing__savings__regular { font-family: "ProximaNova-Bold", sans-serif; font-weight: bold; } .c-cc__cta__pricing__savings__regular__label { text-transform: uppercase; } .c-cc__cta__pricing__savings__regular__price { text-decoration: line-through; } .c-cc__cta__orderable { letter-spacing: 0.082rem; background-repeat: no-repeat; background-position-y: 3px; padding-left: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M0 16l3.192-3.192h11.231c.436 0 .808-.16 1.115-.481.308-.32.462-.699.462-1.135V1.577c0-.436-.154-.808-.462-1.115C15.231.154 14.86 0 14.423 0H1.577C1.14 0 .769.154.462.462.154.769 0 1.14 0 1.577V16zm8.788-8.788H7.212V2.404h1.576v4.808zm0 3.192H7.212V8.788h1.576v1.616z' transform='translate(-1035 -639) translate(1035 639)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .c-cc__cta--sticky { background: white; position: fixed; top: auto; right: 0; bottom: 0; left: 0; padding: 12px 0; z-index: 10; max-width: 100vw; } .c-cc__headcover { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; } .c-cc__headcover__image { width: 100px; } .c-cc__headcover__details { padding-left: 15px; } .c-cc__tooltip-icon { font-size: 0; background-repeat: no-repeat; display: inline-block; width: 17px; height: 17px; padding: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M8.32 16.64c1.52 0 2.927-.38 4.22-1.14 1.253-.72 2.24-1.707 2.96-2.96.76-1.293 1.14-2.7 1.14-4.22 0-1.52-.38-2.927-1.14-4.22-.72-1.253-1.707-2.24-2.96-2.96C11.247.38 9.84 0 8.32 0c-1.507 0-2.907.38-4.2 1.14-1.253.733-2.247 1.727-2.98 2.98C.38 5.413 0 6.813 0 8.32c0 1.507.38 2.907 1.14 4.2.72 1.253 1.707 2.247 2.96 2.98 1.293.76 2.7 1.14 4.22 1.14zm0-1.64c-1.2 0-2.32-.307-3.36-.92-1.013-.587-1.813-1.387-2.4-2.4-.613-1.04-.92-2.16-.92-3.36 0-1.2.307-2.32.92-3.36.587-1.013 1.387-1.813 2.4-2.4 1.04-.613 2.16-.92 3.36-.92 1.2 0 2.32.307 3.36.92 1.013.587 1.813 1.387 2.4 2.4.613 1.04.92 2.16.92 3.36 0 1.2-.307 2.32-.92 3.36-.587 1.013-1.387 1.813-2.4 2.4-1.04.613-2.16.92-3.36.92zm.82-9.18V4.14H7.5v1.68h1.64zm0 6.68v-5H7.5v5h1.64z' transform='translate(-758 -638) translate(758 638)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .c-cc__tooltip-icon, .c-cc__tooltip-icon:hover, .c-cc__tooltip-icon:focus, .c-cc__tooltip-icon:active { background-color: transparent !important; border: none !important; } .c-cc__carousel-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1rem; } @media (min-width: 769px) { .c-cc__carousel-controls { display: none; } } .c-cc__carousel-control-prev { margin-right: 1.25rem; } .c-cc__carousel-control-next { margin-left: 1.25rem; } .c-cc__carousel-control-prev-icon, .c-cc__carousel-control-next-icon { background-repeat: no-repeat; background-size: contain; display: block; width: 8px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg width='5' height='13' viewBox='0 0 5 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.731999 13L4.944 6.539L0.731999 0L0.0299988 0.455L3.943 6.539L0.0299988 12.545L0.731999 13Z' fill='%23000'/%3E%3C/svg%3E"); } .c-cc__carousel-control-prev-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .c-cc__carousel-indicators { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 769px) { .c-cc__carousel-indicators { display: none; } } .c-cc__carousel-indicators li { font-size: 0; color: transparent; line-height: 0; background: transparent; border: 2px solid #000000; border-radius: 50%; outline: none; opacity: 1; display: block; width: 17px; height: 17px; margin-right: 6px; margin-left: 6px; } .c-cc__carousel-indicators li.active { background: #000000; } .c-cc .post-configurator-wrapper p, .c-cc .post-configurator-wrapper ul.bulleted li, ul.bulleted .c-cc .post-configurator-wrapper li, .c-cc .post-configurator-wrapper ul, .c-cc .post-configurator-wrapper li, .c-cc .post-configurator-wrapper div { font-family: "ProximaNova-Bold", sans-serif; } .s-club-configurator .page, .s-club-bundle-configurator .page { overflow-x: visible; } .s-club-configurator .breadcrumb, .s-club-bundle-configurator .breadcrumb { padding: 0; margin: 0; } .s-club-configurator .tooltip, .s-club-bundle-configurator .tooltip { opacity: 1; } .s-club-configurator .modal .modal-dialog:not(.email-sign-up-dialog):not(.pxg-dialog) .modal-header, .s-club-bundle-configurator .modal .modal-dialog:not(.email-sign-up-dialog):not(.pxg-dialog) .modal-header { background-color: #000000; font-size: 0; position: relative; height: 1px; padding: 0; } .s-club-configurator .modal .modal-dialog:not(.email-sign-up-dialog):not(.pxg-dialog) .modal-body, .s-club-bundle-configurator .modal .modal-dialog:not(.email-sign-up-dialog):not(.pxg-dialog) .modal-body { color: #ffffff; background-color: #000000; } .s-club-configurator .modal .modal-dialog:not(.email-sign-up-dialog):not(.pxg-dialog) .close, .s-club-bundle-configurator .modal .modal-dialog:not(.email-sign-up-dialog):not(.pxg-dialog) .close { font-size: 0; background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7897 10.8135L0.837285 0.861093C0.680142 0.70395 0.680142 0.494426 0.837285 0.337283C0.994428 0.18014 1.20395 0.18014 1.36109 0.337283L11.3135 10.2897C11.4706 10.4468 11.4706 10.6563 11.3135 10.8135C11.1563 10.9706 10.9468 10.9706 10.7897 10.8135Z' fill='white'/%3E%3Cpath d='M11.3135 0.8611L1.36109 10.8135C1.20395 10.9706 0.994426 10.9706 0.837283 10.8135C0.68014 10.6563 0.68014 10.4468 0.837283 10.2897L10.7897 0.33729C10.9468 0.180148 11.1563 0.180148 11.3135 0.33729C11.4706 0.494433 11.4706 0.703957 11.3135 0.8611Z' fill='white'/%3E%3C/svg%3E"); border-radius: 15px; border: 2px solid #ffffff; background-size: 30px; position: absolute; right: 15px; top: -15px; width: 30px; height: 30px; padding: 0; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; z-index: 9; } .s-club-configurator .modal .modal-dialog:not(.email-sign-up-dialog):not(.pxg-dialog) .close:hover, .s-club-configurator .modal .modal-dialog:not(.email-sign-up-dialog):not(.pxg-dialog) .close:focus, .s-club-bundle-configurator .modal .modal-dialog:not(.email-sign-up-dialog):not(.pxg-dialog) .close:hover, .s-club-bundle-configurator .modal .modal-dialog:not(.email-sign-up-dialog):not(.pxg-dialog) .close:focus { background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7897 10.8135L0.837285 0.861093C0.680142 0.70395 0.680142 0.494426 0.837285 0.337283C0.994428 0.18014 1.20395 0.18014 1.36109 0.337283L11.3135 10.2897C11.4706 10.4468 11.4706 10.6563 11.3135 10.8135C11.1563 10.9706 10.9468 10.9706 10.7897 10.8135Z' fill='%239D0303'/%3E%3Cpath d='M11.3135 0.8611L1.36109 10.8135C1.20395 10.9706 0.994426 10.9706 0.837283 10.8135C0.68014 10.6563 0.68014 10.4468 0.837283 10.2897L10.7897 0.33729C10.9468 0.180148 11.1563 0.180148 11.3135 0.33729C11.4706 0.494433 11.4706 0.703957 11.3135 0.8611Z' fill='%239D0303'/%3E%3C/svg%3E"); border: 2px solid #9D0303; } .s-club-configurator .modal-backdrop, .s-club-bundle-configurator .modal-backdrop { background-color: rgba(0, 0, 0, 0.75); } #addedToCartModal .modal-body { text-transform: uppercase; background: #000000; text-align: center; } #addedToCartModal .modal-body p, #addedToCartModal .modal-body ul.bulleted li, ul.bulleted #addedToCartModal .modal-body li { color: #ffffff; } #addedToCartModal .modal-body a, #addedToCartModal .modal-body button { max-width: 250px; margin: 20px auto; } #addedToCartModal .modal-body .btn-outline-secondary { color: #ffffff; border-color: #ffffff; } #addedToCartModal .modal-body .btn-outline-secondary:hover, #addedToCartModal .modal-body .btn-outline-secondary:focus { border-color: #9D0303; } .validation-error { color: #9D0303; margin-top: 10px; } .invalid-label { color: #9D0303; } select.custom-select.is-invalid { color: rgba(0, 0, 0, 0.3); } .card { border: 1px solid #000000; border-radius: 0; } .card-header { padding: 0.75rem 1.5rem; border: 0 none; } .card-header:first-child { border-radius: 0; } .card-body { padding: 1.5rem; } .order-summarry-wrapper { display: none; } .modal-dialog { margin: 1.75rem auto; width: 100%; max-width: 900px; } .modal-header, .modal-body, .modal-footer { margin: 0; padding: 1rem; border: 0 none; } .modal-header { background: #EFEFEF; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 769px) { .modal-header { padding: 1.25rem 1rem; } } .modal-header .close { padding: 0; margin: 0 0 0 auto; width: 20px; height: 21px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000' fill-rule='nonzero'%3E%3Cpath d='M17.507 8.018l-19.013-.014c-.3 0-.5-.2-.501-.5 0-.3.2-.5.5-.5l19.013.013c.3 0 .5.2.501.5 0 .3-.2.5-.5.5z' transform='translate(-339 -16) translate(339 16.023) translate(2 3.004) rotate(45 8 7.51)'/%3E%3Cpath d='M17.506 8.004l-19.013.014c-.3 0-.5-.2-.5-.5s.2-.5.5-.501l19.014-.013c.3 0 .5.2.5.5s-.2.5-.5.5z' transform='translate(-339 -16) translate(339 16.023) translate(2 3.004) rotate(-45 8 7.51)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; float: none; opacity: 1; } .modal-header .close:hover, .modal-header .close:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239D0303' fill-rule='nonzero'%3E%3Cpath d='M17.507 8.018l-19.013-.014c-.3 0-.5-.2-.501-.5 0-.3.2-.5.5-.5l19.013.013c.3 0 .5.2.501.5 0 .3-.2.5-.5.5z' transform='translate(-339 -16) translate(339 16.023) translate(2 3.004) rotate(45 8 7.51)'/%3E%3Cpath d='M17.506 8.004l-19.013.014c-.3 0-.5-.2-.5-.5s.2-.5.5-.501l19.014-.013c.3 0 .5.2.5.5s-.2.5-.5.5z' transform='translate(-339 -16) translate(339 16.023) translate(2 3.004) rotate(-45 8 7.51)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .modal-body { overflow-y: auto; } .size-chart-dialog, .email-sign-up-dialog { max-width: 375px; } @media (min-width: 769px) { .size-chart-dialog, .email-sign-up-dialog { max-width: 520px; } } @media (min-width: 1280px) { .size-chart-dialog, .email-sign-up-dialog { max-width: 1024px; } } .size-chart-dialog .modal-header, .email-sign-up-dialog .modal-header { background: transparent; padding-bottom: 0; } .delete-coupon-confirmation-body .coupon-to-remove { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; font-size: 1.125rem; } .delete-confirmation-body .payment-to-remove, .delete-confirmation-body .product-to-remove { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; font-size: 1.125rem; } body.modal-open .modal.show::before { z-index: -1; position: fixed; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); -webkit-animation: modalOverlayFadeIn 300ms ease forwards; animation: modalOverlayFadeIn 300ms ease forwards; } body.modal-open .modal.show .modal-dialog { z-index: 20; } body.modal-open .modal-backdrop.fade.show { display: none; } .modal { z-index: 100; } .modal-backdrop { z-index: 10; } @-webkit-keyframes modalOverlayFadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes modalOverlayFadeIn { from { opacity: 0; } to { opacity: 1; } } .modal-dialog-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 0 auto; min-height: 100%; } .pxg-modal.slide-bottom-up { overflow: hidden; } .pxg-modal.slide-bottom-up .modal-dialog { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .pxg-modal.slide-bottom-up.show .modal-dialog { -webkit-transform: translate(0, 0%); transform: translate(0, 0%); } .breadcrumb a, .breadcrumb span { font-family: "ProximaNova-Regular", sans-serif; font-size: 0.75rem; color: #000000; letter-spacing: 1px; text-decoration: none; } .breadcrumb a:hover, .breadcrumb span:hover { font-size: 0.75rem; text-decoration: none; } .font-weight-bold { font-family: "ProximaNova-Bold", sans-serif; font-weight: normal !important; } h1, .h1 { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; font-size: 1.5rem; line-height: normal; letter-spacing: 4.13px; } @media (min-width: 769px) { h1, .h1 { font-size: 2rem; line-height: normal; } } @media (min-width: 1280px) { h1, .h1 { letter-spacing: 5.5px; } } h2, .h2 { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; font-size: 1.5rem; line-height: normal; } @media (min-width: 769px) { h2, .h2 { font-size: 1.5rem; line-height: normal; } } @media (min-width: 1280px) { h2, .h2 { letter-spacing: 5px; } } h3, .h3 { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; font-size: 1.125rem; line-height: normal; } @media (min-width: 769px) { h3, .h3 { font-size: 1.125rem; line-height: normal; } } @media (min-width: 1280px) { h3, .h3 { letter-spacing: 4px; } } h4, .h4 { font-family: "ProximaNova-Regular", sans-serif; font-weight: 400; font-size: 1.1rem; line-height: 1.25; } @media (min-width: 769px) { h4, .h4 { font-size: 1.1rem; line-height: 1.1; } } @media (min-width: 1280px) { h4, .h4 { letter-spacing: 4px; } } h5, .h5 { font-family: "ProximaNova-Regular", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.25; } @media (min-width: 769px) { h5, .h5 { font-size: 1rem; line-height: 1.2; } } @media (min-width: 1280px) { h5, .h5 { letter-spacing: 1px; } } h6, .h6 { font-family: "ProximaNova-Regular", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.2; } @media (min-width: 769px) { h6, .h6 { font-size: 1rem; line-height: 1.1; } } @media (min-width: 1280px) { h6, .h6 { letter-spacing: 1px; } } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #000000; text-transform: uppercase; } h1.color_black, h2.color_black, h3.color_black, h4.color_black, h5.color_black, h6.color_black, .h1.color_black, .h2.color_black, .h3.color_black, .h4.color_black, .h5.color_black, .h6.color_black { color: #000000; } h1.color_white, h2.color_white, h3.color_white, h4.color_white, h5.color_white, h6.color_white, .h1.color_white, .h2.color_white, .h3.color_white, .h4.color_white, .h5.color_white, .h6.color_white { color: #ffffff; } h1.color_red, h2.color_red, h3.color_red, h4.color_red, h5.color_red, h6.color_red, .h1.color_red, .h2.color_red, .h3.color_red, .h4.color_red, .h5.color_red, .h6.color_red { color: #9D0303; } .bg_secondary-charcoal p, .bg_secondary-charcoal ul.bulleted li, ul.bulleted .bg_secondary-charcoal li, .bg_secondary-charcoal div, .bg_secondary-charcoal span, .bg_secondary-charcoal h1, .bg_secondary-charcoal h2, .bg_secondary-charcoal h3, .bg_secondary-charcoal h4, .bg_secondary-charcoal h5, .bg_secondary-charcoal h6, .bg_secondary-charcoal .h1, .bg_secondary-charcoal .h2, .bg_secondary-charcoal .h3, .bg_secondary-charcoal .h4, .bg_secondary-charcoal .h5, .bg_secondary-charcoal .h6, .bg-dark p, .bg-dark ul.bulleted li, ul.bulleted .bg-dark li, .bg-dark div, .bg-dark span, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-dark .h1, .bg-dark .h2, .bg-dark .h3, .bg-dark .h4, .bg-dark .h5, .bg-dark .h6 { color: #ffffff; } .bg_secondary-charcoal p.color_red, .bg_secondary-charcoal ul.bulleted li.color_red, ul.bulleted .bg_secondary-charcoal li.color_red, .bg_secondary-charcoal div.color_red, .bg_secondary-charcoal span.color_red, .bg_secondary-charcoal h1.color_red, .bg_secondary-charcoal h2.color_red, .bg_secondary-charcoal h3.color_red, .bg_secondary-charcoal h4.color_red, .bg_secondary-charcoal h5.color_red, .bg_secondary-charcoal h6.color_red, .bg_secondary-charcoal .h1.color_red, .bg_secondary-charcoal .h2.color_red, .bg_secondary-charcoal .h3.color_red, .bg_secondary-charcoal .h4.color_red, .bg_secondary-charcoal .h5.color_red, .bg_secondary-charcoal .h6.color_red, .bg-dark p.color_red, .bg-dark ul.bulleted li.color_red, ul.bulleted .bg-dark li.color_red, .bg-dark div.color_red, .bg-dark span.color_red, .bg-dark h1.color_red, .bg-dark h2.color_red, .bg-dark h3.color_red, .bg-dark h4.color_red, .bg-dark h5.color_red, .bg-dark h6.color_red, .bg-dark .h1.color_red, .bg-dark .h2.color_red, .bg-dark .h3.color_red, .bg-dark .h4.color_red, .bg-dark .h5.color_red, .bg-dark .h6.color_red { color: #9D0303; } .bg_secondary-charcoal p.color_red > span, .bg_secondary-charcoal ul.bulleted li.color_red > span, ul.bulleted .bg_secondary-charcoal li.color_red > span, .bg_secondary-charcoal div.color_red > span, .bg_secondary-charcoal span.color_red > span, .bg_secondary-charcoal h1.color_red > span, .bg_secondary-charcoal h2.color_red > span, .bg_secondary-charcoal h3.color_red > span, .bg_secondary-charcoal h4.color_red > span, .bg_secondary-charcoal h5.color_red > span, .bg_secondary-charcoal h6.color_red > span, .bg_secondary-charcoal .h1.color_red > span, .bg_secondary-charcoal .h2.color_red > span, .bg_secondary-charcoal .h3.color_red > span, .bg_secondary-charcoal .h4.color_red > span, .bg_secondary-charcoal .h5.color_red > span, .bg_secondary-charcoal .h6.color_red > span, .bg-dark p.color_red > span, .bg-dark ul.bulleted li.color_red > span, ul.bulleted .bg-dark li.color_red > span, .bg-dark div.color_red > span, .bg-dark span.color_red > span, .bg-dark h1.color_red > span, .bg-dark h2.color_red > span, .bg-dark h3.color_red > span, .bg-dark h4.color_red > span, .bg-dark h5.color_red > span, .bg-dark h6.color_red > span, .bg-dark .h1.color_red > span, .bg-dark .h2.color_red > span, .bg-dark .h3.color_red > span, .bg-dark .h4.color_red > span, .bg-dark .h5.color_red > span, .bg-dark .h6.color_red > span { color: #9D0303; } .display-1 { font-weight: 300; line-height: 1.2; font-size: 5rem; } .display-2 { font-weight: 300; line-height: 1.2; font-size: 4.5rem; } .display-3 { font-weight: 300; line-height: 1.2; font-size: 4rem; } .display-4 { font-weight: 300; line-height: 1.2; font-size: 3.5rem; } .display-5 { font-weight: 300; line-height: 1.2; font-size: 3rem; } .display-6 { font-weight: 300; line-height: 1.2; font-size: 2.5rem; } .display-7 { font-weight: 300; line-height: 1.2; font-size: 2rem; } .display-8 { font-weight: 300; line-height: 1.2; font-size: 1.5rem; } .display-9 { font-weight: 300; line-height: 1.2; font-size: 1rem; } .display-10 { font-weight: 300; line-height: 1.2; font-size: 1rem; } .pull-right { float: right; } .pull-left { float: left; } .w-xl-25, .w-xl-50, .w-xl-75, .w-xl-100, .w-lg-25, .w-lg-50, .w-lg-75, .w-lg-100, .w-md-25, .w-md-50, .w-md-75, .w-md-100, .w-sm-25, .w-sm-50, .w-sm-75, .w-sm-100, .w-xs-25, .w-xs-50, .w-xs-75, .w-xs-100 { width: 100%; } .w-xs-25 { width: 25%; } .w-xs-50 { width: 50%; } .w-xs-75 { width: 75%; } .w-xs-100 { width: 100%; } @media (min-width: 544px) { .w-sm-25 { width: 25%; } .w-sm-50 { width: 50%; } .w-sm-75 { width: 75%; } .w-sm-100 { width: 100%; } } @media (min-width: 769px) { .w-md-25 { width: 25%; } .w-md-50 { width: 50%; } .w-md-75 { width: 75%; } .w-md-100 { width: 100%; } } @media (min-width: 1280px) { .w-lg-25 { width: 25%; } .w-lg-50 { width: 50%; } .w-lg-75 { width: 75%; } .w-lg-100 { width: 100%; } } @media (min-width: 1400px) { .w-xl-25 { width: 25%; } .w-xl-50 { width: 50%; } .w-xl-75 { width: 75%; } .w-xl-100 { width: 100%; } } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track::before, .slick-track::after { content: ''; display: table; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide .slide-img { display: block; width: 100%; margin: auto; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; } .slick-slide .slide-link:hover { cursor: default; } .slick-arrow.slick-hidden { display: none; } .slide-link { position: relative; } /* Arrows */ .slick-prev, .slick-next { display: block; height: 12px; width: 30px; min-height: 0; font-weight: initial; line-height: 0; font-size: 0; border-radius: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; opacity: 1; z-index: 1; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; opacity: 0.8; color: transparent; } .slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { opacity: 0.25; } /* Dots */ .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } .slick-dots li { margin: 0 6px; } .slick-dots li button { border: 2px solid #000000; border-radius: 50%; background: transparent; display: block; height: 17px; width: 17px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; background-color: transparent; } .slick-dots li button::before { display: none; } .slick-dots li.slick-active button { background: #000000; } .grid-block-carousel, .delay-carousel, .delay-carousel + .slider-highlight-wrapper, .product-carousel, .product-small-carousel, .product-recommendation-carousel, .mobile-viewport-carousel { display: none; } .grid-block-carousel.slick-initialized, .delay-carousel.slick-initialized, .delay-carousel + .slider-highlight-wrapper.slick-initialized, .product-carousel.slick-initialized, .product-small-carousel.slick-initialized, .product-recommendation-carousel.slick-initialized, .mobile-viewport-carousel.slick-initialized { display: block; } .delay-carousel.slick-initialized + .slider-highlight-wrapper, .delay-carousel[data-sfcc-pd-region-info] + .delay-carousel.carouselBlock-nav-carousel, .delay-carousel[data-sfcc-pd-region-info] { display: block; } .slick-sr-only { color: transparent !important; background-color: transparent !important; opacity: 0; height: 0; padding: 0; margin: 0; } button.slick-arrow { outline: unset; } button.slick-arrow:focus { outline-style: solid; outline-color: #5897fb; outline-width: 2px; } button.slick-arrow.slider-prev, button.slick-arrow.slider-next { cursor: pointer; background-color: transparent; border: none; position: absolute; top: 0; left: 0; width: 50px; height: 75px; z-index: 9; } button.slick-arrow.slider-prev svg, button.slick-arrow.slider-next svg { width: 15px; height: auto; } button.slick-arrow.slider-next { right: 0; left: unset; } .slick-thumbnail-carousel { font-family: "ProximaNova-Bold", sans-serif; color: #ffffff; text-align: center; text-transform: uppercase; height: 75px; } .slick-thumbnail-carousel .slick-slide > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 75px; } .product-carousel-nav { margin: 1rem 0 2rem; } .product-recommendation-carousel-nav, .product-carousel-nav, .mobile-viewport-carousel__nav { display: inline-block; } .product-recommendation-carousel-nav .slick-prev, .product-recommendation-carousel-nav .slick-next, .product-carousel-nav .slick-prev, .product-carousel-nav .slick-next, .mobile-viewport-carousel__nav .slick-prev, .mobile-viewport-carousel__nav .slick-next { display: inline-block; width: 8px; height: 18px; } .product-recommendation-carousel-nav .slick-prev, .product-carousel-nav .slick-prev, .mobile-viewport-carousel__nav .slick-prev { float: left; } .product-recommendation-carousel-nav .slick-next, .product-carousel-nav .slick-next, .mobile-viewport-carousel__nav .slick-next { float: right; } .product-recommendation-carousel-nav .slick-dots, .product-carousel-nav .slick-dots, .mobile-viewport-carousel__nav .slick-dots { padding: 0 18px; margin: 0; } .product-small-carousel .slick-list { display: none; } @media (min-width: 769px) { .product-small-carousel .slick-list { display: block; } } .product-small-carousel img.slide-img, .product-small-carousel svg.slide-img { width: calc(100% - 4px); display: block; margin: 0 auto; } .product-small-carousel .slick-prev, .product-small-carousel .slick-next { left: unset; margin: auto; -webkit-transform: none; transform: none; } .product-small-carousel .slick-prev::before, .product-small-carousel .slick-next::before { display: none; } .product-small-carousel .slick-prev { margin-bottom: 0.5rem; } @media (min-width: 769px) { .product-small-carousel .slick-next { position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 10; } } .product-small-carousel .slick-slide { padding-top: 5px; padding-bottom: 1rem; } .product-small-carousel .slide { position: relative; margin: 0 auto; } .c-cc .carousel-control-prev, .c-cc .carousel-control-next { display: none; } @media (min-width: 769px) { .c-cc .carousel-control-prev, .c-cc .carousel-control-next { display: -webkit-box; display: -ms-flexbox; display: flex; } } .c-cc .carousel-control-prev-icon, .c-cc .carousel-control-next-icon { background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='5' height='13' viewBox='0 0 5 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.731999 13L4.944 6.539L0.731999 0L0.0299988 0.455L3.943 6.539L0.0299988 12.545L0.731999 13Z' fill='%23000'/%3E%3C/svg%3E"); } .c-cc .carousel-control-prev-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (min-width: 769px) { .mobile-viewport-carousel { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: -15px; margin-left: -15px; } } @media (min-width: 769px) { .mobile-viewport-carousel > div { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; width: 100%; max-width: 33.33333%; padding-right: 15px; padding-left: 15px; } } @media (min-width: 1280px) { .mobile-viewport-carousel > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .mobile-viewport-carousel .slick-slide { margin: 0 7px; } @media (min-width: 1280px) { .mobile-viewport-carousel .slick-slide { margin: 0 1rem; } } .mobile-viewport-carousel .slick-list { margin: 0 -7px; } @media (min-width: 1280px) { .mobile-viewport-carousel .slick-list { margin: 0 -1rem; } } .mobile-viewport-carousel-wrapper { margin-bottom: 1.5rem; } @media (min-width: 769px) { .mobile-viewport-carousel-wrapper { margin-bottom: 0; } } .mobile-viewport-carousel-wrapper .title { font-family: "ProximaNova-Bold", sans-serif; font-size: 1.25rem; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 1rem; } @media (min-width: 1280px) { .mobile-viewport-carousel-wrapper .title { font-size: 1.5rem; letter-spacing: 5px; margin-bottom: 1.5rem; } } .mobile-viewport-carousel-wrapper .title + a { display: block; margin: -1rem auto 1rem; } @media (min-width: 1280px) { .mobile-viewport-carousel-wrapper .title + a { margin: -1.5rem auto 1.5rem; } } @media (max-width: 1023.98px) { .mobile-viewport-carousel-wrapper .content { padding: 0; } } .mobile-viewport-carousel-wrapper .content .price .range { display: block; } .slick-gallery-carousel button.slick-arrow { top: calc(30% - 75px); } @media (min-width: 544px) { .slick-gallery-carousel button.slick-arrow { top: calc(50% - 75px); } } @media (min-width: 1024px) { .slick-gallery-carousel button.slick-arrow { color: transparent !important; background-color: transparent; opacity: 0; height: 0; padding: 0; margin: 0; } } @media (max-width: 1023.98px) { .slick-thumbnail-carousel { color: transparent !important; background-color: transparent; opacity: 0; height: 0; padding: 0; margin: 0; } } .slick-thumbnail-carousel .slick-thumbnail-slide { cursor: pointer; } .slider-highlight { background-color: #9D0303; display: none; width: 170px; height: 1px; margin: 0 auto; margin-top: -10px; overflow: hidden; } @media (min-width: 1280px) { .slider-highlight { display: block; } } .swiper-section .icon-red-bars { display: block; width: 50px; height: 8px; margin: -10px auto; } .swiper-section .swiper { width: 100%; height: 100%; } .swiper-section .swiper .swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .swiper-section .swiper.pxgSwiperMultiSlides .swiper-wrapper .swiper-slide { height: auto; } .swiper-section .swiper.pxgSwiperMultiSlides .product { width: 100%; } @media (min-width: 769px) { .swiper-section .swiper.pxgSwiperMultiSlides .product .image-container { height: 490px; } } @media (max-width: 543.98px) { .swiper-section .swiper.pxgSwiperMultiSlides .product .image-container { height: 139vw; } } .swiper-section .swiper.pxgSwiperMultiSlides .product .pdp-link { position: relative; z-index: 5; } .swiper-section .swiper.pxgSwiperMultiSlides .product .price { position: relative; z-index: 5; } .swiper-section .swiper.pxgSwiperMultiSlides .swiper-button-next, .swiper-section .swiper.pxgSwiperMultiSlides .swiper-button-prev { top: 35%; background: rgba(121, 121, 121, 0.9); min-height: 55px; min-width: 40px; } .swiper-section .swiper.pxgSwiperMultiSlides .swiper-button-next { right: 0px; } .swiper-section .swiper.pxgSwiperMultiSlides .swiper-button-prev { left: 0px; } .swiper-section .swiper.pxgSwiperMultiSlides .swiper-pagination .swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color, #fff); width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px)); } .swiper-section .swiper.pxgSwiperMultiSlides .swiper-pagination .swiper-pagination-bullet-active { background: var(--swiper-pagination-bullet-inactive-color, #000); } .swiper-section .swiper.pxgSwiperGridBlock .swiper-wrapper .swiper-slide { height: auto; } .swiper-section .swiper.pxgSwiperGridBlock .swiper-navigation-wrapper .swiper-button-next, .swiper-section .swiper.pxgSwiperGridBlock .swiper-navigation-wrapper .swiper-button-prev { top: 35%; background: rgba(121, 121, 121, 0.9); min-height: 55px; min-width: 40px; color: #ffffff; } .swiper-section.bg-dark h1 { text-align: center; } .swiper-section.bg-dark .swiper .title, .swiper-section.bg-dark .swiper p, .swiper-section.bg-dark .swiper ul.bulleted li, ul.bulleted .swiper-section.bg-dark .swiper li { color: #ffffff; } .swiper-section.bg-dark .swiper.pxgSwiperMultiSlides .product-tile .tile-body .pdp-link a { color: #ffffff; } .swiper-section.bg-dark .swiper.pxgSwiperMultiSlides .swiper-pagination .swiper-pagination-bullet-active { background: var(--swiper-pagination-bullet-inactive-color, #ffffff); } .swiper-section.bg-light { background: #ffffff; } .swiper-section.bg-light .swiper .title, .swiper-section.bg-light .swiper p, .swiper-section.bg-light .swiper ul.bulleted li, ul.bulleted .swiper-section.bg-light .swiper li { color: #000000; } .swiper-section.bg-light .swiper.pxgSwiperMultiSlides .swiper-pagination .swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color, #8d8d8d); width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px)); } .swiper-section.bg-light .swiper.pxgSwiperMultiSlides .swiper-pagination .swiper-pagination-bullet-active { background: var(--swiper-pagination-bullet-inactive-color, #000000); } .pdp-mobile-carousel .swiper-slide { height: calc(100% - 20px); } .pdp-mobile-carousel .swiper-button-next, .pdp-mobile-carousel .swiper-button-prev { top: 35%; background: rgba(121, 121, 121, 0.9); min-height: 55px; min-width: 40px; color: #fff; } .pdp-mobile-carousel .swiper-button-next { right: 0px; } .pdp-mobile-carousel .swiper-button-prev { left: 0px; } .pdp-mobile-carousel .swiper-pagination { bottom: 0px; } .pdp-mobile-carousel .swiper-pagination .swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color, #8d8d8d); width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px)); } .pdp-mobile-carousel .swiper-pagination .swiper-pagination-bullet-active { background: var(--swiper-pagination-bullet-inactive-color, #000000); } .gallery-thumbs { height: 600px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gallery-thumbs .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .gallery-thumbs img { height: 150px; width: 100%; -o-object-fit: cover; object-fit: cover; } .gallery-thumbs .swiper-button-next, .gallery-thumbs .swiper-button-prev { color: #000000; background: #ffffff; width: 100%; } .gallery-thumbs .swiper-button-next:after, .gallery-thumbs .swiper-button-prev:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .gallery-thumbs .swiper-button-next { top: calc(100% - 13px); bottom: 0px; right: 0px; } .gallery-thumbs .swiper-button-prev { top: 13px; left: 0px; } .gallery-top { width: 100%; height: 800px; } .gallery-top .swiper-wrapper .img .slide-link .slide-img { width: 100%; } .modal .product-quickview .gallery-thumbs, .modal .product-quickview .gallery-top { height: 650px; } .modal .product-quickview .gallery-top .swiper-wrapper .img .slide-link .slide-img { width: 100%; } .modal .bonus-product-item .gallery-top .swiper-slide.img .slide-link { height: 100%; } .modal .bonus-product-item .gallery-top .swiper-slide.img .slide-link img.slide-img { height: 100%; width: auto; margin: 0 auto; display: block; } @media (max-width: 1023.98px) { .modal .bonus-product-item .pdp-mobile-carousel { height: 300px; } .modal .bonus-product-item .pdp-mobile-carousel .slide-link { height: 100%; } .modal .bonus-product-item .pdp-mobile-carousel .slide-link img { height: 100%; width: auto; display: block; margin: 0 auto; } } @media (min-width: 769px) { .bonus-product-item:has([data-thumbs-number="2"]) .gallery-thumbs, .bonus-product-item:has([data-thumbs-number="2"]) .gallery-top { height: 340px; } .bonus-product-item:has([data-thumbs-number="3"]) .gallery-thumbs, .bonus-product-item:has([data-thumbs-number="3"]) .gallery-top { height: 480px; } } .modal:has(.bonus-product-item) .modal-content { overflow: hidden; } .modal:has(.bonus-product-item) .modal-content .modal-footer { z-index: 10; -webkit-box-shadow: 0px 19px 20px 20px rgba(0, 0, 0, 0.8); box-shadow: 0px 19px 20px 20px rgba(0, 0, 0, 0.8); } .modal:has(.bonus-product-item) .attribute:not(:has(button)):not(:has(select)):not(:has(input)) { display: none; } p, ul.bulleted li { font-family: "ProximaNova-Regular", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.54; font-size: 1rem; color: #000000; letter-spacing: 0.082rem; margin: 0; } p.quote, ul.bulleted li.quote { font-family: "ProximaNova-Regular", sans-serif; font-size: 1.3125rem; letter-spacing: 2px; line-height: 1.43; } p.secondary, ul.bulleted li.secondary { font-family: "ProximaNova-Regular", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.25; } ul, ol, dl { margin: 0; padding: 0; list-style: none; } ul.bulleted li { position: relative; margin: 0; padding: 0; list-style: none; padding-left: 25px; } ul.bulleted li::before { content: "\26AC"; color: #9D0303; font-size: inherit; font-weight: 700; text-indent: -5px; position: absolute; left: 0; } .sub-title { font-family: "ProximaNova-Bold", sans-serif; font-size: 1rem; letter-spacing: 2.67px; line-height: normal; } .header-title { font-size: 12px; letter-spacing: 1.58px; text-transform: uppercase; color: white; text-decoration: none; } .header-title:hover { color: white; font-size: 12px; text-decoration: none; } .bold-title { font-family: "ProximaNova-Bold", sans-serif; } .bold-title:hover { font-family: "ProximaNova-Bold", sans-serif; } .eyebrow { font-family: "ProximaNova-Bold", sans-serif; font-size: 0.875rem; letter-spacing: 2.33px; line-height: normal; text-transform: uppercase; } a { font-family: "ProximaNova-Regular", sans-serif; font-weight: 400; font-size: 1rem; text-decoration: underline; color: #47474C; } a.color_white, a.text-color-white { color: #ffffff; } a:hover { font-family: "ProximaNova-Regular", sans-serif; font-weight: 400; font-size: 1rem; color: #47474C; text-decoration: underline; } a:hover.color_white, a:hover.text-color-white { color: #ffffff; } a:focus.color_white, a:focus.text-color-white { color: #ffffff; } strong a:hover { font-weight: 400; font-family: "ProximaNova-Bold", sans-serif; } p a, ul.bulleted li a, p a:hover, ul.bulleted li a:hover { font-size: inherit; } .text-color-light { color: #D0D0D0; } .text-color-dark { color: #47474C; } .text-color-white { color: #ffffff; } .text-color-black { color: #000000; } .text-transparent { color: transparent !important; } .text-color-red { color: #9D0303; } .bg-dark .text-color-red, .bg-light .text-color-red { color: #9D0303; } .text-bold { font-family: "ProximaNova-Bold", sans-serif; } .prohibition { font-family: Prohibition; letter-spacing: unset; } @media (min-width: 1280px) { .prohibition { letter-spacing: unset; } } .teko { font-family: teko; letter-spacing: unset; } @media (min-width: 1280px) { .teko { letter-spacing: unset; } } .page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; min-height: 100vh; } #maincontent { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: inherit; position: relative; } .svg-sprite { display: none !important; position: absolute; top: 0; left: 0; width: 0; height: 0; -webkit-transform: translate(-500%, -500%); transform: translate(-500%, -500%); } .modal-background { background-color: #000000; opacity: 0.5; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; } input[placeholder] { text-overflow: ellipsis; } .hide-order-discount { display: none; } .hide-shipping-discount { display: none; } .order-discount { color: #16A34A; } .shipping-discount { color: #16A34A; } .error-messaging { position: fixed; top: 0; width: 100%; z-index: 10; } .error-hero { background-image: url("../images/csrf.jpg"); margin-bottom: 0.625em; } .error-message { margin: 1rem auto; } .error.continue-shopping { max-width: 265px; margin: 0 auto 24px; } .error-page-btn-wrapper { margin: 24px auto 16px; } @media (min-width: 1280px) { .error-page-btn-wrapper { margin: 32px auto 56px; } } .error-unassigned-category { color: #9D0303; } .skip { background: #ffffff; position: absolute; top: -4.2em; left: 0; padding: 1em 1.5em; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.skip:active, a.skip:focus, a.skip:hover { background: #ffffff; top: 0; left: 0; width: auto; height: auto; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 10000000; } .card-header-custom { font-size: 1.5rem; margin-bottom: 0; } .text-color-light { color: #D0D0D0; } .text-color-dark { color: #47474C; } .text-color-white { color: #ffffff; } .text-color-black { color: #000000; } .bg-light { background: #ffffff !important; } .bg-dark { background: #000000 !important; background: #000000 !important; } .bg-dark a:not(.btn) { color: #ffffff; } .bg-dark a:not(.btn):hover { font-weight: bold; } .bg-dark a.btn:hover { font-weight: bold; } .bg-dark p, .bg-dark ul.bulleted li, ul.bulleted .bg-dark li { color: #ffffff; } .bg-dark p.secondary, .bg-dark ul.bulleted li.secondary, ul.bulleted .bg-dark li.secondary { color: #ffffff; } ul, ol, dl { margin: 0; padding: 0; list-style: none; } ul.bulleted li { list-style: none; position: relative; padding: 0; padding-left: 25px; margin: 0; } ul.bulleted li::before { font-weight: 700; color: #9D0303; text-indent: -5px; content: "\26AC"; position: absolute; left: 0; } .header-title { font-size: 0.75rem; color: white; letter-spacing: 1.58px; text-decoration: none; text-transform: uppercase; } .header-title:hover { font-size: 0.75rem; color: white; text-decoration: none; } .bold-title { font-family: "ProximaNova-Bold", sans-serif; } .bold-title:hover { font-family: "ProximaNova-Bold", sans-serif; } .abs-center { position: absolute; top: 50%; right: unset; bottom: unset; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 543.98px) { .menu-toggleable-left.navbar-toggleable-xs { position: fixed; left: -100%; top: 0; bottom: 0; -webkit-transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); display: block; max-width: 100%; } .menu-toggleable-left.navbar-toggleable-xs.in { width: 100%; left: 0; overflow-y: auto; bottom: 0; z-index: 30; } } @media (max-width: 768.98px) { .menu-toggleable-left.navbar-toggleable-sm { position: fixed; left: -100%; top: 0; bottom: 0; -webkit-transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); display: block; max-width: 100%; } .menu-toggleable-left.navbar-toggleable-sm.in { width: 100%; left: 0; overflow-y: auto; bottom: 0; z-index: 30; } } @media (max-width: 1023.98px) { .menu-toggleable-left.navbar-toggleable-md { position: fixed; left: -100%; top: 0; bottom: 0; -webkit-transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); display: block; max-width: 100%; } .menu-toggleable-left.navbar-toggleable-md.in { width: 100%; left: 0; overflow-y: auto; bottom: 0; z-index: 30; } } @media (max-width: 1279.98px) { .menu-toggleable-left.navbar-toggleable-mdlg { position: fixed; left: -100%; top: 0; bottom: 0; -webkit-transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); display: block; max-width: 100%; } .menu-toggleable-left.navbar-toggleable-mdlg.in { width: 100%; left: 0; overflow-y: auto; bottom: 0; z-index: 30; } } @media (max-width: 1399.98px) { .menu-toggleable-left.navbar-toggleable-lg { position: fixed; left: -100%; top: 0; bottom: 0; -webkit-transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); display: block; max-width: 100%; } .menu-toggleable-left.navbar-toggleable-lg.in { width: 100%; left: 0; overflow-y: auto; bottom: 0; z-index: 30; } } .menu-toggleable-left.navbar-toggleable-xl { position: fixed; left: -100%; top: 0; bottom: 0; -webkit-transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); display: block; max-width: 100%; } .menu-toggleable-left.navbar-toggleable-xl.in { width: 100%; left: 0; overflow-y: auto; bottom: 0; z-index: 30; } #pxgNavWrapper { background-color: #ffffff; } #pxgNavWrapper .navbar-toggler { color: #000000; font-size: 2rem; } #pxgNavWrapper .navbar-toggler.mobile-nav-close { color: #ffffff; } .navbar.bg-inverse { background-color: transparent !important; padding: 0; } @media (min-width: 769px) { .navbar.bg-inverse .navbar-nav .nav-item { position: static; } .navbar.bg-inverse .navbar-nav .nav-item > div.dropdown-menu { width: 100%; } .navbar.bg-inverse .navbar-nav .nav-item + .nav-item { margin-left: 0; } .navbar.bg-inverse .navbar-nav .nav-link { padding: 1.5rem 1.2rem; white-space: nowrap; text-transform: uppercase; font-family: "ProximaNova-Bold", sans-serif; letter-spacing: 2px; } .navbar.bg-inverse .navbar-nav .dropdown-menu .dropdown-menu { position: static; } } @media (min-width: 769px) { .navbar, .header-menu-container { position: static; } } .navbar-expand-md .navbar-nav.nav-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .navbar-expand-md .navbar-nav.nav-spaced { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .navbar-expand-md .navbar-nav.nav-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .nav-item .nav-link:hover, .nav-item .nav-link:focus, .nav-item.show .nav-link { background-color: #ffffff; color: #47474C; } @media (min-width: 769px) { .nav-item > .nav-link { color: #000000; } } @media (max-width: 768.98px) { .main-menu.menu-toggleable-left { background-color: #ffffff; z-index: 4; } } .menu-toggleable-left .close-menu { padding: 15px; background-color: #EFEFEF; border-bottom: 1px solid #D0D0D0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media (min-width: 769px) { .menu-toggleable-left .close-menu { display: none; } } .menu-toggleable-left .menu-group { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; overflow-x: hidden; } .menu-toggleable-left li > .close-menu { margin-right: 0; margin-top: -0.6rem; margin-left: 0; } @media (max-width: 768.98px) { .menu-toggleable-left .bg-inverse { background-color: white !important; color: #1F2428; } } @media (max-width: 543.98px) { .menu-toggleable-left.in { right: 0; } } @media (max-width: 768.98px) { .menu-toggleable-left.in .nav-item { width: calc(100% - 4rem); margin-left: 2rem; } .menu-toggleable-left.in .nav-item + .nav-item { border-top: 1px solid #D0D0D0; } .menu-toggleable-left.in .dropdown { display: block; position: static; } .menu-toggleable-left.in .dropdown-toggle::after { display: none; } .menu-toggleable-left.in .nav-item .nav-link { width: calc(100% + 2rem); margin-left: -2rem; padding: 1rem 2rem; font-size: 1.1rem; text-transform: uppercase; font-family: "ProximaNova-Bold", sans-serif; letter-spacing: 1px; text-align: left; color: #47474C; } .menu-toggleable-left.in .show > .dropdown-menu { left: 0; } .menu-toggleable-left.in .dropdown-menu { width: 100%; height: 100%; border: 0 none; -webkit-transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); display: none; } .menu-toggleable-left.in .dropdown-menu.show { display: block; } } @media (min-width: 769px) { .menu-toggleable-left .dropdown-toggle::after, .menu-toggleable-left .topbar-dropdown-toggle::after { display: none; } .menu-toggleable-left .nav-item[data-nav-level="1"]:has(.dropdown-menu.show) > .nav-link, .menu-toggleable-left .nav-item[data-nav-level="1"] > .nav-link { position: relative; padding-bottom: 1.875rem; } .menu-toggleable-left .nav-item[data-nav-level="1"]:has(.dropdown-menu.show) > .nav-link::before, .menu-toggleable-left .nav-item[data-nav-level="1"] > .nav-link::before { position: absolute; z-index: 10; bottom: 1rem; left: 1.2rem; width: calc(100% - 2.4rem); content: ""; height: 3px; opacity: 0; display: block; background-color: #9D0303; } .menu-toggleable-left .nav-item[data-nav-level="1"]:has(.dropdown-menu.show) > .nav-link:hover::before, .menu-toggleable-left .nav-item[data-nav-level="1"] > .nav-link:hover::before { opacity: 1; } .menu-toggleable-left .nav-item[data-nav-level="1"]:has(> .dropdown-menu.show) > .nav-link::before { opacity: 1; } } .menu-toggleable-left .nav-item:not([data-nav-level="1"]) > a:not(.dropdown-toggle):hover { color: #9D0303; } @media (min-width: 769px) { .multilevel-dropdown [data-nav-level="1"] > .dropdown-menu { -webkit-box-shadow: 0 3px 5px rgba(43, 36, 25, 0.4); box-shadow: 0 3px 5px rgba(43, 36, 25, 0.4); } } .multilevel-dropdown .dropdown-menu { border: 0; border-radius: 0; --_navColumnWidthOffset: 0.25; } .multilevel-dropdown .dropdown-menu .pd-include-col img { max-width: 100%; } @media (min-width: 769px) { .multilevel-dropdown .dropdown-menu { top: calc(100% - 1rem); max-height: none; } .multilevel-dropdown .dropdown-menu .nav-col ul, .multilevel-dropdown .dropdown-menu .pd-include-col { display: -webkit-box; display: -ms-flexbox; display: flex; } .multilevel-dropdown .dropdown-menu .nav-col { --_navColumnWidth: 100%; } .multilevel-dropdown .dropdown-menu .nav-col > ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } .multilevel-dropdown .dropdown-menu .nav-col > ul > li { width: var(--_navColumnWidth); padding-right: calc(var(--_navColumnWidth) * var(--_navColumnWidthOffset)); } .multilevel-dropdown .dropdown-menu .pd-include-col { --_pdColumnWidth: 100%; } .multilevel-dropdown .dropdown-menu .pd-include-col > div { width: var(--_pdColumnWidth); padding-right: calc(var(--_pdColumnWidth) * var(--_navColumnWidthOffset)); } } .multilevel-dropdown .dropdown-item.dropdown > .dropdown-toggle::after { border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; position: absolute; right: 2rem; margin-top: 0.55em; } @media (min-width: 769px) { .multilevel-dropdown .dropdown-menu > .dropdown > .dropdown-menu { top: -0.65em; left: 99%; } } .multilevel-dropdown .navbar > .close-menu > .back { display: none; } .multilevel-dropdown .close-menu .back .caret-left { border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; border-right: 0.3em solid; border-left: 0.3 solid transparent; width: 0; height: 0; display: inline-block; margin-bottom: 0.125em; } .multilevel-dropdown .pxg-dopdown-nav-item { white-space: wrap; } .multilevel-dropdown .dropdown-item { padding: 0; } .multilevel-dropdown .dropdown-item:hover, .multilevel-dropdown .dropdown-item:focus { background-color: initial; } .multilevel-dropdown .dropdown-item > a:hover { color: #9D0303; } .multilevel-dropdown .dropdown-item .dropdown-link { text-transform: uppercase; text-decoration: none; letter-spacing: 1px; } .multilevel-dropdown .dropdown-item .dropdown-link[data-nav-level="2"] { font-family: "ProximaNova-Bold", sans-serif; letter-spacing: 2px; padding-right: 0; } .multilevel-dropdown .dropdown-item .dropdown-link[data-nav-level="2"]::after { content: ""; display: block; width: 75%; height: 1px; background-color: #000000; } @media (min-width: 769px) { .multilevel-dropdown .dropdown-item .dropdown-link[data-nav-level="2"]::after { width: 100%; } } .multilevel-dropdown .dropdown-item[data-nav-level="2"]:not(:has(ul)) > a[data-nav-level="2"] { font-family: "ProximaNova-Regular", sans-serif; letter-spacing: 1px; } .multilevel-dropdown .dropdown-item[data-nav-level="2"]:not(:has(ul)) > a[data-nav-level="2"]::after { display: none !important; } .multilevel-dropdown .dropdown-item .dropdown-item { padding: 0; } .multilevel-dropdown .dropdown-item .dropdown-link { display: block; padding: 0.425em 0; width: 100%; text-align: left; } .multilevel-dropdown .dropdown-item.top-category { font-weight: bold; } .multilevel-dropdown .dropdown-item.top-category > .nav-link { padding-left: 0; } @media (max-width: 768.98px) { .top-bar-wrapper > .top-bar-container-inner { padding-right: 10px; } } .menu-toggler { width: 45px; } .mobile-nav-close { background-color: #000000; color: #ffffff; border-radius: 0; } @media screen and (min-width: 769px) and (max-width: 1099px) { .navbar.bg-inverse .navbar-nav .nav-link { padding: 1.5rem 0.6rem; } } @media (min-width: 769px) { .gray-bar-nav .topbar-dropdown { position: relative; } .gray-bar-nav .topbar-dropdown-menu { display: none; position: absolute; top: 100%; right: 0; max-width: 100vw; width: 250px; z-index: 30; background-color: #ddd; } .gray-bar-nav .topbar-dropdown-menu a { text-transform: uppercase; font-size: 0.875rem; letter-spacing: 2px; } .gray-bar-nav .topbar-dropdown-menu.show { display: block; } } .chevron { content: ""; border-style: solid; border-width: 2px 2px 0 0; display: inline-block; width: 10px; height: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 40%; left: 95%; } .chevron.rotate { -webkit-transform: rotate(135deg); transform: rotate(135deg); } button.topbar-nav-link, button.nav-link, button.dropdown-link, .topbar-nav-item button, .search-navigation button { border: none; background: transparent; } .nav-item-type-minicart { position: relative; } .nav-item-type-minicart .minicart-quantity { position: absolute; top: -5px; right: -7px; font-family: "ProximaNova-Bold", sans-serif; color: #ffffff; background-color: #9D0303; line-height: 1; padding: 3px 4px; font-size: 0.75rem; border-radius: 5px; } #pxgNavWrapper { --_inputHeaderSearchHeight: 30px; } #pxgNavWrapper .search-container > .search { width: 100%; } #pxgNavWrapper .search-container .site-search { height: 30px; width: 100%; position: relative; } #pxgNavWrapper .search-container form[role="search"] { height: var(--_inputHeaderSearchHeight); position: absolute; top: 0; right: 0; width: 100%; } #pxgNavWrapper .search-container form[role="search"] input { width: 100%; height: 100%; z-index: 15; padding-left: var(--_inputHeaderSearchHeight); padding-right: 26px; border-radius: 5rem; border: 1px solid #000000; font-size: 0.875rem; } @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) { #pxgNavWrapper .search-container form[role="search"] input { font-size: 18px; } } #pxgNavWrapper .search-container form[role="search"] input.form-control:focus:valid { border-bottom: 1px solid #000000; } #pxgNavWrapper .search-container form[role="search"] > button { background-color: transparent; border: none; width: var(--_inputHeaderSearchHeight); height: var(--_inputHeaderSearchHeight); position: absolute; z-index: 20; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0; } #pxgNavWrapper .search-container form[role="search"] > button:focus { outline: 1px solid #9D0303; } #pxgNavWrapper .search-container form[role="search"] > button.search-trigger { left: 1px; } #pxgNavWrapper .search-container form[role="search"] > button.search-trigger svg { width: 22px; height: auto; color: #000; } #pxgNavWrapper .search-container form[role="search"] > button.search-clear { right: -2px; display: block; width: 37px; height: 37px; } #pxgNavWrapper .search-container form[role="search"] > button.search-clear svg { width: 26px; height: auto; } #pxgNavWrapper .search-container form[role="search"] > button.search-clear svg * { opacity: 1; } @media (min-width: 769px) { #pxgNavWrapper .search-container form[role="search"] { -webkit-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; } #pxgNavWrapper .search-container form[role="search"] input { position: relative; } #pxgNavWrapper .search-container form[role="search"] input ~ .suggestions-wrapper { position: absolute; z-index: 10; top: 2.5rem; right: 0; width: 230px; -webkit-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; } #pxgNavWrapper .search-container form[role="search"] input ~ .suggestions-wrapper .suggestions { width: 100%; } #pxgNavWrapper .search-container form[role="search"]:has(input:focus), #pxgNavWrapper .search-container form[role="search"]:has(.suggestions-wrapper.clicked) { width: 500px; } #pxgNavWrapper .search-container form[role="search"]:has(input:focus) input:focus ~ .suggestions-wrapper, #pxgNavWrapper .search-container form[role="search"]:has(.suggestions-wrapper.clicked) input:focus ~ .suggestions-wrapper { width: 500px; } #pxgNavWrapper .search-container form[role="search"]:has(input:focus) input ~ .suggestions-wrapper.clicked, #pxgNavWrapper .search-container form[role="search"]:has(.suggestions-wrapper.clicked) input ~ .suggestions-wrapper.clicked { width: 500px; } } @media screen and (min-width: 769px) and (max-width: 1299px) { #pxgNavWrapper .search-container .search-navigation li { padding-left: 1rem !important; } #pxgNavWrapper .search-container form[role="search"] { width: 26px; } #pxgNavWrapper .search-container form[role="search"] input { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding-right: 0; } #pxgNavWrapper .search-container form[role="search"] input ~ button[type="reset"] { display: none; } #pxgNavWrapper .search-container form[role="search"] input:focus { padding-right: 26px; } #pxgNavWrapper .search-container form[role="search"] input:focus ~ button[type="reset"] { display: block; } } @media screen and (min-width: 1300px) { #pxgNavWrapper .search-container form[role="search"] { width: 230px; } } #pxgNavWrapper.mobile-refinement-active { position: relative; z-index: 0; } .header { position: relative; } .pxg-main-header { position: sticky; z-index: 100; left: 0; top: 0; } .navbar-header { height: 4.375em; /* 70/16 */ } .navbar-header .c-icon--logo-pxg-primary-black { width: auto; height: 40px; } @media (min-width: 1280px) { .navbar-header .c-icon--logo-pxg-primary-black { height: 50px; } } .navbar-header .user, .navbar-header .country-selector, .navbar-header .search, .navbar-header .minicart { display: inline-block; margin: 1.125em 0 0 0.5em; } .navbar-header .user, .navbar-header .country-selector, .navbar-header .minicart, .navbar-header .navbar-toggler { line-height: 2.25em; /* 36/16 */ height: auto; } .navbar-header .navbar-toggler { font-size: 1.6em; width: auto; } .navbar-header .user { position: relative; } .navbar-header .user .popover { position: absolute; display: none; padding: 1em; top: 85%; left: 0; } .navbar-header .user .popover a { white-space: nowrap; margin-bottom: 0.5em; } .navbar-header .user .popover::before { left: 1.5rem; } .navbar-header .user .popover::after { left: 1.5rem; } .navbar-header .user .popover.show { display: block; } .brand { position: absolute; left: 50%; display: block; text-align: center; } .brand img { width: 100%; } @media (min-width: 1280px) { .brand { width: 14.125em; /* 226/16 */ margin-left: -7.0625em; /* 113/16 */ padding-top: 0.5em; } } @media (max-width: 1023.98px) { .brand { width: 4em; /* 64/16 */ margin-left: -2em; padding-top: 0.8em; } } .main-menu { background-color: #ffffff; } .main-menu .navbar .close-menu button, .main-menu .navbar .close-button button { background-color: transparent; border: 0; -webkit-appearance: none; } .header-banner { background-color: #1F2428; text-align: center; color: #ffffff; } .header-banner.banner-warning { background-color: #9D0303; } .header-banner.banner-warning p, .header-banner.banner-warning ul.bulleted li, ul.bulleted .header-banner.banner-warning li { color: #ffffff; } @media (max-width: 1023.98px) { .header-banner.banner-warning p, .header-banner.banner-warning ul.bulleted li, ul.bulleted .header-banner.banner-warning li { font-size: 0.875rem; line-height: 1.3; } } .header-banner .close-button { width: 2.125em; } .header-banner .close-button .close { opacity: 1; color: #ffffff; width: 100%; height: 100%; background-color: var(--skin-primary-color-1); } .header-banner .content { margin-right: 1.5em; padding-top: 0.3125em; padding-bottom: 0.3125em; } .minicart { margin-top: 0.1875em; /* 3/16 */ vertical-align: top; } .minicart .minicart-icon { font-size: 1.5em; } .minicart a.minicart-link:hover { text-decoration: none; } .minicart .minicart-quantity { background-color: var(--skin-primary-color-1); border-radius: 50%; width: 1.25em; /* 20/16 */ height: 1.25em; /* 20/16 */ line-height: normal; display: inline-block; text-align: center; font-size: 0.8125em; /* 13/16 */ position: relative; top: -0.9375em; /* 15/16 */ left: -0.9375em; /* 15/16 */ color: #ffffff; } a.normal { color: var(--skin-primary-color-1); text-decoration: underline; } .slide-up { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; max-height: 100px; overflow: hidden; } .slide-up.hide { max-height: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .dropdown-country-selector { margin-top: -0.0625em; } .cookie-warning-messaging.cookie-warning { position: fixed; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); text-align: center; display: none; } .valid-cookie-warning { background-color: var(--skin-link-color-1); color: #ffffff; white-space: nowrap; } .valid-cookie-warning p, .valid-cookie-warning ul.bulleted li, ul.bulleted .valid-cookie-warning li { margin-top: 0; margin-bottom: 0.2em; padding-right: 2em; } .top-bar-wrapper { background-color: #ddd; } .gray-bar-nav .menu-icon svg { width: auto; height: 28px; fill: #000000; -webkit-transition: fill 300ms ease; transition: fill 300ms ease; } @media (min-width: 1280px) { .gray-bar-nav .menu-icon svg { fill: #757575; height: 32px; } } .gray-bar-nav a, .gray-bar-nav button { text-decoration: none; color: #47474C; } .gray-bar-nav a:hover, .gray-bar-nav a:focus, .gray-bar-nav button:hover, .gray-bar-nav button:focus { text-decoration: underline; } .gray-bar-nav a:hover .menu-icon svg, .gray-bar-nav a:focus .menu-icon svg, .gray-bar-nav button:hover .menu-icon svg, .gray-bar-nav button:focus .menu-icon svg { fill: #000000; } .gray-bar-nav .menu-label { text-transform: uppercase; letter-spacing: 2px; font-size: 0.875rem; } .search-navigation a, .search-navigation button { text-decoration: none; color: #000000; } .search-navigation a .menu-icon svg, .search-navigation button .menu-icon svg { fill: #000000; height: 30px; -webkit-transition: fill 300ms ease; transition: fill 300ms ease; } .search-navigation a .menu-label, .search-navigation button .menu-label { color: #000000; -webkit-transition: color 300ms ease; transition: color 300ms ease; } .search-navigation a:hover, .search-navigation a:focus, .search-navigation button:hover, .search-navigation button:focus { text-decoration: underline; } .search-navigation a:hover.nav-item-type-minicart, .search-navigation a:focus.nav-item-type-minicart, .search-navigation button:hover.nav-item-type-minicart, .search-navigation button:focus.nav-item-type-minicart { text-decoration: none; } .search-navigation a:hover .menu-icon svg, .search-navigation a:focus .menu-icon svg, .search-navigation button:hover .menu-icon svg, .search-navigation button:focus .menu-icon svg { fill: #9D0303; } .search-navigation a:hover .menu-label, .search-navigation a:focus .menu-label, .search-navigation button:hover .menu-label, .search-navigation button:focus .menu-label { color: #9D0303; } .search-navigation a:hover .minicart-quantity, .search-navigation a:focus .minicart-quantity, .search-navigation button:hover .minicart-quantity, .search-navigation button:focus .minicart-quantity { text-decoration: none; } .appended-navigation a, .appended-navigation button { text-decoration: none; color: #000000; text-transform: uppercase; letter-spacing: 1px; } .appended-navigation a .menu-icon svg, .appended-navigation button .menu-icon svg { fill: #000000; height: 32px; } .appended-navigation a.top-separator, .appended-navigation button.top-separator { padding-top: 1rem; border-top: 1px solid #D0D0D0; } .appended-navigation button { text-align: left; width: calc(100% - 2.5rem); border: none; background: transparent; } .menu-icon:has(+ .menu-label:not(.sr-only)) svg { margin-right: 1rem; } body { --_bannerHeight: 50px; --hiddenHeaderHeight: Min(var(--scrollTop, 0), var(--_bannerHeight)); --headerHeight: calc(var(--headerMenuHeight) + var(--headerPromoHeight)); } body.not-sticky { --headerHeight: 0px; } .page-header { --_bannerHeight: 50px; } .page-header .header-grid, .page-header .editor { --_gutter: 13px; --_accordionOpenTime: 300ms; --_interactionTransitionTime: 300ms; --_slideTransistionTime: 500ms; --_menuDelay: 250ms; } body:not(.menu-display--apparel) .page-header .header-grid, body:not(.menu-display--apparel) .page-header .editor { --_headerBackground: #000000; --_headerColor: #ffffff; --_headerColorAccent: #E3BB80; --_activeTabBackground: #1F2428; --_activeTabAccent: #9D0303; --_headerBarColor: #1F2428; --_headerL4Background: #1F2428; --_headerL1Seperator: #1F2428; --_headerL3Seperator: #1F2428; --_mobileLinksBorder:#000000; --_mobileLinksBackground:#1F2428; --_mobileLinksBoxShadow: 0px 6px 9px rgba(0, 0, 0, 0.5); --_accordionBackgroundColor: var(--_promoSliderBackgroundOverride, #E3BB80); --_accordionTextColor: var(--_promoSliderTextColor, #000000); --_accordionHeaderColor: var(--_promoSliderTextColor, #000000); } body.menu-display--apparel .page-header .header-grid, body.menu-display--apparel .page-header .editor { --_headerBackground: #ffffff; --_headerColor: #000000; --_headerColorAccent: #9D0303; --_activeTabBackground: #EFEFEF; --_activeTabAccent: #9D0303; --_headerBarColor: #D0D0D0; --_headerL4Background: #ffffff; --_headerL1Seperator: #D0D0D0; --_headerL3Seperator: #D0D0D0; --_mobileLinksBorder:#D0D0D0; --_mobileLinksBackground:#EFEFEF; --_mobileLinksBoxShadow: 0px 3px 9px rgba(0, 0, 0, 0.25); --_accordionBackgroundColor: var(--_promoSliderBackgroundOverride, #47474C); --_accordionTextColor: var(--_promoSliderTextColor, #ffffff); --_accordionHeaderColor: var(--_promoSliderTextColor, #E3BB80); } .page-header #pxg-slider-promo-banner { --_sliderColorPrimary: var(--_promoSliderTextColor, #000000); --_sliderColorSecondary: var(--_promoSliderTextColor, #fcedc0); --_sliderColorAccent: var(--_promoSliderTextColor, #000000); } .page-header #pxg-slider-promo-banner .swiper-controls .pxg-slider-arrow { top: -21px; background: transparent; z-index: 1; } @media (max-width: 1279.98px) { .page-header #pxg-slider-promo-banner .swiper-controls .pxg-slider-arrow { top: 4px; } } .page-header #pxg-slider-promo-banner .swiper-controls .pxg-slider-arrow.pxg-slider-button-prev { padding: 10px; clip-path: none; } .page-header #pxg-slider-promo-banner .swiper-controls .pxg-slider-arrow.pxg-slider-button-next { padding: 10px; clip-path: none; } @media (max-width: 1279.98px) { .page-header #pxg-slider-promo-banner .swiper-controls .slider-play-pause, .page-header #pxg-slider-promo-banner .swiper-controls .pxg-slider-pagination { display: none; } } .page-header .promo-banner { height: var(--_bannerHeight); cursor: pointer; position: relative; text-align: center; -webkit-transition: margin var(--_accordionOpenTime) ease var(--_accordionOpenTime); transition: margin var(--_accordionOpenTime) ease var(--_accordionOpenTime); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; z-index: 1; visibility: visible; margin-top: 0; background: var(--_promoSliderBackgroundOverride, #E3BB80); color: var(--_promoSliderTextColor, #000000); -webkit-box-shadow: inset 0px -3px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0px -3px 2px rgba(0, 0, 0, 0.15); } .page-header .promo-banner .swiper-controls { margin: 0; position: absolute; bottom: 0; width: 100%; } @media (max-width: 1279.98px) { .page-header .promo-banner .swiper-controls { height: 100%; } } .page-header .promo-banner .component { padding: 8px 44px; } .page-header .promo-banner .component, .page-header .promo-banner .component * { font-family: "ProximaNova-Bold", sans-serif; font-size: 13px; text-transform: uppercase; line-height: 16px; letter-spacing: 0.1em; color: var(--_promoSliderTextColor, #000000); } @media (max-width: 1279.98px) { .page-header .promo-banner .component { height: var(--_bannerHeight); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 1280px) { .page-header { --_bannerHeight: 52px; } } .page-header.accordion-open.search-open .promo-banner { visibility: hidden; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: margin var(--_accordionOpenTime) ease, var(--_accordionOpenTime) visibility ease; transition: margin var(--_accordionOpenTime) ease, var(--_accordionOpenTime) visibility ease; } @media (min-width: 1280px) { .page-header.accordion-open.search-open .promo-banner { margin-top: calc(var(--_bannerHeight) * -1); } } .page-header.accordion-open.promo-open .promo-banner { margin-top: calc(var(--_bannerHeight) * -1); visibility: hidden; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: margin var(--_accordionOpenTime) ease, var(--_accordionOpenTime) visibility ease; transition: margin var(--_accordionOpenTime) ease, var(--_accordionOpenTime) visibility ease; } .page-header .promo-accordion { visibility: hidden; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; overflow: hidden; background: var(--_accordionBackgroundColor); -webkit-box-shadow: inset 0px -3px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0px -3px 2px rgba(0, 0, 0, 0.15); } .page-header .promo-accordion.animate-height { height: 0; -webkit-transition: height var(--_accordionOpenTime) ease, visibility 0s ease var(--_accordionOpenTime); transition: height var(--_accordionOpenTime) ease, visibility 0s ease var(--_accordionOpenTime); } .page-header .promo-accordion #promoAccordion { display: grid; height: 100%; } .page-header .promo-accordion .bg-dark, .page-header .promo-accordion .bg-light { background: transparent !important; } .page-header .promo-accordion .bg-dark, .page-header .promo-accordion .bg-dark.color_black, .page-header .promo-accordion .bg-dark.color_white, .page-header .promo-accordion .bg-light, .page-header .promo-accordion .bg-light.color_black, .page-header .promo-accordion .bg-light.color_white { --classSetColor:var(--_accordionTextColor); } .page-header .promo-accordion .bg-dark h1, .page-header .promo-accordion .bg-dark h2, .page-header .promo-accordion .bg-dark h3, .page-header .promo-accordion .bg-dark h4, .page-header .promo-accordion .bg-dark h5, .page-header .promo-accordion .bg-dark h6, .page-header .promo-accordion .bg-dark.color_black h1, .page-header .promo-accordion .bg-dark.color_black h2, .page-header .promo-accordion .bg-dark.color_black h3, .page-header .promo-accordion .bg-dark.color_black h4, .page-header .promo-accordion .bg-dark.color_black h5, .page-header .promo-accordion .bg-dark.color_black h6, .page-header .promo-accordion .bg-dark.color_white h1, .page-header .promo-accordion .bg-dark.color_white h2, .page-header .promo-accordion .bg-dark.color_white h3, .page-header .promo-accordion .bg-dark.color_white h4, .page-header .promo-accordion .bg-dark.color_white h5, .page-header .promo-accordion .bg-dark.color_white h6, .page-header .promo-accordion .bg-light h1, .page-header .promo-accordion .bg-light h2, .page-header .promo-accordion .bg-light h3, .page-header .promo-accordion .bg-light h4, .page-header .promo-accordion .bg-light h5, .page-header .promo-accordion .bg-light h6, .page-header .promo-accordion .bg-light.color_black h1, .page-header .promo-accordion .bg-light.color_black h2, .page-header .promo-accordion .bg-light.color_black h3, .page-header .promo-accordion .bg-light.color_black h4, .page-header .promo-accordion .bg-light.color_black h5, .page-header .promo-accordion .bg-light.color_black h6, .page-header .promo-accordion .bg-light.color_white h1, .page-header .promo-accordion .bg-light.color_white h2, .page-header .promo-accordion .bg-light.color_white h3, .page-header .promo-accordion .bg-light.color_white h4, .page-header .promo-accordion .bg-light.color_white h5, .page-header .promo-accordion .bg-light.color_white h6 { --classSetColor:var(--_accordionHeaderColor); } .page-header .promo-accordion .close { font-family: "ProximaNova-Bold", sans-serif; font-size: 13px; line-height: 18px; letter-spacing: 0.1em; text-decoration: underline; text-transform: uppercase; text-shadow: none; opacity: 1; font-weight: normal; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; padding: 42px 0; color: var(--_accordionTextColor); } .page-header .promo-accordion .close:focus-visible .show-focus { outline: -webkit-focus-ring-color auto 1px; outline-offset: 5px; } .page-header .promo-accordion .experience-region { margin: 0 0 42px 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .page-header .promo-accordion .logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: center; margin: 5px auto 60px; } .page-header .promo-accordion .logo svg { height: 54px; } .page-header .promo-accordion .logo svg g { fill: var(--_accordionTextColor); } @media (min-width: 1280px) { .page-header .promo-accordion #promoAccordion { grid-template-rows: 30px auto 116px; } .page-header .promo-accordion .close { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; padding: 7px 0; } .page-header .promo-accordion .experience-region { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: auto 0; } .page-header .promo-accordion .logo { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; text-align: right; margin: 28px 60px; } } .page-header.promo-open .promo-accordion { visibility: visible; height: auto; } .page-header.promo-open .promo-accordion.animate-height { height: Max(var(--_openHeight), calc(100vh - 15px)); -webkit-transition: height var(--_accordionOpenTime) ease; transition: height var(--_accordionOpenTime) ease; } .page-header.promo-open .when-promo-accordion { display: block; } .when-promo-accordion { display: none; } .page-header .search-accordion { --_searchColor: #000000; --_searchBackgroundColor: #ffffff; overflow: hidden; visibility: hidden; background: var(--_searchBackgroundColor); height: auto; } @media (max-width: 1279.98px) { .page-header .search-accordion { display: none; } .page-header .search-accordion .close-logo { display: none; } } @media (min-width: 1280px) { .page-header .search-accordion { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-shadow: inset 0px -3px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0px -3px 2px rgba(0, 0, 0, 0.15); } .page-header .search-accordion.animate-height { height: 0; -webkit-transition: height var(--_accordionOpenTime) ease, visibility 0s ease var(--_accordionOpenTime); transition: height var(--_accordionOpenTime) ease, visibility 0s ease var(--_accordionOpenTime); } } .page-header .search-accordion #searchAccordion { display: grid; } @media (max-width: 1279.98px) { .page-header .search-accordion #searchAccordion { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .page-header .search-accordion .bg-dark, .page-header .search-accordion .bg-light { background: #ffffff !important; } .page-header .search-accordion .bg-dark, .page-header .search-accordion .bg-dark.color_black, .page-header .search-accordion .bg-dark.color_white, .page-header .search-accordion .bg-light, .page-header .search-accordion .bg-light.color_black, .page-header .search-accordion .bg-light.color_white { --classSetColor:var(--_searchColor); } .page-header .search-accordion .bg-dark h1, .page-header .search-accordion .bg-dark h2, .page-header .search-accordion .bg-dark h3, .page-header .search-accordion .bg-dark h4, .page-header .search-accordion .bg-dark h5, .page-header .search-accordion .bg-dark h6, .page-header .search-accordion .bg-dark.color_black h1, .page-header .search-accordion .bg-dark.color_black h2, .page-header .search-accordion .bg-dark.color_black h3, .page-header .search-accordion .bg-dark.color_black h4, .page-header .search-accordion .bg-dark.color_black h5, .page-header .search-accordion .bg-dark.color_black h6, .page-header .search-accordion .bg-dark.color_white h1, .page-header .search-accordion .bg-dark.color_white h2, .page-header .search-accordion .bg-dark.color_white h3, .page-header .search-accordion .bg-dark.color_white h4, .page-header .search-accordion .bg-dark.color_white h5, .page-header .search-accordion .bg-dark.color_white h6, .page-header .search-accordion .bg-light h1, .page-header .search-accordion .bg-light h2, .page-header .search-accordion .bg-light h3, .page-header .search-accordion .bg-light h4, .page-header .search-accordion .bg-light h5, .page-header .search-accordion .bg-light h6, .page-header .search-accordion .bg-light.color_black h1, .page-header .search-accordion .bg-light.color_black h2, .page-header .search-accordion .bg-light.color_black h3, .page-header .search-accordion .bg-light.color_black h4, .page-header .search-accordion .bg-light.color_black h5, .page-header .search-accordion .bg-light.color_black h6, .page-header .search-accordion .bg-light.color_white h1, .page-header .search-accordion .bg-light.color_white h2, .page-header .search-accordion .bg-light.color_white h3, .page-header .search-accordion .bg-light.color_white h4, .page-header .search-accordion .bg-light.color_white h5, .page-header .search-accordion .bg-light.color_white h6 { --classSetColor:var(--_searchColor); } .page-header .search-accordion .close-logo { text-align: center; } .page-header .search-accordion .close { font-family: "ProximaNova-Bold", sans-serif; font-size: 13px; line-height: 18px; letter-spacing: 0.1em; text-decoration: underline; text-transform: uppercase; text-shadow: none; opacity: 1; font-weight: normal; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; float: none; padding: 20px 0; color: var(--_searchColor); } .page-header .search-accordion .close:focus-visible .show-focus { outline: -webkit-focus-ring-color auto 1px; outline-offset: 5px; } @media (min-width: 1280px) { .page-header .search-accordion #searchAccordion { grid-template-rows: 60px 1fr; } .page-header .search-accordion .close { padding: 7px 0; } .page-header .search-accordion .site-search { margin: auto 0; padding-bottom: 60px; } .page-header .search-accordion .site-search .search-cover { display: none; } } @media (max-width: 1279.98px) { .page-header.search-open { position: relative; } } .page-header.search-open .search-accordion { visibility: visible; height: auto; } @media (max-width: 1279.98px) { .page-header.search-open .search-accordion { z-index: 2; } .page-header.search-open .search-accordion.animate-height { height: 100%; min-height: 100vh; top: 0; } .page-header.search-open .search-accordion .close-logo { display: block; } .page-header.search-open .search-accordion .site-search { -ms-flex-item-align: start; align-self: flex-start; overflow-x: hidden; } .page-header.search-open .search-accordion .site-search .search-cover { display: none; } .page-header.search-open .search-accordion #searchAccordion { grid-template-rows: 93px auto; max-width: 345px; padding: 0; } .page-header.search-open .search-accordion #searchAccordion form { grid-template-rows: 52px 1fr; } .page-header.search-open .search-accordion #searchAccordion form .suggestions-wrapper { display: block; } } @media (min-width: 1280px) { .page-header.search-open .search-accordion.animate-height { height: var(--_openHeight); -webkit-transition: height var(--_accordionOpenTime) ease; transition: height var(--_accordionOpenTime) ease; } } .page-header.search-open .when-search-accordion { display: block; } .page-header.search-suggestions-shown .search-accordion { overflow: initial; z-index: 1; } @media (max-width: 1279.98px) { .page-header.search-suggestions-shown .search-accordion { overflow-y: auto; } } @media (min-width: 1280px) { .page-header.search-suggestions-shown:after { content: ""; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; opacity: 0.8; } } .when-search-accordion { display: none; } @media (max-width: 1279.98px) { .menu-open .site-search .search-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .menu-open .search-accordion { visibility: visible; display: block; width: 100%; position: fixed; } .menu-open .search-accordion.animate-height { -webkit-transition: min-height var(--_accordionOpenTime) ease, height var(--_accordionOpenTime) ease, top var(--_accordionOpenTime) ease; transition: min-height var(--_accordionOpenTime) ease, height var(--_accordionOpenTime) ease, top var(--_accordionOpenTime) ease; } .menu-open .mobile-search-position_bottom .search-accordion { top: calc(100% - 110px); } .menu-open .mobile-search-position_top .search-accordion { top: 0; } .menu-open .page-header:not(.search-open) .mobile-search-position_bottom .search-accordion { height: 110px; min-height: 110px; border-top: 1px solid #000000; } .menu-open .page-header:not(.search-open) .mobile-search-position_bottom .search-accordion #searchAccordion { height: 100%; } .menu-open .page-header:not(.search-open) .mobile-search-position_top .search-accordion { z-index: 3; height: 50px; min-height: 50px; border-bottom: 1px solid #000000; } .menu-open .page-header:not(.search-open) .mobile-search-position_top .search-accordion .searchRow { background: #ffffff; border: 0; } } @media (max-width: 1279.98px) { body.menu-open:not(:has(.search-open)) #maincontent, body.menu-open:not(:has(.search-open)) #footercontent, body.menu-open:not(:has(.search-open)) .header-grid .menu { visibility: visible; -webkit-transition: none; transition: none; } body.menu-open:not(:has(.search-open)) .header-grid .menu { height: 100%; } } @media (max-width: 1279.98px) { body.menu-open:has(.search-open) #maincontent, body.menu-open:has(.search-open) #footercontent, body.menu-open:has(.search-open) .header-grid .menu { visibility: hidden; height: 0; overflow: hidden; -webkit-transition: visibility 0s ease var(--_accordionOpenTime), height 0s ease var(--_accordionOpenTime); transition: visibility 0s ease var(--_accordionOpenTime), height 0s ease var(--_accordionOpenTime); } body.menu-open:has(.search-open) .search-accordion.opened { position: relative; } } .plus-minus-accordion > .plus-minus-accordion-toggle, .plus-minus-accordion > * > .plus-minus-accordion-toggle { display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 44px; height: 44px; } .plus-minus-accordion > .plus-minus-accordion-toggle::after, .plus-minus-accordion > .plus-minus-accordion-toggle::before, .plus-minus-accordion > * > .plus-minus-accordion-toggle::after, .plus-minus-accordion > * > .plus-minus-accordion-toggle::before { content: ""; width: 16px; height: 2px; grid-row: 1; grid-column: 1; background-color: currentColor; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform var(--_interactionTransitionTime) ease; transition: -webkit-transform var(--_interactionTransitionTime) ease; transition: transform var(--_interactionTransitionTime) ease; transition: transform var(--_interactionTransitionTime) ease, -webkit-transform var(--_interactionTransitionTime) ease; } .plus-minus-accordion > .plus-minus-accordion-toggle::after, .plus-minus-accordion > * > .plus-minus-accordion-toggle::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } @media (max-width: 1279.98px) { .plus-minus-accordion > .slide-down { visibility: hidden; } .plus-minus-accordion > .slide-down.animate-height { overflow: hidden; height: 0; -webkit-transition: height var(--_interactionTransitionTime) ease, visibility 0s ease var(--_interactionTransitionTime); transition: height var(--_interactionTransitionTime) ease, visibility 0s ease var(--_interactionTransitionTime); } } .plus-minus-accordion.open > .plus-minus-accordion-toggle::after, .plus-minus-accordion.open > * > .plus-minus-accordion-toggle::after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } @media (max-width: 1279.98px) { .plus-minus-accordion.open > .slide-down.animate-height { height: var(--_openHeight); visibility: visible; -webkit-transition: height var(--_interactionTransitionTime) ease; transition: height var(--_interactionTransitionTime) ease; } } @media (max-width: 1279.98px) { .page-header .l1 > li { background-color: var(--_headerBackground); border-bottom: 1px solid var(--_headerL1Seperator); -webkit-transition: background-color var(--_interactionTransitionTime) ease; transition: background-color var(--_interactionTransitionTime) ease; } .page-header .l1 > li .l1-item { font-size: 18px; padding-bottom: 21px; } .page-header .l1 > li .l1-item.mobile-l1 { display: grid; width: 100%; height: auto; cursor: pointer; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-template-columns: 1fr 16px; } .page-header .l1 > li .l1-item.mobile-l1 .text { position: relative; margin-right: auto; } .page-header .l1 > li .l1-item.mobile-l1 .text::after { content: ""; position: absolute; bottom: -21px; left: 0; height: 3px; opacity: 0; background-color: var(--_activeTabAccent); -webkit-transition: opacity var(--_interactionTransitionTime) ease; transition: opacity var(--_interactionTransitionTime) ease; width: 100%; } .page-header .l1 > li .l1-item.mobile-l1::after, .page-header .l1 > li .l1-item.mobile-l1::before { grid-column: 2; grid-row: 1; } .page-header .l1 > li.open { background-color: var(--_activeTabBackground); } .page-header .l1 > li.open .mobile-l1 .text::after { opacity: 1; width: 100%; } } @media (min-width: 1280px) { .page-header .l1 > li { display: none; } .page-header .l1 > li .mobile-l1, .page-header .l1 > li .mobile-l1-link { display: none; } } @media (max-width: 1279.98px) { .page-header .l2 > li { border-top: 1px solid var(--_headerL3Seperator); } .page-header .l2 > li .l2-item { width: 100%; font-size: 14px; } .page-header .l2 > li .l2-item:hover, .page-header .l2 > li .l2-item:focus-visible { text-decoration: underline; } .page-header .l2 > li .l2-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-header .l2 > li.mobile-l1-link a { font-size: 18px; font-family: "ProximaNova-Bold", sans-serif; line-height: 22px; letter-spacing: 0.2em; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 18px; } .page-header .l2 > li.mobile-l1-link a .arrow { color: #9D0303; width: 8px; margin-right: auto; fill: none; } } @media (min-width: 1280px) { .page-header .l2 { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-header .l2 > li:not(.overlay) { position: relative; } .page-header .l2 > li .l2-holder { position: relative; } .page-header .l2 > li .l2-holder .plus-minus-accordion-toggle { position: absolute; top: 0; right: 0; width: 10px; height: 46px; visibility: hidden; } .page-header .l2 > li .l2-holder .plus-minus-accordion-toggle:after, .page-header .l2 > li .l2-holder .plus-minus-accordion-toggle:before { width: 10px; } .page-header .l2 > li.open .plus-minus-accordion-toggle, .page-header .l2 > li .l2-holder:focus-within .plus-minus-accordion-toggle, .page-header .l2 > li a:focus-visible + .plus-minus-accordion-toggle, .page-header .l2 > li .plus-minus-accordion-toggle:focus { visibility: visible; } .page-header .l2 > li .l2-item { background: var(--_activeTabBackground); } .page-header .l2 > li .l2-item:hover, .page-header .l2 > li .l2-item:focus-visible { text-decoration: underline; } .page-header .l2 > li ~ .overlay:before { content: ""; position: fixed; top: 0; left: 0; background: #000000; opacity: 0; visibility: hidden; display: block; z-index: -1; height: 100vh; width: 100vw; -webkit-transition: opacity var(--_interactionTransitionTime) ease, visibility 0s ease var(--_interactionTransitionTime); transition: opacity var(--_interactionTransitionTime) ease, visibility 0s ease var(--_interactionTransitionTime); } .page-header .l2 > li.open { --_menuDelay: 0; } .page-header .l2 > li.plus-minus-accordion:hover .l3, .page-header .l2 > li.open .l3 { visibility: visible; opacity: 1; -webkit-transition: opacity var(--_interactionTransitionTime) ease var(--_menuDelay), visibility 0s ease var(--_menuDelay); transition: opacity var(--_interactionTransitionTime) ease var(--_menuDelay), visibility 0s ease var(--_menuDelay); } .page-header .l2 > li.plus-minus-accordion:hover ~ .overlay:before, .page-header .l2 > li.open ~ .overlay:before { opacity: .4; visibility: visible; -webkit-transition: opacity var(--_interactionTransitionTime) ease var(--_menuDelay), visibility 0s ease var(--_menuDelay); transition: opacity var(--_interactionTransitionTime) ease var(--_menuDelay), visibility 0s ease var(--_menuDelay); } } .page-header .l3 { background: var(--_activeTabBackground); } .page-header .l3 > li .l3-item { display: block; font-family: "ProximaNova-Bold", sans-serif; background-color: var(--_activeTabBackground); font-size: 14px; padding: 11px var(--_gutter) 11px var(--_gutter); letter-spacing: 4px; text-decoration: none; text-transform: uppercase; min-width: 268px; border-bottom: 1px solid var(--_headerL3Seperator); } .page-header .l3 > li:last-child .l3-item { border-bottom: 0; } .page-header .l3 > li > a:hover, .page-header .l3 > li > a:focus-visible { text-decoration: underline; } @media (max-width: 1279.98px) { .page-header .l3 { border-top: 1px solid var(--_headerL3Seperator); } } @media (min-width: 1280px) { .page-header .l3 { position: absolute; top: 100%; max-height: calc(100vh - 165px); overflow-y: auto; visibility: hidden; opacity: 0; -webkit-transition: opacity var(--_interactionTransitionTime) ease, visibility 0s ease var(--_interactionTransitionTime); transition: opacity var(--_interactionTransitionTime) ease, visibility 0s ease var(--_interactionTransitionTime); } .page-header .l3 > li.columns_2 .l4 { display: grid; grid-template-columns: 50% 50%; gap: var(--_gutter); } } .page-header .l4 { background: var(--_headerL4Background); padding: 0 var(--_gutter); } .page-header .l4 > li { max-width: 100%; } @media (min-width: 1280px) { .page-header .l4 > li { width: 270px; } } .page-header .l4 > li .l4-item { text-decoration: none; font-size: 16px; position: relative; padding: 8px 0; display: block; text-align: left; } .page-header .l4 > li .l4-item:hover .arrow, .page-header .l4 > li .l4-item:focus-visible .arrow { opacity: 1; right: 6px; } .page-header .l4 > li .l4-item .arrow { opacity: 0; right: 0; position: absolute; top: 11px; color: #9D0303; width: 8px; margin-right: auto; fill: none; -webkit-transition: right var(--_interactionTransitionTime) ease, opacity var(--_interactionTransitionTime) ease; transition: right var(--_interactionTransitionTime) ease, opacity var(--_interactionTransitionTime) ease; } .page-header .l4 > li.type_detail a { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 0; gap: var(--_gutter); } .page-header .l4 > li.type_detail a .image { width: 60px; -ms-flex-negative: 0; flex-shrink: 0; } .page-header .l4 > li.type_detail a .image img { width: 100%; } .page-header .l4 > li.type_detail a .text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .page-header .l4 > li.type_detail a .text .label, .page-header .l4 > li.type_detail a .text .byline { display: block; letter-spacing: 1px; } .page-header .l4 > li.type_detail a .text .label { text-transform: uppercase; margin-bottom: 8px; font-family: "ProximaNova-Bold", sans-serif; } .page-header .l4 > li.type_detail a .text .byline { font-size: 14px; line-height: 1.25; font-weight: 400; } .page-header .l4 > li.type_detail a .arrow { top: 19px; } .page-header .l4 > li.type_detail a:focus-visible .label, .page-header .l4 > li.type_detail a:hover .label { text-decoration: underline; } .page-header .l4 > li.type_simple a { padding: 16px 30px 16px 16px; } .page-header .l4 > li.type_simple a:focus-visible, .page-header .l4 > li.type_simple a:hover { text-decoration: underline; } .page-header .l4 > li.type_simple .arrow { top: 16px; } #countrySelector, #supportPhoneSelector { --_spacer: 30px; color: #000000; } #countrySelector .modal-header, #supportPhoneSelector .modal-header { display: block; padding: 32px 0 25px 0; } #countrySelector .modal-header svg, #supportPhoneSelector .modal-header svg { display: block; width: 24px; margin: 0 auto 14px auto; fill: transparent; } #countrySelector .modal-header h2, #supportPhoneSelector .modal-header h2 { font-size: 18px; line-height: 14px; text-align: center; letter-spacing: 0.2em; text-transform: uppercase; color: #0D0D0D; } #countrySelector .modal-body, #supportPhoneSelector .modal-body { max-width: 390px; width: 100%; margin: auto; padding: var(--_spacer); } #countrySelector .current-locale, #supportPhoneSelector .current-locale { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: var(--_spacer); margin-bottom: var(--_spacer); border-bottom: 1px solid #D0D0D0; font-family: "ProximaNova-Bold", sans-serif; color: #000000; } #countrySelector .current-locale svg, #supportPhoneSelector .current-locale svg { color: #9D0303; fill: transparent; width: 36px; display: inline-block; padding-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } #countrySelector .locale-options li, #countrySelector .locale-options .dropdown-item, #supportPhoneSelector .locale-options li, #supportPhoneSelector .locale-options .dropdown-item { margin-bottom: var(--_spacer); padding-left: 36px; } #countrySelector .locale-options li:hover, #countrySelector .locale-options .dropdown-item:hover, #supportPhoneSelector .locale-options li:hover, #supportPhoneSelector .locale-options .dropdown-item:hover { background: transparent; } #countrySelector .locale-options a, #supportPhoneSelector .locale-options a { font-weight: 400; font-size: 14px; line-height: 14px; letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none; } #countrySelector .locale-options a:hover, #countrySelector .locale-options a:focus-visible, #supportPhoneSelector .locale-options a:hover, #supportPhoneSelector .locale-options a:focus-visible { text-decoration: underline; } #countrySelector .modal-footer button, #supportPhoneSelector .modal-footer button { margin: auto; font-family: "ProximaNova-Bold", sans-serif; letter-spacing: 0.2em; font-size: 14px; } .header-alert-banner { --_headerAlertBackgroundRed: #fee2e2; --_headerAlertTextRed: #9D0303; } .header-alert-banner-soldout .alert-banner-inner { background-color: var(--_headerAlertBackgroundRed); } .header-alert-banner-soldout .alert-banner-inner p, .header-alert-banner-soldout .alert-banner-inner ul.bulleted li, ul.bulleted .header-alert-banner-soldout .alert-banner-inner li { color: var(--_headerAlertTextRed); } @media (max-width: 1279.98px) { body.menu-open:not(:has(.search-suggestions-shown)) { overflow: hidden; } } body.menu-open .page-header { --_menuDelay: 0s; } @media (min-width: 1280px) { body.menu-open .l2 > li:hover:not(.open) .l3 { visibility: hidden !important; opacity: 0 !important; } } .page-header { position: sticky; z-index: 10; } .page-header:not(.accordion-open) { top: calc(-1 * ((var(--_bannerHeight) - 3px))); } .page-header .header-grid { display: grid; grid-template-columns: 100%; } .page-header .menu { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .page-header .menu-outer { background: var(--_headerBackground); color: var(--_headerColor); } .page-header .header-color { color: var(--_headerColor); } .page-header .accent { color: var(--_headerColorAccent); } .page-header .menu-container { display: grid; } .page-header .menu-container > .experience-region { display: contents; } .page-header .menu-container > .experience-region > .experience-component { display: contents; } .page-header .account-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .page-header .account-section li { font-size: 12px; line-height: 15px; letter-spacing: 0.2em; text-transform: uppercase; } .page-header .account-section li.desktop-only { display: block; } .page-header .account-section li.mobile-only { display: none; } @media (max-width: 1279.98px) { .page-header .account-section li.desktop-only { display: none; } .page-header .account-section li.mobile-only { display: block; } } .page-header .account-section a, .page-header .account-section button { color: var(--_headerColor); font-family: "ProximaNova-Bold", sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; } .page-header .account-section a:hover, .page-header .account-section a:focus-visible, .page-header .account-section button:hover, .page-header .account-section button:focus-visible { text-decoration: underline; } .page-header .account-section #showSearch { display: none; padding: 0; } .page-header .account-section #showSearch svg { width: 16px; height: 16px; margin-right: 5px; } @media (min-width: 1280px) { .page-header .account-section #showSearch { display: block; } } .page-header .account-section .c-icon--icon-hero-star { width: 16px; height: 16px; -webkit-transform: translateY(-2px); transform: translateY(-2px); margin-left: 13px; color: var(--_headerColorAccent); } .page-header .account-section .c-icon--icon-cart-white { width: 16px; height: 16px; } @media (min-width: 1280px) { .page-header .account-section .c-icon--icon-cart-white { margin: 5px; } } .page-header .minicart { margin: 0; } .page-header .l1-item, .page-header .l2-item { color: var(--_headerColor); display: block; text-decoration: none; text-transform: uppercase; font-family: "ProximaNova-Bold", sans-serif; font-weight: normal; letter-spacing: 0.2em; line-height: 1.22em; } .page-header .l1-item.accent, .page-header .l2-item.accent { color: var(--_headerColorAccent); } @media (max-width: 1279.98px) { .page-header .l1-item, .page-header .l2-item { padding: 25px var(--_gutter); } .page-header .location-list-item { display: none; } .page-header .menu-container { padding: 0 12px 0 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-template-columns: -webkit-min-content 1fr -webkit-min-content; grid-template-columns: min-content 1fr min-content; grid-template-rows: -webkit-min-content 0px; grid-template-rows: min-content 0px; } .page-header .menu-container.open { height: 100vh; grid-template-rows: -webkit-min-content 1fr; grid-template-rows: min-content 1fr; } .page-header .menu-container.open #mainMenu { padding-bottom: 300px; } .page-header .mobile-nav-toggle { grid-column: 1; margin-right: 8px; cursor: pointer; border-bottom: 22px solid var(--_headerBackground); border-top: 23px solid var(--_headerBackground); border-right: 16px solid var(--_headerBackground); background: var(--_headerColor); height: 48px; width: 48px; position: relative; -webkit-transition: background var(--_interactionTransitionTime) ease; transition: background var(--_interactionTransitionTime) ease; } .page-header .mobile-nav-toggle:before, .page-header .mobile-nav-toggle:after { content: ""; height: 3px; background: var(--_headerColor); width: 100%; position: absolute; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: center left; transform-origin: center left; -webkit-transition: -webkit-transform var(--_interactionTransitionTime) ease; transition: -webkit-transform var(--_interactionTransitionTime) ease; transition: transform var(--_interactionTransitionTime) ease; transition: transform var(--_interactionTransitionTime) ease, -webkit-transform var(--_interactionTransitionTime) ease; } .page-header .mobile-nav-toggle:before { top: -11px; } .page-header .mobile-nav-toggle:after { bottom: -11px; } .page-header .mobile-nav-toggle svg { position: absolute; opacity: 1; height: 22px; width: 22px; background: var(--_headerBackground); border-width: 3px 0 0 3px; border-color: var(--_headerBackground); border-style: solid; border-radius: 50% 0 0 50%; bottom: -11px; z-index: 1; right: 0; color: var(--_headerColor); -webkit-transition: opacity var(--_interactionTransitionTime) ease, right var(--_interactionTransitionTime) ease; transition: opacity var(--_interactionTransitionTime) ease, right var(--_interactionTransitionTime) ease; } .page-header .mobile-nav-toggle[aria-expanded="true"] { background: transparent; } .page-header .mobile-nav-toggle[aria-expanded="true"]:before { top: -11px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .page-header .mobile-nav-toggle[aria-expanded="true"]:after { bottom: -11px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .page-header .mobile-nav-toggle[aria-expanded="true"] svg { right: -20px; opacity: 0; } .page-header .logo-section { grid-column: 2; } .page-header .logo-section .logo { padding: 20px 0; display: inline-block; color: var(--_headerColor); } .page-header .logo-section .logo svg { height: 32px; } .page-header .logo-section .logo svg g { fill: var(--_headerColor); } .page-header .logo-section .locale { display: none; } .page-header .tabs { display: none; } .page-header #mainMenu { grid-column: 1 / -1; grid-row: 2; height: 100%; width: 100vw; overflow-y: auto; position: relative; margin: 0 -12px 0 -8px; } .page-header #mainMenu .mobile-links { display: grid; grid-template-columns: repeat(3, calc(100% / 3)); -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-align: center; background-color: var(--_mobileLinksBackground); position: sticky; top: 0; z-index: 1; -webkit-box-shadow: var(--_mobileLinksBoxShadow); box-shadow: var(--_mobileLinksBoxShadow); } .page-header #mainMenu .mobile-links > * { color: var(--_headerColor); padding: 20px var(--_gutter); text-transform: uppercase; font-family: "ProximaNova-Bold", sans-serif; font-size: 12px; line-height: 15px; letter-spacing: 0.1em; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 11px; } .page-header #mainMenu .mobile-links > * svg { width: 24px; fill: transparent; } .page-header #mainMenu .mobile-links > *:not(:last-child) { border-right: 1px solid var(--_mobileLinksBorder); } .page-header #mainMenu .mobile-links > *:focus-visible, .page-header #mainMenu .mobile-links > *:hover { text-decoration: underline; } .page-header .account-section { grid-column: 3; } .page-header .account-section li a, .page-header .account-section li button { min-height: 48px; min-width: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; } .page-header .account-section li .minicart-link { gap: 5px; } .page-header .account-section .phone { display: none; } } @media (min-width: 1280px) { .page-header .l1-item, .page-header .l2-item { padding: 17px var(--_gutter); position: relative; font-size: 12px; } .page-header .menu-container { grid-template-columns: -webkit-min-content 1fr -webkit-min-content; grid-template-columns: min-content 1fr min-content; padding: 14px var(--_gutter) 15px var(--_gutter); } .page-header .mobile-nav-toggle { display: none; } .page-header .logo-section { grid-column: 1; grid-row: 1 / span 2; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 144px; padding-right: 23px; } .page-header .logo-section .logo { color: var(--_headerColor); } .page-header .logo-section .logo svg { height: 54px; width: 120.75px; } .page-header .logo-section .logo svg g { fill: var(--_headerColor); } .page-header .logo-section .locale { color: var(--_headerColor); padding: 0; gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; font-size: 11px; line-height: 13px; letter-spacing: 0.2em; min-height: initial; margin-top: 10px; } .page-header .logo-section .locale svg { width: 12px; height: 11.5px; } .page-header .logo-section .locale:hover, .page-header .logo-section .locale:focus-visible { text-decoration: underline; } .page-header .tabs { margin-right: auto; grid-column: 2; grid-row: 1; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; } .page-header .tabs:before { content: ""; position: absolute; left: 0; height: 1px; width: 100%; top: 22px; background: var(--_headerBarColor); } .page-header .tabs li .l1-item { background: var(--_headerBackground); } .page-header .tabs li .l1-item::after { --_underlineIndent: 50%; content: ""; position: absolute; bottom: 0; left: var(--_underlineIndent); right: var(--_underlineIndent); height: 3px; background: var(--_activeTabAccent); opacity: 0; -webkit-transition: opacity var(--_interactionTransitionTime) ease, left var(--_interactionTransitionTime) ease, right var(--_interactionTransitionTime) ease; transition: opacity var(--_interactionTransitionTime) ease, left var(--_interactionTransitionTime) ease, right var(--_interactionTransitionTime) ease; } .page-header .tabs li .l1-item:hover::after, .page-header .tabs li .l1-item:focus::after { --_underlineIndent: var(--_gutter); opacity: 1; } .page-header .account-section { grid-column: 3; grid-row: 1; } .page-header .account-section li { padding: 0 var(--_gutter); } .page-header .account-section li.phone-with-label a { position: relative; } .page-header .account-section li.phone-with-label a .label { position: absolute; top: -15px; font-family: "ProximaNova-Regular", sans-serif; } .page-header #mainMenu { grid-column: 2 / span 2; grid-row: 2; background-color: var(--_activeTabBackground); height: 49px; } .page-header #mainMenu .desktop-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 49px; padding-left: var(--_gutter); } .page-header #mainMenu .desktop-content a:hover, .page-header #mainMenu .desktop-content a:focus-visible { text-decoration: underline; } .page-header #mainMenu .location-list-item { margin-left: auto; } .page-header #mainMenu .location-list-item svg { margin-right: 5px; } .page-header #mainMenu .location-list-item .l2-item:hover { text-decoration: none; } .page-header #mainMenu .location-list-item .l2-item:hover span { text-decoration: underline; } } @media (min-width: 1280px) { body.menu-display--apparel:not(.activeNav) .page-header .tabs li:nth-child(2) .l1-item { background-color: var(--_activeTabBackground); } body.menu-display--apparel:not(.activeNav) .page-header .tabs li:nth-child(2) .l1-item::after { --_underlineIndent: var(--_gutter); opacity: 1; } body.menu-display--apparel:not(.activeNav) .page-header #mainMenu .l1 > li:nth-child(2) { display: block; } body:not(.menu-display--apparel):not(.activeNav) .page-header .tabs li:nth-child(1) .l1-item { background-color: var(--_activeTabBackground); } body:not(.menu-display--apparel):not(.activeNav) .page-header .tabs li:nth-child(1) .l1-item::after { --_underlineIndent: var(--_gutter); opacity: 1; } body:not(.menu-display--apparel):not(.activeNav) .page-header #mainMenu .l1 > li:nth-child(1) { display: block; } } @media (max-width: 543.98px) { .collapsible-xs.bg-dark .title::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFF'%3E%3Cg%3E%3Cpath d='M9.838 0l1.147 1.638-5.488 3.843-.005-.006-.004.006L0 1.638 1.147 0l4.345 3.042L9.838 0z' transform='translate(-999 -917) translate(999 917)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .collapsible-xs .title::after { content: ""; background-repeat: no-repeat; width: 11px; min-width: 11px; height: 6px; margin-left: 0.5rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000'%3E%3Cg%3E%3Cpath d='M9.838 0l1.147 1.638-5.488 3.843-.005-.006-.004.006L0 1.638 1.147 0l4.345 3.042L9.838 0z' transform='translate(-999 -644) translate(999 644)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .collapsible-xs .content, .collapsible-xs .card-body { display: none; } .collapsible-xs.active .title { border-bottom: none; } .collapsible-xs.active .title::after { margin-top: -0.125em; /* 2/16 */ -webkit-transform: rotate(180deg); transform: rotate(180deg); } .collapsible-xs.active .content, .collapsible-xs.active .card-body { display: block; } } .collapsible-xs .title { font-family: "ProximaNova-Bold", sans-serif; color: #000000; letter-spacing: 2px; text-decoration: none; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 16px 10px 0; } .collapsible-xs .title:hover { text-decoration: none; } .collapsible-xs .title[aria-controls="gift-card-code-form"]:focus { outline: 1px solid #000000; } .collapsible-xs .title--no-sub-categories { letter-spacing: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 16px 10px 0; } .collapsible-xs .title--no-sub-categories:hover { text-decoration: none; } @media (max-width: 768.98px) { .collapsible-sm.bg-dark .title::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFF'%3E%3Cg%3E%3Cpath d='M9.838 0l1.147 1.638-5.488 3.843-.005-.006-.004.006L0 1.638 1.147 0l4.345 3.042L9.838 0z' transform='translate(-999 -917) translate(999 917)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .collapsible-sm .title::after { content: ""; background-repeat: no-repeat; width: 11px; min-width: 11px; height: 6px; margin-left: 0.5rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000'%3E%3Cg%3E%3Cpath d='M9.838 0l1.147 1.638-5.488 3.843-.005-.006-.004.006L0 1.638 1.147 0l4.345 3.042L9.838 0z' transform='translate(-999 -644) translate(999 644)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .collapsible-sm .content, .collapsible-sm .card-body { display: none; } .collapsible-sm.active .title { border-bottom: none; } .collapsible-sm.active .title::after { margin-top: -0.125em; /* 2/16 */ -webkit-transform: rotate(180deg); transform: rotate(180deg); } .collapsible-sm.active .content, .collapsible-sm.active .card-body { display: block; } } .collapsible-sm .title { font-family: "ProximaNova-Bold", sans-serif; color: #000000; letter-spacing: 2px; text-decoration: none; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 16px 10px 0; } .collapsible-sm .title:hover { text-decoration: none; } .collapsible-sm .title[aria-controls="gift-card-code-form"]:focus { outline: 1px solid #000000; } .collapsible-sm .title--no-sub-categories { letter-spacing: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 16px 10px 0; } .collapsible-sm .title--no-sub-categories:hover { text-decoration: none; } @media (max-width: 1023.98px) { .collapsible-md.bg-dark .title::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFF'%3E%3Cg%3E%3Cpath d='M9.838 0l1.147 1.638-5.488 3.843-.005-.006-.004.006L0 1.638 1.147 0l4.345 3.042L9.838 0z' transform='translate(-999 -917) translate(999 917)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .collapsible-md .title::after { content: ""; background-repeat: no-repeat; width: 11px; min-width: 11px; height: 6px; margin-left: 0.5rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000'%3E%3Cg%3E%3Cpath d='M9.838 0l1.147 1.638-5.488 3.843-.005-.006-.004.006L0 1.638 1.147 0l4.345 3.042L9.838 0z' transform='translate(-999 -644) translate(999 644)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .collapsible-md .content, .collapsible-md .card-body { display: none; } .collapsible-md.active .title { border-bottom: none; } .collapsible-md.active .title::after { margin-top: -0.125em; /* 2/16 */ -webkit-transform: rotate(180deg); transform: rotate(180deg); } .collapsible-md.active .content, .collapsible-md.active .card-body { display: block; } } .collapsible-md .title { font-family: "ProximaNova-Bold", sans-serif; color: #000000; letter-spacing: 2px; text-decoration: none; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 16px 10px 0; } .collapsible-md .title:hover { text-decoration: none; } .collapsible-md .title[aria-controls="gift-card-code-form"]:focus { outline: 1px solid #000000; } .collapsible-md .title--no-sub-categories { letter-spacing: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 16px 10px 0; } .collapsible-md .title--no-sub-categories:hover { text-decoration: none; } @media (max-width: 1279.98px) { .collapsible-mdlg.bg-dark .title::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFF'%3E%3Cg%3E%3Cpath d='M9.838 0l1.147 1.638-5.488 3.843-.005-.006-.004.006L0 1.638 1.147 0l4.345 3.042L9.838 0z' transform='translate(-999 -917) translate(999 917)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .collapsible-mdlg .title::after { content: ""; background-repeat: no-repeat; width: 11px; min-width: 11px; height: 6px; margin-left: 0.5rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000'%3E%3Cg%3E%3Cpath d='M9.838 0l1.147 1.638-5.488 3.843-.005-.006-.004.006L0 1.638 1.147 0l4.345 3.042L9.838 0z' transform='translate(-999 -644) translate(999 644)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .collapsible-mdlg .content, .collapsible-mdlg .card-body { display: none; } .collapsible-mdlg.active .title { border-bottom: none; } .collapsible-mdlg.active .title::after { margin-top: -0.125em; /* 2/16 */ -webkit-transform: rotate(180deg); transform: rotate(180deg); } .collapsible-mdlg.active .content, .collapsible-mdlg.active .card-body { display: block; } } .collapsible-mdlg .title { font-family: "ProximaNova-Bold", sans-serif; color: #000000; letter-spacing: 2px; text-decoration: none; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 16px 10px 0; } .collapsible-mdlg .title:hover { text-decoration: none; } .collapsible-mdlg .title[aria-controls="gift-card-code-form"]:focus { outline: 1px solid #000000; } .collapsible-mdlg .title--no-sub-categories { letter-spacing: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 16px 10px 0; } .collapsible-mdlg .title--no-sub-categories:hover { text-decoration: none; } @media (max-width: 1399.98px) { .collapsible-lg.bg-dark .title::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFF'%3E%3Cg%3E%3Cpath d='M9.838 0l1.147 1.638-5.488 3.843-.005-.006-.004.006L0 1.638 1.147 0l4.345 3.042L9.838 0z' transform='translate(-999 -917) translate(999 917)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .collapsible-lg .title::after { content: ""; background-repeat: no-repeat; width: 11px; min-width: 11px; height: 6px; margin-left: 0.5rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000'%3E%3Cg%3E%3Cpath d='M9.838 0l1.147 1.638-5.488 3.843-.005-.006-.004.006L0 1.638 1.147 0l4.345 3.042L9.838 0z' transform='translate(-999 -644) translate(999 644)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .collapsible-lg .content, .collapsible-lg .card-body { display: none; } .collapsible-lg.active .title { border-bottom: none; } .collapsible-lg.active .title::after { margin-top: -0.125em; /* 2/16 */ -webkit-transform: rotate(180deg); transform: rotate(180deg); } .collapsible-lg.active .content, .collapsible-lg.active .card-body { display: block; } } .collapsible-lg .title { font-family: "ProximaNova-Bold", sans-serif; color: #000000; letter-spacing: 2px; text-decoration: none; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 16px 10px 0; } .collapsible-lg .title:hover { text-decoration: none; } .collapsible-lg .title[aria-controls="gift-card-code-form"]:focus { outline: 1px solid #000000; } .collapsible-lg .title--no-sub-categories { letter-spacing: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 16px 10px 0; } .collapsible-lg .title--no-sub-categories:hover { text-decoration: none; } .collapsible-xl.bg-dark .title::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFF'%3E%3Cg%3E%3Cpath d='M9.838 0l1.147 1.638-5.488 3.843-.005-.006-.004.006L0 1.638 1.147 0l4.345 3.042L9.838 0z' transform='translate(-999 -917) translate(999 917)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .collapsible-xl .title::after { content: ""; background-repeat: no-repeat; width: 11px; min-width: 11px; height: 6px; margin-left: 0.5rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000'%3E%3Cg%3E%3Cpath d='M9.838 0l1.147 1.638-5.488 3.843-.005-.006-.004.006L0 1.638 1.147 0l4.345 3.042L9.838 0z' transform='translate(-999 -644) translate(999 644)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .collapsible-xl .content, .collapsible-xl .card-body { display: none; } .collapsible-xl.active .title { border-bottom: none; } .collapsible-xl.active .title::after { margin-top: -0.125em; /* 2/16 */ -webkit-transform: rotate(180deg); transform: rotate(180deg); } .collapsible-xl.active .content, .collapsible-xl.active .card-body { display: block; } .collapsible-xl .title { font-family: "ProximaNova-Bold", sans-serif; color: #000000; letter-spacing: 2px; text-decoration: none; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 16px 10px 0; } .collapsible-xl .title:hover { text-decoration: none; } .collapsible-xl .title[aria-controls="gift-card-code-form"]:focus { outline: 1px solid #000000; } .collapsible-xl .title--no-sub-categories { letter-spacing: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 16px 10px 0; } .collapsible-xl .title--no-sub-categories:hover { text-decoration: none; } footer#footercontent { border-top: 1px solid #ffffff; } @media (min-width: 1280px) { footer#footercontent { z-index: 9; } } @media (max-width: 1023.98px) { footer#footercontent .container .footer-item.country-selector-wrapper .title { padding: 6px 15px 6px 0; } } footer#footercontent .container .footer-item .title { font-family: "ProximaNova-Bold", sans-serif; font-size: 0.8125rem; color: #ffffff; letter-spacing: 1.43px; line-height: 1.85; padding: 0 15px; } @media (min-width: 1280px) { footer#footercontent .container .footer-item .title { padding: 0 0 10px; } } footer#footercontent .container .footer-item .social-links a { border: 2px solid transparent; padding: 2px; } footer#footercontent .container .footer-item .social-links a:hover svg path, footer#footercontent .container .footer-item .social-links a:focus svg path { background-color: #9D0303; fill: #9D0303; } footer#footercontent .container .footer-item .social-links a:focus { border: 2px solid #027db4; } @media (max-width: 1023.98px) { footer#footercontent .container .footer-item .social-links .title { font-size: 0.875rem; letter-spacing: 1.85px; padding: 0 15px 6px 0; } } @media (max-width: 1023.98px) { footer#footercontent .container .footer-item .country-selector-wrapper .title { padding: 0; } } footer#footercontent h2 { font-size: 1rem; line-height: 2.5em; /* 40/16 */ margin-bottom: 0; } footer#footercontent .social-links ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1.5rem; } footer#footercontent .social-links li { margin-right: 1rem; } footer#footercontent .social-links a, footer#footercontent .social-links a:hover { text-decoration: none; } footer#footercontent .social-links a svg, footer#footercontent .social-links a:hover svg { width: 1rem; height: 1rem; } footer#footercontent .content { font-size: 0.8125rem; } footer#footercontent .copyright, footer#footercontent .postscript { font-size: 0.8125rem; color: #ffffff; letter-spacing: 1.43px; text-align: center; } footer#footercontent .copyright { margin: 1rem auto; } footer#footercontent .country-selector-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; } @media (min-width: 1280px) { footer#footercontent .country-selector-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 56px; } } footer#footercontent .country-selector-wrapper .title { margin-right: 1rem; } footer#footercontent .country-selector { border: 1px solid #ffffff; width: 100%; max-width: 200px; height: 2.5rem; } footer#footercontent .country-selector:focus, footer#footercontent .country-selector:active { border-radius: 0; } footer#footercontent .country-selector.show > span { color: #ffffff; } footer#footercontent .country-selector.show > span svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } footer#footercontent .country-selector > span { color: #ffffff; letter-spacing: 0.082rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 0 10px; overflow: hidden; } footer#footercontent .country-selector > span svg { width: 10px; } footer#footercontent .country-selector .dropdown-menu { background: #000000; border: 1px solid #000000; border-radius: 0; top: unset; bottom: 40px; left: -2px; width: 200px; } footer#footercontent .country-selector .dropdown-item { font-family: "ProximaNova-Regular", sans-serif; font-size: 1rem; color: #ffffff; letter-spacing: 0.082rem; background: inherit; padding: 12px 6px; } footer#footercontent .country-selector .dropdown-item:hover { color: #000000; background: white; } .sign-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 1280px) { .sign-up { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .sign-up__label { font-family: "ProximaNova-Bold", sans-serif; font-size: 1.5rem; font-weight: unset; color: #ffffff; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 1rem; } @media (min-width: 1280px) { .sign-up__label { margin-bottom: 0; } } .sign-up__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1280px) { .sign-up__controls { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 560px; } } .sign-up__controls.input-group input { font-family: "ProximaNova-Regular", sans-serif; font-size: 0.875rem; color: #ffffff; letter-spacing: 1.85px; background: #1F2428; border: 0 none; border-bottom: 2px solid #ffffff; border-radius: 0; width: 100%; max-width: 330px; height: 2.5rem; margin-bottom: 1rem; } @media (min-width: 1280px) { .sign-up__controls.input-group input { margin-bottom: 0; } } .sign-up__controls.input-group input::-webkit-input-placeholder { font-family: "ProximaNova-Regular", sans-serif; font-size: 0.875rem; color: #ffffff; letter-spacing: 1.85px; text-transform: uppercase; } .sign-up__controls.input-group input::-moz-placeholder { font-family: "ProximaNova-Regular", sans-serif; font-size: 0.875rem; color: #ffffff; letter-spacing: 1.85px; text-transform: uppercase; } .sign-up__controls.input-group input:-ms-input-placeholder { font-family: "ProximaNova-Regular", sans-serif; font-size: 0.875rem; color: #ffffff; letter-spacing: 1.85px; text-transform: uppercase; } .sign-up__controls.input-group input::-ms-input-placeholder { font-family: "ProximaNova-Regular", sans-serif; font-size: 0.875rem; color: #ffffff; letter-spacing: 1.85px; text-transform: uppercase; } .sign-up__controls.input-group input::placeholder { font-family: "ProximaNova-Regular", sans-serif; font-size: 0.875rem; color: #ffffff; letter-spacing: 1.85px; text-transform: uppercase; } .sign-up__controls.input-group button { width: 100%; max-width: 215px; } .footer-divider { background: #ffffff; border: 0 none; display: block; width: 100%; height: 1px; margin: 1.5rem 0; } @media (min-width: 1280px) { .footer-divider { margin: 2.5rem 0 2rem; } } .footer-container { margin-bottom: 1.5rem; } @media (min-width: 1280px) { .footer-container { margin-bottom: 2rem; } } .footer-item { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } @media (min-width: 1280px) { .footer-item { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 1280px) { .footer-item > div { margin-bottom: 2rem; } } .footer-item > div:last-child { margin-bottom: 0; } .footer-item button { border-bottom: 1px solid #ffffff !important; } .menu-footer { padding: 0 1.5rem 0.5rem; } @media (min-width: 1280px) { .menu-footer { padding: 0; } } .menu-footer a { font-family: "ProximaNova-Regular", sans-serif; font-size: 0.8125rem; color: #ffffff; letter-spacing: 1.43px; line-height: 2.62; padding-right: 15px; text-decoration: none; text-transform: uppercase; border: 2px solid transparent; white-space: nowrap; } @media (min-width: 1280px) { .menu-footer a { line-height: 1.85; } } .menu-footer a:hover, .menu-footer a:focus { font-weight: 400 !important; text-decoration: none; background-repeat: no-repeat; background-position: right center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgb(235, 0, 54)' stroke-width='3' viewBox='0 0 11.729 31.085'%3E%3Cpath d='M1340.1,727.913l9.7,14.9-9.7,15.1' transform='translate(-1339.259 -727.368)'/%3E%3C/svg%3E"); } .menu-footer a:focus { border: 2px solid #027DB4; } .footer-contact .menu-footer { padding-top: 0; } .footer-contact .menu-footer li { text-align: center; } @media (min-width: 1280px) { .footer-contact .menu-footer li { text-align: left; } } .footer-contact .c-icon--icon-phone-white { width: 1rem; } #consent-tracking .button-wrapper button { margin: 0.5em; } .email-signup-message { position: fixed; top: 15%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 150; } .email-signup-alert { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; color: #ffffff; letter-spacing: 3.33px; text-transform: uppercase; border-color: #ffffff; border-radius: 0; padding: 1.5rem; -webkit-animation: fade 5s linear forwards; animation: fade 5s linear forwards; } @-webkit-keyframes fade { 0% { opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade { 0% { opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } .email-signup-alert.show { display: block; } .copyright-notice { background: #0a0a0e; } .hero { height: 25vw; background-size: cover; background-position: 50%; position: relative; } .hero h1.page-title { top: 50%; } @media (min-width: 544px) { .slant-up::after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border: 0 solid transparent; border-left-width: 0; border-right-width: 90vw; border-top: 4vw solid #ffffff; } } h1.page-title { text-transform: uppercase; } h1, h2, h3, h4, h5, h6, *.font-dosis { font-family: 'Dosis', sans-serif; } body.modal-open #maincontent { -webkit-filter: unset; filter: unset; } .pxg-video { width: 100%; height: auto; position: relative; } .pxg-video img { display: block; width: 100%; height: auto; } @media (min-width: 1024px) { .pxg-video { min-height: 600px; } .pxg-video img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .pxg-video.pos--ct img { -o-object-position: center top; object-position: center top; } .pxg-video.pos--cc img { -o-object-position: center center; object-position: center center; } .pxg-video.pos--cb img { -o-object-position: center bottom; object-position: center bottom; } .pxg-video.pos--lt img { -o-object-position: left top; object-position: left top; } .pxg-video.pos--lc img { -o-object-position: left center; object-position: left center; } .pxg-video.pos--lb img { -o-object-position: left bottom; object-position: left bottom; } .pxg-video.pos--rt img { -o-object-position: right top; object-position: right top; } .pxg-video.pos--rc img { -o-object-position: right center; object-position: right center; } .pxg-video.pos--rb img { -o-object-position: right bottom; object-position: right bottom; } } .modal, .modal.pxg-modal { background: transparent; } .modal .modal-header button.close, .modal.pxg-modal .modal-header button.close { background-size: 90%; width: 30px; height: 30px; } .modal.bg-dark .close, .modal .bg-dark .close, .modal.pxg-modal.bg-dark .close, .modal.pxg-modal .bg-dark .close { background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7897 10.8135L0.837285 0.861093C0.680142 0.70395 0.680142 0.494426 0.837285 0.337283C0.994428 0.18014 1.20395 0.18014 1.36109 0.337283L11.3135 10.2897C11.4706 10.4468 11.4706 10.6563 11.3135 10.8135C11.1563 10.9706 10.9468 10.9706 10.7897 10.8135Z' fill='white'/%3E%3Cpath d='M11.3135 0.8611L1.36109 10.8135C1.20395 10.9706 0.994426 10.9706 0.837283 10.8135C0.68014 10.6563 0.68014 10.4468 0.837283 10.2897L10.7897 0.33729C10.9468 0.180148 11.1563 0.180148 11.3135 0.33729C11.4706 0.494433 11.4706 0.703957 11.3135 0.8611Z' fill='white'/%3E%3C/svg%3E"); } .modal.bg-light .close, .modal .bg-light .close, .modal.pxg-modal.bg-light .close, .modal.pxg-modal .bg-light .close { background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7897 10.8135L0.837285 0.861093C0.680142 0.70395 0.680142 0.494426 0.837285 0.337283C0.994428 0.18014 1.20395 0.18014 1.36109 0.337283L11.3135 10.2897C11.4706 10.4468 11.4706 10.6563 11.3135 10.8135C11.1563 10.9706 10.9468 10.9706 10.7897 10.8135Z' fill='black'/%3E%3Cpath d='M11.3135 0.8611L1.36109 10.8135C1.20395 10.9706 0.994426 10.9706 0.837283 10.8135C0.68014 10.6563 0.68014 10.4468 0.837283 10.2897L10.7897 0.33729C10.9468 0.180148 11.1563 0.180148 11.3135 0.33729C11.4706 0.494433 11.4706 0.703957 11.3135 0.8611Z' fill='black'/%3E%3C/svg%3E"); } #checkoutLoginModal .modal-dialog { max-width: 500px; } #checkoutLoginModal .modal-header { background-color: transparent; } #checkoutLoginModal .card { border: none; } #pxgAddedToCartModal .modal-header { background-color: transparent; } #pxgAddedToCartModal .modal-footer button.btn, #pxgAddedToCartModal .modal-footer a.btn, #pxgAddedToCartModal .modal-footer .c-cc__cta__add-to-cart { max-width: unset; } #pxgAddedToCartModal .modal-dialog.modal-pxg-sm { max-width: 90%; } @media (min-width: 769px) { #pxgAddedToCartModal .modal-dialog.modal-pxg-sm { max-width: 810px; } } #pxgAddedToCartModal .modal-dialog h3 { letter-spacing: 2px; } #pxgAddedToCartModal .pxg-added-to-cart--img { max-height: 270px; } #pxgAddedToCartModal a.btn.c-cc__cta__add-to-cart { background-color: #027DB4; border-color: #027DB4; } #pxgAddedToCartModal a.btn, #pxgAddedToCartModal button.btn { font-family: "ProximaNova-Bold", sans-serif; } #pxgAddedToCartModal dl, #pxgAddedToCartModal dt, #pxgAddedToCartModal dd { font-family: "ProximaNova-Regular", sans-serif; } #requestPasswordResetModal .modal-dialog { max-width: 560px; height: 100vh; background: white; } #requestPasswordResetModal .modal-dialog .modal-content { height: 100vh; margin: auto; border: none; } #requestPasswordResetModal .modal-dialog .modal-content .modal-header { margin-top: 4rem; } #requestPasswordResetModal .modal-dialog .modal-content .modal-header .modal-title { text-align: center; } @media (min-width: 544px) { #requestPasswordResetModal .modal-dialog .modal-content .modal-header .modal-title { letter-spacing: 1px; text-align: left; } } @media (min-width: 544px) { #requestPasswordResetModal .modal-dialog .modal-content .modal-header { margin-top: 0; } } #requestPasswordResetModal .modal-dialog .modal-content .modal-body { padding: 3rem 2.5rem; } #requestPasswordResetModal .modal-dialog .modal-content .modal-body form.reset-password-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } #requestPasswordResetModal .modal-dialog .modal-content .modal-body form.reset-password-form .request-password-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #requestPasswordResetModal .modal-dialog .modal-content .modal-body form.reset-password-form .request-password-body p, #requestPasswordResetModal .modal-dialog .modal-content .modal-body form.reset-password-form .request-password-body ul.bulleted li, ul.bulleted #requestPasswordResetModal .modal-dialog .modal-content .modal-body form.reset-password-form .request-password-body li { font-size: 1rem; } @media (min-width: 544px) { #requestPasswordResetModal .modal-dialog .modal-content .modal-body form.reset-password-form .request-password-body p, #requestPasswordResetModal .modal-dialog .modal-content .modal-body form.reset-password-form .request-password-body ul.bulleted li, ul.bulleted #requestPasswordResetModal .modal-dialog .modal-content .modal-body form.reset-password-form .request-password-body li { font-size: 0.875rem; } } #requestPasswordResetModal .modal-dialog .modal-content .modal-body form.reset-password-form .request-password-body .invalid-feedback { min-height: 30px; } #requestPasswordResetModal .modal-dialog .modal-content .modal-body form.reset-password-form .create-account-flow { min-height: 30px; opacity: 0; pointer-events: none; } @media (min-width: 544px) { #requestPasswordResetModal .modal-dialog .modal-content .modal-body form.reset-password-form .create-account-flow { font-size: 0.75rem; } } #requestPasswordResetModal .modal-dialog .modal-content .modal-body form.reset-password-form .show { opacity: 100; pointer-events: initial; } #requestPasswordResetModal .modal-dialog .modal-content .modal-body form.reset-password-form .send-email-btn button { margin: auto; } @media (min-width: 544px) { #requestPasswordResetModal .modal-dialog .modal-content .modal-body form.reset-password-form .send-email-btn button { max-width: 200px; } } @media (min-width: 544px) { #requestPasswordResetModal .modal-dialog .modal-content .modal-body { padding: 2rem 3.75rem; } } @media (min-width: 544px) { #requestPasswordResetModal .modal-dialog .modal-content { height: auto; } } @media (min-width: 544px) { #requestPasswordResetModal .modal-dialog { background: none; } } #addressVerificationModal .modal-dialog { max-width: 380px; z-index: 100; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #addressVerificationModal .modal-dialog .modal-header h3 { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 0; text-align: center; } #addressVerificationModal .modal-dialog .modal-header .close { margin: 0; } #addressVerificationModal .modal-dialog .modal-body { padding: 2rem 2rem 0 2rem; } #addressVerificationModal .modal-dialog .modal-body .addresses { display: grid; grid-template-columns: 1fr 12fr; grid-column-gap: 24px; grid-row-gap: 14px; } #addressVerificationModal .modal-dialog .modal-body .addresses input[type="radio"] { width: 20px; height: 20px; } #addressVerificationModal .modal-dialog .modal-body .addresses label { font-weight: normal; font-family: "ProximaNova-Regular", sans-serif; } #addressVerificationModal .modal-dialog .modal-body .addresses label mark { font-family: "ProximaNova-Bold", sans-serif; color: #3185b1; background: none; padding: 0; } #removeProductModal .modal-header h2, #reconfigureProductModal .modal-header h2 { letter-spacing: 1px; } @media (min-width: 769px) { #removeProductModal .modal-dialog, #reconfigureProductModal .modal-dialog { max-width: 400px; } } #finishSelector .learnmore-modal .learnmore-close:hover { text-decoration: underline; } @media (max-width: 1279.98px) { #finishSelector .learnmore-modal .modal-content { border-top-left-radius: 30px; border-top-right-radius: 30px; bottom: 0; position: absolute; margin-bottom: -30px; } #finishSelector .learnmore-modal .learnmore-close { padding-bottom: 3rem; } } #heroIdMeModal .modal-dialog { max-width: 600px; } .modal-loader { height: 12px; width: 150px; margin: 30px auto; } .modal-loader-dot { height: 12px; width: 12px; border-radius: 0px; position: absolute; background-color: #9D0303; } .modal.show .modal-loader-dot { -webkit-animation: modalLoader 3s infinite ease-in-out; animation: modalLoader 3s infinite ease-in-out; } .modal.show .modal-loader-dot:first-child { opacity: 0.1; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .modal.show .modal-loader-dot:nth-child(2) { opacity: 0.3; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .modal.show .modal-loader-dot:nth-child(3) { opacity: 0.5; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .modal.show .modal-loader-dot:nth-child(4) { opacity: 0.6; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .modal.show .modal-loader-dot:nth-child(5) { opacity: 0.8; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .modal.show .modal-loader-dot:nth-child(6) { opacity: 1; -webkit-animation-delay: 0s; animation-delay: 0s; } @-webkit-keyframes modalLoader { 15% { -webkit-transform: translateX(0); transform: translateX(0); } 45% { -webkit-transform: translateX(138px); transform: translateX(138px); } 65% { -webkit-transform: translateX(138px); transform: translateX(138px); } 95% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes modalLoader { 15% { -webkit-transform: translateX(0); transform: translateX(0); } 45% { -webkit-transform: translateX(138px); transform: translateX(138px); } 65% { -webkit-transform: translateX(138px); transform: translateX(138px); } 95% { -webkit-transform: translateX(0); transform: translateX(0); } } .notify { position: fixed; top: 0; } .order-summary { white-space: nowrap; } .order-summary .coupons-and-promos .coupon-price-adjustment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1.5px solid #16A34A; font-size: 0.875rem; padding: 5px 10px; } .order-summary .coupons-and-promos .coupon-price-adjustment .coupon-promotion-relationship { font-size: 0.8125rem; color: #47474C; white-space: normal; } .order-summary .coupons-and-promos .coupon-price-adjustment .coupon-code { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .order-summary .coupons-and-promos .coupon-price-adjustment .c-icon--icon-promo-applied { height: 1.5rem; width: 1.5rem; min-height: 1.5rem; min-width: 1.5rem; fill: transparent; } .order-summary .coupons-and-promos .remove-coupon { background-color: transparent; border: none; text-transform: uppercase; text-decoration: underline; font-weight: 700; font-size: 1rem; margin-right: 1rem; color: black; } .order-summary .body .row { border-top: 1px solid #D0D0D0; padding: 10px 0px; } .order-summary .body .row div:first-of-type { padding-left: 0px; } .order-summary .body .row .text-right { font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .order-summary .body .row .strike-through { margin-right: 5px; text-decoration: line-through; font-weight: 400; } .order-summary .body .row.instant-savings { background-color: #EFEFEF; margin: 0px -24px; padding: 10px 8px; border: none; } .order-summary .body .row.instant-savings div { border: none; } .order-summary .body .row.instant-savings p, .order-summary .body .row.instant-savings ul.bulleted li, ul.bulleted .order-summary .body .row.instant-savings li { font-weight: 700; } .order-summary .header { border: none; } .order-summary .header h2 { margin-bottom: 0px; font-size: 1.5rem; letter-spacing: .15em; } .order-summary .promo-code-dropdown { border: none; padding: 0; margin-bottom: 1rem; } .order-summary .promo-code-dropdown div { border: none; padding: 0; } .order-summary .promo-code-dropdown .title { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 0.875rem; letter-spacing: .15rem; border: none; } .order-summary .promo-code-dropdown .form-group .row { margin: 0; } .order-summary .promo-code-dropdown .promo-code-form .coupon-removed { color: #16A34A; font-size: 0.875rem; } .order-summary .promo-code-dropdown .promo-code-form .coupon-missing-error { display: none; } .order-summary .promo-code-dropdown .promo-code-form .promo-code-btn { color: white; background-color: black; } .order-summary label, .order-summary p, .order-summary ul.bulleted li, ul.bulleted .order-summary li { color: #000000; letter-spacing: 0.082rem; line-height: 1.25; text-transform: none; font-size: 0.875rem; font-family: "ProximaNova-Regular", sans-serif; } .price { font-family: "ProximaNova-Regular", sans-serif; font-size: 1.125rem; color: #1F2428; letter-spacing: 1.5px; text-align: center; } .price > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .price del + .sales { color: #9D0303; } .price .strike-through { color: #1F2428; text-decoration: line-through; margin-left: 0.938rem; } .price .starting, .price .range, .price .sales { font-weight: 400; } .price .range { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .price .tiered { color: #1F2428; } .price .tiered table { border-top: 1px solid #D0D0D0; margin: 0 auto; } .price .tiered table tr:nth-child(odd) { background-color: #EFEFEF; } .price .tiered td, .price .tiered span.price { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; } .price .tiered td { padding: 0.313rem; } .price .tiered td.quantity { font-weight: normal; text-align: right; } .price .tiered td.value { text-align: left; } .price .tiered .table-header { font-size: 1.125rem; padding: 0.313rem; } .price .tiered .column-header { font-weight: normal; padding: 0.313rem; } .price .tiered .column-header.quantity { text-align: right; } .superscript-pricing { text-decoration: underline; top: -.45em; font-size: 62%; } .affirm-as-low-as { font-size: 0.875rem; margin-bottom: 1.1rem; margin-top: 1.1rem; } .promotions.cdp-promo { width: 100%; max-width: 100vw; } @media (min-width: 769px) { .promotions.cdp-promo { max-width: 265px; } } .promotions .promo.callout { font-family: "ProximaNova-Bold", sans-serif; color: #9D0303; font-size: 1.125rem; letter-spacing: 1.5px; } .swatch-circle-beige { width: 2rem; height: 2rem; background: #c4b393; display: block; position: relative; } .swatch-circle-beige.disabled { opacity: 0.2; } .swatch-filter-beige { width: 1.75rem; height: 1.75rem; background: #c4b393; background-color: #c4b393; display: block; position: relative; } .swatch-filter-beige.disabled { opacity: 0.2; } .swatch-circle-black { width: 2rem; height: 2rem; background: #212121; display: block; position: relative; } .swatch-circle-black.disabled { opacity: 0.2; } .swatch-filter-black { width: 1.75rem; height: 1.75rem; background: #212121; background-color: #212121; display: block; position: relative; } .swatch-filter-black.disabled { opacity: 0.2; } .swatch-circle-blue { width: 2rem; height: 2rem; background: #26487a; display: block; position: relative; } .swatch-circle-blue.disabled { opacity: 0.2; } .swatch-filter-blue { width: 1.75rem; height: 1.75rem; background: #26487a; background-color: #26487a; display: block; position: relative; } .swatch-filter-blue.disabled { opacity: 0.2; } .swatch-circle-brown { width: 2rem; height: 2rem; background: #5c3806; display: block; position: relative; } .swatch-circle-brown.disabled { opacity: 0.2; } .swatch-filter-brown { width: 1.75rem; height: 1.75rem; background: #5c3806; background-color: #5c3806; display: block; position: relative; } .swatch-filter-brown.disabled { opacity: 0.2; } .swatch-circle-green { width: 2rem; height: 2rem; background: #696e49; display: block; position: relative; } .swatch-circle-green.disabled { opacity: 0.2; } .swatch-filter-green { width: 1.75rem; height: 1.75rem; background: #696e49; background-color: #696e49; display: block; position: relative; } .swatch-filter-green.disabled { opacity: 0.2; } .swatch-circle-grey { width: 2rem; height: 2rem; background: #999999; display: block; position: relative; } .swatch-circle-grey.disabled { opacity: 0.2; } .swatch-filter-grey { width: 1.75rem; height: 1.75rem; background: #999999; background-color: #999999; display: block; position: relative; } .swatch-filter-grey.disabled { opacity: 0.2; } .swatch-circle-navy { width: 2rem; height: 2rem; background: #000080; display: block; position: relative; } .swatch-circle-navy.disabled { opacity: 0.2; } .swatch-filter-navy { width: 1.75rem; height: 1.75rem; background: #000080; background-color: #000080; display: block; position: relative; } .swatch-filter-navy.disabled { opacity: 0.2; } .swatch-circle-orange { width: 2rem; height: 2rem; background: #eea31e; display: block; position: relative; } .swatch-circle-orange.disabled { opacity: 0.2; } .swatch-filter-orange { width: 1.75rem; height: 1.75rem; background: #eea31e; background-color: #eea31e; display: block; position: relative; } .swatch-filter-orange.disabled { opacity: 0.2; } .swatch-circle-pink { width: 2rem; height: 2rem; background: #bf5d7c; display: block; position: relative; } .swatch-circle-pink.disabled { opacity: 0.2; } .swatch-filter-pink { width: 1.75rem; height: 1.75rem; background: #bf5d7c; background-color: #bf5d7c; display: block; position: relative; } .swatch-filter-pink.disabled { opacity: 0.2; } .swatch-circle-purple { width: 2rem; height: 2rem; background: #c9b4d6; display: block; position: relative; } .swatch-circle-purple.disabled { opacity: 0.2; } .swatch-filter-purple { width: 1.75rem; height: 1.75rem; background: #c9b4d6; background-color: #c9b4d6; display: block; position: relative; } .swatch-filter-purple.disabled { opacity: 0.2; } .swatch-circle-red { width: 2rem; height: 2rem; background: #b13535; display: block; position: relative; } .swatch-circle-red.disabled { opacity: 0.2; } .swatch-filter-red { width: 1.75rem; height: 1.75rem; background: #b13535; background-color: #b13535; display: block; position: relative; } .swatch-filter-red.disabled { opacity: 0.2; } .swatch-circle-white { width: 2rem; height: 2rem; background: #efeee8; display: block; position: relative; } .swatch-circle-white.disabled { opacity: 0.2; } .swatch-filter-white { width: 1.75rem; height: 1.75rem; background: #efeee8; background-color: #efeee8; display: block; position: relative; } .swatch-filter-white.disabled { opacity: 0.2; } .swatch-circle-yellow { width: 2rem; height: 2rem; background: #fce965; display: block; position: relative; } .swatch-circle-yellow.disabled { opacity: 0.2; } .swatch-filter-yellow { width: 1.75rem; height: 1.75rem; background: #fce965; background-color: #fce965; display: block; position: relative; } .swatch-filter-yellow.disabled { opacity: 0.2; } .swatch-circle-floral { width: 2rem; height: 2rem; background: #efeee8; display: block; position: relative; background: url("../images/aloha.png") 0px 0px/30px 30px; } .swatch-circle-floral.disabled { opacity: 0.2; } .swatch-filter-floral { width: 1.75rem; height: 1.75rem; background: #efeee8; background-color: #efeee8; display: block; position: relative; background: url("../images/aloha.png") 0px 0px/30px 30px; } .swatch-filter-floral.disabled { opacity: 0.2; } .swatch-circle-miscellaneous { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #821e91), color-stop(25%, #821e91), color-stop(25%, #edd134), color-stop(50%, yellow), color-stop(50%, #edd134), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, #0e5cd1), color-stop(50%, #0e5cd1), color-stop(50%, #e20b0b), to(#e20b0b)); background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%); background-repeat: repeat-y, repeat; background-size: 50% 100%, 100% 100%; border: 0.063em solid rgba(0, 0, 0, 0.3); border-radius: 1.25em; display: block; height: 2.5em; position: relative; -webkit-transform: rotate(35deg); transform: rotate(35deg); width: 2.5em; } .swatch-circle-miscellaneous.disabled { opacity: 0.2; } .swatch-circle-miscellaneous.selected::after { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } .swatch-square-miscellaneous { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #821e91), color-stop(25%, #821e91), color-stop(25%, #edd134), color-stop(50%, yellow), color-stop(50%, #edd134), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, #0e5cd1), color-stop(50%, #0e5cd1), color-stop(50%, #e20b0b), to(#e20b0b)); background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%); background-repeat: repeat-y, repeat; background-size: 50% 100%, 100% 100%; border: 0.063em solid rgba(0, 0, 0, 0.3); border-radius: 1.25em; display: block; height: 2.5em; position: relative; -webkit-transform: rotate(35deg); transform: rotate(35deg); width: 2.5em; } .swatch-square-miscellaneous.disabled { opacity: 0.2; } .swatch-square-miscellaneous.selected::after { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } .attribute, .bonus-quantity { margin-top: 1.5rem; } .attribute label, .bonus-quantity label { display: block; } .swatch a { text-decoration: none; } @media (max-width: 543.98px) { .primary-images { margin: 0; } } .prices-add-to-cart-actions { background-color: #ffffff; border-top: 1px solid #000000; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); position: fixed; bottom: 0; left: 0; width: 100%; padding-right: 0; padding-left: 0; z-index: 20; } .prices-add-to-cart-actions__container { padding: 0.5rem 15px; margin: auto; } @media (min-width: 769px) { .prices-add-to-cart-actions__container { max-width: calc(50% + 323px); padding: 0.75rem 0; } } @media (min-width: 1280px) { .prices-add-to-cart-actions__container { max-width: 1147px; } } .prices-add-to-cart-actions__button-and-message { width: 100%; margin: auto; } @media (min-width: 769px) { .prices-add-to-cart-actions__button-and-message { max-width: 323px; margin: 0 0 0 30px; } } .prices-add-to-cart-actions__shipping-date-value { font-family: "ProximaNova-Regular", sans-serif; letter-spacing: 0.5px; text-align: center; margin-top: 0.75rem; } .prices-add-to-cart-actions__required-message { font-family: "ProximaNova-Regular", sans-serif; font-size: 0.875rem; letter-spacing: 0.5px; text-align: center; margin: 0.75rem auto 0; } @media (min-width: 769px) { .prices-add-to-cart-actions__required-message { margin: 0 30px 0 0; } } .prices-add-to-cart-actions .price { text-align: center; } .prices { text-align: center; padding-top: 0.5em; padding-bottom: 0.5em; } .prices.with-affirm { padding-bottom: 0; } .cart-and-ipay .btn { display: block; width: 100%; } .add-to-cart-messages { position: fixed; top: 15%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 150; } .add-to-basket-alert { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; color: #ffffff; letter-spacing: 3.33px; text-transform: uppercase; border-color: #ffffff; border-radius: 0; padding: 1.5rem; -webkit-animation: fade 5s linear forwards; animation: fade 5s linear forwards; } @keyframes fade { 0% { opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } .add-to-basket-alert.show { display: block; } .simple-quantity { margin-top: 1em; } .main-attributes { margin-top: 1em; } .size-chart-link { letter-spacing: 0.082rem; } .availability-msg { border-bottom: 1px solid #000000; padding-bottom: 0.75rem; margin: 1.25rem 0 2rem; } .availability-msg li { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .availability-msg li svg:first-child { width: 1rem; height: 1rem; margin-right: 0.25rem; } .bundle-item { border-bottom: 1px solid #D0D0D0; padding-bottom: 1em; } .bundle-item:last-child { border-bottom: none; } .container.product-detail { margin-top: 0.5rem; margin-bottom: 100px; } @media (min-width: 1280px) { .container.product-detail { margin-top: 2rem; } } .product-option:not(:first-child) { margin-top: 1.071em; } .swatch-circle-beige { width: 2rem; height: 2rem; background: #c4b393; display: block; position: relative; } .swatch-circle-beige.disabled { opacity: 0.2; } .swatch-filter-beige { width: 1.75rem; height: 1.75rem; background: #c4b393; background-color: #c4b393; display: block; position: relative; } .swatch-filter-beige.disabled { opacity: 0.2; } .swatch-circle-black { width: 2rem; height: 2rem; background: #212121; display: block; position: relative; } .swatch-circle-black.disabled { opacity: 0.2; } .swatch-filter-black { width: 1.75rem; height: 1.75rem; background: #212121; background-color: #212121; display: block; position: relative; } .swatch-filter-black.disabled { opacity: 0.2; } .swatch-circle-blue { width: 2rem; height: 2rem; background: #26487a; display: block; position: relative; } .swatch-circle-blue.disabled { opacity: 0.2; } .swatch-filter-blue { width: 1.75rem; height: 1.75rem; background: #26487a; background-color: #26487a; display: block; position: relative; } .swatch-filter-blue.disabled { opacity: 0.2; } .swatch-circle-brown { width: 2rem; height: 2rem; background: #5c3806; display: block; position: relative; } .swatch-circle-brown.disabled { opacity: 0.2; } .swatch-filter-brown { width: 1.75rem; height: 1.75rem; background: #5c3806; background-color: #5c3806; display: block; position: relative; } .swatch-filter-brown.disabled { opacity: 0.2; } .swatch-circle-green { width: 2rem; height: 2rem; background: #696e49; display: block; position: relative; } .swatch-circle-green.disabled { opacity: 0.2; } .swatch-filter-green { width: 1.75rem; height: 1.75rem; background: #696e49; background-color: #696e49; display: block; position: relative; } .swatch-filter-green.disabled { opacity: 0.2; } .swatch-circle-grey { width: 2rem; height: 2rem; background: #999999; display: block; position: relative; } .swatch-circle-grey.disabled { opacity: 0.2; } .swatch-filter-grey { width: 1.75rem; height: 1.75rem; background: #999999; background-color: #999999; display: block; position: relative; } .swatch-filter-grey.disabled { opacity: 0.2; } .swatch-circle-navy { width: 2rem; height: 2rem; background: #000080; display: block; position: relative; } .swatch-circle-navy.disabled { opacity: 0.2; } .swatch-filter-navy { width: 1.75rem; height: 1.75rem; background: #000080; background-color: #000080; display: block; position: relative; } .swatch-filter-navy.disabled { opacity: 0.2; } .swatch-circle-orange { width: 2rem; height: 2rem; background: #eea31e; display: block; position: relative; } .swatch-circle-orange.disabled { opacity: 0.2; } .swatch-filter-orange { width: 1.75rem; height: 1.75rem; background: #eea31e; background-color: #eea31e; display: block; position: relative; } .swatch-filter-orange.disabled { opacity: 0.2; } .swatch-circle-pink { width: 2rem; height: 2rem; background: #bf5d7c; display: block; position: relative; } .swatch-circle-pink.disabled { opacity: 0.2; } .swatch-filter-pink { width: 1.75rem; height: 1.75rem; background: #bf5d7c; background-color: #bf5d7c; display: block; position: relative; } .swatch-filter-pink.disabled { opacity: 0.2; } .swatch-circle-purple { width: 2rem; height: 2rem; background: #c9b4d6; display: block; position: relative; } .swatch-circle-purple.disabled { opacity: 0.2; } .swatch-filter-purple { width: 1.75rem; height: 1.75rem; background: #c9b4d6; background-color: #c9b4d6; display: block; position: relative; } .swatch-filter-purple.disabled { opacity: 0.2; } .swatch-circle-red { width: 2rem; height: 2rem; background: #b13535; display: block; position: relative; } .swatch-circle-red.disabled { opacity: 0.2; } .swatch-filter-red { width: 1.75rem; height: 1.75rem; background: #b13535; background-color: #b13535; display: block; position: relative; } .swatch-filter-red.disabled { opacity: 0.2; } .swatch-circle-white { width: 2rem; height: 2rem; background: #efeee8; display: block; position: relative; } .swatch-circle-white.disabled { opacity: 0.2; } .swatch-filter-white { width: 1.75rem; height: 1.75rem; background: #efeee8; background-color: #efeee8; display: block; position: relative; } .swatch-filter-white.disabled { opacity: 0.2; } .swatch-circle-yellow { width: 2rem; height: 2rem; background: #fce965; display: block; position: relative; } .swatch-circle-yellow.disabled { opacity: 0.2; } .swatch-filter-yellow { width: 1.75rem; height: 1.75rem; background: #fce965; background-color: #fce965; display: block; position: relative; } .swatch-filter-yellow.disabled { opacity: 0.2; } .swatch-circle-floral { width: 2rem; height: 2rem; background: #efeee8; display: block; position: relative; background: url("../images/aloha.png") 0px 0px/30px 30px; } .swatch-circle-floral.disabled { opacity: 0.2; } .swatch-filter-floral { width: 1.75rem; height: 1.75rem; background: #efeee8; background-color: #efeee8; display: block; position: relative; background: url("../images/aloha.png") 0px 0px/30px 30px; } .swatch-filter-floral.disabled { opacity: 0.2; } .swatch-circle-miscellaneous { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #821e91), color-stop(25%, #821e91), color-stop(25%, #edd134), color-stop(50%, yellow), color-stop(50%, #edd134), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, #0e5cd1), color-stop(50%, #0e5cd1), color-stop(50%, #e20b0b), to(#e20b0b)); background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%); background-repeat: repeat-y, repeat; background-size: 50% 100%, 100% 100%; border: 0.063em solid rgba(0, 0, 0, 0.3); border-radius: 1.25em; display: block; height: 2.5em; position: relative; -webkit-transform: rotate(35deg); transform: rotate(35deg); width: 2.5em; } .swatch-circle-miscellaneous.disabled { opacity: 0.2; } .swatch-circle-miscellaneous.selected::after { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } .swatch-square-miscellaneous { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #821e91), color-stop(25%, #821e91), color-stop(25%, #edd134), color-stop(50%, yellow), color-stop(50%, #edd134), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, #0e5cd1), color-stop(50%, #0e5cd1), color-stop(50%, #e20b0b), to(#e20b0b)); background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%); background-repeat: repeat-y, repeat; background-size: 50% 100%, 100% 100%; border: 0.063em solid rgba(0, 0, 0, 0.3); border-radius: 1.25em; display: block; height: 2.5em; position: relative; -webkit-transform: rotate(35deg); transform: rotate(35deg); width: 2.5em; } .swatch-square-miscellaneous.disabled { opacity: 0.2; } .swatch-square-miscellaneous.selected::after { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } .attribute, .bonus-quantity { margin-top: 1.5rem; } .attribute label, .bonus-quantity label { display: block; } .swatch a { text-decoration: none; } @media (max-width: 543.98px) { .primary-images { margin: 0; } } .prices-add-to-cart-actions { background-color: #ffffff; border-top: 1px solid #000000; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); position: fixed; bottom: 0; left: 0; width: 100%; padding-right: 0; padding-left: 0; z-index: 20; } .prices-add-to-cart-actions__container { padding: 0.5rem 15px; margin: auto; } @media (min-width: 769px) { .prices-add-to-cart-actions__container { max-width: calc(50% + 323px); padding: 0.75rem 0; } } @media (min-width: 1280px) { .prices-add-to-cart-actions__container { max-width: 1147px; } } .prices-add-to-cart-actions__button-and-message { width: 100%; margin: auto; } @media (min-width: 769px) { .prices-add-to-cart-actions__button-and-message { max-width: 323px; margin: 0 0 0 30px; } } .prices-add-to-cart-actions__shipping-date-value { font-family: "ProximaNova-Regular", sans-serif; letter-spacing: 0.5px; text-align: center; margin-top: 0.75rem; } .prices-add-to-cart-actions__required-message { font-family: "ProximaNova-Regular", sans-serif; font-size: 0.875rem; letter-spacing: 0.5px; text-align: center; margin: 0.75rem auto 0; } @media (min-width: 769px) { .prices-add-to-cart-actions__required-message { margin: 0 30px 0 0; } } .prices-add-to-cart-actions .price { text-align: center; } .prices { text-align: center; padding-top: 0.5em; padding-bottom: 0.5em; } .prices.with-affirm { padding-bottom: 0; } .cart-and-ipay .btn { display: block; width: 100%; } .add-to-cart-messages { position: fixed; top: 15%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 150; } .add-to-basket-alert { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; color: #ffffff; letter-spacing: 3.33px; text-transform: uppercase; border-color: #ffffff; border-radius: 0; padding: 1.5rem; -webkit-animation: fade 5s linear forwards; animation: fade 5s linear forwards; } @keyframes fade { 0% { opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } .add-to-basket-alert.show { display: block; } .simple-quantity { margin-top: 1em; } .main-attributes { margin-top: 1em; } .size-chart-link { letter-spacing: 0.082rem; } .availability-msg { border-bottom: 1px solid #000000; padding-bottom: 0.75rem; margin: 1.25rem 0 2rem; } .availability-msg li { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .availability-msg li svg:first-child { width: 1rem; height: 1rem; margin-right: 0.25rem; } .bundle-item { border-bottom: 1px solid #D0D0D0; padding-bottom: 1em; } .bundle-item:last-child { border-bottom: none; } .container.product-detail { margin-top: 0.5rem; margin-bottom: 100px; } @media (min-width: 1280px) { .container.product-detail { margin-top: 2rem; } } .product-option:not(:first-child) { margin-top: 1.071em; } .pull-left-xs { float: left; } .pull-right-xs { float: right; } @media (min-width: 544px) and (max-width: 768.98px) { .pull-left-sm { float: left; } .pull-right-sm { float: right; } } @media (min-width: 769px) and (max-width: 1023.98px) { .pull-left-md { float: left; } .pull-right-md { float: right; } } @media (min-width: 1024px) and (max-width: 1279.98px) { .pull-left-mdlg { float: left; } .pull-right-mdlg { float: right; } } @media (min-width: 1280px) and (max-width: 1399.98px) { .pull-left-lg { float: left; } .pull-right-lg { float: right; } } @media (min-width: 1400px) { .pull-left-xl { float: left; } .pull-right-xl { float: right; } } @media (max-width: 543.98px) { .hidden-xs-down { display: none !important; } } @media (max-width: 768.98px) { .hidden-sm-down { display: none !important; } } @media (max-width: 1023.98px) { .hidden-md-down { display: none !important; } } @media (max-width: 1279.98px) { .hidden-mdlg-down { display: none !important; } } @media (max-width: 1399.98px) { .hidden-lg-down { display: none !important; } } .hidden-xl-down { display: none !important; } .row.equal-height > [class^="col"] { display: -webkit-box; display: -ms-flexbox; display: flex; } li span.red-dot { display: inline-block; color: #9D0303; position: absolute; margin-top: -20px; left: 0; font-size: 40px; } .swatch-circle-beige { width: 2rem; height: 2rem; background: #c4b393; display: block; position: relative; } .swatch-circle-beige.disabled { opacity: 0.2; } .swatch-filter-beige { width: 1.75rem; height: 1.75rem; background: #c4b393; background-color: #c4b393; display: block; position: relative; } .swatch-filter-beige.disabled { opacity: 0.2; } .swatch-circle-black { width: 2rem; height: 2rem; background: #212121; display: block; position: relative; } .swatch-circle-black.disabled { opacity: 0.2; } .swatch-filter-black { width: 1.75rem; height: 1.75rem; background: #212121; background-color: #212121; display: block; position: relative; } .swatch-filter-black.disabled { opacity: 0.2; } .swatch-circle-blue { width: 2rem; height: 2rem; background: #26487a; display: block; position: relative; } .swatch-circle-blue.disabled { opacity: 0.2; } .swatch-filter-blue { width: 1.75rem; height: 1.75rem; background: #26487a; background-color: #26487a; display: block; position: relative; } .swatch-filter-blue.disabled { opacity: 0.2; } .swatch-circle-brown { width: 2rem; height: 2rem; background: #5c3806; display: block; position: relative; } .swatch-circle-brown.disabled { opacity: 0.2; } .swatch-filter-brown { width: 1.75rem; height: 1.75rem; background: #5c3806; background-color: #5c3806; display: block; position: relative; } .swatch-filter-brown.disabled { opacity: 0.2; } .swatch-circle-green { width: 2rem; height: 2rem; background: #696e49; display: block; position: relative; } .swatch-circle-green.disabled { opacity: 0.2; } .swatch-filter-green { width: 1.75rem; height: 1.75rem; background: #696e49; background-color: #696e49; display: block; position: relative; } .swatch-filter-green.disabled { opacity: 0.2; } .swatch-circle-grey { width: 2rem; height: 2rem; background: #999999; display: block; position: relative; } .swatch-circle-grey.disabled { opacity: 0.2; } .swatch-filter-grey { width: 1.75rem; height: 1.75rem; background: #999999; background-color: #999999; display: block; position: relative; } .swatch-filter-grey.disabled { opacity: 0.2; } .swatch-circle-navy { width: 2rem; height: 2rem; background: #000080; display: block; position: relative; } .swatch-circle-navy.disabled { opacity: 0.2; } .swatch-filter-navy { width: 1.75rem; height: 1.75rem; background: #000080; background-color: #000080; display: block; position: relative; } .swatch-filter-navy.disabled { opacity: 0.2; } .swatch-circle-orange { width: 2rem; height: 2rem; background: #eea31e; display: block; position: relative; } .swatch-circle-orange.disabled { opacity: 0.2; } .swatch-filter-orange { width: 1.75rem; height: 1.75rem; background: #eea31e; background-color: #eea31e; display: block; position: relative; } .swatch-filter-orange.disabled { opacity: 0.2; } .swatch-circle-pink { width: 2rem; height: 2rem; background: #bf5d7c; display: block; position: relative; } .swatch-circle-pink.disabled { opacity: 0.2; } .swatch-filter-pink { width: 1.75rem; height: 1.75rem; background: #bf5d7c; background-color: #bf5d7c; display: block; position: relative; } .swatch-filter-pink.disabled { opacity: 0.2; } .swatch-circle-purple { width: 2rem; height: 2rem; background: #c9b4d6; display: block; position: relative; } .swatch-circle-purple.disabled { opacity: 0.2; } .swatch-filter-purple { width: 1.75rem; height: 1.75rem; background: #c9b4d6; background-color: #c9b4d6; display: block; position: relative; } .swatch-filter-purple.disabled { opacity: 0.2; } .swatch-circle-red { width: 2rem; height: 2rem; background: #b13535; display: block; position: relative; } .swatch-circle-red.disabled { opacity: 0.2; } .swatch-filter-red { width: 1.75rem; height: 1.75rem; background: #b13535; background-color: #b13535; display: block; position: relative; } .swatch-filter-red.disabled { opacity: 0.2; } .swatch-circle-white { width: 2rem; height: 2rem; background: #efeee8; display: block; position: relative; } .swatch-circle-white.disabled { opacity: 0.2; } .swatch-filter-white { width: 1.75rem; height: 1.75rem; background: #efeee8; background-color: #efeee8; display: block; position: relative; } .swatch-filter-white.disabled { opacity: 0.2; } .swatch-circle-yellow { width: 2rem; height: 2rem; background: #fce965; display: block; position: relative; } .swatch-circle-yellow.disabled { opacity: 0.2; } .swatch-filter-yellow { width: 1.75rem; height: 1.75rem; background: #fce965; background-color: #fce965; display: block; position: relative; } .swatch-filter-yellow.disabled { opacity: 0.2; } .swatch-circle-floral { width: 2rem; height: 2rem; background: #efeee8; display: block; position: relative; background: url("../images/aloha.png") 0px 0px/30px 30px; } .swatch-circle-floral.disabled { opacity: 0.2; } .swatch-filter-floral { width: 1.75rem; height: 1.75rem; background: #efeee8; background-color: #efeee8; display: block; position: relative; background: url("../images/aloha.png") 0px 0px/30px 30px; } .swatch-filter-floral.disabled { opacity: 0.2; } .swatch-circle-miscellaneous { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #821e91), color-stop(25%, #821e91), color-stop(25%, #edd134), color-stop(50%, yellow), color-stop(50%, #edd134), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, #0e5cd1), color-stop(50%, #0e5cd1), color-stop(50%, #e20b0b), to(#e20b0b)); background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%); background-repeat: repeat-y, repeat; background-size: 50% 100%, 100% 100%; border: 0.063em solid rgba(0, 0, 0, 0.3); border-radius: 1.25em; display: block; height: 2.5em; position: relative; -webkit-transform: rotate(35deg); transform: rotate(35deg); width: 2.5em; } .swatch-circle-miscellaneous.disabled { opacity: 0.2; } .swatch-circle-miscellaneous.selected::after { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } .swatch-square-miscellaneous { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #821e91), color-stop(25%, #821e91), color-stop(25%, #edd134), color-stop(50%, yellow), color-stop(50%, #edd134), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, #0e5cd1), color-stop(50%, #0e5cd1), color-stop(50%, #e20b0b), to(#e20b0b)); background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%); background-repeat: repeat-y, repeat; background-size: 50% 100%, 100% 100%; border: 0.063em solid rgba(0, 0, 0, 0.3); border-radius: 1.25em; display: block; height: 2.5em; position: relative; -webkit-transform: rotate(35deg); transform: rotate(35deg); width: 2.5em; } .swatch-square-miscellaneous.disabled { opacity: 0.2; } .swatch-square-miscellaneous.selected::after { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } @media (min-width: 1280px) { .sizinginformation { padding-left: 1.25rem; } } @media (max-width: 768.98px) { .sizinginformation__title { font-size: 1.75rem; letter-spacing: 4.81px; } } .sizinginformation__product-title { letter-spacing: 4.13px; } .sizinginformation table { margin: 1.5rem 0; } .sizinginformation th, .sizinginformation td { letter-spacing: 0.88px; width: 87px; padding-left: 15px; } @media (min-width: 769px) { .sizinginformation th, .sizinginformation td { letter-spacing: 1px; width: 132px; } } .sizinginformation th { font-family: "ProximaNova-Bold", sans-serif; color: #ffffff; background: #000000; height: 48px; } .sizinginformation th:last-child { border-right: 1px solid #000000; } .sizinginformation th + th { border-left: 1px solid #ffffff; } .sizinginformation td { font-family: "ProximaNova-Regular", sans-serif; color: #000000; background: #ffffff; border: 1px solid #000000; height: 43px; } .sizinginformation .btn { max-width: 295px; margin: auto; } @media (min-width: 769px) { .sizinginformation .btn { max-width: 265px; } } .cdp { overflow: hidden; } .product-detail .attributes .swatch-circle { outline: 1px solid transparent; margin-right: 0; width: 32px; height: 32px; background: #ffffff; border: 1px solid #D0D0D0; display: block; position: relative; outline: 1px solid transparent; } .product-detail [disabled] .swatch-circle, .product-detail .swatch-circle.unselectable { cursor: not-allowed; position: relative; } .product-detail [disabled] .swatch-circle::after, .product-detail .swatch-circle.unselectable::after { content: ""; background-repeat: no-repeat; background-position: center center; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='%23FFF' fill-rule='nonzero'%3E%3Cpath d='M19.444 8.889h-21.11c-.334 0-.556-.222-.556-.556 0-.333.222-.555.555-.555h21.111c.334 0 .556.222.556.555 0 .334-.222.556-.556.556z' transform='translate(-1069 -579) translate(1058 568) translate(11.111 11.111) translate(0 .556) rotate(45 8.889 8.333)'/%3E%3Cpath d='M19.444 8.889h-21.11c-.334 0-.556-.222-.556-.556 0-.333.222-.555.555-.555h21.111c.334 0 .556.222.556.555 0 .334-.222.556-.556.556z' transform='translate(-1069 -579) translate(1058 568) translate(11.111 11.111) translate(0 .556) rotate(-45 8.889 8.333)'/%3E%3C/g%3E%3C/svg%3E"); } .product-detail [disabled] .swatch-circle[data-attr-value="White"]::after, .product-detail [disabled] .swatch-circle[data-attr-value="white"]::after, .product-detail .swatch-circle.unselectable[data-attr-value="White"]::after, .product-detail .swatch-circle.unselectable[data-attr-value="white"]::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='%23000' fill-rule='nonzero'%3E%3Cpath d='M19.444 8.889h-21.11c-.334 0-.556-.222-.556-.556 0-.333.222-.555.555-.555h21.111c.334 0 .556.222.556.555 0 .334-.222.556-.556.556z' transform='translate(-1069 -579) translate(1058 568) translate(11.111 11.111) translate(0 .556) rotate(45 8.889 8.333)'/%3E%3Cpath d='M19.444 8.889h-21.11c-.334 0-.556-.222-.556-.556 0-.333.222-.555.555-.555h21.111c.334 0 .556.222.556.555 0 .334-.222.556-.556.556z' transform='translate(-1069 -579) translate(1058 568) translate(11.111 11.111) translate(0 .556) rotate(-45 8.889 8.333)'/%3E%3C/g%3E%3C/svg%3E"); } .product-detail [disabled] .swatch-circle.color-value.selected:not(.unselectable)::after, .product-detail .swatch-circle.unselectable.color-value.selected:not(.unselectable)::after { background-color: #495057; } @media (min-width: 1280px) { .product-detail .primary-images { -ms-flex-preferred-size: calc(794px + 30px); flex-basis: calc(794px + 30px); max-width: calc(794px + 30px); } } @media (min-width: 769px) { .product-detail .primary-attributes { -ms-flex-preferred-size: calc(323px + 30px); flex-basis: calc(323px + 30px); max-width: calc(323px + 30px); } } .product-detail .set-details-link { text-decoration: none; font-weight: bold; color: #000000; } .product-detail .set-details-link:hover { text-decoration: none; font-weight: bold; } .product-detail .color-value.selected { position: relative; } .product-detail .color-value.selected::after { content: ""; border: 1px solid #000000; position: absolute; top: 50%; left: 50%; width: 36px; height: 36px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .product-detail .attribute label, .product-detail .attribute .color { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; color: #000000; letter-spacing: 2px; text-transform: capitalize; margin-bottom: 1rem; } .product-detail select { text-transform: uppercase; } .product-detail .quantity-select { max-width: 68px; } .hero-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .hero-title svg { width: 1rem; height: 1rem; margin-right: 0.5rem; } label.color ~ a:hover { text-decoration: none; } .description-and-detail ul, .description-and-detail ol, .description-and-detail dl { margin: 0 0 1em; } .description-and-detail ul, .description-and-detail ol { padding-left: 2.5rem; } .description-and-detail ul { list-style-type: disc; } .description-and-detail ol { list-style-type: decimal; } @media (min-width: 769px) { .description-and-detail { max-width: calc(50% + 323px + 15px); margin: 2rem auto 0; } } @media (min-width: 1280px) { .description-and-detail { max-width: calc(1117px + 30px); } } .description-and-detail .description h5 { font-family: "ProximaNova-Bold", sans-serif; font-size: 1.125rem; color: #000000; letter-spacing: 3.6px; margin-bottom: 1.25rem; } .description-and-detail .description li, .description-and-detail .description span, .description-and-detail .description p, .description-and-detail .description ul.bulleted li, ul.bulleted .description-and-detail .description li, .description-and-detail .description a, .description-and-detail .description div { font-family: "ProximaNova-Regular", sans-serif; color: #47474C; letter-spacing: 0.082rem; line-height: 1.54; } .description-and-detail .description.active .description-and-detail__collapse-button { border-bottom: 0 none; margin-bottom: 0.5rem; } @media (min-width: 769px) { .description-and-detail .description.active .description-and-detail__collapse-button { margin-bottom: 1rem; } } .description-and-detail .description.active .description-and-detail__collapse-button::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .description-and-detail .description.active .description-content { border-bottom: 1px solid #000000; } .description-and-detail .description .content { margin-bottom: 2.5rem; } .description-and-detail .description-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .description-and-detail .description-content img { width: 100%; height: auto; } .description-and-detail__collapse-button { border-top: 1px solid #000000; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .description-and-detail__collapse-button::after { display: none; } .social-container { border-bottom: 1px solid #000000; padding: 2rem 0; margin: 0 auto 0.5rem; } @media (min-width: 769px) { .social-container { max-width: calc(50% + 323px + 15px); margin-bottom: 1rem; } } @media (min-width: 1280px) { .social-container { max-width: calc(1117px + 30px); } } .social-container .share-title { font-family: "ProximaNova-Bold", sans-serif; letter-spacing: 2px; text-transform: uppercase; margin-right: 1rem; } .social-container .social-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .social-container .social-icons li { margin: 0 0.5rem; } .social-container .social-icons svg { width: 1rem; height: 1rem; } label.availability { padding-right: 0.3125em; } .product-name, .product-name:hover { font-family: "ProximaNova-Bold", sans-serif; font-size: 1.25rem; color: #000000; letter-spacing: 5px; text-decoration: none; text-transform: capitalize; margin-bottom: 1rem; } @media (min-width: 1280px) { .product-name, .product-name:hover { letter-spacing: 4.13px; } } .name-devide-attributes { border-color: #000000; margin: 0; } .promotions .title { font-family: "ProximaNova-Regular", sans-serif; color: #9D0303; letter-spacing: 0.082rem; text-transform: none; border: 0 none; height: auto; padding: 0; margin-bottom: 1rem; } .promotions .title::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239D0303'%3E%3Cg%3E%3Cpath d='M9.838 0l1.147 1.638-5.488 3.843-.005-.006-.004.006L0 1.638 1.147 0l4.345 3.042L9.838 0z' transform='translate(-999 -644) translate(999 644)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .promotions .content { margin-top: -0.5rem; margin-bottom: 1rem; } .product-breadcrumb .breadcrumb { padding: 0; } @media (min-width: 769px) { .product-breadcrumb .breadcrumb { padding: 0 0 1rem; } } .prices-under-product-name { margin-top: -0.5rem; padding-top: 0; } @media (min-width: 769px) { .prices-under-product-name { margin-top: 0; } } .prices-under-product-name .price > span { font-family: "ProximaNova-Regular", sans-serif; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; padding-bottom: 0.25rem; } .prices-under-product-name .price > span .strike-through { color: #1F2428; } .price { letter-spacing: 1.33px; } @media (min-width: 769px) { .price { font-size: 1.125rem; letter-spacing: 1.5px; } } .product-options { margin-top: 1.25em; } .color-attribute { background: none; border: none; padding: 0; margin-right: 0.3rem; } .non-input-label { display: block; margin-bottom: 0.5rem; } .product-grid { max-width: 100%; margin: 0px; } @media (max-width: 543.98px) { .product-grid { padding-top: 0.938em; } .product-grid .col-6 { padding-right: 5px; padding-left: 5px; } } .product-set-detail .product-detail.set-item { max-width: 911px; margin: 0 auto; } @media (min-width: 769px) { .product-set-detail .primary-images { -webkit-box-flex: 0; -ms-flex: 0 0 62%; flex: 0 0 62%; max-width: 62%; } } .product-set-detail .availability-msg { margin-bottom: 20px; } .product-set-detail .price { font-size: 1.5rem; text-align: left; } .product-set-detail .price > span { display: block; } .product-set-detail .size-chart-link { text-decoration: underline; } .product-set-detail .description-and-detail { margin-top: 24px; margin-bottom: 30px; } @media (min-width: 769px) { .product-set-detail .social-container, .product-set-detail .description-and-detail { max-width: 911px; } } .product-set-detail .product-breadcrumb { margin: 14px 0; } @media (min-width: 769px) { .product-set-detail .cart-and-ipay .btn { max-width: 265px; } } .product-set-detail .bundle-footer .price { font-size: 1.125rem; } .modal .quick-view-dialog, .choose-bonus-product-dialog { max-width: 1024px; } .modal .quick-view-dialog .selectable-bonus-product-line-item, .choose-bonus-product-dialog .selectable-bonus-product-line-item { padding-top: 0.3em; padding-bottom: 0.3em; margin-top: 0.2em; margin-bottom: 0.2em; } .modal .quick-view-dialog .beenSelected, .choose-bonus-product-dialog .beenSelected { background-color: #EFEFEF; } .modal .quick-view-dialog .product-carousel-nav, .choose-bonus-product-dialog .product-carousel-nav { margin: 1rem 0 7px; } .modal .quick-view-dialog .modal-header .full-pdp-link, .choose-bonus-product-dialog .modal-header .full-pdp-link { color: #000000; letter-spacing: 0.082rem; margin: 0 16px; } .modal .quick-view-dialog .modal-header .close, .choose-bonus-product-dialog .modal-header .close { font-size: 2rem; line-height: 1.5rem; } .modal .quick-view-dialog .product-name, .choose-bonus-product-dialog .product-name { font-family: "ProximaNova-Bold", sans-serif; font-size: 1.25rem; font-weight: 400; } .modal .quick-view-dialog .size-chart, .choose-bonus-product-dialog .size-chart { display: none; } .modal .quick-view-dialog .swatch-circle, .choose-bonus-product-dialog .swatch-circle { margin-right: 0; width: 33px; height: 33px; background: #ffffff; border: 1px solid #D0D0D0; display: block; position: relative; outline: 1px solid transparent; } .modal .quick-view-dialog a[disabled] .swatch-circle, .choose-bonus-product-dialog a[disabled] .swatch-circle { cursor: not-allowed; } .modal .quick-view-dialog a[disabled] .swatch-circle.color-value.selected::after, .choose-bonus-product-dialog a[disabled] .swatch-circle.color-value.selected::after { background-color: #495057; } .modal .quick-view-dialog .availablity-container, .choose-bonus-product-dialog .availablity-container { text-align: right; } .modal .quick-view-dialog .availablity-container, .modal .quick-view-dialog .size-chart, .choose-bonus-product-dialog .availablity-container, .choose-bonus-product-dialog .size-chart { margin-top: 0.938em; } .modal .quick-view-dialog .modal-content, .choose-bonus-product-dialog .modal-content { border: 1px solid rgba(0, 0, 0, 0.2); } .modal .quick-view-dialog .modal-body, .choose-bonus-product-dialog .modal-body { max-height: 500px; margin-top: 10px; } @media (min-width: 769px) { .modal .quick-view-dialog .modal-body, .choose-bonus-product-dialog .modal-body { max-height: 70vh; } } .modal .quick-view-dialog .modal-body .color-value.selected, .choose-bonus-product-dialog .modal-body .color-value.selected { position: relative; } .modal .quick-view-dialog .modal-body .color-value.selected::after, .choose-bonus-product-dialog .modal-body .color-value.selected::after { content: ""; border: 1px solid #000000; position: absolute; top: -3px; left: -3px; width: 37px; height: 37px; -webkit-transform: none; transform: none; } .modal .quick-view-dialog .modal-body .primary-images, .choose-bonus-product-dialog .modal-body .primary-images { padding: 0; } @media (min-width: 769px) { .modal .quick-view-dialog .modal-body .primary-images, .choose-bonus-product-dialog .modal-body .primary-images { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; padding-right: 15px; padding-left: 15px; } } .modal .quick-view-dialog .modal-body .primary-images .col-md-9, .choose-bonus-product-dialog .modal-body .primary-images .col-md-9 { padding: 0; } @media (min-width: 769px) { .modal .quick-view-dialog .modal-body .primary-images .col-md-9, .choose-bonus-product-dialog .modal-body .primary-images .col-md-9 { padding-right: 15px; padding-left: 15px; } } @media (min-width: 769px) { .modal .quick-view-dialog .modal-body .col-2, .choose-bonus-product-dialog .modal-body .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 769px) { .modal .quick-view-dialog .modal-body .col-md-10, .choose-bonus-product-dialog .modal-body .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } } .modal .quick-view-dialog .modal-body .quickview-pdp-details, .modal .quick-view-dialog .modal-body .primary-attributes, .choose-bonus-product-dialog .modal-body .quickview-pdp-details, .choose-bonus-product-dialog .modal-body .primary-attributes { padding: 0; } @media (min-width: 769px) { .modal .quick-view-dialog .modal-body .quickview-pdp-details, .modal .quick-view-dialog .modal-body .primary-attributes, .choose-bonus-product-dialog .modal-body .quickview-pdp-details, .choose-bonus-product-dialog .modal-body .primary-attributes { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; padding: 0 58px 0 40px; } } .modal .quick-view-dialog .modal-body .price > span, .choose-bonus-product-dialog .modal-body .price > span { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 10px; } .modal .quick-view-dialog .modal-body .price .range, .choose-bonus-product-dialog .modal-body .price .range { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .modal .quick-view-dialog .modal-body .attribute, .choose-bonus-product-dialog .modal-body .attribute { margin: 25px 0 5px; } @media (min-width: 769px) { .modal .quick-view-dialog .modal-body .quickview-product-name, .modal .quick-view-dialog .modal-body .product-name-wrapper, .modal .quick-view-dialog .modal-body .detail-panel, .choose-bonus-product-dialog .modal-body .quickview-product-name, .choose-bonus-product-dialog .modal-body .product-name-wrapper, .choose-bonus-product-dialog .modal-body .detail-panel { border-bottom: 1px solid #000000; padding-bottom: 20px; } } .modal .quick-view-dialog .modal-body .attribute label, .modal .quick-view-dialog .modal-body .bonus-quantity label, .modal .quick-view-dialog .modal-body .color.non-input-label, .choose-bonus-product-dialog .modal-body .attribute label, .choose-bonus-product-dialog .modal-body .bonus-quantity label, .choose-bonus-product-dialog .modal-body .color.non-input-label { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; letter-spacing: 2px; text-transform: capitalize; margin-bottom: 15px; } @media (min-width: 769px) { .modal .quick-view-dialog .modal-body select, .choose-bonus-product-dialog .modal-body select { width: 265px; } } .modal .quick-view-dialog .modal-body select.quantity-select, .modal .quick-view-dialog .modal-body select.bonus-quantity-select, .choose-bonus-product-dialog .modal-body select.quantity-select, .choose-bonus-product-dialog .modal-body select.bonus-quantity-select { max-width: 68px; } .modal .quick-view-dialog .promotions .title, .choose-bonus-product-dialog .promotions .title { font-family: "ProximaNova-Regular", sans-serif; color: #9D0303; letter-spacing: 0.082rem; text-transform: none; border: 0 none; height: auto; padding: 0; margin-bottom: 1rem; } .modal .quick-view-dialog .promotions .title::after, .choose-bonus-product-dialog .promotions .title::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239D0303'%3E%3Cg%3E%3Cpath d='M9.838 0l1.147 1.638-5.488 3.843-.005-.006-.004.006L0 1.638 1.147 0l4.345 3.042L9.838 0z' transform='translate(-999 -644) translate(999 644)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .modal .quick-view-dialog .promotions .content, .choose-bonus-product-dialog .promotions .content { margin-top: -0.5rem; margin-bottom: 1rem; } .modal .quick-view-dialog .pre-cart-products, .choose-bonus-product-dialog .pre-cart-products { margin-right: 0.125em; } .modal .quick-view-dialog .color-attribute, .choose-bonus-product-dialog .color-attribute { background: none; border: none; padding: 0; margin-right: 7px; } .modal .quick-view-dialog .non-input-label, .choose-bonus-product-dialog .non-input-label { display: block; margin-bottom: 0.5rem; } @media (min-width: 1280px) { .modal .quick-view-dialog .btn, .choose-bonus-product-dialog .btn { max-width: 265px; } } .modal .quick-view-dialog .price { font-size: 1.5rem; } .modal .quick-view-dialog .modal-body .add-to-cart { max-width: 265px; } .modal .quick-view-dialog .modal-footer { border-top: 1px solid #000000; padding: 6px 0; } @media (min-width: 769px) { .modal .quick-view-dialog .modal-footer { border-top: none; padding: 0; } } @media (min-width: 769px) { .modal .quick-view-dialog .modal-footer .quickview-product-footer { display: none; } } .modal .quick-view-dialog .modal-footer > * { margin: 0; } @media (min-width: 769px) { .modal .quick-view-dialog .modal-footer .add-to-cart-global { max-width: 265px; } } .modal .quick-view-dialog .modal-footer .prices-add-to-cart-actions__required-message { margin: 8px 0 0; } .modal .quick-view-dialog .modal-footer .range { display: block; } @media (min-width: 1280px) { .modal .quick-view-dialog .modal-footer button { margin: 0; margin-bottom: 15px; } } .modal .quick-view-dialog .modal-footer .prices { padding: 2px 0 7px; } .modal .quick-view-dialog .modal-footer .prices .price { line-height: 16px; } .product-quickview.product-set { max-height: 500px; } .product-quickview.product-set .description-and-detail { max-width: 100%; max-width: calc(100% + 30px); margin: 20px -15px 30px -15px; } @media (min-width: 769px) { .product-quickview.product-set .description-and-detail { padding-right: 43px; margin: 20px 0 30px; } } .product-quickview.product-set .description-and-detail .btn { max-width: 100%; } .product-quickview.product-set .product-detail.set-item { margin-bottom: 30px; } .product-quickview.product-set .availability-msg { margin-bottom: 0; } .product-quickview.product-set .social-container { border-bottom: none; } @media (min-width: 769px) { .product-quickview.product-set .social-container { border-bottom: 1px solid #000000; max-width: 100%; margin: 0; margin-right: 40px; } } .quickview-set-footer { display: block; } @media (min-width: 769px) { .quickview-set-footer { padding: 20px 107px 32px; } } @media (min-width: 769px) { .quickview-set-footer .prices { display: none; } } @media (min-width: 769px) { .quickview-set-footer .global-availability { max-width: 295px; } } .pdp-mobile-carousel .swiper-slide img { width: 100%; } .primary-images .carousel img { width: 100%; height: 100%; } .product-tile { border: 0; margin-bottom: 0; } @media (max-width: 1023.98px) { .product-tile { min-height: 23.4375em; } } @media (max-width: 768.98px) { .product-tile { min-height: 19.6875em; } } @media (max-width: 543.98px) { .product-tile { min-height: 13.4375em; } } .product-tile .tile-body { padding: 1rem 0 2.75rem; } @media (min-width: 1280px) { .product-tile .tile-body { padding: 1.5rem 0 2.25rem; } } .product-tile .tile-body .color-swatches { min-height: 2rem; margin-bottom: 0.25rem; } .product-tile .tile-body .color-swatches .swatches { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-tile .tile-body .color-swatches .tile-swatch { display: inline-block; margin-right: 0.75rem; } .product-tile .tile-body .color-swatches .tile-swatch img.swatch-circle { margin-right: 0; } .product-tile .tile-body .color-swatches .product-tile-color-label { cursor: pointer; } @media (max-width: 1023.98px) { .product-tile .tile-body .color-swatches .product-tile-color-label { font-size: 0.9375rem; } } @media (max-width: 768.98px) { .product-tile .tile-body .color-swatches .product-tile-color-label { font-size: 0.8125rem; } } .product-tile .tile-body .price { margin-bottom: 0; } .product-tile .tile-body .price .tiered .value { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; } .product-tile .tile-body .coming-soon-tile { text-align: center; } .product-tile .tile-body .product-tile-label { font-family: "ProximaNova-Bold", sans-serif; font-size: 1.125rem; font-weight: 400; color: #000000; letter-spacing: 3.5px; text-align: center; text-transform: uppercase; } .product-tile .tile-body .pdp-link { text-align: center; } .product-tile .tile-body .pdp-link a { font-size: 1.125rem; color: #000000; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; } .product-tile .tile-body .pdp-link a:focus { text-decoration: underline; } .product-tile .tile-body .ratings { font-size: 0.9375rem; } .product-tile .image-container { position: relative; height: 65vw; } @media (min-width: 769px) { .product-tile .image-container { height: 50vw; } } @media (min-width: 980px) { .product-tile .image-container { height: 486px; } } .product-tile .image-container:hover .quickview { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-tile .image-container:hover .tile-image-container .tile-image { opacity: 0; } .product-tile .image-container:hover .tile-image-container + .tile-image-container .tile-image { opacity: 1; } .product-tile .image-container .quickview { opacity: 0.7; display: none; width: 80%; } .product-tile .image-container .tile-image-container { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .product-tile .image-container .tile-image-container.only-one .tile-image { opacity: 1; } .product-tile .image-container .tile-image-container + .tile-image-container .tile-image { opacity: 0; -webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .product-tile .image-container .tile-image-container .tile-image { opacity: 1; width: 100%; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .product-tile .tile-image-carousel { height: 100%; } .product-tile .tile-image-carousel *:not(img) { height: 100%; } .product-tile .tile-swatch-image-container { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .product-tile .tile-swatch-image-container .tile-swatch-image { width: 100%; height: auto; } .product-tile .swatches a { text-decoration: none; } .product-tile .swatch-circle { width: 30px; height: 30px; background: #ffffff; border: 1px solid #D0D0D0; display: block; position: relative; outline: 1px solid transparent; } #chooseBonusProductModal .modal-header span:not(.sr-only) { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; color: #000000; letter-spacing: 2.75px; text-transform: uppercase; } @media (min-width: 769px) { #chooseBonusProductModal .modal-header span:not(.sr-only) { font-size: 1.5rem; letter-spacing: 4.13px; } } #chooseBonusProductModal .modal-body { margin-top: 10px; } @media (max-width: 768.98px) { #chooseBonusProductModal .modal-body .primary-images + div { padding: 0; } } @media (min-width: 769px) { #chooseBonusProductModal .modal-body .primary-images + div { -webkit-box-flex: 0; -ms-flex: 0 0 32.5%; flex: 0 0 32.5%; max-width: 32.5%; margin-right: auto; margin-left: auto; } } #chooseBonusProductModal .modal-footer { display: block; } @media (min-width: 769px) { #chooseBonusProductModal .modal-footer { border-top: 0 none; } } #chooseBonusProductModal .modal-footer > * { margin: 0; } #chooseBonusProductModal .modal-footer .container { width: 100%; padding: 0; margin-right: 0; margin-left: 0; } @media (min-width: 769px) { #chooseBonusProductModal .modal-footer .container { padding: 0 15px; } } @media (min-width: 769px) { #chooseBonusProductModal .modal-footer .container.multi-bonus { padding-right: calc(15px + 17px); } } #chooseBonusProductModal .bonus-summary { font-family: "ProximaNova-Regular", sans-serif; color: #000000; letter-spacing: 0.5px; text-align: center; } @media (min-width: 769px) { #chooseBonusProductModal .bonus-summary { letter-spacing: 0.082rem; line-height: 1.54; text-align: left; } } #chooseBonusProductModal .select-cbp-container { margin-top: auto; margin-bottom: auto; } #chooseBonusProductModal .product-name-wrapper { width: 100%; } #chooseBonusProductModal .select-bonus-product { margin-top: 1.5rem; } #chooseBonusProductModal .selected-bonus-products { padding-top: 0.5rem; } @media (min-width: 769px) { #chooseBonusProductModal .selected-bonus-products { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; padding-top: 0; } } @media (min-width: 769px) { #chooseBonusProductModal .selected-bonus-products + div { -webkit-box-flex: 0; -ms-flex: 0 0 32.5%; flex: 0 0 32.5%; max-width: 32.5%; margin: auto; } } #chooseBonusProductModal .selected-pid .bonus-product-name { text-overflow: ellipsis; white-space: nowrap; cursor: pointer; position: relative; padding-right: 2rem; overflow: hidden; } #chooseBonusProductModal .selected-pid .bonus-product-name:after { content: ""; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; right: 15px; width: 0.75rem; height: 0.75rem; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7897 10.8135L0.837285 0.861093C0.680142 0.70395 0.680142 0.494426 0.837285 0.337283C0.994428 0.18014 1.20395 0.18014 1.36109 0.337283L11.3135 10.2897C11.4706 10.4468 11.4706 10.6563 11.3135 10.8135C11.1563 10.9706 10.9468 10.9706 10.7897 10.8135Z' fill='black'/%3E%3Cpath d='M11.3135 0.8611L1.36109 10.8135C1.20395 10.9706 0.994426 10.9706 0.837283 10.8135C0.68014 10.6563 0.68014 10.4468 0.837283 10.2897L10.7897 0.33729C10.9468 0.180148 11.1563 0.180148 11.3135 0.33729C11.4706 0.494433 11.4706 0.703957 11.3135 0.8611Z' fill='black'/%3E%3C/svg%3E"); } #chooseBonusProductModal .add-bonus-products { width: 100%; margin: 0; } @media (min-width: 769px) { #chooseBonusProductModal .add-bonus-products { max-width: 265px; } } #chooseBonusProductModal .bonus-product-price { text-align: center; margin-top: 1em; } #chooseBonusProductModal .bonus-product-divider { border-top: 1px solid #000000; } @media (min-width: 769px) { #chooseBonusProductModal .bonus-product-divider { width: calc( 60% + ((100% - 60%) / 2) + ( 32.5% / 2 ) - 30px); margin: 1rem 15px; } } .tile-swatch.selected .swatch { outline: 1px solid #000000; } .form-nav .nav-tabs .nav-link { color: #47474C; } .form-nav .nav-tabs .nav-link.active, .form-nav .nav-tabs .nav-link.active:focus, .form-nav .nav-tabs .nav-link.active:hover { background-color: #ffffff; color: #47474C; } .nav-tabs .nav-link.active { background-color: transparent; } @media (min-width: 1280px) { .form-nav .nav-item > .nav-link { color: #47474C; } } .form-scroller-wrapper { height: 100%; } .tabs-scroller { height: 100%; } .tabs-scroller .nav-tabs-wrapper { position: relative; padding-bottom: 5px; } .tabs-scroller .nav-tabs-wrapper .nav-marker { position: absolute; left: 0; bottom: 0; height: 2px; width: auto; background-color: #9D0303; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .tabs-scroller .nav-tabs-wrapper .nav-marker-wrapper { position: relative; height: 2px; background-color: #EFEFEF; } .tabs-scroller-tabs > a { font-family: "ProximaNova-Bold", sans-serif; padding: 5px 30px 10px; text-decoration: none; text-transform: uppercase; cursor: pointer; color: #757575; letter-spacing: 3px; } .tabs-scroller-tabs > a.active { color: #000000; } .tabs-scroller-content { height: 100%; } .tabs-scroller-content-row { height: 100%; border: none; } .tabs-scroller-content form { height: 100%; overflow-y: auto; } .tabs-scroller-content form-row { height: 100%; } .tabs-scroller-content form > .section { padding: 20px 0; } .modal.pxg-modal .modal-dialog .tabs-scroller a:focus { outline: none; } .stepped-next-buttons { max-width: 100%; width: 300px; margin: 10px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .breadcrumb { padding-bottom: 1rem; } .breadcrumb a:focus { text-decoration: underline; } .breadcrumb a span { font-size: 0.825rem; margin-left: 0.25rem; } .bg-dark .breadcrumb a span { color: #ffffff; } .breadcrumb .breadcrumb-item + .breadcrumb-item::before { display: none; } .breadcrumb .breadcrumb-item.home a { --classSetColor: #000000; text-decoration: none; } .breadcrumb .breadcrumb-item.home a svg { width: 16px; -webkit-transform: translateY(-1px); transform: translateY(-1px); } body:not(.merchandise) .product-breadcrumb { display: none; } body:not(.merchandise) .product-detail-page .product-breadcrumb { display: block; } @media (max-width: 1399.98px) { .page-component-breadcrumbs.breadcrumbs-display-overlapped { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; } } @media (min-width: 1280px) { .page-component-breadcrumbs.breadcrumbs-display-lg-overlapped { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; } } .page-component-breadcrumbs ol.breadcrumb, .page-component-breadcrumbs ul.breadcrumb, .experience-main .page-component-breadcrumbs ol.breadcrumb, .experience-main .page-component-breadcrumbs ul.breadcrumb { list-style-type: none; background-color: transparent; } .page-component-breadcrumbs ol.breadcrumb > li.breadcrumb-item::after, .page-component-breadcrumbs ul.breadcrumb > li.breadcrumb-item::after, .experience-main .page-component-breadcrumbs ol.breadcrumb > li.breadcrumb-item::after, .experience-main .page-component-breadcrumbs ul.breadcrumb > li.breadcrumb-item::after { content: "/"; display: inline-block; margin: 0 0.5rem; vertical-align: baseline; font-size: 0.825rem; padding: 0; } .page-component-breadcrumbs ol.breadcrumb > li.breadcrumb-item:last-child::after, .page-component-breadcrumbs ul.breadcrumb > li.breadcrumb-item:last-child::after, .experience-main .page-component-breadcrumbs ol.breadcrumb > li.breadcrumb-item:last-child::after, .experience-main .page-component-breadcrumbs ul.breadcrumb > li.breadcrumb-item:last-child::after { display: none; content: ""; } .page-component-breadcrumbs ol.breadcrumb > li.breadcrumb-item.color_white a, .page-component-breadcrumbs ol.breadcrumb > li.breadcrumb-item.color_white span, .page-component-breadcrumbs ol.breadcrumb > li.breadcrumb-item.color_white::after, .page-component-breadcrumbs ul.breadcrumb > li.breadcrumb-item.color_white a, .page-component-breadcrumbs ul.breadcrumb > li.breadcrumb-item.color_white span, .page-component-breadcrumbs ul.breadcrumb > li.breadcrumb-item.color_white::after, .experience-main .page-component-breadcrumbs ol.breadcrumb > li.breadcrumb-item.color_white a, .experience-main .page-component-breadcrumbs ol.breadcrumb > li.breadcrumb-item.color_white span, .experience-main .page-component-breadcrumbs ol.breadcrumb > li.breadcrumb-item.color_white::after, .experience-main .page-component-breadcrumbs ul.breadcrumb > li.breadcrumb-item.color_white a, .experience-main .page-component-breadcrumbs ul.breadcrumb > li.breadcrumb-item.color_white span, .experience-main .page-component-breadcrumbs ul.breadcrumb > li.breadcrumb-item.color_white::after { color: #ffffff; } .page-component-breadcrumbs ol.breadcrumb > li.breadcrumb-item.color_black a, .page-component-breadcrumbs ol.breadcrumb > li.breadcrumb-item.color_black span, .page-component-breadcrumbs ol.breadcrumb > li.breadcrumb-item.color_black::after, .page-component-breadcrumbs ul.breadcrumb > li.breadcrumb-item.color_black a, .page-component-breadcrumbs ul.breadcrumb > li.breadcrumb-item.color_black span, .page-component-breadcrumbs ul.breadcrumb > li.breadcrumb-item.color_black::after, .experience-main .page-component-breadcrumbs ol.breadcrumb > li.breadcrumb-item.color_black a, .experience-main .page-component-breadcrumbs ol.breadcrumb > li.breadcrumb-item.color_black span, .experience-main .page-component-breadcrumbs ol.breadcrumb > li.breadcrumb-item.color_black::after, .experience-main .page-component-breadcrumbs ul.breadcrumb > li.breadcrumb-item.color_black a, .experience-main .page-component-breadcrumbs ul.breadcrumb > li.breadcrumb-item.color_black span, .experience-main .page-component-breadcrumbs ul.breadcrumb > li.breadcrumb-item.color_black::after { color: #000000; } .page-component-breadcrumbs ol.breadcrumb > li.breadcrumb-item, .page-component-breadcrumbs ol.breadcrumb li.breadcrumb-item + li.breadcrumb-item, .page-component-breadcrumbs ul.breadcrumb > li.breadcrumb-item, .page-component-breadcrumbs ul.breadcrumb li.breadcrumb-item + li.breadcrumb-item, .experience-main .page-component-breadcrumbs ol.breadcrumb > li.breadcrumb-item, .experience-main .page-component-breadcrumbs ol.breadcrumb li.breadcrumb-item + li.breadcrumb-item, .experience-main .page-component-breadcrumbs ul.breadcrumb > li.breadcrumb-item, .experience-main .page-component-breadcrumbs ul.breadcrumb li.breadcrumb-item + li.breadcrumb-item { padding-left: 0; } .page-component-breadcrumbs ol.breadcrumb a, .page-component-breadcrumbs ol.breadcrumb span, .page-component-breadcrumbs ul.breadcrumb a, .page-component-breadcrumbs ul.breadcrumb span, .experience-main .page-component-breadcrumbs ol.breadcrumb a, .experience-main .page-component-breadcrumbs ol.breadcrumb span, .experience-main .page-component-breadcrumbs ul.breadcrumb a, .experience-main .page-component-breadcrumbs ul.breadcrumb span { font-family: "ProximaNova-Regular", sans-serif; font-size: 0.75rem; color: #000000; letter-spacing: 1px; text-decoration: none; margin: 0; } .page-component-breadcrumbs ol.breadcrumb a:hover, .page-component-breadcrumbs ol.breadcrumb span:hover, .page-component-breadcrumbs ul.breadcrumb a:hover, .page-component-breadcrumbs ul.breadcrumb span:hover, .experience-main .page-component-breadcrumbs ol.breadcrumb a:hover, .experience-main .page-component-breadcrumbs ol.breadcrumb span:hover, .experience-main .page-component-breadcrumbs ul.breadcrumb a:hover, .experience-main .page-component-breadcrumbs ul.breadcrumb span:hover { font-size: 0.75rem; text-decoration: none; } .page-component-breadcrumbs ol.breadcrumb a:focus, .page-component-breadcrumbs ul.breadcrumb a:focus, .experience-main .page-component-breadcrumbs ol.breadcrumb a:focus, .experience-main .page-component-breadcrumbs ul.breadcrumb a:focus { text-decoration: underline; } .bg-dark .page-component-breadcrumbs ol.breadcrumb a span, .bg-dark .page-component-breadcrumbs ul.breadcrumb a span, .bg-dark .experience-main .page-component-breadcrumbs ol.breadcrumb a span, .bg-dark .experience-main .page-component-breadcrumbs ul.breadcrumb a span { color: #ffffff; } .page-component-breadcrumbs ol.breadcrumb .breadcrumb-item + .breadcrumb-item::before, .page-component-breadcrumbs ul.breadcrumb .breadcrumb-item + .breadcrumb-item::before, .experience-main .page-component-breadcrumbs ol.breadcrumb .breadcrumb-item + .breadcrumb-item::before, .experience-main .page-component-breadcrumbs ul.breadcrumb .breadcrumb-item + .breadcrumb-item::before { display: none; } .veil { position: absolute; z-index: 100; text-align: center; top: 0; left: 0; width: 100%; height: 100%; } .veil .underlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; background-color: #000000; } .spinner { width: 80px; height: 80px; text-align: center; -webkit-animation: sk-rotate 2s infinite linear; animation: sk-rotate 2s infinite linear; position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; } .dot1, .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #ffffff; border-radius: 100%; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out; } .dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } .maincontent_bg-dark .pxg-slider, .maincontent_bg-light .bg-dark .pxg-slider, .bg-dark .pxg-slider, .bg-light .bg-dark .pxg-slider { --_sliderColorPrimary: #ffffff; --_sliderColorSecondary: #47474C; --_sliderColorAccent: #9D0303; } .maincontent_bg-dark .pxg-slider[data-autoplay="false"], .maincontent_bg-light .bg-dark .pxg-slider[data-autoplay="false"], .bg-dark .pxg-slider[data-autoplay="false"], .bg-light .bg-dark .pxg-slider[data-autoplay="false"] { --_sliderColorAccent: var(--_sliderColorPrimary); } .maincontent_bg-light .pxg-slider, .maincontent_bg-dark .bg-light .pxg-slider, .bg-light .pxg-slider, .bg-dark .bg-light .pxg-slider { --_sliderColorPrimary: #000000; --_sliderColorSecondary: #D0D0D0; --_sliderColorAccent: #9D0303; } .pxg-slider { --_navArrowWidth: 10px; --_spaceBetweenSlides: 20px; --_slideTransistionTime: 200ms; --_bulletProgress: var(--_progress, 1); --_sliderColorPrimary: #000000; --_sliderColorSecondary: #D0D0D0; --_sliderColorAccent: #9D0303; } .pxg-slider[data-autoplay="false"] { --_sliderColorAccent: var(--_sliderColorPrimary); --_bulletProgress: 1; } @media (min-width: 1280px) { .pxg-slider { --_spaceBetweenSlides: 45px; } } .pxg-slider.video-active { --_bulletProgress: 1; --_sliderColorAccent: var(--_sliderColorPrimary); } .pxg-slider.video-active .swiper-controls .slider-play-pause { opacity: 0; visibility: hidden; -webkit-transition: opacity var(--_slideTransistionTime) ease, visibility 0s ease var(--_slideTransistionTime); transition: opacity var(--_slideTransistionTime) ease, visibility 0s ease var(--_slideTransistionTime); } .pxg-slider .swiper-controls { margin: 20px 0; } .pxg-slider .pxg-slider-arrow { fill: transparent; display: none; opacity: 1; -webkit-transition: opacity var(--_slideTransistionTime) ease; transition: opacity var(--_slideTransistionTime) ease; } .pxg-slider .pxg-slider-arrow svg { width: var(--_navArrowWidth); } .pxg-slider .pxg-slider-arrow.swiper-button-lock { display: none; } .pxg-slider .pxg-slider-arrow.swiper-button-disabled { opacity: 0.3; cursor: default; } @media (min-width: 1280px) { .pxg-slider .pxg-slider-arrow { display: inline-block; } } .pxg-slider.show-mobile-arrows .pxg-slider-arrow { display: inline-block; } .pxg-slider .slider-play-pause { display: inline-block; fill: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px; opacity: 1; -webkit-transition: opacity var(--_slideTransistionTime) ease; transition: opacity var(--_slideTransistionTime) ease; visibility: visible; } .pxg-slider .slider-play-pause svg { width: 10px; } .pxg-slider .slider-play-pause .play { display: none; } .pxg-slider .slider-play-pause .pause { display: initial; } .pxg-slider .swiper-button-lock + .slider-play-pause { display: none; } .pxg-slider.paused .slider-play-pause .play { display: initial; } .pxg-slider.paused .slider-play-pause .pause { display: none; } .pxg-slider.arrow-placement_overlaid { position: relative; --_arrowInset: 0; } .pxg-slider.arrow-placement_overlaid .swiper-controls .pxg-slider-arrow { --_clipInset: 45%; position: absolute; top: calc(50% - 50px); background: #ffffff; color: #000000; z-index: 1; } .pxg-slider.arrow-placement_overlaid .swiper-controls .pxg-slider-arrow.pxg-slider-button-prev { left: var(--_arrowInset); padding: 27px 69px 27px 36px; clip-path: polygon(0 0, 100% 0, calc(100% - var(--_clipInset)) 100%, 0% 100%); } .pxg-slider.arrow-placement_overlaid .swiper-controls .pxg-slider-arrow.pxg-slider-button-next { right: var(--_arrowInset); padding: 27px 36px 27px 69px; clip-path: polygon(var(--_clipInset) 0, 101% 0, 101% 100%, 0% 100%); } .pxg-slider.arrow-placement_overlaid .swiper-controls .pxg-slider-arrow.swiper-button-disabled { opacity: 0.3; cursor: default; } .pxg-slider.arrow-placement_overlaid.slide-preview { --_arrowInset: 0; } .pxg-slider.slider-type_carousel { --_navArrowWidth: 10px; } .pxg-slider.slider-type_carousel .swiper-controls { margin-inline: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pxg-slider.slider-type_carousel .swiper-controls .pxg-slider-pagination { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .pxg-slider.slider-type_carousel .swiper-controls .pxg-slider-pagination.swiper-pagination-lock { min-height: 23px; } .pxg-slider.slider-type_carousel .swiper-controls .pxg-slider-arrow { padding: 0 20px; } .pxg-slider.slider-type_carousel .swiper-controls .swiper-pagination-bullet { --swiper-pagination-bullet-inactive-opacity: 1; --swiper-pagination-color-active: transparent; --swiper-pagination-bullet-inactive-color: transparent; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-color: transparent; --swiper-pagination-bullet-width: 10px; --swiper-pagination-bullet-height: 23px; --swiper-pagination-bullet-horizontal-gap: 5px; border-radius: 0; position: relative; border-top: 10px solid transparent; border-bottom: 10px solid transparent; -webkit-transition: width var(--_slideTransistionTime) ease, background var(--_slideTransistionTime) ease; transition: width var(--_slideTransistionTime) ease, background var(--_slideTransistionTime) ease; } .pxg-slider.slider-type_carousel .swiper-controls .swiper-pagination-bullet:before { content: ""; background: var(--_sliderColorPrimary); position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .pxg-slider.slider-type_carousel .swiper-controls .swiper-pagination-bullet.swiper-pagination-bullet-active { --swiper-pagination-bullet-width: 60px; } .pxg-slider.slider-type_carousel .swiper-controls .swiper-pagination-bullet.swiper-pagination-bullet-active:before { background: var(--_sliderColorSecondary); } .pxg-slider.slider-type_carousel .swiper-controls .swiper-pagination-bullet.swiper-pagination-bullet-active:after { content: ''; width: Min(100%, calc(100% * var(--_bulletProgress))); background-color: var(--_sliderColorAccent); position: absolute; left: 0; top: 0; height: 100%; } .pxg-slider.slider-type_scroll { --_navArrowWidth: 8px; } .pxg-slider.slider-type_scroll .swiper-controls { display: grid; grid-template-columns: auto -webkit-min-content -webkit-min-content; grid-template-columns: auto min-content min-content; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1280px) { .pxg-slider.slider-type_scroll .swiper-controls { gap: 30px; } } .pxg-slider.slider-type_scroll .pxg-slider-scroll { position: relative; } .pxg-slider.slider-type_scroll .pxg-slider-scroll:before { content: ""; background-color: var(--_sliderColorSecondary); width: 100%; position: absolute; left: 0; height: 3px; } .pxg-slider.slider-type_scroll .pxg-slider-scroll .swiper-scrollbar-drag { border-radius: 0; cursor: pointer; height: 5px; top: -1px; background-color: var(--_sliderColorPrimary); outline: 0px solid var(--_sliderColorPrimary); -webkit-transform: outline var(--_slideTransistionTime) ease; transform: outline var(--_slideTransistionTime) ease; } .pxg-slider.slider-type_scroll .pxg-slider-scroll .swiper-scrollbar-drag:hover { outline: 1px solid var(--_sliderColorPrimary); } .pxg-slider.slider-type_scroll .pxg-slider-scroll .swiper-scrollbar-drag:after { content: ""; position: absolute; display: block; background-color: transparent; width: 100%; height: 24px; z-index: -1; -webkit-transform: translateY(-10px); transform: translateY(-10px); } .pxg-slider.slider-type_scroll .pxg-slider-scroll .swiper-scrollbar-drag:not(:first-child) { display: none; } .item-attributes { vertical-align: top; } .item-attributes li { list-style: disc; margin-left: 2rem; } .line-item-attributes, .line-item-option { font-family: "ProximaNova-Regular", sans-serif; font-size: 0.875rem; font-weight: 400; color: #000000; letter-spacing: 0.082rem; line-height: 1.25; margin: 0; } .line-item-attributes-title { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; } .line-item-name { font-family: "ProximaNova-Bold", sans-serif; font-size: 1.125rem; font-weight: 400; color: #000000; letter-spacing: 3.5px; text-transform: uppercase; } .line-item-name .club-quantity { text-transform: none; } .line-item-pricing-info { margin-bottom: 0.5rem; } .line-item-pricing-info + .price { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; color: #000000; letter-spacing: 0.082rem; line-height: 1.25; text-align: left; } .line-item-pricing-info + .price .strike-through { color: #757575; display: block; margin: 0 0 0.5rem; } .line-item-pricing-info + .price > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .line-item-pricing-info + .price .sales { color: #000000; } .line-item-pricing-info .line-item-total-text { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; color: #000000; letter-spacing: 0.082rem; text-transform: uppercase; white-space: nowrap; margin-bottom: 0.5rem; } @media (min-width: 544px) { .line-item-pricing-info .line-item-total-text { letter-spacing: 2px; } } .qty-card-quantity-count { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; color: #000000; letter-spacing: 1px; text-transform: uppercase; } .line-item-price-quantity-info { margin-top: 0.625em; } .line-item-total-price-amount { font-weight: 700; } .pricing { white-space: nowrap; } .item-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 1rem; } .item-image img.product-image { width: 77px; max-width: none; height: 77px; max-height: none; margin: 0; -o-object-fit: contain; object-fit: contain; } .item-image img.product-image.variant { margin-top: .75rem; } .non-adjusted-price { display: none; } .line-item-promo { font-family: "ProximaNova-Regular", sans-serif; color: #000000; letter-spacing: 0.082rem; line-height: 1.25; } .line-item-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .bundled-line-item + .bundled-line-item { margin-top: 0.625em; } .bundle-includes { font-size: 0.8125rem; margin-bottom: 0.625em; } .line-item-divider { border: 0 none; margin: 0 0 1rem; } .line-dotted { border-top: 0.063em dashed #ccc; } .line-item-availability p, .line-item-availability ul.bulleted li, ul.bulleted .line-item-availability li { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; margin-bottom: .5rem; } .club-attributes .head, .club-attributes .shaft { border-bottom: 1px solid #EFEFEF; } .club-attributes p, .club-attributes ul.bulleted li, ul.bulleted .club-attributes li { line-height: 1.5rem; } .club-attributes .torqueTool { border-top: 1px solid #EFEFEF; } .line-item-total-price .strike-through { font-weight: 400; font-family: "ProximaNova-Regular", sans-serif; color: #000000; } .line-item-total-price .price { font-size: 0.875rem; } .product-line-item-details .more-details { font-weight: 400; font-size: 0.875rem; font-family: "ProximaNova-Regular", sans-serif; text-transform: none; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .product-line-item-details .more-details:hover { font-weight: 400; } .minicart { position: relative; } .minicart h1 { font-size: 1rem; } .minicart .cart { padding-top: 0.625em; padding-bottom: 0.625em; background-color: #ffffff; } .minicart .remove-btn { float: right; background-color: white; border: none; font-size: 1.5rem; margin-top: -0.313em; padding: 0; } .minicart .product-summary { margin-right: -0.938em; max-height: 21.875em; overflow-y: auto; overflow-x: hidden; padding-right: 0.938em; } .minicart .card-body { padding: 0.625em; } .minicart .quantity-label { font-size: 0.8125rem; } .minicart .quantity { width: 100%; } .minicart .popover { top: 100%; left: auto; right: 0; min-width: 23.44rem; max-width: 23.44rem; min-height: 22.7rem; display: none; } .minicart .popover::before { left: auto; right: 15px; } .minicart .popover::after { left: auto; right: 16px; } .minicart .popover.show { display: block; } .minicart .estimated-total { margin-top: 0.625em; } .minicart .sub-total-label { font-size: 1em; font-weight: 600; } .minicart .sub-total { font-weight: 600; } .minicart .line-item-divider { margin: 0.625em -0.625em 0.625em -1.325em; } .minicart .line-item-name { width: 90%; } .minicart-wrapper { z-index: 10; } .minicart-wrapper a { color: #ffffff; text-decoration: none; } .page-header .minicart-wrapper { z-index: 1000; position: absolute; right: 0; bottom: 30px; } @media (min-width: 1400px) { .page-header .minicart-wrapper { right: calc((100% - 1380px)/2); } } @media (min-width: 1280px) { .page-header .minicart-wrapper { bottom: 15px; } } .info-icon { background-repeat: no-repeat; background-position: center; background-size: contain; display: inline-block; position: relative; width: 1rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M8.32 16.64c1.52 0 2.927-.38 4.22-1.14 1.253-.72 2.24-1.707 2.96-2.96.76-1.293 1.14-2.7 1.14-4.22 0-1.52-.38-2.927-1.14-4.22-.72-1.253-1.707-2.24-2.96-2.96C11.247.38 9.84 0 8.32 0c-1.507 0-2.907.38-4.2 1.14-1.253.733-2.247 1.727-2.98 2.98C.38 5.413 0 6.813 0 8.32c0 1.507.38 2.907 1.14 4.2.72 1.253 1.707 2.247 2.96 2.98 1.293.76 2.7 1.14 4.22 1.14zm0-1.64c-1.2 0-2.32-.307-3.36-.92-1.013-.587-1.813-1.387-2.4-2.4-.613-1.04-.92-2.16-.92-3.36 0-1.2.307-2.32.92-3.36.587-1.013 1.387-1.813 2.4-2.4 1.04-.613 2.16-.92 3.36-.92 1.2 0 2.32.307 3.36.92 1.013.587 1.813 1.387 2.4 2.4.613 1.04.92 2.16.92 3.36 0 1.2-.307 2.32-.92 3.36-.587 1.013-1.387 1.813-2.4 2.4-1.04.613-2.16.92-3.36.92zm.82-9.18V4.14H7.5v1.68h1.64zm0 6.68v-5H7.5v5h1.64z' transform='translate(-758 -638) translate(758 638)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .info-icon::before { content: ""; border-color: #000000 transparent transparent transparent; border-style: solid; border-width: 0.75rem; display: none; position: absolute; bottom: 50%; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-animation: fade-in 0.5s linear forwards; animation: fade-in 0.5s linear forwards; } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .info-icon.show::before { display: block; } .info-icon.show .tooltip { display: block; } .info-icon .tooltip { font-family: "ProximaNova-Regular", sans-serif; font-size: 0.875rem; font-weight: 400; color: #ffffff; letter-spacing: 0.082rem; background: #000000; display: none; position: absolute; bottom: calc(100% + 0.75rem); min-width: 100vw; max-width: 15rem; padding: 1rem; -webkit-animation: fade-in 0.5s linear forwards; animation: fade-in 0.5s linear forwards; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @media (min-width: 769px) { .info-icon .tooltip { min-width: 20rem; } } @media (min-width: 1280px) { .info-icon .tooltip { left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .info-icon .tooltip__title { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; margin-bottom: 0.5rem; } @media (min-width: 769px) { .cart-shipping-info .tooltip { -webkit-transform: translate(-65%, 0); transform: translate(-65%, 0); } } @media (min-width: 1280px) { .cart-shipping-info .tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @media (min-width: 769px) { .billing-email-info .tooltip { -webkit-transform: translate(-30%, 0); transform: translate(-30%, 0); } } .swatch-circle-beige { width: 2rem; height: 2rem; background: #c4b393; display: block; position: relative; } .swatch-circle-beige.disabled { opacity: 0.2; } .swatch-filter-beige { width: 1.75rem; height: 1.75rem; background: #c4b393; background-color: #c4b393; display: block; position: relative; } .swatch-filter-beige.disabled { opacity: 0.2; } .swatch-circle-black { width: 2rem; height: 2rem; background: #212121; display: block; position: relative; } .swatch-circle-black.disabled { opacity: 0.2; } .swatch-filter-black { width: 1.75rem; height: 1.75rem; background: #212121; background-color: #212121; display: block; position: relative; } .swatch-filter-black.disabled { opacity: 0.2; } .swatch-circle-blue { width: 2rem; height: 2rem; background: #26487a; display: block; position: relative; } .swatch-circle-blue.disabled { opacity: 0.2; } .swatch-filter-blue { width: 1.75rem; height: 1.75rem; background: #26487a; background-color: #26487a; display: block; position: relative; } .swatch-filter-blue.disabled { opacity: 0.2; } .swatch-circle-brown { width: 2rem; height: 2rem; background: #5c3806; display: block; position: relative; } .swatch-circle-brown.disabled { opacity: 0.2; } .swatch-filter-brown { width: 1.75rem; height: 1.75rem; background: #5c3806; background-color: #5c3806; display: block; position: relative; } .swatch-filter-brown.disabled { opacity: 0.2; } .swatch-circle-green { width: 2rem; height: 2rem; background: #696e49; display: block; position: relative; } .swatch-circle-green.disabled { opacity: 0.2; } .swatch-filter-green { width: 1.75rem; height: 1.75rem; background: #696e49; background-color: #696e49; display: block; position: relative; } .swatch-filter-green.disabled { opacity: 0.2; } .swatch-circle-grey { width: 2rem; height: 2rem; background: #999999; display: block; position: relative; } .swatch-circle-grey.disabled { opacity: 0.2; } .swatch-filter-grey { width: 1.75rem; height: 1.75rem; background: #999999; background-color: #999999; display: block; position: relative; } .swatch-filter-grey.disabled { opacity: 0.2; } .swatch-circle-navy { width: 2rem; height: 2rem; background: #000080; display: block; position: relative; } .swatch-circle-navy.disabled { opacity: 0.2; } .swatch-filter-navy { width: 1.75rem; height: 1.75rem; background: #000080; background-color: #000080; display: block; position: relative; } .swatch-filter-navy.disabled { opacity: 0.2; } .swatch-circle-orange { width: 2rem; height: 2rem; background: #eea31e; display: block; position: relative; } .swatch-circle-orange.disabled { opacity: 0.2; } .swatch-filter-orange { width: 1.75rem; height: 1.75rem; background: #eea31e; background-color: #eea31e; display: block; position: relative; } .swatch-filter-orange.disabled { opacity: 0.2; } .swatch-circle-pink { width: 2rem; height: 2rem; background: #bf5d7c; display: block; position: relative; } .swatch-circle-pink.disabled { opacity: 0.2; } .swatch-filter-pink { width: 1.75rem; height: 1.75rem; background: #bf5d7c; background-color: #bf5d7c; display: block; position: relative; } .swatch-filter-pink.disabled { opacity: 0.2; } .swatch-circle-purple { width: 2rem; height: 2rem; background: #c9b4d6; display: block; position: relative; } .swatch-circle-purple.disabled { opacity: 0.2; } .swatch-filter-purple { width: 1.75rem; height: 1.75rem; background: #c9b4d6; background-color: #c9b4d6; display: block; position: relative; } .swatch-filter-purple.disabled { opacity: 0.2; } .swatch-circle-red { width: 2rem; height: 2rem; background: #b13535; display: block; position: relative; } .swatch-circle-red.disabled { opacity: 0.2; } .swatch-filter-red { width: 1.75rem; height: 1.75rem; background: #b13535; background-color: #b13535; display: block; position: relative; } .swatch-filter-red.disabled { opacity: 0.2; } .swatch-circle-white { width: 2rem; height: 2rem; background: #efeee8; display: block; position: relative; } .swatch-circle-white.disabled { opacity: 0.2; } .swatch-filter-white { width: 1.75rem; height: 1.75rem; background: #efeee8; background-color: #efeee8; display: block; position: relative; } .swatch-filter-white.disabled { opacity: 0.2; } .swatch-circle-yellow { width: 2rem; height: 2rem; background: #fce965; display: block; position: relative; } .swatch-circle-yellow.disabled { opacity: 0.2; } .swatch-filter-yellow { width: 1.75rem; height: 1.75rem; background: #fce965; background-color: #fce965; display: block; position: relative; } .swatch-filter-yellow.disabled { opacity: 0.2; } .swatch-circle-floral { width: 2rem; height: 2rem; background: #efeee8; display: block; position: relative; background: url("../images/aloha.png") 0px 0px/30px 30px; } .swatch-circle-floral.disabled { opacity: 0.2; } .swatch-filter-floral { width: 1.75rem; height: 1.75rem; background: #efeee8; background-color: #efeee8; display: block; position: relative; background: url("../images/aloha.png") 0px 0px/30px 30px; } .swatch-filter-floral.disabled { opacity: 0.2; } .swatch-circle-miscellaneous { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #821e91), color-stop(25%, #821e91), color-stop(25%, #edd134), color-stop(50%, yellow), color-stop(50%, #edd134), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, #0e5cd1), color-stop(50%, #0e5cd1), color-stop(50%, #e20b0b), to(#e20b0b)); background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%); background-repeat: repeat-y, repeat; background-size: 50% 100%, 100% 100%; border: 0.063em solid rgba(0, 0, 0, 0.3); border-radius: 1.25em; display: block; height: 2.5em; position: relative; -webkit-transform: rotate(35deg); transform: rotate(35deg); width: 2.5em; } .swatch-circle-miscellaneous.disabled { opacity: 0.2; } .swatch-circle-miscellaneous.selected::after { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } .swatch-square-miscellaneous { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #821e91), color-stop(25%, #821e91), color-stop(25%, #edd134), color-stop(50%, yellow), color-stop(50%, #edd134), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, #0e5cd1), color-stop(50%, #0e5cd1), color-stop(50%, #e20b0b), to(#e20b0b)); background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%); background-repeat: repeat-y, repeat; background-size: 50% 100%, 100% 100%; border: 0.063em solid rgba(0, 0, 0, 0.3); border-radius: 1.25em; display: block; height: 2.5em; position: relative; -webkit-transform: rotate(35deg); transform: rotate(35deg); width: 2.5em; } .swatch-square-miscellaneous.disabled { opacity: 0.2; } .swatch-square-miscellaneous.selected::after { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } .site-search { --_search-button-width: 35px; position: relative; } @media (min-width: 1280px) { .site-search { --_search-button-width: 74px; } } .site-search form, .site-search input { outline: none; -webkit-box-shadow: none; box-shadow: none; } .site-search form { border: 0; border-radius: 0; } .site-search label { padding: 0 14px 0px 7px; } @media (min-width: 1280px) { .site-search label { padding: 0 35px 0 25px; } } .site-search label svg { height: 18px; width: 18px; margin: 15px 0; } @media (min-width: 1280px) { .site-search label svg { height: 45px; width: 45px; margin: 26px 0; } } .site-search .inputHolder { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .site-search #siteSearchInput { font-family: "ProximaNova-Bold", sans-serif; font-size: 16px; line-height: 100%; height: 100%; letter-spacing: 0.1em; text-transform: uppercase; color: #000000; padding: 0 var(--_search-button-width) 0 0; background-color: transparent; border: none; } @media (min-width: 1280px) { .site-search #siteSearchInput { font-size: 48px; } } .site-search #siteSearchInput:focus { border: 0; border-radius: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; } .site-search #siteSearchInput::-webkit-input-placeholder { opacity: 0.3; } .site-search #siteSearchInput::-moz-placeholder { opacity: 0.3; } .site-search #siteSearchInput:-ms-input-placeholder { opacity: 0.3; } .site-search #siteSearchInput::-ms-input-placeholder { opacity: 0.3; } .site-search #siteSearchInput::placeholder { opacity: 0.3; } .site-search #siteSearchInput::-ms-clear { display: none; } .site-search .searchRow { border-bottom: 4px solid #000000; background: #EFEFEF; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .site-search .fa-close, .site-search .fa-search { background-color: transparent; border: none; position: absolute; top: 0.5625em; /* 9/16 */ right: 0.5625em; /* 9/16 */ padding: 0; } .site-search .header-search-btn, .site-search .reset-button { background-color: transparent; border: none; display: none; position: absolute; height: 100%; right: 0; top: 0; padding: 0 6px 0 6px; width: var(--_search-button-width); } @media (min-width: 1280px) { .site-search .header-search-btn, .site-search .reset-button { padding: 0 20px 0 6px; } } .site-search .header-search-btn:focus, .site-search .reset-button:focus { -webkit-box-shadow: 0 0 5px #9D0303; box-shadow: 0 0 5px #9D0303; } .site-search .header-search-btn svg, .site-search .reset-button svg { width: 100%; height: auto; } .site-search .reset-button { right: var(--_search-button-width); -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 1280px) { .site-search .reset-button { padding: 0 6px 0 20px; } } .site-search .reset-button svg { width: 34px; } .site-search input:not(:-moz-placeholder-shown) ~ .reset-button, .site-search input:not(:-moz-placeholder-shown) ~ .header-search-btn { display: flex; flex-direction: row; align-items: center; } .site-search input:not(:-ms-input-placeholder) ~ .reset-button, .site-search input:not(:-ms-input-placeholder) ~ .header-search-btn { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; } .site-search input:not(:placeholder-shown) ~ .reset-button, .site-search input:not(:placeholder-shown) ~ .header-search-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .right-sticky-nav .suggestions { top: 0; } @media (max-width: 1399.98px) { .suggestions-wrapper { display: block; position: relative; z-index: 40; top: 3px; padding-bottom: 15px; } } @media (min-width: 1280px) { .suggestions-wrapper { position: absolute; left: 0; right: 0; z-index: 2; margin-top: -1px; } } .suggestions { background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #000000; } @media (min-width: 1280px) { .suggestions { width: 375px; } } @media (min-width: 1280px) { .suggestions .container { padding: 0 25px; } } .suggestions .swatch-circle { width: 2.5em; height: 2.5em; background: #ffffff; border: 1px solid #D0D0D0; display: block; position: relative; outline: 1px solid transparent; } .suggestions .header { font-family: "ProximaNova-Regular", sans-serif; font-size: 0.875rem; color: #47474C; letter-spacing: 1px; padding-top: 1.5rem; } .suggestions .header:not(:first-child) { border-top: 1px solid #47474C; padding-top: 1rem; } .suggestions .items { padding: 0.313em 0; } .suggestions .item { padding-bottom: 0.625em; } @media (max-width: 543.98px) { .suggestions .item { padding-bottom: 0.938em; } } .suggestions .item .name { text-overflow: ellipsis; white-space: nowrap; display: block; margin-top: 0.313em; overflow-x: hidden; } .suggestions .category-parent { font-size: 0.875em; color: #ADAEAF; } .suggestions .selected { background-color: #EFEFEF; } .suggestions .container { list-style-type: none; } .suggestions a { font-family: "ProximaNova-Bold", sans-serif; font-size: 0.875rem; color: #000000; letter-spacing: 1.85px; text-decoration: none !important; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; } .more-below { cursor: pointer; background: #D0D0D0; border: 0.063em solid rgba(0, 0, 0, 0.1); border-radius: 1.25em; -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3); display: none; position: fixed; right: 1.875em; bottom: 1.875em; width: 2.5em; height: 2.5em; } .more-below svg { position: absolute; top: 40%; left: 50%; width: 20px; height: 12px; -webkit-transform: translate(-50%, -10%); transform: translate(-50%, -10%); } .badge-container .bottom-badges { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 0; bottom: 0; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .badge-container .bottom-badges .badge { font-size: 14px; font-weight: 400; color: #ffffff; letter-spacing: 3px; text-align: center; text-transform: uppercase; white-space: unset; background: #47474C; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.5rem; } .badge-container .bottom-badges .badge + .badge { margin-top: 1px; } .badge-container .bottom-badges .badge svg, .badge-container .bottom-badges .badge img.badge-custom { width: 17px; margin-right: 15px; } .badge-container .bottom-badges .badge svg.skull, .badge-container .bottom-badges .badge img.badge-custom.skull { width: 13px; } .einstein-recommendations { margin: 30px 0 30px 15px; } @media (min-width: 769px) { .einstein-recommendations { margin: 30px; } } .einstein-recommendations .title { font-family: "ProximaNova-Bold", sans-serif; font-size: 20px; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 1rem; } @media (min-width: 1280px) { .einstein-recommendations .title { font-size: 1.5rem; letter-spacing: 5px; margin-bottom: 1.5rem; } } .einstein-recommendations .title + a { display: block; margin: -1rem auto 1rem; } @media (min-width: 1280px) { .einstein-recommendations .title + a { margin: -1.5rem auto 1.5rem; } } @media (max-width: 1023.98px) { .einstein-recommendations .content { padding: 0; } } .einstein-recommendations .content .price .range { display: block; } .einstein-recommendations .slick-slide { margin: 0 7px; } @media (min-width: 1280px) { .einstein-recommendations .slick-slide { margin: 0 16px; } } .einstein-recommendations .slick-list { margin: 0 -7px; } @media (min-width: 1280px) { .einstein-recommendations .slick-list { margin: 0 -16px; } } .club-recommendations .einstein-recommendations--dark { background-color: #000000; } .club-recommendations .einstein-recommendations--dark .product-tile .tile-image-carousel { background-color: #ffffff; } .club-recommendations .einstein-recommendations--dark .product-tile .bv_text { color: #ffffff !important; } .club-recommendations .einstein-recommendations--dark .product-tile .strike-through { -webkit-text-decoration-color: #ffffff; text-decoration-color: #ffffff; } .club-recommendations .einstein-recommendations--dark .product-tile .strike-through span.value { color: white; } .club-recommendations .einstein-recommendations--dark .product-tile .image-container .tile-image-container + .tile-image-container .tile-image { xxheight: 100%; } .einstein-recommendations--dark { color: #ffffff; background-color: #1F2428; margin: 0; } .einstein-recommendations--dark h2, .einstein-recommendations--dark h3, .einstein-recommendations--dark h4, .einstein-recommendations--dark p, .einstein-recommendations--dark ul.bulleted li, ul.bulleted .einstein-recommendations--dark li, .einstein-recommendations--dark a, .einstein-recommendations--dark .product-tile .tile-body .pdp-link a, .einstein-recommendations--dark .price { color: inherit; } @media (max-width: 1023.98px) { .einstein-recommendations--dark .slick-dots { margin-top: 2px; } } .einstein-recommendations--dark .slick-dots li button { border-color: #ffffff; } @media (max-width: 1023.98px) { .einstein-recommendations--dark .slick-dots li button { width: 10px; height: 10px; } } .einstein-recommendations--dark .slick-dots li.slick-active button { background-color: #ffffff; } .einstein-recommendations--dark .slick-arrow svg > g > g { fill: #ffffff; } .ctl-recommendations { margin: 30px 0; } @media (min-width: 1280px) { .ctl-recommendations { margin: 30px 5px; } } .ctl-recommendations .title { font-family: "ProximaNova-Bold", sans-serif; font-size: 20px; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 15px; } @media (min-width: 1280px) { .ctl-recommendations .title { font-size: 1.5rem; letter-spacing: 5px; margin-bottom: 25px; } } .ctl-recommendations .content .price .range { display: block; } .ctl-recommendations .ctl-product-item.col-6 { padding-right: 10px; padding-left: 10px; } .ctl-recommendations .ctl-image { margin-bottom: 30px; } @media (min-width: 1280px) { .ctl-recommendations .ctl-image { max-width: 824px; } } .ctl-recommendations .ctl-image img { width: 100%; } .ctl-recommendations .ctl-products-wrapper { max-width: 1021px; margin: 0 5px; } @media (min-width: 769px) { .ctl-recommendations .ctl-products-wrapper { margin: 0 auto; } } .ctl-recommendations .ctl-content-wrapper { max-width: 1147px; margin: 0 auto; } @media (min-width: 769px) { .ctl-recommendations.ctl-recommendations-one .content { max-width: 353px; } } table { border-collapse: collapse; border-spacing: 0; font-family: "ProximaNova-Regular", sans-serif; font-weight: 400; width: 100%; color: #000000; } table .icon-checkmark { display: block; margin: 0 auto; } table .icon-checkmark-tick { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.54 22.374'%3E%3Cpath id='Path_723' data-name='Path 723' d='M22.54 0h-4.82L8.045 14.938 4.821 9.962H0l8.045 12.412z' fill='%23fff'/%3E%3C/svg%3E"); } table.table-dark.table-alternating-rows.table-padding--lg th, table.table-dark.table-alternating-rows.table-padding--lg td { padding: 15px; } .table-dark { color: #ffffff; } .table-dark.table-alternating-rows tr:first-of-type, .table-dark.table-alternating-rows tr:nth-child(odd) { background-color: #47474C; } .table-dark.table-alternating-rows tr:first-of-type th, .table-dark.table-alternating-rows tr:nth-child(odd) th { background-color: inherit; } .table-dark.table-alternating-rows tr:nth-child(even) { background-color: #000000; } .table-dark.table-alternating-rows tr:nth-child(even) th { background-color: inherit; } .table-dark th, .table-dark td { font-weight: 400; border: 0; padding: 9px; } .sticky-first-column { --_first-column-width: 230px; --_min-column-width: 230px; overflow-x: auto; } @media (max-width: 1399.98px) { .sticky-first-column { --_first-column-width: 140px; --_min-column-width: 140px; } } .sticky-first-column .table-head { position: sticky; left: 0; width: var(--_first-column-width); } .sticky-first-column .table-head:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; border-right: 1px solid #9D0303; } .sticky-first-column th:not(.table-head), .sticky-first-column td:not(.table-head) { min-width: var(--_min-column-width); } @media (max-width: 1279.98px) { .sticky-first-column th:not(.table-head), .sticky-first-column td:not(.table-head) { height: 62px; } } .table-high-contrast table.table-dark.table-alternating-rows td { border-right: 1px solid #000000; } .table-high-contrast table.table-dark.table-alternating-rows td:last-of-type { border-right: none; } .table-high-contrast table th[scope="col"], .table-high-contrast table td { text-transform: uppercase; } .bg-dark:not(.bg--gray) .table-high-contrast table.table-dark.table-alternating-rows td, .bg-dark:not(.bg--gray) .table-high-contrast table.table-dark.table-alternating-rows th[scope="col"]:not(.table-head) { border-right: 1px solid #000000; } .bg-dark:not(.bg--gray) .table-high-contrast table.table-dark.table-alternating-rows td:last-of-type, .bg-dark:not(.bg--gray) .table-high-contrast table.table-dark.table-alternating-rows th[scope="col"]:not(.table-head):last-of-type { border-right: none; } .bg-dark table .cell-emphasis--1 .icon.icon-checkmark-tick { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.54 22.374'%3E%3Cpath id='Path_723' data-name='Path 723' d='M22.54 0h-4.82L8.045 14.938 4.821 9.962H0l8.045 12.412z' fill='%23b5b5b5'/%3E%3C/svg%3E"); } .bg-dark table .cell-emphasis--2 .icon.icon-checkmark-tick { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.54 22.374'%3E%3Cpath id='Path_723' data-name='Path 723' d='M22.54 0h-4.82L8.045 14.938 4.821 9.962H0l8.045 12.412z' fill='%23efefef'/%3E%3C/svg%3E"); } .bg-dark table .cell-emphasis--3 .icon.icon-checkmark-tick { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.54 22.374'%3E%3Cpath id='Path_723' data-name='Path 723' d='M22.54 0h-4.82L8.045 14.938 4.821 9.962H0l8.045 12.412z' fill='%239D0303'/%3E%3C/svg%3E"); } .bg-dark .table-high-contrast table.table-dark.table-alternating-rows tr:first-of-type th, .bg-dark .table-high-contrast table.table-dark.table-alternating-rows tr:nth-child(odd) th, .bg-dark .table-high-contrast table.table-dark.table-alternating-rows tr:nth-child(odd) { background-color: #171717; } .bg-dark .table-high-contrast table.table-dark.table-alternating-rows tr:nth-child(even) th, .bg-dark .table-high-contrast table.table-dark.table-alternating-rows tr:nth-child(even) { background-color: #000000; } .bg-dark .table-high-contrast table th.cell-emphasis--1, .bg-dark .table-high-contrast table td.cell-emphasis--1 { color: #ADAEAF; } .bg-dark .table-high-contrast table th.cell-emphasis--2, .bg-dark .table-high-contrast table td.cell-emphasis--2 { color: #EFEFEF; } .bg-dark .table-high-contrast table th.cell-emphasis--3, .bg-dark .table-high-contrast table td.cell-emphasis--3 { color: #9D0303; font-family: "ProximaNova-Bold", sans-serif; } .bg-light table .cell-emphasis--1 .icon.icon-checkmark-tick { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.54 22.374'%3E%3Cpath id='Path_723' data-name='Path 723' d='M22.54 0h-4.82L8.045 14.938 4.821 9.962H0l8.045 12.412z' fill='%23666'/%3E%3C/svg%3E"); } .bg-light table .cell-emphasis--2 .icon.icon-checkmark-tick { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.54 22.374'%3E%3Cpath id='Path_723' data-name='Path 723' d='M22.54 0h-4.82L8.045 14.938 4.821 9.962H0l8.045 12.412z' fill='%23333'/%3E%3C/svg%3E"); } .bg-light table .cell-emphasis--3 .icon.icon-checkmark-tick { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.54 22.374'%3E%3Cpath id='Path_723' data-name='Path 723' d='M22.54 0h-4.82L8.045 14.938 4.821 9.962H0l8.045 12.412z' fill='%23B3002A'/%3E%3C/svg%3E"); } .bg-light .table-high-contrast table.table-dark.table-alternating-rows tr:first-of-type th, .bg-light .table-high-contrast table.table-dark.table-alternating-rows tr:nth-child(odd) th, .bg-light .table-high-contrast table.table-dark.table-alternating-rows tr:nth-child(odd) { background-color: #EFEFEF; color: #000000; } .bg-light .table-high-contrast table.table-dark.table-alternating-rows tr:nth-child(even) th, .bg-light .table-high-contrast table.table-dark.table-alternating-rows tr:nth-child(even) { background-color: #ffffff; color: #000000; } .bg-light .table-high-contrast table.table-dark.table-alternating-rows td, .bg-light .table-high-contrast table.table-dark.table-alternating-rows th[scope="col"]:not(.table-head) { border-right: 1px solid #ffffff; } .bg-light .table-high-contrast table.table-dark.table-alternating-rows td:last-of-type, .bg-light .table-high-contrast table.table-dark.table-alternating-rows th[scope="col"]:not(.table-head):last-of-type { border-right: none; } .bg-light .table-high-contrast table th.cell-emphasis--1, .bg-light .table-high-contrast table td.cell-emphasis--1, .bg-light .table-high-contrast table th[scope="col"].cell-emphasis--1, .bg-light .table-high-contrast table.table-dark.table-alternating-rows th.cell-emphasis--1, .bg-light .table-high-contrast table.table-dark.table-alternating-rows td.cell-emphasis--1, .bg-light .table-high-contrast table.table-dark.table-alternating-rows th[scope="col"].cell-emphasis--1 { color: #757575; } .bg-light .table-high-contrast table th.cell-emphasis--2, .bg-light .table-high-contrast table td.cell-emphasis--2, .bg-light .table-high-contrast table th[scope="col"].cell-emphasis--2, .bg-light .table-high-contrast table.table-dark.table-alternating-rows th.cell-emphasis--2, .bg-light .table-high-contrast table.table-dark.table-alternating-rows td.cell-emphasis--2, .bg-light .table-high-contrast table.table-dark.table-alternating-rows th[scope="col"].cell-emphasis--2 { color: #47474C; } .bg-light .table-high-contrast table th.cell-emphasis--3, .bg-light .table-high-contrast table td.cell-emphasis--3, .bg-light .table-high-contrast table th[scope="col"].cell-emphasis--3, .bg-light .table-high-contrast table.table-dark.table-alternating-rows th.cell-emphasis--3, .bg-light .table-high-contrast table.table-dark.table-alternating-rows td.cell-emphasis--3, .bg-light .table-high-contrast table.table-dark.table-alternating-rows th[scope="col"].cell-emphasis--3 { color: #CF0404; font-family: "ProximaNova-Bold", sans-serif; } @media (max-width: 1399.98px) { .sticky-first-column.cell-min-width--100 { --_first-column-width: 140px; --_min-column-width: 100px; } .sticky-first-column.cell-min-width--200 { --_first-column-width: 240px; --_min-column-width: 200px; } } .sticky-first-column .table-medium { background: #D0D0D0; color: #000000; } .sticky-first-column .table-medium.table-alternating-rows tr:first-of-type, .sticky-first-column .table-medium.table-alternating-rows tr:nth-child(odd) { background-color: #D0D0D0; } .sticky-first-column .table-medium.table-alternating-rows tr:first-of-type th, .sticky-first-column .table-medium.table-alternating-rows tr:nth-child(odd) th { background-color: inherit; } .sticky-first-column .table-medium.table-alternating-rows tr:nth-child(even) { background-color: #EFEFEF; } .sticky-first-column .table-medium.table-alternating-rows tr:nth-child(even) th { background-color: inherit; } .sticky-first-column .table-medium .table-head { width: initial; } .sticky-first-column .table-medium .table-head::after { border-color: #000000; } .sticky-first-column .table-medium th, .sticky-first-column .table-medium td { border-right: 1px solid #000000; padding: 5px 10px; min-width: 75px; } .sticky-first-column .table-medium th:first-child, .sticky-first-column .table-medium td:first-child { border: none; } .sticky-first-column .table-medium th::after, .sticky-first-column .table-medium td::after { border-right: 1px solid #000000; } .yt-video-wrapper iframe, .yt-video-wrapper object, .yt-video-wrapper embed { display: block; margin: 0 auto; aspect-ratio: 9 / 16; border: 0; } .yt-video-wrapper iframe.video--landscape, .yt-video-wrapper object.video--landscape, .yt-video-wrapper embed.video--landscape { width: 100%; height: auto; aspect-ratio: 16 / 9; } #maincontent .sloggle-holder { --_timing: 300ms; } #maincontent .sloggle-holder.disabled .sloggle { opacity: 0.3; pointer-events: none; } #maincontent .sloggle { --_arrowWidth: 30px; --_timing: 300ms; --_sloggleHeight: 44px; height: var(--_sloggleHeight); overflow: hidden; background-color: #ffffff; color: #000000; border: 1px solid #1F2428; position: relative; isolation: isolate; /* to do when :has is supported by firefox, replace the following two selectors with label.selected, label:has(:checked){ and label.disabled, label:has(:disabled){ until then firefox will ignore the entire rule if :has is in the ruleset */ } #maincontent .sloggle:after, #maincontent .sloggle:before { content: ""; position: absolute; z-index: 0; width: var(--_arrowWidth); color: #000000; right: 0; line-height: var(--_sloggleHeight); height: 100%; text-align: center; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg fill='none' height='15' viewBox='0 0 10 15' width='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 13.5-6-5.99995 6-6' stroke='%23000' stroke-linecap='square' stroke-width='2'/%3E%3C/svg%3E"); -webkit-transform: rotate(180deg); transform: rotate(180deg); } #maincontent .sloggle:before { left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); } #maincontent .sloggle:focus-within { outline: 2px solid #000000; outline-offset: 2px; } @supports selector(*:has(+ *)) { #maincontent .sloggle:focus-within { outline: none; } #maincontent .sloggle:has(:focus-visible) { outline: 2px solid #000000; outline-offset: 2px; } } #maincontent .sloggle label { cursor: pointer; -webkit-transform: translateX(calc(-100% + var(--_arrowWidth))); transform: translateX(calc(-100% + var(--_arrowWidth))); padding: 0 var(--_arrowWidth); line-height: 110%; color: transparent; position: absolute; inset: 0; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: color var(--_timing) ease, -webkit-transform var(--_timing) ease; transition: color var(--_timing) ease, -webkit-transform var(--_timing) ease; transition: transform var(--_timing) ease, color var(--_timing) ease; transition: transform var(--_timing) ease, color var(--_timing) ease, -webkit-transform var(--_timing) ease; text-transform: capitalize; font-family: "ProximaNova-Regular", sans-serif; } #maincontent .sloggle label input[type="radio"] { display: none; } #maincontent .sloggle label.selected { z-index: -1; color: #000000; -webkit-transform: translateX(0); transform: translateX(0); } #maincontent .sloggle label.selected ~ label { z-index: 1; -webkit-transform: translateX(calc(100% - var(--_arrowWidth))); transform: translateX(calc(100% - var(--_arrowWidth))); } #maincontent .sloggle label.selected + label, #maincontent .sloggle label.selected + label.d-none + label { z-index: 2; } #maincontent .sloggle label.selected + label.disabled + label:not(.disabled) { z-index: 4; } #maincontent .sloggle label.selected + label[hidden] ~ label { z-index: 2; } #maincontent .sloggle label.selected + label[hidden] ~ label ~ label { z-index: 1; } .form-group { --_timing: 300ms; } .form-group.disabled .input-descriptions { opacity: 0.3; } .form-group .input-descriptions { display: grid; width: 100%; overflow: hidden; margin-top: 10px; } .form-group .input-descriptions .description { visibility: hidden; grid-row: 1; grid-column: 1; font-size: 14px; overflow: hidden; } .form-group .input-descriptions .description.visible { visibility: visible; } .form-group .input-descriptions.transition-slide .description { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: visibility var(--_timing) ease var(--_timing), -webkit-transform var(--_timing) ease; transition: visibility var(--_timing) ease var(--_timing), -webkit-transform var(--_timing) ease; transition: transform var(--_timing) ease, visibility var(--_timing) ease var(--_timing); transition: transform var(--_timing) ease, visibility var(--_timing) ease var(--_timing), -webkit-transform var(--_timing) ease; } .form-group .input-descriptions.transition-slide .description.visible { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform var(--_timing) ease; transition: -webkit-transform var(--_timing) ease; transition: transform var(--_timing) ease; transition: transform var(--_timing) ease, -webkit-transform var(--_timing) ease; } .form-group .input-descriptions.transition-slide .description.visible ~ .description { -webkit-transform: translateX(100%); transform: translateX(100%); } .form-group .input-descriptions.transition-fade .description { opacity: 0; -webkit-transition: opacity var(--_timing) ease, visibility 0s ease var(--_timing); transition: opacity var(--_timing) ease, visibility 0s ease var(--_timing); } .form-group .input-descriptions.transition-fade .description.visible { opacity: 1; -webkit-transition: opacity var(--_timing) ease var(--_timing); transition: opacity var(--_timing) ease var(--_timing); } .form-group.required .form-control-label::after { content: "*"; color: #9D0303; } input[placeholder] { text-overflow: ellipsis; } .icon-eye-wrapper { display: block; position: absolute; right: 40px; width: 32px; height: 32px; margin: 0; margin-top: 5px; background-repeat: no-repeat; background-size: 24px 24px; background-position: center; cursor: pointer; z-index: 99; } .icon-eye-wrapper:focus { outline: thin dotted; } .modal-dialog .icon-eye-wrapper { z-index: 9999; } .icon-eye { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23666' stroke-width='2' stroke-linejoin='round' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Cpath d='M12 15a3 3 0 1 0 0-6 3 3 0 1 0 0 6z'/%3E%3C/svg%3E"); } .icon-eye-slash { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cg clip-path='url(%23A)' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 0 1-4.316.076A3 3 0 0 1 9.88 9.88M1 1l22 22'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='A'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input[type="checkbox"] ~ .custom-control-label { cursor: pointer; display: grid; grid-template-columns: 24px 1fr; gap: 10px; } .custom-checkbox .custom-control-input[type="checkbox"] ~ .custom-control-label::before { background: #ffffff; border: solid 1px #000000; grid-column: 1; grid-row: 1; aspect-ratio: 1; height: 24px; width: 24px; justify-self: center; margin: 0; } .custom-checkbox .custom-control-input[type="checkbox"] ~ .custom-control-label::after { grid-column: 1; grid-row: 1; } @media (hover: hover) { .custom-checkbox .custom-control-input[type="checkbox"] ~ .custom-control-label:hover::before { background: #000000; } } .custom-checkbox .custom-control-input[type="checkbox"]:focus ~ .custom-control-label::before { -webkit-box-shadow: none; box-shadow: none; } .custom-checkbox .custom-control-input[type="checkbox"]:focus-visible ~ .custom-control-label::before { outline: solid 2px black; outline-offset: 2px; } .custom-checkbox .custom-control-input[type="checkbox"]:checked ~ .custom-control-label::before { background: #000000; } .custom-checkbox .custom-control-input[type="checkbox"]:checked ~ .custom-control-label::after { content: ''; display: block; position: relative; inset: 0; justify-self: center; -ms-flex-item-align: center; align-self: center; height: 13px; width: 7px; border: solid #ffffff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg) translate(-1px, -2px); transform: rotate(45deg) translate(-1px, -2px); } .custom-checkbox .custom-control-input[type="checkbox"].gold:checked ~ .custom-control-label::before { background: #E3BB80; } .custom-checkbox .custom-control-input[type="checkbox"].gold:checked ~ .custom-control-label::after { border: solid #000000; } .custom-checkbox .custom-control-input[type="checkbox"].stacked ~ .custom-control-label { grid-template-columns: 1fr; } .custom-checkbox .custom-control-input[type="checkbox"][hidden] ~ .custom-control-label { display: none; } .custom-checkbox .custom-control-input[type="checkbox"][disabled] ~ .custom-control-label { opacity: 0.3; pointer-events: none; } .custom-checkbox:has(.custom-control-input[type="checkbox"][hidden]) { display: none; } .form-control { --_inactive-border-color: #ADAEAF; --_active-border-color: #000000; } .bg-dark .form-control { --_inactive-border-color: #ffffff; --_active-border-color: #ffffff; } input.form-control:active, input.form-control:focus, textarea.form-control:active, textarea.form-control:focus { border: solid 1px var(--_inactive-border-color); border-bottom: solid 2px var(--_active-border-color); outline-color: transparent; } input.form-control:-moz-placeholder-shown, textarea.form-control:-moz-placeholder-shown { border: solid 1px var(--_inactive-border-color); } input.form-control:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { border: solid 1px var(--_inactive-border-color); } input.form-control:placeholder-shown, textarea.form-control:placeholder-shown { border: solid 1px var(--_inactive-border-color); } input.form-control:disabled, textarea.form-control:disabled { border: solid 1px var(--_inactive-border-color); } input.form-control:focus:valid { border: solid 1px var(--_inactive-border-color); border-bottom: solid 2px var(--_active-border-color); outline-color: transparent; } input.form-control:valid:required { border: solid 1px var(--_active-border-color); } textarea.form-control:focus:valid { border: solid 2px var(--_active-border-color); outline-color: transparent; } textarea.form-control.filledout { border: solid 1px var(--_active-border-color); } .account-image { background-image: url(../../images/account.jpg); background-position-y: 40%; display: none; max-height: 160px; } .card-footer > a { color: #D0D0D0; text-decoration: underline; } .card-header > a { color: #D0D0D0; text-decoration: underline; float: right; } .card-info-group p, .card-info-group ul.bulleted li, ul.bulleted .card-info-group li { margin-bottom: 0; } .card-info-group div { margin-bottom: 1rem; } .card-info-group div:last-child { margin-bottom: 0; } .order-history-control h2, .order-history h2 { margin-top: 0.5rem; } .dashboard-order-card-image { width: 7rem; padding-right: 1rem; } .dashboard-order-card-footer-columns:last-child { text-align: right; } .card-header h2, .card-header h3 { font-size: 1.5rem; margin-bottom: 0; } .address-heading { word-break: break-all; word-break: break-word; } .account-filter { width: 265px; margin: 10px auto 24px; } @media (min-width: 769px) { .account-filter { margin: 10px auto 32px; } } .order-history-asset-wrapper { margin: 32px -15px 40px; } @media (min-width: 1280px) { .order-history-asset-wrapper { margin: 32px -15px 80px; } } .order-list-card-wrapper { margin-bottom: 24px; } @media (min-width: 769px) { .order-list-card-wrapper { margin-bottom: 32px; } } .profile-asset-wrapper { background: #EFEFEF; border-radius: 0; max-width: 558px; padding: 24px; margin: 24px auto; } @media (min-width: 769px) { .profile-asset-wrapper { margin: 30px auto; } } .order-list-container .edit-profile-wrapper { max-width: 558px; margin: 0 auto; } .order-list-container .profile-asset-wrapper { max-width: 440px; margin: 0 auto; } .order-list-container .btn { max-width: 265px; margin: 0 auto; } .card-header-title { font-size: 1.125rem; letter-spacing: 4.17px; } @media (min-width: 769px) { .card-header-title { font-size: 1.25rem; } } .table-striped-even tbody tr:nth-of-type(even) { background-color: #F9F9F9; } .order-history-card .card-body { overflow-x: scroll; } .order-history-card .order-history-card-table { text-wrap: nowrap; max-width: 100%; } .order-history-card .order-history-card-table .th-sort-asc::after { content: "\25B4"; } .order-history-card .order-history-card-table .th-sort-desc::after { content: "\25BE"; } .order-history-card .order-history-card-table .th-sort-asc::after, .order-history-card .order-history-card-table .th-sort-desc::after { position: absolute; margin-left: 5px; } .profile-back-to-account-link { color: #D0D0D0; text-align: center; text-decoration: underline; display: block; } .tracking-consent { color: #027DB4; cursor: pointer; } .tracking-consent p, .tracking-consent ul.bulleted li, ul.bulleted .tracking-consent li { color: #47474C; letter-spacing: 0.082rem; } #consent-tracking .button-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin: 0 auto; } @media (min-width: 544px) { #consent-tracking .button-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } #consent-tracking .button-wrapper .affirm, #consent-tracking .button-wrapper .decline { width: 100%; margin: 0; } @media (min-width: 544px) { #consent-tracking .button-wrapper .affirm, #consent-tracking .button-wrapper .decline { width: calc(50% - 10px); } } #consent-tracking .button-wrapper .decline { margin-top: 1rem; } @media (min-width: 544px) { #consent-tracking .button-wrapper .decline { margin-top: 0; } } .required-msg-desc { display: inline-block; float: right; } .required-msg-desc::before { color: #9D0303; content: "*"; } .edit-profile-wrapper { max-width: 440px; } .edit-profile-wrapper .edit-profile-btn-wrapper { margin: 32px -15px 40px; } @media (min-width: 1280px) { .edit-profile-wrapper .edit-profile-btn-wrapper { margin: 32px -15px 80px; } } .account-profile-wrapper { max-width: 1150px; } @media (min-width: 769px) { .account-profile-wrapper { margin: 0 auto; } } .account-profile-wrapper .card { border: 1px solid black; border-radius: 0; max-width: 558px; } .account-profile-wrapper .card-body div:not([class^="tooltip"]), .account-profile-wrapper .card-body p, .account-profile-wrapper .card-body ul.bulleted li, ul.bulleted .account-profile-wrapper .card-body li, .account-profile-wrapper .card-body span { color: #000000; letter-spacing: 1px; line-height: 1.25; } .account-profile-wrapper .card-body a { color: #000000; letter-spacing: 0.082rem; } .account-profile-wrapper .card-header { border: none; } .account-profile-wrapper .profile-card-footer { background: #EFEFEF; } .account-profile-wrapper .profile-card-membership { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .account-profile-wrapper .profile-card-membership svg { width: 1rem; height: 1rem; } .card { clear: both; } .profile-heading-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 769px) { .profile-heading-wrapper .account-signout-link { position: absolute; top: 5px; left: 15px; } } .profile-heading-wrapper .account-back-link { margin: 0.5rem auto; } @media (min-width: 769px) { .profile-heading-wrapper .account-back-link { position: absolute; top: 5px; right: 15px; } } .dashboard-profile-heading { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; letter-spacing: 4.5px; text-transform: uppercase; } .request-password-body p, .request-password-body ul.bulleted li, ul.bulleted .request-password-body li { color: #47474C; } .cart-info-asset { margin: 1rem 0 2rem 0; } .cart-info-asset__title { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; color: #000000; margin-bottom: 1rem; } .cart-info-asset__body { font-family: "ProximaNova-Regular", sans-serif; font-weight: 400; color: #000000; letter-spacing: 0.082rem; } .cart-info-asset__body a { color: #000000; } .cart-info-asset__phone { text-decoration: none; } .info-secure-payment-options .cart-info-asset__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 0.75rem; -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 1.25rem; } .info-secure-payment-options .cart-info-asset__body > * { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; } .info-secure-payment-options .cart-info-asset__body > img { -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-item-align: center; align-self: center; height: 20px; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } .form-group.required .form-control-label::after { content: "*"; color: #9D0303; } input[placeholder] { text-overflow: ellipsis; } .icon-eye-wrapper { display: block; position: absolute; right: 40px; width: 32px; height: 32px; margin: 0; margin-top: 5px; background-repeat: no-repeat; background-size: 24px 24px; background-position: center; cursor: pointer; z-index: 99; } .icon-eye-wrapper:focus { outline: thin dotted; } .modal-dialog .icon-eye-wrapper { z-index: 9999; } .icon-eye { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23666' stroke-width='2' stroke-linejoin='round' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Cpath d='M12 15a3 3 0 1 0 0-6 3 3 0 1 0 0 6z'/%3E%3C/svg%3E"); } .icon-eye-slash { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cg clip-path='url(%23A)' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 0 1-4.316.076A3 3 0 0 1 9.88 9.88M1 1l22 22'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='A'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input[type="checkbox"] ~ .custom-control-label { cursor: pointer; display: grid; grid-template-columns: 24px 1fr; gap: 10px; } .custom-checkbox .custom-control-input[type="checkbox"] ~ .custom-control-label::before { background: #ffffff; border: solid 1px #000000; grid-column: 1; grid-row: 1; aspect-ratio: 1; height: 24px; width: 24px; justify-self: center; margin: 0; } .custom-checkbox .custom-control-input[type="checkbox"] ~ .custom-control-label::after { grid-column: 1; grid-row: 1; } @media (hover: hover) { .custom-checkbox .custom-control-input[type="checkbox"] ~ .custom-control-label:hover::before { background: #000000; } } .custom-checkbox .custom-control-input[type="checkbox"]:focus ~ .custom-control-label::before { -webkit-box-shadow: none; box-shadow: none; } .custom-checkbox .custom-control-input[type="checkbox"]:focus-visible ~ .custom-control-label::before { outline: solid 2px black; outline-offset: 2px; } .custom-checkbox .custom-control-input[type="checkbox"]:checked ~ .custom-control-label::before { background: #000000; } .custom-checkbox .custom-control-input[type="checkbox"]:checked ~ .custom-control-label::after { content: ''; display: block; position: relative; inset: 0; justify-self: center; -ms-flex-item-align: center; align-self: center; height: 13px; width: 7px; border: solid #ffffff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg) translate(-1px, -2px); transform: rotate(45deg) translate(-1px, -2px); } .custom-checkbox .custom-control-input[type="checkbox"].gold:checked ~ .custom-control-label::before { background: #E3BB80; } .custom-checkbox .custom-control-input[type="checkbox"].gold:checked ~ .custom-control-label::after { border: solid #000000; } .custom-checkbox .custom-control-input[type="checkbox"].stacked ~ .custom-control-label { grid-template-columns: 1fr; } .custom-checkbox .custom-control-input[type="checkbox"][hidden] ~ .custom-control-label { display: none; } .custom-checkbox .custom-control-input[type="checkbox"][disabled] ~ .custom-control-label { opacity: 0.3; pointer-events: none; } .custom-checkbox:has(.custom-control-input[type="checkbox"][hidden]) { display: none; } .form-control { --_inactive-border-color: #ADAEAF; --_active-border-color: #000000; } .bg-dark .form-control { --_inactive-border-color: #ffffff; --_active-border-color: #ffffff; } input.form-control:active, input.form-control:focus, textarea.form-control:active, textarea.form-control:focus { border: solid 1px var(--_inactive-border-color); border-bottom: solid 2px var(--_active-border-color); outline-color: transparent; } input.form-control:-moz-placeholder-shown, textarea.form-control:-moz-placeholder-shown { border: solid 1px var(--_inactive-border-color); } input.form-control:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { border: solid 1px var(--_inactive-border-color); } input.form-control:placeholder-shown, textarea.form-control:placeholder-shown { border: solid 1px var(--_inactive-border-color); } input.form-control:disabled, textarea.form-control:disabled { border: solid 1px var(--_inactive-border-color); } input.form-control:focus:valid { border: solid 1px var(--_inactive-border-color); border-bottom: solid 2px var(--_active-border-color); outline-color: transparent; } input.form-control:valid:required { border: solid 1px var(--_active-border-color); } textarea.form-control:focus:valid { border: solid 2px var(--_active-border-color); outline-color: transparent; } textarea.form-control.filledout { border: solid 1px var(--_active-border-color); } .account-image { background-image: url(../../images/account.jpg); background-position-y: 40%; display: none; max-height: 160px; } .card-footer > a { color: #D0D0D0; text-decoration: underline; } .card-header > a { color: #D0D0D0; text-decoration: underline; float: right; } .card-info-group p, .card-info-group ul.bulleted li, ul.bulleted .card-info-group li { margin-bottom: 0; } .card-info-group div { margin-bottom: 1rem; } .card-info-group div:last-child { margin-bottom: 0; } .order-history-control h2, .order-history h2 { margin-top: 0.5rem; } .dashboard-order-card-image { width: 7rem; padding-right: 1rem; } .dashboard-order-card-footer-columns:last-child { text-align: right; } .card-header h2, .card-header h3 { font-size: 1.5rem; margin-bottom: 0; } .address-heading { word-break: break-all; word-break: break-word; } .account-filter { width: 265px; margin: 10px auto 24px; } @media (min-width: 769px) { .account-filter { margin: 10px auto 32px; } } .order-history-asset-wrapper { margin: 32px -15px 40px; } @media (min-width: 1280px) { .order-history-asset-wrapper { margin: 32px -15px 80px; } } .order-list-card-wrapper { margin-bottom: 24px; } @media (min-width: 769px) { .order-list-card-wrapper { margin-bottom: 32px; } } .profile-asset-wrapper { background: #EFEFEF; border-radius: 0; max-width: 558px; padding: 24px; margin: 24px auto; } @media (min-width: 769px) { .profile-asset-wrapper { margin: 30px auto; } } .order-list-container .edit-profile-wrapper { max-width: 558px; margin: 0 auto; } .order-list-container .profile-asset-wrapper { max-width: 440px; margin: 0 auto; } .order-list-container .btn { max-width: 265px; margin: 0 auto; } .card-header-title { font-size: 1.125rem; letter-spacing: 4.17px; } @media (min-width: 769px) { .card-header-title { font-size: 1.25rem; } } .table-striped-even tbody tr:nth-of-type(even) { background-color: #F9F9F9; } .order-history-card .card-body { overflow-x: scroll; } .order-history-card .order-history-card-table { text-wrap: nowrap; max-width: 100%; } .order-history-card .order-history-card-table .th-sort-asc::after { content: "\25B4"; } .order-history-card .order-history-card-table .th-sort-desc::after { content: "\25BE"; } .order-history-card .order-history-card-table .th-sort-asc::after, .order-history-card .order-history-card-table .th-sort-desc::after { position: absolute; margin-left: 5px; } .profile-back-to-account-link { color: #D0D0D0; text-align: center; text-decoration: underline; display: block; } .tracking-consent { color: #027DB4; cursor: pointer; } .tracking-consent p, .tracking-consent ul.bulleted li, ul.bulleted .tracking-consent li { color: #47474C; letter-spacing: 0.082rem; } #consent-tracking .button-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin: 0 auto; } @media (min-width: 544px) { #consent-tracking .button-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } #consent-tracking .button-wrapper .affirm, #consent-tracking .button-wrapper .decline { width: 100%; margin: 0; } @media (min-width: 544px) { #consent-tracking .button-wrapper .affirm, #consent-tracking .button-wrapper .decline { width: calc(50% - 10px); } } #consent-tracking .button-wrapper .decline { margin-top: 1rem; } @media (min-width: 544px) { #consent-tracking .button-wrapper .decline { margin-top: 0; } } .required-msg-desc { display: inline-block; float: right; } .required-msg-desc::before { color: #9D0303; content: "*"; } .edit-profile-wrapper { max-width: 440px; } .edit-profile-wrapper .edit-profile-btn-wrapper { margin: 32px -15px 40px; } @media (min-width: 1280px) { .edit-profile-wrapper .edit-profile-btn-wrapper { margin: 32px -15px 80px; } } .account-profile-wrapper { max-width: 1150px; } @media (min-width: 769px) { .account-profile-wrapper { margin: 0 auto; } } .account-profile-wrapper .card { border: 1px solid black; border-radius: 0; max-width: 558px; } .account-profile-wrapper .card-body div:not([class^="tooltip"]), .account-profile-wrapper .card-body p, .account-profile-wrapper .card-body ul.bulleted li, ul.bulleted .account-profile-wrapper .card-body li, .account-profile-wrapper .card-body span { color: #000000; letter-spacing: 1px; line-height: 1.25; } .account-profile-wrapper .card-body a { color: #000000; letter-spacing: 0.082rem; } .account-profile-wrapper .card-header { border: none; } .account-profile-wrapper .profile-card-footer { background: #EFEFEF; } .account-profile-wrapper .profile-card-membership { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .account-profile-wrapper .profile-card-membership svg { width: 1rem; height: 1rem; } .card { clear: both; } .profile-heading-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 769px) { .profile-heading-wrapper .account-signout-link { position: absolute; top: 5px; left: 15px; } } .profile-heading-wrapper .account-back-link { margin: 0.5rem auto; } @media (min-width: 769px) { .profile-heading-wrapper .account-back-link { position: absolute; top: 5px; right: 15px; } } .dashboard-profile-heading { font-family: "ProximaNova-Bold", sans-serif; font-weight: 400; letter-spacing: 4.5px; text-transform: uppercase; } .request-password-body p, .request-password-body ul.bulleted li, ul.bulleted .request-password-body li { color: #47474C; } /** * Inserts content into body pseudo element as a flag to JS for current viewport * size to align CSS with JS. Required by viewport-is.js */ body::after { content: 'mobile'; display: none; } @media (min-width: 769px) { body::after { content: 'tablet'; } } @media (min-width: 1280px) { body::after { content: 'desktop'; } } html, body { margin: 0; padding: 0; line-height: normal; } #maincontent > section, .html-slot-container > section { background-color: #ffffff; } .modal-open #maincontent { z-index: unset; } #maincontent { background-color: #000000; z-index: 1; } body.maincontent_bg-light #maincontent, body.cpp #maincontent { background-color: #ffffff; } body[data-action^=Account] #maincontent, body[data-action^=Address] #maincontent, body[data-action^=Braintree] #maincontent, body[data-action^=Login] #maincontent, body[data-action^=Order] #maincontent, body[data-action^=Stores] #maincontent, body[data-action=RedirectURL-Start] #maincontent, body[data-action=Error-Start] #maincontent, body[data-action=CSRF-Fail] #maincontent, body[data-action=error] #maincontent, body[data-action=Product-Show]:not([data-producttype=club]) #maincontent, body[data-action=Search-Show] #maincontent, body[data-action=Scheduler-Show] #maincontent { background-color: #ffffff; } .admin-only { display: none; } [data-sfcc-pd-region-info] ~ .admin-only { display: block; } .animation--underline { position: relative; z-index: 1; } .animation--underline::after { background-color: #9D0303; content: ""; position: absolute; bottom: 15px; left: 0; display: inline-block; width: 100%; height: 2px; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index: 99; } .animation--underline:hover::after { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } @media (max-width: 1279.98px) { .main-menu .navbar .animation--underline::after { display: none; } } .icon { display: block; overflow: hidden; width: 25px; height: 18px; margin: 0 auto; text-align: center; background-position: center; background-repeat: no-repeat; background-size: contain; } .icon-checkmark-tick { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.54 22.374'%3E%3Cpath id='Path_723' data-name='Path 723' d='M22.54 0h-4.82L8.045 14.938 4.821 9.962H0l8.045 12.412z' fill='%23fff'/%3E%3C/svg%3E"); } .icon-checkmark-tick-dark { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.54 22.374'%3E%3Cpath id='Path_723' data-name='Path 723' d='M22.54 0h-4.82L8.045 14.938 4.821 9.962H0l8.045 12.412z' fill='%23000'/%3E%3C/svg%3E"); } .icon-checkmark-tick-red { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.54 22.374'%3E%3Cpath id='Path_723' data-name='Path 723' d='M22.54 0h-4.82L8.045 14.938 4.821 9.962H0l8.045 12.412z' fill='%239D0303'/%3E%3C/svg%3E"); } .custom-radio-with-checkbox-view input[type=radio].custom-control-input.form-control:focus, .custom-select.form-control:focus, .elementFocus.form-control:focus { border: 1px solid #000000; outline: 1px solid #000000; -webkit-box-shadow: none; box-shadow: none; } .custom-radio-with-checkbox-view input[type=radio].custom-control-input:focus + label, .custom-radio-with-checkbox-view input[type=radio].custom-control-input:focus:not(:focus-visible), .custom-radio-with-checkbox-view input[type=radio].custom-control-input:focus, .custom-select:focus + label, .custom-select:focus:not(:focus-visible), .custom-select:focus, .elementFocus:focus + label, .elementFocus:focus:not(:focus-visible), .elementFocus:focus { outline: 1px solid #000000; border: 1px solid #000000; -webkit-box-shadow: none; box-shadow: none; } .linkFocus:focus { text-decoration: underline; } /* Flags */ .flag { font-family: "ProximaNova-Bold", sans-serif; color: #ffffff; position: relative; height: 40px; padding: 12px 0 12px 10px; margin-right: 40px; } .flag:after { content: " "; position: absolute; top: 0; right: -34px; width: 35px; height: 100%; clip-path: polygon(0 0, 35px 0, 2px 100%, 0 100%); } .flag.flag--red, .flag.flag--red:after { background-color: #9D0303; } .bg-light .flag.flag--white, .bg-light .flag.flag--white:after, .bg-dark .flag.flag--white, .bg-dark .flag.flag--white:after, .flag.flag--white, .flag.flag--white:after { color: #9D0303; background-color: #ffffff; } .flag.flag--grey, .flag.flag--grey:after { color: #ffffff; background-color: #47474C; } .header-row-navigation { min-height: 75px; } .top-bar-wrapper { min-height: 50px; } .top-bar-wrapper > .top-bar-container-inner > div > div, .top-bar-wrapper > .top-bar-container-inner > div > nav { min-height: 40px; } @media (min-width: 769px) { .top-bar-wrapper .gray-bar-pd { min-width: 45%; } .top-bar-wrapper .gray-bar-pd .content-asset { width: 100%; } }