@charset "UTF-8";.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:50%;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:top .2s,-webkit-transform .2s;transition:transform .2s,top .2s;transition:transform .2s,top .2s,-webkit-transform .2s}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:left .2s,-webkit-transform .2s;transition:transform .2s,left .2s;transition:transform .2s,left .2s,-webkit-transform .2s}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:right .2s,-webkit-transform .2s;transition:transform .2s,right .2s;transition:transform .2s,right .2s,-webkit-transform .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:hsla(0,0%,100%,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);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%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12) infinite;animation:swiper-preloader-spin 1s steps(12) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")}@-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* DONUT BOX LANDING PAGE CUSTOMIZATIONS - END */ #shopify-section-page-donut-box { background-color: #FFF; } #shopify-section-page-donut-box .soc { margin-top: 15px; } .full-viewport { height: calc(100vh - 170px); width: 100vw; } .full-viewport-down { height: calc(50vh); width: 100vw; } #cms-video-939a2f0e-b3ff-4437-b5f0-45d53bfb710e { background-color: #eba2b1; background-image: url("https://files.thebruery.com/20210517-donutbox/grit.png"); background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: 100% auto;; /* Resize the background image to cover the entire container */ padding-bottom: 40px; } .grit { background-image: url("https://files.thebruery.com/20210517-donutbox/grit.png"); background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: 100% auto;; /* Resize the background image to cover the entire container */ } #product-trejos { background-image: url("https://files.thebruery.com/20210517-donutbox/donut_box_trejos_bg.png"); background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: 100% auto; } #product-creme { background-image: url("https://files.thebruery.com/20210517-donutbox/donut_box_creme_bg.png"); background-position: right; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: 100% auto; } #product-cherry { background-image: url("https://files.thebruery.com/20210517-donutbox/donut_box_cherry_bg.png"); background-position: right; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: 100% auto; } #product-caramel { background-image: url("https://files.thebruery.com/20210517-donutbox/donut_box_caramel_bg.png"); background-position: right; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: 100% auto; } #shopify-section-page-donut-box h2 { text-transform: uppercase; font-size: 2.75rem; letter-spacing: 5px; font-weight: 800; } #shopify-section-page-donut-box .body-copy { font-size: 2rem; line-height: 3.2rem; } #shopify-section-page-donut-box .beer-desc { font-size: 1.7rem; margin-top: 40px; font-weight: 300; line-height: 2.5rem; } #shopify-section-page-donut-box .center-text { text-align:center; } #shopify-section-page-donut-box .spacer { margin-top: 40px; } #shopify-section-page-donut-box #flavors { width: 50%; margin-top:40px; margin-left: auto; margin-right: auto; vertical-align: top; display: inline; zoom: 1; } @media screen and (max-width: 991px) { .can-render { max-height: 400px; width: auto; margin-left: auto; margin-right: auto; } } /* DONUT BOX LANDING PAGE CUSTOMIZATIONS - END */ /* ANNIVERYSARY 2021 LANDING PAGE CUSTOMIZATIONS - START */ #shopify-section-page-anniversary-2021, #shopify-section-page-anniversary-2021 .faq__answer-wrapper p, #shopify-section-page-anniversary-2021 .faq__answer-wrapper li, #cms-tiles-grid-5a46805a-d965-4685-bc43-c34faead5d7f h5, #html-snipppet-fe8afad0-d002-4bc7-b1be-424f82849201 a { color: #EEE6DF; line-height: 32px; } #shopify-section-page-anniversary-2021 .faq__toggle-btn {background-color: #fff;} #shopify-section-page-anniversary-2021 .anni-nav { color: #EEE6DF !important; @import url('http://files.thebruery.com/20210510-anniv/font/stylesheet.css'); @import url('https://use.typekit.net/ixx3bwk.css'); font-family: 'Blackriver','Modesto Condensed','modesto-condensed',serif; font-size: 1.5rem; margin: 0px 20px 0px 20px; padding-bottom: 20px; display: inline-block !important; } #shopify-section-page-anniversary-2021 a:hover { color: #5C3E60 !important; } #shopify-section-page-anniversary-2021 li, #shopify-section-page-anniversary-2021 p { font-size: 1.5rem; } #shopify-section-page-anniversary-2021 h3 { @import url('http://files.thebruery.com/20210510-anniv/font/stylesheet.css'); @import url('https://use.typekit.net/ixx3bwk.css'); font-family: 'Blackriver','Modesto Condensed','modesto-condensed',serif; letter-spacing: 2px; } #promo-fa4b0eb8-997c-4140-8554-4c3c3eec44cf .promo__title, #promo-8739f259-7105-4e72-a079-1de20fd22769 .promo__title, #promo-262b5487-2882-4bdd-b7ea-195a9408db36 .promo__title, #banner-330ea6fe-8c5e-4c2b-8f6d-0b7c3f325e3d .banner__title, .blackriver { @import url('http://files.thebruery.com/20210510-anniv/font/stylesheet.css'); @import url('https://use.typekit.net/ixx3bwk.css'); font-family: 'Blackriver','Modesto Condensed','modesto-condensed',serif;} #promo-fa4b0eb8-997c-4140-8554-4c3c3eec44cf .promo__col-inner, #promo-262b5487-2882-4bdd-b7ea-195a9408db36 .promo__col-inner, #promo-8739f259-7105-4e72-a079-1de20fd22769 .promo__col-inner{ background-color: #EFE6DA;} #banner-330ea6fe-8c5e-4c2b-8f6d-0b7c3f325e3d .banner__title { color: #000;} #banner-330ea6fe-8c5e-4c2b-8f6d-0b7c3f325e3d .banner__text { font-size: 1.3rem; color: #000} #cms-html_snippet-0f26b40f-062c-4724-b39a-c8c2344d67b6 .beer-name { font-weight: bold; margin-bottom: .3rem; } #cms-html_snippet-0f26b40f-062c-4724-b39a-c8c2344d67b6 .beer-des { font-size: 1.3rem; margin-bottom: 1.8rem; padding-right: .8rem; padding-left: .8rem; } @media (max-width: 991px){ .anni-image { width: 90%; } } @media (min-width: 992px) { .anni-image { width: 50%; } } /* ANNIVERSARY 2021 LANDING PAGE CUSTOMIZATIONS - END */ /* ____ _______ | _ \__ __| | |_) | | | | _ < | | | |_) | | | |____/ |_| BLACK TUESDAY 2020 LANDING PAGE CUSTOMIZATIONS - START */ #cms-faqs-1600893866031 h2, #cms-faqs-1600893866031 h3, #cms-html_snippet-1600729413703 h4 { color: #c2c2c2; } #cms-faqs-1600893866031 a, #html-snipppet-1600975184443 a, #rich-text-1600984879553 a { color: #c2c2c2; text-decoration: underline; } #html-snipppet-1600810863192 h2, #html-snipppet-1600739525247 h3, #html-snipppet-1600739525247 h4, #html-snipppet-1600739525247 h5, #html-snipppet-1600977939285 h2, #html-snipppet-1600977939285 h3, #html-snipppet-1600977939285 h4, #html-snipppet-1600977939285 h5, #html-snipppet-1600975184443 h4, #html-snipppet-1600975184443 h5{ color: #c2c2c2; text-transform: uppercase; letter-spacing: 3px !important; } #cms-html_snippet-1600729413703 p, #html-snipppet-1600810863192 p, #cms-faqs-1600893866031 p, #html-snipppet-1600977939285 p, #html-snipppet-1600975184443 p, #rich-text-1600728419744 p, #rich-text-1600730641442 p, #html-snipppet-1600739525247 p, #rich-text-1600984879553 p, #rich-text-1600973391282 p { color: #e4e4e4; line-height: 32px !important; } /* BLACK TUESDAY 2020 LANDING PAGE CUSTOMIZATIONS - END */ /* OFFSHOOT OUR BEERS PAGE */ #promo-2f22ee9b-9ccf-4755-9875-b22300cd9249 {line-height: 1.9rem !important;} /*CUSTOMIZED ATTRIBUTES HIDE REQUIRED LABEL*/ p.exat-attribute.cart-attribute__field label.error {display: none !important;} .full-video-block { position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; } .full-video-block video { /* Make video to at least 100% wide and tall */ min-width: 100%; min-height: 100%; /* Setting width & height to auto prevents the browser from stretching or squishing the video */ width: auto; height: auto; /* Center the video */ position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); } @media (max-width:576px) { .findify-components--banner__image{ margin-bottom: 30px; } } @media (min-width:576px) { .findify-components--banner__image{ max-width: 490px; margin-right: 30px; margin-bottom: 30px; } } @media (min-width:768px) { .findify-components--banner__image{ max-width: 670px; margin-right: 30px; margin-bottom: 30px; } } @media (min-width:992px) { .findify-components--banner__image{ max-width: 910px; margin-right: 30px; margin-bottom: 30px; } } @media (min-width:1100px) { .findify-components--banner__image{ max-width: 620px; margin-left: 30px; margin-right: 30px; margin-bottom: 30px; } } @media (min-width:1200px) { .findify-components--banner__image{ max-width: 800px; margin-left: 30px; margin-bottom: 30px; } } @media (min-width:1480px) { .findify-components--banner__image{ max-width: 1101px; margin-left: 30px; margin-bottom: 30px; } } .page--inverted .product-card__eyebrow { color: #000; } .page--inverted .product-grid__nav-link { color: #fff } .page--inverted .product-card__contents { color: #fff } .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .chosen-container * { box-sizing: border-box } .chosen-container .chosen-drop { position: absolute; top: 100%; z-index: 1010; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, .15); clip: rect(0, 0, 0, 0) } .chosen-container.chosen-with-drop .chosen-drop { clip: auto } .chosen-container a { cursor: pointer } .chosen-container .chosen-single .group-name, .chosen-container .search-choice .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; color: #999 } .chosen-container .chosen-single .group-name:after, .chosen-container .search-choice .group-name:after { content: ":"; padding-left: 2px; vertical-align: top } .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 25px; border: 1px solid #aaa; border-radius: 5px; background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4); background-clip: padding-box; box-shadow: inset 0 0 3px #fff, 0 1px 1px rgba(0, 0, 0, .1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px } .chosen-container-single .chosen-default { color: #999 } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url(chosen-sprite.png) -42px 1px no-repeat; font-size: 1px } .chosen-container-single.chosen-disabled .chosen-single abbr:hover, .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100% } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url(chosen-sprite.png) no-repeat 0 2px } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap } .chosen-container-single .chosen-search input[type=text] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: url(chosen-sprite.png) no-repeat 100% -20px; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0 } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; clip: rect(0, 0, 0, 0) } .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: linear-gradient(#3875d7 20%, #2a62bc 90%) } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4 } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: 700; cursor: default } .chosen-container .chosen-results li.group-option { padding-left: 15px } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline } .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text } .chosen-container-multi .chosen-choices li { float: left; list-style: none } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap } .chosen-container-multi .chosen-choices li.search-field input[type=text] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0!important; background: 0 0!important; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; width: 25px } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eee; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; box-shadow: inset 0 0 2px #fff, 0 1px 0 rgba(0, 0, 0, .05); color: #333; line-height: 13px; cursor: default } .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url(chosen-sprite.png) -42px 1px no-repeat; font-size: 1px } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee); color: #666 } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4 } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px } .chosen-container-multi .chosen-results { margin: 0; padding: 0 } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default } .chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, .3) } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-image: linear-gradient(#eee 20%, #fff 80%); box-shadow: inset 0 1px 0 #fff } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: 0 0 } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, .3) } .chosen-container-active .chosen-choices li.search-field input[type=text] { color: #222!important } .chosen-disabled { opacity: .5!important; cursor: default } .chosen-disabled .chosen-choices .search-choice .search-choice-close, .chosen-disabled .chosen-single { cursor: default } .chosen-rtl { text-align: right } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0 } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px } .chosen-rtl .chosen-single div { right: auto; left: 3px } .chosen-rtl .chosen-single abbr { right: auto; left: 26px } .chosen-rtl .chosen-choices li { float: right } .chosen-rtl .chosen-choices li.search-field input[type=text] { direction: rtl } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0 } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0 } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none } .chosen-rtl .chosen-search input[type=text] { padding: 4px 5px 4px 20px; background: url(chosen-sprite.png) no-repeat -30px -20px; direction: rtl } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), only screen and (min-resolution:144dpi) { .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-rtl .chosen-search input[type=text] { background-image: url(chosen-sprite@2x.png)!important; background-size: 52px 37px!important; background-repeat: no-repeat!important } } .findify-recommendation { margin-top: 15px!important } @font-face { font-family: Brandon Grotesque; src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/Brandon-Grotesque-Regular.eot?v=3993611549205035421?#iefix"); src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/Brandon-Grotesque-Regular.eot?v=3993611549205035421?#iefix") format("embedded-opentype"), url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/Brandon-Grotesque-Regular.woff?v=6767186607959015421") format("woff"), url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/Brandon-Grotesque-Regular.ttf?v=12662664698716525724") format("truetype"); font-weight: 400; font-style: normal } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: Brandon Grotesque; src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/Brandon-Grotesque-Regular.svg?61397#Brandon-Grotesque-Regular") format("svg") } } @font-face { font-family: Brandon Grotesque; src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/Brandon-Grotesque-Medium.eot?v=11357312750511116252?#iefix"); src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/Brandon-Grotesque-Medium.eot?v=11357312750511116252?#iefix") format("embedded-opentype"), url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/Brandon-Grotesque-Medium.woff?v=12910463233062373233") format("woff"), url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/Brandon-Grotesque-Medium.ttf?v=17496169971958924089") format("truetype"); font-weight: 500; font-style: normal } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: Brandon Grotesque; src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/Brandon-Grotesque-Medium.svg?61397#Brandon-Grotesque-Medium") format("svg") } } @font-face { font-family: Brandon Grotesque; src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/Brandon-Grotesque-Bold.eot?v=6522615194565849322?#iefix"); src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/Brandon-Grotesque-Bold.eot?v=6522615194565849322?#iefix") format("embedded-opentype"), url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/Brandon-Grotesque-Bold.woff?v=7664942294536720498") format("woff"), url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/Brandon-Grotesque-Bold.ttf?v=13480129736388146179") format("truetype"); font-weight: 700; font-style: normal } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: Brandon Grotesque; src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/Brandon-Grotesque-Bold.svg?61397#Brandon-Grotesque-Bold") format("svg") } } @font-face { font-family: MrAlex; src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/MrAlex-Regular.eot?v=15631225966566759272?#iefix"); src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/MrAlex-Regular.eot?v=15631225966566759272?#iefix") format("embedded-opentype"), url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/MrAlex-Regular.woff?v=17887090592014694154") format("woff"), url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/MrAlex-Regular.ttf?v=10614810120968597476") format("truetype"); font-weight: 400; font-style: normal } @font-face { font-family: MrAlex; src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/MrAlex-Regular.eot?v=15631225966566759272?#iefix"); src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/MrAlex-Regular.eot?v=15631225966566759272?#iefix") format("embedded-opentype"), url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/MrAlex-Regular.woff?v=17887090592014694154") format("woff"), url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/MrAlex-Regular.ttf?v=10614810120968597476") format("truetype"); font-weight: 700; font-style: normal } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: MrAlex; src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/MrAlex-Regular.svg?61397#MrAlex-Regular") format("svg") } } @font-face { font-family: ObjektivMk1; src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/ObjektivMk1-Light.eot?v=17447533019248691185?#iefix"); src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/ObjektivMk1-Light.eot?v=17447533019248691185?#iefix") format("embedded-opentype"), url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/ObjektivMk1-Light.woff?v=14458865400479501377") format("woff"), url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/ObjektivMk1-Light.ttf?v=7211265345293583028") format("truetype"); font-weight: 300; font-style: normal } @font-face { font-family: ObjektivMk1; src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/ObjektivMk1-Light.eot?v=17447533019248691185?#iefix"); src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/ObjektivMk1-Light.eot?v=17447533019248691185?#iefix") format("embedded-opentype"), url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/ObjektivMk1-Light.woff?v=14458865400479501377") format("woff"), url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/ObjektivMk1-Light.ttf?v=7211265345293583028") format("truetype"); font-weight: 400; font-style: normal } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: ObjektivMk1; src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/ObjektivMk1-Light.svg?61397#ObjektivMk1-Light") format("svg") } } @font-face { font-family: ObjektivMk1; src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/ObjektivMk1-Medium.eot?v=1222333327621663363?#iefix"); src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/ObjektivMk1-Medium.eot?v=1222333327621663363?#iefix") format("embedded-opentype"), url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/ObjektivMk1-Medium.woff?v=16469475970835641336") format("woff"), url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/ObjektivMk1-Medium.ttf?v=8320904245085994538") format("truetype"); font-weight: 500; font-style: normal } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: ObjektivMk1; src:url("//cdn.shopify.com/s/files/1/0264/8054/1770/t/210/assets/ObjektivMk1-Medium.svg?61397#ObjektivMk1-Medium") format("svg") } } :root { --white: #fff; --gray-lighter: #f8f9fa; --gray-light: #e9ecef; --gray: #828282; --gray-dark: #666; --gray-darker: #494949; --gray-darkest: #212529; --black: #000; --blue: #4e85e6; --indigo: #6610f2; --purple: #8174cd; --pink: #d885c1; --red: #dc3545; --orange: #f48d52; --yellow: #eee57a; --green: #00a465; --teal: #20c997; --cyan: #17a2b8; --khaki: #c0b095; --brown: #816960; --tan: #d3b69f; --cloud: #e0e0e0; --linen: #faf6f0; --sand: #ede2d6; --silver: #bdbdbd; --charcoal: #4f4f4f; --smoke: #333; --gallery: #efefef; --cararra: #ebe8e3; --cinnabar: #e54e3f; --concrete: #f2f2f2; --primary: #000; --secondary: #ccc; --success: #00a465; --info: #17a2b8; --warning: #eee57a; --danger: #f01010; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1480px; --font-family-sans-serif: "Brandon Grotesque", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto 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 } *, :after, :before { 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: Brandon Grotesque, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000; text-align: left; background-color: #faf6f0; letter-spacing: .01em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased } body.alternate-theme { background-color: #f2f2f2; font-family: ObjektivMk1, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji } [tabindex="-1"]:focus { outline: 0!important } hr { box-sizing: content-box; height: 0; overflow: visible } .embed .confirm h2.freeHeading, h1, h2, h3, h4, h5, h6, p { margin-top: 0; margin-bottom: 1rem } abbr[data-original-title], abbr[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 { font-style: normal; line-height: inherit } address, dl, ol, ul { margin-bottom: 1rem } dl, ol, ul { margin-top: 0 } ol ol, ol ul, ul ol, ul ul { 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: #000; text-decoration: none; background-color: transparent } a svg { fill: #000 } a:hover { color: #4f4f4f; text-decoration: none } a:hover svg { fill: #4f4f4f } a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus { outline: 0 } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size: 1em } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto } figure { margin: 0 0 1rem } img { border-style: none } img, svg { vertical-align: middle } svg { overflow: hidden } table { border-collapse: collapse } caption { padding-top: .75rem; padding-bottom: .75rem; color: #666; text-align: left; caption-side: bottom } th { text-align: inherit } label { display: inline-block; margin-bottom: .5rem } button { border-radius: 0; background: none } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, input { overflow: visible } button, select { text-transform: none } select { word-wrap: normal } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox } textarea { overflow: auto; resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .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 } .visually-hidden { position: absolute!important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 } .js-focus-hidden:focus { outline: none } .visually-shown { position: inherit!important; overflow: auto; clip: auto; width: auto; height: auto; margin: 0 } .no-js:not(html) { display: none } .no-js .no-js:not(html) { display: block } .no-js .js, .supports-no-cookies:not(html) { display: none } html.supports-no-cookies .supports-no-cookies:not(html) { display: block } html.supports-no-cookies .supports-cookies { display: none } .skip-link:focus { position: absolute!important; overflow: auto; clip: auto; width: auto; height: auto; margin: 0; color: #000; background-color: #faf6f0; padding: 10px; z-index: 9999; transition: none } .img-fluid, .img-thumbnail { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #e9ecef; border-radius: .25rem } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: 90%; color: #ccc } code { font-size: 87.5%; color: #d885c1; word-break: break-word } a>code { color: inherit } kbd { padding: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #494949; border-radius: .2rem } kbd kbd { padding: 0; font-size: 100%; font-weight: 700 } pre { display: block; font-size: 87.5%; color: #494949 } pre code { font-size: inherit; color: inherit; word-break: normal } .pre-scrollable { max-height: 340px; overflow-y: scroll } .container, .overlay__content { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto } @media (min-width:576px) { .container, .overlay__content { max-width: 540px } } @media (min-width:768px) { .container, .overlay__content { max-width: 720px } } @media (min-width:992px) { .container, .overlay__content { max-width: 960px } } @media (min-width:1200px) { .container, .overlay__content { max-width: 1140px } } @media (min-width:1480px) { .container, .overlay__content { max-width: 1440px } } .container-fluid, .container-fluid-max, .header-container, .quick-view__contents { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto } .container-fluid-max, .header-container, .quick-view__contents { max-width: 1440px } .row { display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0 } .col, .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-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto, .col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-auto { position: relative; width: 100%; padding-right: 10px; padding-left: 10px } .col { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-3 { flex: 0 0 25%; max-width: 25% } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-6 { flex: 0 0 50%; max-width: 50% } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-9 { flex: 0 0 75%; max-width: 75% } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-12 { flex: 0 0 100%; max-width: 100% } .order-first { order: -1 } .order-last { order: 13 } .order-0 { order: 0 } .order-1 { order: 1 } .order-2 { order: 2 } .order-3 { order: 3 } .order-4 { order: 4 } .order-5 { order: 5 } .order-6 { order: 6 } .order-7 { order: 7 } .order-8 { order: 8 } .order-9 { order: 9 } .order-10 { order: 10 } .order-11 { order: 11 } .order-12 { order: 12 } .offset-1 { margin-left: 8.3333333333% } .offset-2 { margin-left: 16.6666666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.3333333333% } .offset-5 { margin-left: 41.6666666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.3333333333% } .offset-8 { margin-left: 66.6666666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.3333333333% } .offset-11 { margin-left: 91.6666666667% } @media (min-width:576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-sm-3 { flex: 0 0 25%; max-width: 25% } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-sm-6 { flex: 0 0 50%; max-width: 50% } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-sm-9 { flex: 0 0 75%; max-width: 75% } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-sm-12 { flex: 0 0 100%; max-width: 100% } .order-sm-first { order: -1 } .order-sm-last { order: 13 } .order-sm-0 { order: 0 } .order-sm-1 { order: 1 } .order-sm-2 { order: 2 } .order-sm-3 { order: 3 } .order-sm-4 { order: 4 } .order-sm-5 { order: 5 } .order-sm-6 { order: 6 } .order-sm-7 { order: 7 } .order-sm-8 { order: 8 } .order-sm-9 { order: 9 } .order-sm-10 { order: 10 } .order-sm-11 { order: 11 } .order-sm-12 { order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.3333333333% } .offset-sm-2 { margin-left: 16.6666666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.3333333333% } .offset-sm-5 { margin-left: 41.6666666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.3333333333% } .offset-sm-8 { margin-left: 66.6666666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.3333333333% } .offset-sm-11 { margin-left: 91.6666666667% } } @media (min-width:768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-md-3 { flex: 0 0 25%; max-width: 25% } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-md-6 { flex: 0 0 50%; max-width: 50% } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-md-9 { flex: 0 0 75%; max-width: 75% } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-md-12 { flex: 0 0 100%; max-width: 100% } .order-md-first { order: -1 } .order-md-last { order: 13 } .order-md-0 { order: 0 } .order-md-1 { order: 1 } .order-md-2 { order: 2 } .order-md-3 { order: 3 } .order-md-4 { order: 4 } .order-md-5 { order: 5 } .order-md-6 { order: 6 } .order-md-7 { order: 7 } .order-md-8 { order: 8 } .order-md-9 { order: 9 } .order-md-10 { order: 10 } .order-md-11 { order: 11 } .order-md-12 { order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.3333333333% } .offset-md-2 { margin-left: 16.6666666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.3333333333% } .offset-md-5 { margin-left: 41.6666666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.3333333333% } .offset-md-8 { margin-left: 66.6666666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.3333333333% } .offset-md-11 { margin-left: 91.6666666667% } } @media (min-width:992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-lg-3 { flex: 0 0 25%; max-width: 25% } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-lg-6 { flex: 0 0 50%; max-width: 50% } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-lg-9 { flex: 0 0 75%; max-width: 75% } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-lg-12 { flex: 0 0 100%; max-width: 100% } .order-lg-first { order: -1 } .order-lg-last { order: 13 } .order-lg-0 { order: 0 } .order-lg-1 { order: 1 } .order-lg-2 { order: 2 } .order-lg-3 { order: 3 } .order-lg-4 { order: 4 } .order-lg-5 { order: 5 } .order-lg-6 { order: 6 } .order-lg-7 { order: 7 } .order-lg-8 { order: 8 } .order-lg-9 { order: 9 } .order-lg-10 { order: 10 } .order-lg-11 { order: 11 } .order-lg-12 { order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.3333333333% } .offset-lg-2 { margin-left: 16.6666666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.3333333333% } .offset-lg-5 { margin-left: 41.6666666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.3333333333% } .offset-lg-8 { margin-left: 66.6666666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.3333333333% } .offset-lg-11 { margin-left: 91.6666666667% } } @media (min-width:1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-xl-3 { flex: 0 0 25%; max-width: 25% } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-xl-6 { flex: 0 0 50%; max-width: 50% } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-xl-9 { flex: 0 0 75%; max-width: 75% } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-xl-12 { flex: 0 0 100%; max-width: 100% } .order-xl-first { order: -1 } .order-xl-last { order: 13 } .order-xl-0 { order: 0 } .order-xl-1 { order: 1 } .order-xl-2 { order: 2 } .order-xl-3 { order: 3 } .order-xl-4 { order: 4 } .order-xl-5 { order: 5 } .order-xl-6 { order: 6 } .order-xl-7 { order: 7 } .order-xl-8 { order: 8 } .order-xl-9 { order: 9 } .order-xl-10 { order: 10 } .order-xl-11 { order: 11 } .order-xl-12 { order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.3333333333% } .offset-xl-2 { margin-left: 16.6666666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.3333333333% } .offset-xl-5 { margin-left: 41.6666666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.3333333333% } .offset-xl-8 { margin-left: 66.6666666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.3333333333% } .offset-xl-11 { margin-left: 91.6666666667% } } @media (min-width:1480px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-xxl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-xxl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-xxl-3 { flex: 0 0 25%; max-width: 25% } .col-xxl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-xxl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-xxl-6 { flex: 0 0 50%; max-width: 50% } .col-xxl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-xxl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-xxl-9 { flex: 0 0 75%; max-width: 75% } .col-xxl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-xxl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-xxl-12 { flex: 0 0 100%; max-width: 100% } .order-xxl-first { order: -1 } .order-xxl-last { order: 13 } .order-xxl-0 { order: 0 } .order-xxl-1 { order: 1 } .order-xxl-2 { order: 2 } .order-xxl-3 { order: 3 } .order-xxl-4 { order: 4 } .order-xxl-5 { order: 5 } .order-xxl-6 { order: 6 } .order-xxl-7 { order: 7 } .order-xxl-8 { order: 8 } .order-xxl-9 { order: 9 } .order-xxl-10 { order: 10 } .order-xxl-11 { order: 11 } .order-xxl-12 { order: 12 } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.3333333333% } .offset-xxl-2 { margin-left: 16.6666666667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.3333333333% } .offset-xxl-5 { margin-left: 41.6666666667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.3333333333% } .offset-xxl-8 { margin-left: 66.6666666667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.3333333333% } .offset-xxl-11 { margin-left: 91.6666666667% } } .shopify-section .container, .shopify-section .container-fluid, .shopify-section .container-fluid-max, .shopify-section .header-container, .shopify-section .overlay__content, .shopify-section .quick-view__contents { padding-left: 20px; padding-right: 20px } .shopify-section .container-fluid-max .container, .shopify-section .container-fluid-max .container-fluid, .shopify-section .container-fluid-max .container-fluid-max, .shopify-section .container-fluid-max .header-container, .shopify-section .container-fluid-max .overlay__content, .shopify-section .container-fluid-max .quick-view__contents, .shopify-section .container-fluid .container, .shopify-section .container-fluid .container-fluid, .shopify-section .container-fluid .container-fluid-max, .shopify-section .container-fluid .header-container, .shopify-section .container-fluid .overlay__content, .shopify-section .container-fluid .quick-view__contents, .shopify-section .container .container, .shopify-section .container .container-fluid, .shopify-section .container .container-fluid-max, .shopify-section .container .header-container, .shopify-section .container .overlay__content, .shopify-section .container .quick-view__contents, .shopify-section .header-container .container, .shopify-section .header-container .container-fluid, .shopify-section .header-container .container-fluid-max, .shopify-section .header-container .header-container, .shopify-section .header-container .overlay__content, .shopify-section .header-container .quick-view__contents, .shopify-section .overlay__content .container, .shopify-section .overlay__content .container-fluid, .shopify-section .overlay__content .container-fluid-max, .shopify-section .overlay__content .header-container, .shopify-section .overlay__content .overlay__content, .shopify-section .overlay__content .quick-view__contents, .shopify-section .quick-view__contents .container, .shopify-section .quick-view__contents .container-fluid, .shopify-section .quick-view__contents .container-fluid-max, .shopify-section .quick-view__contents .header-container, .shopify-section .quick-view__contents .overlay__content, .shopify-section .quick-view__contents .quick-view__contents { padding-left: 10px; padding-right: 10px } .flexbox .layout-wrapper { display: flex; flex-direction: column; min-height: 100vh } .flexbox main#MainContent { flex: 1 0 0; flex-direction: column } .site-fixed-header .layout-wrapper { position: relative; padding-top: 75px } @media (min-width:1100px) { .site-fixed-header .layout-wrapper { padding-top: 135px } } .layout-main-content { flex-direction: column } .layout-content-wrapper, .layout-content-wrapper.flush-top { margin-top: 0 } .layout-content-wrapper.flush-bottom { margin-bottom: 0 } .table { width: 100%; margin-bottom: 1rem; color: #494949 } .table td, .table th { padding: .75rem; vertical-align: top; border-top: 1px solid #e9ecef } .table thead th { vertical-align: bottom; border-bottom: 2px solid #e9ecef } .table tbody+tbody { border-top: 2px solid #e9ecef } .table-sm td, .table-sm th { padding: .3rem } .table-bordered, .table-bordered td, .table-bordered th { border: 1px solid #e9ecef } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px } .table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0 } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, .05) } .table-hover tbody tr:hover { color: #494949; background-color: rgba(0, 0, 0, .075) } .table-primary, .table-primary>td, .table-primary>th { background-color: #b8b8b8 } .table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: #7a7a7a } .table-hover .table-primary:hover, .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th { background-color: #ababab } .table-secondary, .table-secondary>td, .table-secondary>th { background-color: #f1f1f1 } .table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: #e4e4e4 } .table-hover .table-secondary:hover, .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th { background-color: #e4e4e4 } .table-success, .table-success>td, .table-success>th { background-color: #b8e6d4 } .table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th { border-color: #7ad0af } .table-hover .table-success:hover, .table-hover .table-success:hover>td, .table-hover .table-success:hover>th { background-color: #a5dfc9 } .table-info, .table-info>td, .table-info>th { background-color: #bee5eb } .table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th { border-color: #86cfda } .table-hover .table-info:hover, .table-hover .table-info:hover>td, .table-hover .table-info:hover>th { background-color: #abdde5 } .table-warning, .table-warning>td, .table-warning>th { background-color: #faf8da } .table-warning tbody+tbody, .table-warning td, .table-warning th, .table-warning thead th { border-color: #f6f1ba } .table-hover .table-warning:hover, .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th { background-color: #f7f4c4 } .table-danger, .table-danger>td, .table-danger>th { background-color: #fbbcbc } .table-danger tbody+tbody, .table-danger td, .table-danger th, .table-danger thead th { border-color: #f78383 } .table-hover .table-danger:hover, .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th { background-color: #faa4a4 } .table-active, .table-active>td, .table-active>th, .table-hover .table-active:hover, .table-hover .table-active:hover>td, .table-hover .table-active:hover>th { background-color: rgba(0, 0, 0, .075) } .table .thead-dark th { color: #fff; background-color: #494949; border-color: #5c5c5c } .table .thead-light th { color: #494949; background-color: #e9ecef; border-color: #e9ecef } .table-dark { color: #fff; background-color: #494949 } .table-dark td, .table-dark th, .table-dark thead th { border-color: #5c5c5c } .table-dark.table-bordered { border: 0 } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: hsla(0, 0%, 100%, .05) } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: hsla(0, 0%, 100%, .075) } @media (max-width:575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-sm>.table-bordered { border: 0 } } @media (max-width:767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-md>.table-bordered { border: 0 } } @media (max-width:991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-lg>.table-bordered { border: 0 } } @media (max-width:1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-xl>.table-bordered { border: 0 } } @media (max-width:1479.98px) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-xxl>.table-bordered { border: 0 } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive>.table-bordered { border: 0 } .chosen-container-single .chosen-single, .form-control, .minimal-input-box__input, .yotpo.yotpo .form-element .y-input { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem 0; font-size: 1.25rem; font-weight: 400; line-height: 1.5; color: #000; background-color: transparent; background-clip: padding-box; border: 1px solid #000; border-radius: 0; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .chosen-container-single .chosen-single, .form-control, .minimal-input-box__input, .yotpo.yotpo .form-element .y-input { transition: none } } .chosen-container-single .chosen-single::-ms-expand, .form-control::-ms-expand, .minimal-input-box__input::-ms-expand, .yotpo.yotpo .form-element .y-input::-ms-expand { background-color: transparent; border: 0 } .chosen-container-single .chosen-single:focus, .form-control:focus, .minimal-input-box__input:focus, .yotpo.yotpo .form-element .y-input:focus { color: #000; background-color: #fff; border-color: #000; outline: 0; box-shadow: none } .chosen-container-single .chosen-single::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .minimal-input-box__input::-webkit-input-placeholder, .yotpo.yotpo .form-element .y-input::-webkit-input-placeholder { color: #666; opacity: 1 } .chosen-container-single .chosen-single::-moz-placeholder, .form-control::-moz-placeholder, .minimal-input-box__input::-moz-placeholder, .yotpo.yotpo .form-element .y-input::-moz-placeholder { color: #666; opacity: 1 } .chosen-container-single .chosen-single:-ms-input-placeholder, .form-control:-ms-input-placeholder, .minimal-input-box__input:-ms-input-placeholder, .yotpo.yotpo .form-element .y-input:-ms-input-placeholder { color: #666; opacity: 1 } .chosen-container-single .chosen-single::-ms-input-placeholder, .form-control::-ms-input-placeholder, .minimal-input-box__input::-ms-input-placeholder, .yotpo.yotpo .form-element .y-input::-ms-input-placeholder { color: #666; opacity: 1 } .chosen-container-single .chosen-single::placeholder, .form-control::placeholder, .minimal-input-box__input::placeholder, .yotpo.yotpo .form-element .y-input::placeholder { color: #666; opacity: 1 } .chosen-container-single .chosen-single:disabled, .chosen-container-single .chosen-single[readonly], .form-control:disabled, .form-control[readonly], .minimal-input-box__input:disabled, .minimal-input-box__input[readonly], .yotpo.yotpo .form-element .y-input:disabled, .yotpo.yotpo .form-element .y-input[readonly] { background-color: #e9ecef; opacity: 1 } .chosen-container-single select.chosen-single:focus::-ms-value, .yotpo.yotpo .form-element select.y-input:focus::-ms-value, select.form-control:focus::-ms-value, select.minimal-input-box__input:focus::-ms-value { color: #000; background-color: transparent } .form-control-file, .form-control-range { display: block; width: 100% } .col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; line-height: 1.5 } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; line-height: 1.5 } .form-control-plaintext { display: block; width: 100%; padding-top: .375rem; padding-bottom: .375rem; margin-bottom: 0; line-height: 1.5; color: #494949; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0 } .form-control-sm { height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: 0 } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0 } .chosen-container-single select.chosen-single[multiple], .chosen-container-single select.chosen-single[size], .chosen-container-single textarea.chosen-single, .yotpo.yotpo .form-element select.y-input[multiple], .yotpo.yotpo .form-element select.y-input[size], .yotpo.yotpo .form-element textarea.y-input, select.form-control[multiple], select.form-control[size], select.minimal-input-box__input[multiple], select.minimal-input-box__input[size], textarea.form-control, textarea.minimal-input-box__input { height: auto } .form-group { margin-bottom: 1rem } .form-text { display: block; margin-top: .25rem } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px } .form-row>.col, .form-row>[class*=col-] { padding-right: 5px; padding-left: 5px } .form-check { position: relative; display: block; padding-left: 1.25rem } .form-check+.form-check { margin-top: .5rem } .form-check-input { position: absolute; margin-top: .075rem; margin-left: -1.25rem } .form-check-input:disabled~.form-check-label { color: #666 } .form-check-label { margin-bottom: 0 } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: .75rem } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 1.25rem } .chosen-container-single .is-valid.chosen-single, .chosen-container-single .was-validated .chosen-single:valid, .form-control.is-valid, .is-valid.minimal-input-box__input, .was-validated .chosen-container-single .chosen-single:valid, .was-validated .form-control:valid, .was-validated .minimal-input-box__input:valid, .was-validated .yotpo.yotpo .form-element .y-input:valid, .yotpo.yotpo .form-element .is-valid.y-input, .yotpo.yotpo .form-element .was-validated .y-input:valid { border-color: #00a465 } .chosen-container-single .is-valid.chosen-single~.valid-feedback, .chosen-container-single .was-validated .chosen-single:valid~.valid-feedback, .form-control.is-valid~.valid-feedback, .is-valid.minimal-input-box__input~.valid-feedback, .was-validated .chosen-container-single .chosen-single:valid~.valid-feedback, .was-validated .form-control:valid~.valid-feedback, .was-validated .minimal-input-box__input:valid~.valid-feedback, .was-validated .yotpo.yotpo .form-element .y-input:valid~.valid-feedback, .yotpo.yotpo .form-element .is-valid.y-input~.valid-feedback, .yotpo.yotpo .form-element .was-validated .y-input:valid~.valid-feedback { display: block } .custom-select.is-valid, .was-validated .custom-select:valid { border-color: #00a465 } .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus { border-color: #00a465; box-shadow: 0 0 0 .2rem rgba(0, 164, 101, .25) } .custom-select.is-valid~.valid-feedback, .custom-select.is-valid~.valid-tooltip, .form-control-file.is-valid~.valid-feedback, .form-control-file.is-valid~.valid-tooltip, .was-validated .custom-select:valid~.valid-feedback, .was-validated .custom-select:valid~.valid-tooltip, .was-validated .form-control-file:valid~.valid-feedback, .was-validated .form-control-file:valid~.valid-tooltip { display: block } .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label { color: #00a465 } .form-check-input.is-valid~.valid-feedback, .form-check-input.is-valid~.valid-tooltip, .was-validated .form-check-input:valid~.valid-feedback, .was-validated .form-check-input:valid~.valid-tooltip { display: block } .custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label { color: #00a465 } .custom-control-input.is-valid~.custom-control-label:before, .was-validated .custom-control-input:valid~.custom-control-label:before { border-color: #00a465 } .custom-control-input.is-valid~.valid-feedback, .custom-control-input.is-valid~.valid-tooltip, .was-validated .custom-control-input:valid~.valid-feedback, .was-validated .custom-control-input:valid~.valid-tooltip { display: block } .custom-control-input.is-valid:checked~.custom-control-label:before, .was-validated .custom-control-input:valid:checked~.custom-control-label:before { border-color: #00d784; background-color: #00d784 } .custom-control-input.is-valid:focus~.custom-control-label:before, .was-validated .custom-control-input:valid:focus~.custom-control-label:before { box-shadow: 0 0 0 .2rem rgba(0, 164, 101, .25) } .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before, .custom-file-input.is-valid~.custom-file-label, .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before, .was-validated .custom-file-input:valid~.custom-file-label { border-color: #00a465 } .custom-file-input.is-valid~.valid-feedback, .custom-file-input.is-valid~.valid-tooltip, .was-validated .custom-file-input:valid~.valid-feedback, .was-validated .custom-file-input:valid~.valid-tooltip { display: block } .custom-file-input.is-valid:focus~.custom-file-label, .was-validated .custom-file-input:valid:focus~.custom-file-label { border-color: #00a465; box-shadow: 0 0 0 .2rem rgba(0, 164, 101, .25) } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 1.25rem; color: #dc3545 } .chosen-container-single .is-invalid.chosen-single, .chosen-container-single .was-validated .chosen-single:invalid, .form-control.is-invalid, .is-invalid.minimal-input-box__input, .was-validated .chosen-container-single .chosen-single:invalid, .was-validated .form-control:invalid, .was-validated .minimal-input-box__input:invalid, .was-validated .yotpo.yotpo .form-element .y-input:invalid, .yotpo.yotpo .form-element .is-invalid.y-input, .yotpo.yotpo .form-element .was-validated .y-input:invalid { border-color: #dc3545 } .chosen-container-single .is-invalid.chosen-single:focus, .chosen-container-single .was-validated .chosen-single:invalid:focus, .form-control.is-invalid:focus, .is-invalid.minimal-input-box__input:focus, .was-validated .chosen-container-single .chosen-single:invalid:focus, .was-validated .form-control:invalid:focus, .was-validated .minimal-input-box__input:invalid:focus, .was-validated .yotpo.yotpo .form-element .y-input:invalid:focus, .yotpo.yotpo .form-element .is-invalid.y-input:focus, .yotpo.yotpo .form-element .was-validated .y-input:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) } .chosen-container-single .is-invalid.chosen-single~.invalid-feedback, .chosen-container-single .was-validated .chosen-single:invalid~.invalid-feedback, .form-control.is-invalid~.invalid-feedback, .is-invalid.minimal-input-box__input~.invalid-feedback, .was-validated .chosen-container-single .chosen-single:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-feedback, .was-validated .minimal-input-box__input:invalid~.invalid-feedback, .was-validated .yotpo.yotpo .form-element .y-input:invalid~.invalid-feedback, .yotpo.yotpo .form-element .is-invalid.y-input~.invalid-feedback, .yotpo.yotpo .form-element .was-validated .y-input:invalid~.invalid-feedback { display: block } .custom-select.is-invalid, .was-validated .custom-select:invalid { border-color: #dc3545 } .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) } .custom-select.is-invalid~.invalid-feedback, .custom-select.is-invalid~.invalid-tooltip, .form-control-file.is-invalid~.invalid-feedback, .form-control-file.is-invalid~.invalid-tooltip, .was-validated .custom-select:invalid~.invalid-feedback, .was-validated .custom-select:invalid~.invalid-tooltip, .was-validated .form-control-file:invalid~.invalid-feedback, .was-validated .form-control-file:invalid~.invalid-tooltip { display: block } .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label { color: #dc3545 } .form-check-input.is-invalid~.invalid-feedback, .form-check-input.is-invalid~.invalid-tooltip, .was-validated .form-check-input:invalid~.invalid-feedback, .was-validated .form-check-input:invalid~.invalid-tooltip { display: block } .custom-control-input.is-invalid~.custom-control-label, .was-validated .custom-control-input:invalid~.custom-control-label { color: #dc3545 } .custom-control-input.is-invalid~.custom-control-label:before, .was-validated .custom-control-input:invalid~.custom-control-label:before { border-color: #dc3545 } .custom-control-input.is-invalid~.invalid-feedback, .custom-control-input.is-invalid~.invalid-tooltip, .was-validated .custom-control-input:invalid~.invalid-feedback, .was-validated .custom-control-input:invalid~.invalid-tooltip { display: block } .custom-control-input.is-invalid:checked~.custom-control-label:before, .was-validated .custom-control-input:invalid:checked~.custom-control-label:before { border-color: #e4606d; background-color: #e4606d } .custom-control-input.is-invalid:focus~.custom-control-label:before, .was-validated .custom-control-input:invalid:focus~.custom-control-label:before { box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) } .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before, .custom-file-input.is-invalid~.custom-file-label, .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before, .was-validated .custom-file-input:invalid~.custom-file-label { border-color: #dc3545 } .custom-file-input.is-invalid~.invalid-feedback, .custom-file-input.is-invalid~.invalid-tooltip, .was-validated .custom-file-input:invalid~.invalid-feedback, .was-validated .custom-file-input:invalid~.invalid-tooltip { display: block } .custom-file-input.is-invalid:focus~.custom-file-label, .was-validated .custom-file-input:invalid:focus~.custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) } .form-inline { display: flex; flex-flow: row wrap; align-items: center } .form-inline .form-check { width: 100% } @media (min-width:576px) { .form-inline label { justify-content: center } .form-inline .form-group, .form-inline label { display: flex; align-items: center; margin-bottom: 0 } .form-inline .form-group { flex: 0 0 auto; flex-flow: row wrap } .chosen-container-single .form-inline .chosen-single, .form-inline .chosen-container-single .chosen-single, .form-inline .form-control, .form-inline .minimal-input-box__input, .form-inline .yotpo.yotpo .form-element .y-input, .yotpo.yotpo .form-element .form-inline .y-input { display: inline-block; width: auto; vertical-align: middle } .form-inline .form-control-plaintext { display: inline-block } .form-inline .custom-select, .form-inline .input-group { width: auto } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0 } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: .25rem; margin-left: 0 } .form-inline .custom-control { align-items: center; justify-content: center } .form-inline .custom-control-label { margin-bottom: 0 } } .fade { transition: opacity .15s linear } @media (prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing { transition: none } } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle } .btn-group-vertical>.btn, .btn-group>.btn { position: relative; flex: 1 1 auto } .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index: 1 } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) { margin-left: -2px } .btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: 15px; padding-left: 15px } .dropdown-toggle-split:after, .dropright .dropdown-toggle-split:after, .dropup .dropdown-toggle-split:after { margin-left: 0 } .dropleft .dropdown-toggle-split:before { margin-right: 0 } .btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split { padding-right: 10.5px; padding-left: 10.5px } .btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split { padding-right: 15px; padding-left: 15px } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group { width: 100% } .btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child) { margin-top: -2px } .btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn:not(:first-child) { 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-group>.btn input[type=checkbox], .btn-group-toggle>.btn-group>.btn input[type=radio], .btn-group-toggle>.btn input[type=checkbox], .btn-group-toggle>.btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.375rem } .custom-control+.custom-control { margin-top: .5rem } .custom-control-inline { display: inline-flex; margin-right: 1rem } .custom-control-input { position: absolute; z-index: -1; opacity: 0 } .custom-control-input:checked~.custom-control-label:before { color: #fff; border-color: #333; background-color: #333 } .custom-control-input:focus~.custom-control-label:before { box-shadow: none } .custom-control-input:focus:not(:checked)~.custom-control-label:before { border-color: #000 } .custom-control-input:not(:disabled):active~.custom-control-label:before { color: #fff; background-color: #8c8c8c; border-color: #eaf1fc } .custom-control-input:disabled~.custom-control-label { color: #bdbdbd } .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 { pointer-events: none; background-color: #fff; border: 1px solid #bdbdbd } .custom-control-label:after, .custom-control-label:before { position: absolute; top: .3125rem; left: -1.375rem; display: block; width: .875rem; height: .875rem; content: "" } .custom-control-label:after { background: no-repeat 50%/90% } .custom-checkbox .custom-control-label:before { border-radius: 0 } .custom-checkbox .custom-control-input:checked~.custom-control-label:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.294L5.19 10 12 1' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before { border-color: #4e85e6; background-color: #333 } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E") } .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before { background-color: rgba(51, 51, 51, .5) } .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before { background-color: rgba(51, 51, 51, .5) } .custom-radio .custom-control-label:before { border-radius: 50% } .custom-radio .custom-control-input:checked~.custom-control-label:after { background-image: none } .custom-radio .custom-control-input:disabled:checked~.custom-control-label:before { background-color: rgba(51, 51, 51, .5) } .custom-switch { padding-left: 2.25rem } .custom-switch .custom-control-label:before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: .5rem } .custom-switch .custom-control-label:after { top: calc(.3125rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #bdbdbd; border-radius: .5rem; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out; transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .custom-switch .custom-control-label:after { transition: none } } .custom-switch .custom-control-input:checked~.custom-control-label:after { background-color: #fff; -webkit-transform: translateX(.875rem); transform: translateX(.875rem) } .custom-switch .custom-control-input:disabled:checked~.custom-control-label:before { background-color: rgba(51, 51, 51, .5) } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem 1.75rem .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #494949; vertical-align: middle; background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23494949' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px; background-color: #fff; border: 1px solid #ccc; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-select:focus { border-color: #bed2f6; outline: 0; box-shadow: 0 0 0 .2rem rgba(78, 133, 230, .25) } .custom-select:focus::-ms-value { color: #000; background-color: transparent } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: .75rem; background-image: none } .custom-select:disabled { color: #666; background-color: #e9ecef } .custom-select::-ms-expand { display: none } .custom-select-sm { height: calc(1.5em + .5rem + 2px); padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem } .custom-file { display: inline-block; margin-bottom: 0 } .custom-file, .custom-file-input { position: relative; width: 100%; height: calc(1.5em + .75rem + 2px) } .custom-file-input { z-index: 2; margin: 0; opacity: 0 } .custom-file-input:focus~.custom-file-label { border-color: #bed2f6; box-shadow: 0 0 0 .2rem rgba(78, 133, 230, .25) } .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 { left: 0; z-index: 1; height: calc(1.5em + .75rem + 2px); font-weight: 400; background-color: #fff; border: 1px solid #ccc; border-radius: .25rem } .custom-file-label, .custom-file-label:after { position: absolute; top: 0; right: 0; padding: .375rem .75rem; line-height: 1.5; color: #494949 } .custom-file-label:after { bottom: 0; z-index: 3; display: block; height: calc(1.5em + .75rem); content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 .25rem .25rem 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: none } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(78, 133, 230, .25) } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(78, 133, 230, .25) } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(78, 133, 230, .25) } .custom-range::-moz-focus-outer { border: 0 } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #4e85e6; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .custom-range::-webkit-slider-thumb { transition: none } } .custom-range::-webkit-slider-thumb:active { background-color: #eaf1fc } .custom-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #e9ecef; border-color: transparent; border-radius: 1rem } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #4e85e6; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .custom-range::-moz-range-thumb { transition: none } } .custom-range::-moz-range-thumb:active { background-color: #eaf1fc } .custom-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #e9ecef; border-color: transparent; border-radius: 1rem } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: .2rem; margin-left: .2rem; background-color: #4e85e6; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; appearance: none } @media (prefers-reduced-motion:reduce) { .custom-range::-ms-thumb { transition: none } } .custom-range::-ms-thumb:active { background-color: #eaf1fc } .custom-range::-ms-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: .5rem } .custom-range::-ms-fill-lower, .custom-range::-ms-fill-upper { background-color: #e9ecef; border-radius: 1rem } .custom-range::-ms-fill-upper { margin-right: 15px } .custom-range:disabled::-webkit-slider-thumb { background-color: #ccc } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default } .custom-range:disabled::-moz-range-thumb { background-color: #ccc } .custom-range:disabled::-moz-range-track { cursor: default } .custom-range:disabled::-ms-thumb { background-color: #ccc } .custom-control-label:before, .custom-file-label, .custom-select { transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .custom-control-label:before, .custom-file-label, .custom-select { transition: none } } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #e9ecef; border-radius: 0 } .card>hr { margin-right: 0; margin-left: 0 } .card>.list-group:first-child .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0 } .card>.list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .card-body { flex: 1 1 auto; padding: 30px } .card-title { margin-bottom: 15px } .card-subtitle { margin-top: -7.5px } .card-subtitle, .card-text:last-child { margin-bottom: 0 } .card-link:hover { text-decoration: none } .card-link+.card-link { margin-left: 30px } .card-header { padding: 15px 30px; margin-bottom: 0; background-color: #fff; border-bottom: 1px solid #e9ecef } .card-header:first-child { border-radius: 0 0 0 0 } .card-header+.list-group .list-group-item:first-child { border-top: 0 } .card-header__title { display: block } .card-header__title:after { display: block; clear: both; content: "" } .card-header__title-icon { float: right } .card-footer { padding: 15px 30px; background-color: #fff; border-top: 1px solid #e9ecef } .card-footer:last-child { border-radius: 0 0 0 0 } .card-header__title-icon-trigger { position: relative; display: inline-block; height: 20px; width: 20px; -webkit-transform: rotate(135deg); transform: rotate(135deg); transition: -webkit-transform .3s cubic-bezier(.42, 0, .13, 1.04); transition: transform .3s cubic-bezier(.42, 0, .13, 1.04); transition: transform .3s cubic-bezier(.42, 0, .13, 1.04), -webkit-transform .3s cubic-bezier(.42, 0, .13, 1.04) } .card-header__title-icon-trigger:after, .card-header__title-icon-trigger:before { content: ""; position: absolute; background: #000 } .card-header__title-icon-trigger:before { height: 2px; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-1px); transform: translateY(-1px) } .card-header__title-icon-trigger:after { width: 2px; top: 0; bottom: 0; left: 50%; -webkit-transform: translateX(-1px); transform: translateX(-1px) } .collapsed .card-header__title-icon-trigger { -webkit-transform: rotate(0deg); transform: rotate(0deg) } .card-header-tabs { margin-bottom: -15px; border-bottom: 0 } .card-header-pills, .card-header-tabs { margin-right: -15px; margin-left: -15px } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem } .card-img { width: 100%; border-radius: 0 } .card-img-top { width: 100%; border-top-left-radius: 0; border-top-right-radius: 0 } .card-img-bottom { width: 100%; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .card-deck { display: flex; flex-direction: column } .card-deck .card { margin-bottom: 15px } @media (min-width:576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px } } .card-group { display: flex; flex-direction: column } .card-group>.card { margin-bottom: 15px } @media (min-width:576px) { .card-group { flex-flow: row wrap } .card-group>.card { 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-header, .card-group>.card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom { 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-header, .card-group>.card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .card-columns .card { margin-bottom: 15px } @media (min-width:576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1 } .card-columns .card { display: inline-block; width: 100% } } .accordion>.card { overflow: hidden } .accordion>.card:not(:first-of-type) .card-header:first-child { border-radius: 0 } .accordion>.card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0 } .accordion>.card:first-of-type:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .accordion>.card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0 } .accordion>.card .card-header { margin-bottom: -1px } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem } .reverse .alert, .reverse .alert em:not(.btn), .reverse .alert p:not(.btn), .reverse .alert strong:not(.btn) { color: #000 } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 4rem } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .75rem 1.25rem; color: inherit } .alert-primary { color: #000; background-color: #ccc; border-color: #b8b8b8 } .alert-primary hr { border-top-color: #ababab } .alert-primary .alert-link { color: #000 } .alert-secondary { color: #6a6a6a; background-color: #f5f5f5; border-color: #f1f1f1 } .alert-secondary hr { border-top-color: #e4e4e4 } .alert-secondary .alert-link { color: #515050 } .alert-success { color: #005535; background-color: #ccede0; border-color: #b8e6d4 } .alert-success hr { border-top-color: #a5dfc9 } .alert-success .alert-link { color: #002215 } .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: #7c773f; background-color: #fcfae4; border-color: #faf8da } .alert-warning hr { border-top-color: #f7f4c4 } .alert-warning .alert-link { color: #5a572e } .alert-danger { color: #7d0808; background-color: #fccfcf; border-color: #fbbcbc } .alert-danger hr { border-top-color: #faa4a4 } .alert-danger .alert-link { color: #4d0505 } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5 } .close:hover { color: #000; text-decoration: none } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: .75 } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none } a.close.disabled { pointer-events: none } .modal-open { overflow: hidden } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal { position: fixed; top: 0; left: 0; z-index: 3000; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0 } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none; display: flex; align-items: center; min-height: calc(100% - 1rem) } .modal-dialog:before { display: block; height: calc(100vh - 1rem); content: "" } .modal-dialog.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100% } .modal-dialog.modal-dialog-scrollable .modal-content { max-height: none } .modal-dialog.modal-dialog-scrollable:before { content: none } .modal.fade .modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; -webkit-transform: translateY(-5px); transform: translateY(-5px) } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { -webkit-transform: none; transform: none } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden } .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header { flex-shrink: 0 } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid transparent; border-radius: 0; outline: 0 } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 2500; width: 100vw; height: 100vh; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0; border-top-right-radius: 0 } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto } .modal-title { margin-bottom: 0; line-height: 1.5 } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .modal-footer>:not(:first-child) { margin-left: .25rem } .modal-footer>:not(:last-child) { margin-right: .25rem } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width:576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; min-height: calc(100% - 3.5rem) } .modal-dialog:before { height: calc(100vh - 3.5rem) } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem) } .modal-sm { max-width: 300px } } @media (min-width:992px) { .modal-lg, .modal-xl { max-width: 800px } } @media (min-width:1200px) { .modal-xl { max-width: 1140px } } .align-baseline { vertical-align: baseline!important } .align-top { vertical-align: top!important } .align-middle { vertical-align: middle!important } .align-bottom { vertical-align: bottom!important } .align-text-bottom { vertical-align: text-bottom!important } .align-text-top { vertical-align: text-top!important } .bg-white { background-color: #fff!important } a.bg-white:focus, a.bg-white:hover, button.bg-white:focus, button.bg-white:hover { background-color: #e6e5e5!important } .bg-gray-lighter { background-color: #f8f9fa!important } a.bg-gray-lighter:focus, a.bg-gray-lighter:hover, button.bg-gray-lighter:focus, button.bg-gray-lighter:hover { background-color: #dae0e5!important } .bg-gray-light { background-color: #e9ecef!important } a.bg-gray-light:focus, a.bg-gray-light:hover, button.bg-gray-light:focus, button.bg-gray-light:hover { background-color: #cbd3da!important } .bg-gray { background-color: #828282!important } a.bg-gray:focus, a.bg-gray:hover, button.bg-gray:focus, button.bg-gray:hover { background-color: #696868!important } .bg-gray-dark { background-color: #666!important } a.bg-gray-dark:focus, a.bg-gray-dark:hover, button.bg-gray-dark:focus, button.bg-gray-dark:hover { background-color: #4d4c4c!important } .bg-gray-darker { background-color: #494949!important } a.bg-gray-darker:focus, a.bg-gray-darker:hover, button.bg-gray-darker:focus, button.bg-gray-darker:hover { background-color: #302f2f!important } .bg-gray-darkest { background-color: #212529!important } a.bg-gray-darkest:focus, a.bg-gray-darkest:hover, button.bg-gray-darkest:focus, button.bg-gray-darkest:hover { background-color: #0a0c0d!important } .bg-black, a.bg-black:focus, a.bg-black:hover, button.bg-black:focus, button.bg-black:hover { background-color: #000!important } .bg-blue { background-color: #4e85e6!important } a.bg-blue:focus, a.bg-blue:hover, button.bg-blue:focus, button.bg-blue:hover { background-color: #2166e0!important } .bg-indigo { background-color: #6610f2!important } a.bg-indigo:focus, a.bg-indigo:hover, button.bg-indigo:focus, button.bg-indigo:hover { background-color: #510bc4!important } .bg-purple { background-color: #8174cd!important } a.bg-purple:focus, a.bg-purple:hover, button.bg-purple:focus, button.bg-purple:hover { background-color: #5f4ec0!important } .bg-pink { background-color: #d885c1!important } a.bg-pink:focus, a.bg-pink:hover, button.bg-pink:focus, button.bg-pink:hover { background-color: #cc5ead!important } .bg-red { background-color: #dc3545!important } a.bg-red:focus, a.bg-red:hover, button.bg-red:focus, button.bg-red:hover { background-color: #bd2130!important } .bg-orange { background-color: #f48d52!important } a.bg-orange:focus, a.bg-orange:hover, button.bg-orange:focus, button.bg-orange:hover { background-color: #f16d22!important } .bg-yellow { background-color: #eee57a!important } a.bg-yellow:focus, a.bg-yellow:hover, button.bg-yellow:focus, button.bg-yellow:hover { background-color: #e8dc4d!important } .bg-green { background-color: #00a465!important } a.bg-green:focus, a.bg-green:hover, button.bg-green:focus, button.bg-green:hover { background-color: #007146!important } .bg-teal { background-color: #20c997!important } a.bg-teal:focus, a.bg-teal:hover, button.bg-teal:focus, button.bg-teal:hover { background-color: #199d76!important } .bg-cyan { background-color: #17a2b8!important } a.bg-cyan:focus, a.bg-cyan:hover, button.bg-cyan:focus, button.bg-cyan:hover { background-color: #117a8b!important } .bg-khaki { background-color: #c0b095!important } a.bg-khaki:focus, a.bg-khaki:hover, button.bg-khaki:focus, button.bg-khaki:hover { background-color: #ad9875!important } .bg-brown { background-color: #816960!important } a.bg-brown:focus, a.bg-brown:hover, button.bg-brown:focus, button.bg-brown:hover { background-color: #64514a!important } .bg-tan { background-color: #d3b69f!important } a.bg-tan:focus, a.bg-tan:hover, button.bg-tan:focus, button.bg-tan:hover { background-color: #c39b7c!important } .bg-cloud { background-color: #e0e0e0!important } a.bg-cloud:focus, a.bg-cloud:hover, button.bg-cloud:focus, button.bg-cloud:hover { background-color: #c7c6c6!important } .bg-linen { background-color: #faf6f0!important } a.bg-linen:focus, a.bg-linen:hover, button.bg-linen:focus, button.bg-linen:hover { background-color: #eddfca!important } .bg-sand { background-color: #ede2d6!important } a.bg-sand:focus, a.bg-sand:hover, button.bg-sand:focus, button.bg-sand:hover { background-color: #ddc9b3!important } .bg-silver { background-color: #bdbdbd!important } a.bg-silver:focus, a.bg-silver:hover, button.bg-silver:focus, button.bg-silver:hover { background-color: #a4a3a3!important } .bg-charcoal { background-color: #4f4f4f!important } a.bg-charcoal:focus, a.bg-charcoal:hover, button.bg-charcoal:focus, button.bg-charcoal:hover { background-color: #363535!important } .bg-smoke { background-color: #333!important } a.bg-smoke:focus, a.bg-smoke:hover, button.bg-smoke:focus, button.bg-smoke:hover { background-color: #1a1919!important } .bg-gallery { background-color: #efefef!important } a.bg-gallery:focus, a.bg-gallery:hover, button.bg-gallery:focus, button.bg-gallery:hover { background-color: #d6d5d5!important } .bg-cararra { background-color: #ebe8e3!important } a.bg-cararra:focus, a.bg-cararra:hover, button.bg-cararra:focus, button.bg-cararra:hover { background-color: #d6d0c5!important } .bg-cinnabar { background-color: #e54e3f!important } a.bg-cinnabar:focus, a.bg-cinnabar:hover, button.bg-cinnabar:focus, button.bg-cinnabar:hover { background-color: #d42d1d!important } .bg-concrete { background-color: #f2f2f2!important } a.bg-concrete:focus, a.bg-concrete:hover, button.bg-concrete:focus, button.bg-concrete:hover { background-color: #d9d8d8!important } .bg-primary, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #000!important } .bg-secondary { background-color: #ccc!important } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: #b3b2b2!important } .bg-success { background-color: #00a465!important } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #007146!important } .bg-info { background-color: #17a2b8!important } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #117a8b!important } .bg-warning { background-color: #eee57a!important } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #e8dc4d!important } .bg-danger { background-color: #f01010!important } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #c10c0c!important } .bg-transparent { background-color: transparent!important } .border { border: 1px solid #e9ecef!important } .border-top { border-top: 1px solid #e9ecef!important } .border-right { border-right: 1px solid #e9ecef!important } .border-bottom { border-bottom: 1px solid #e9ecef!important } .border-left { border-left: 1px solid #e9ecef!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: #000!important } .border-secondary { border-color: #ccc!important } .border-success { border-color: #00a465!important } .border-info { border-color: #17a2b8!important } .border-warning { border-color: #eee57a!important } .border-danger { border-color: #f01010!important } .border-white { border-color: #fff!important } .rounded-sm { border-radius: .2rem!important } .rounded { border-radius: .25rem!important } .rounded-top { border-top-left-radius: .25rem!important } .rounded-right, .rounded-top { border-top-right-radius: .25rem!important } .rounded-bottom, .rounded-right { border-bottom-right-radius: .25rem!important } .rounded-bottom, .rounded-left { border-bottom-left-radius: .25rem!important } .rounded-left { border-top-left-radius: .25rem!important } .rounded-lg { border-radius: .3rem!important } .rounded-circle { border-radius: 50%!important } .rounded-pill { border-radius: 50rem!important } .rounded-0 { border-radius: 0!important } .clearfix:after { display: block; clear: both; content: "" } .d-none { display: none!important } .d-inline { display: inline!important } .d-inline-block { display: inline-block!important } .d-block { display: block!important } .d-table { display: table!important } .d-table-row { display: table-row!important } .d-table-cell { display: table-cell!important } .d-flex { display: flex!important } .d-inline-flex { display: inline-flex!important } @media (min-width:576px) { .d-sm-none { display: none!important } .d-sm-inline { display: inline!important } .d-sm-inline-block { display: inline-block!important } .d-sm-block { display: block!important } .d-sm-table { display: table!important } .d-sm-table-row { display: table-row!important } .d-sm-table-cell { display: table-cell!important } .d-sm-flex { display: flex!important } .d-sm-inline-flex { display: inline-flex!important } } @media (min-width:768px) { .d-md-none { display: none!important } .d-md-inline { display: inline!important } .d-md-inline-block { display: inline-block!important } .d-md-block { display: block!important } .d-md-table { display: table!important } .d-md-table-row { display: table-row!important } .d-md-table-cell { display: table-cell!important } .d-md-flex { display: flex!important } .d-md-inline-flex { display: inline-flex!important } } @media (min-width:992px) { .d-lg-none { display: none!important } .d-lg-inline { display: inline!important } .d-lg-inline-block { display: inline-block!important } .d-lg-block { display: block!important } .d-lg-table { display: table!important } .d-lg-table-row { display: table-row!important } .d-lg-table-cell { display: table-cell!important } .d-lg-flex { display: flex!important } .d-lg-inline-flex { display: inline-flex!important } } @media (min-width:1200px) { .d-xl-none { display: none!important } .d-xl-inline { display: inline!important } .d-xl-inline-block { display: inline-block!important } .d-xl-block { display: block!important } .d-xl-table { display: table!important } .d-xl-table-row { display: table-row!important } .d-xl-table-cell { display: table-cell!important } .d-xl-flex { display: flex!important } .d-xl-inline-flex { display: inline-flex!important } } @media (min-width:1480px) { .d-xxl-none { display: none!important } .d-xxl-inline { display: inline!important } .d-xxl-inline-block { display: inline-block!important } .d-xxl-block { display: block!important } .d-xxl-table { display: table!important } .d-xxl-table-row { display: table-row!important } .d-xxl-table-cell { display: table-cell!important } .d-xxl-flex { display: flex!important } .d-xxl-inline-flex { display: inline-flex!important } } @media print { .d-print-none { display: none!important } .d-print-inline { display: inline!important } .d-print-inline-block { display: inline-block!important } .d-print-block { display: block!important } .d-print-table { display: table!important } .d-print-table-row { display: table-row!important } .d-print-table-cell { display: table-cell!important } .d-print-flex { display: flex!important } .d-print-inline-flex { display: inline-flex!important } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden } .embed-responsive:before { display: block; content: "" } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 } .embed-responsive-21by9:before { padding-top: 42.8571428571% } .embed-responsive-16by9:before { padding-top: 56.25% } .embed-responsive-4by3:before { padding-top: 75% } .embed-responsive-1by1:before { padding-top: 100% } .flex-row { flex-direction: row!important } .flex-column { flex-direction: column!important } .flex-row-reverse { flex-direction: row-reverse!important } .flex-column-reverse { flex-direction: column-reverse!important } .flex-wrap { flex-wrap: wrap!important } .flex-nowrap { flex-wrap: nowrap!important } .flex-wrap-reverse { flex-wrap: wrap-reverse!important } .flex-fill { flex: 1 1 auto!important } .flex-grow-0 { flex-grow: 0!important } .flex-grow-1 { flex-grow: 1!important } .flex-shrink-0 { flex-shrink: 0!important } .flex-shrink-1 { flex-shrink: 1!important } .justify-content-start { justify-content: flex-start!important } .justify-content-end { justify-content: flex-end!important } .justify-content-center { justify-content: center!important } .justify-content-between { justify-content: space-between!important } .justify-content-around { justify-content: space-around!important } .align-items-start { align-items: flex-start!important } .align-items-end { align-items: flex-end!important } .align-items-center { align-items: center!important } .align-items-baseline { align-items: baseline!important } .align-items-stretch { align-items: stretch!important } .align-content-start { align-content: flex-start!important } .align-content-end { align-content: flex-end!important } .align-content-center { align-content: center!important } .align-content-between { align-content: space-between!important } .align-content-around { align-content: space-around!important } .align-content-stretch { align-content: stretch!important } .align-self-auto { align-self: auto!important } .align-self-start { align-self: flex-start!important } .align-self-end { align-self: flex-end!important } .align-self-center { align-self: center!important } .align-self-baseline { align-self: baseline!important } .align-self-stretch { align-self: stretch!important } @media (min-width:576px) { .flex-sm-row { flex-direction: row!important } .flex-sm-column { flex-direction: column!important } .flex-sm-row-reverse { flex-direction: row-reverse!important } .flex-sm-column-reverse { flex-direction: column-reverse!important } .flex-sm-wrap { flex-wrap: wrap!important } .flex-sm-nowrap { flex-wrap: nowrap!important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse!important } .flex-sm-fill { flex: 1 1 auto!important } .flex-sm-grow-0 { flex-grow: 0!important } .flex-sm-grow-1 { flex-grow: 1!important } .flex-sm-shrink-0 { flex-shrink: 0!important } .flex-sm-shrink-1 { flex-shrink: 1!important } .justify-content-sm-start { justify-content: flex-start!important } .justify-content-sm-end { justify-content: flex-end!important } .justify-content-sm-center { justify-content: center!important } .justify-content-sm-between { justify-content: space-between!important } .justify-content-sm-around { justify-content: space-around!important } .align-items-sm-start { align-items: flex-start!important } .align-items-sm-end { align-items: flex-end!important } .align-items-sm-center { align-items: center!important } .align-items-sm-baseline { align-items: baseline!important } .align-items-sm-stretch { align-items: stretch!important } .align-content-sm-start { align-content: flex-start!important } .align-content-sm-end { align-content: flex-end!important } .align-content-sm-center { align-content: center!important } .align-content-sm-between { align-content: space-between!important } .align-content-sm-around { align-content: space-around!important } .align-content-sm-stretch { align-content: stretch!important } .align-self-sm-auto { align-self: auto!important } .align-self-sm-start { align-self: flex-start!important } .align-self-sm-end { align-self: flex-end!important } .align-self-sm-center { align-self: center!important } .align-self-sm-baseline { align-self: baseline!important } .align-self-sm-stretch { align-self: stretch!important } } @media (min-width:768px) { .flex-md-row { flex-direction: row!important } .flex-md-column { flex-direction: column!important } .flex-md-row-reverse { flex-direction: row-reverse!important } .flex-md-column-reverse { flex-direction: column-reverse!important } .flex-md-wrap { flex-wrap: wrap!important } .flex-md-nowrap { flex-wrap: nowrap!important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse!important } .flex-md-fill { flex: 1 1 auto!important } .flex-md-grow-0 { flex-grow: 0!important } .flex-md-grow-1 { flex-grow: 1!important } .flex-md-shrink-0 { flex-shrink: 0!important } .flex-md-shrink-1 { flex-shrink: 1!important } .justify-content-md-start { justify-content: flex-start!important } .justify-content-md-end { justify-content: flex-end!important } .justify-content-md-center { justify-content: center!important } .justify-content-md-between { justify-content: space-between!important } .justify-content-md-around { justify-content: space-around!important } .align-items-md-start { align-items: flex-start!important } .align-items-md-end { align-items: flex-end!important } .align-items-md-center { align-items: center!important } .align-items-md-baseline { align-items: baseline!important } .align-items-md-stretch { align-items: stretch!important } .align-content-md-start { align-content: flex-start!important } .align-content-md-end { align-content: flex-end!important } .align-content-md-center { align-content: center!important } .align-content-md-between { align-content: space-between!important } .align-content-md-around { align-content: space-around!important } .align-content-md-stretch { align-content: stretch!important } .align-self-md-auto { align-self: auto!important } .align-self-md-start { align-self: flex-start!important } .align-self-md-end { align-self: flex-end!important } .align-self-md-center { align-self: center!important } .align-self-md-baseline { align-self: baseline!important } .align-self-md-stretch { align-self: stretch!important } } @media (min-width:992px) { .flex-lg-row { flex-direction: row!important } .flex-lg-column { flex-direction: column!important } .flex-lg-row-reverse { flex-direction: row-reverse!important } .flex-lg-column-reverse { flex-direction: column-reverse!important } .flex-lg-wrap { flex-wrap: wrap!important } .flex-lg-nowrap { flex-wrap: nowrap!important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse!important } .flex-lg-fill { flex: 1 1 auto!important } .flex-lg-grow-0 { flex-grow: 0!important } .flex-lg-grow-1 { flex-grow: 1!important } .flex-lg-shrink-0 { flex-shrink: 0!important } .flex-lg-shrink-1 { flex-shrink: 1!important } .justify-content-lg-start { justify-content: flex-start!important } .justify-content-lg-end { justify-content: flex-end!important } .justify-content-lg-center { justify-content: center!important } .justify-content-lg-between { justify-content: space-between!important } .justify-content-lg-around { justify-content: space-around!important } .align-items-lg-start { align-items: flex-start!important } .align-items-lg-end { align-items: flex-end!important } .align-items-lg-center { align-items: center!important } .align-items-lg-baseline { align-items: baseline!important } .align-items-lg-stretch { align-items: stretch!important } .align-content-lg-start { align-content: flex-start!important } .align-content-lg-end { align-content: flex-end!important } .align-content-lg-center { align-content: center!important } .align-content-lg-between { align-content: space-between!important } .align-content-lg-around { align-content: space-around!important } .align-content-lg-stretch { align-content: stretch!important } .align-self-lg-auto { align-self: auto!important } .align-self-lg-start { align-self: flex-start!important } .align-self-lg-end { align-self: flex-end!important } .align-self-lg-center { align-self: center!important } .align-self-lg-baseline { align-self: baseline!important } .align-self-lg-stretch { align-self: stretch!important } } @media (min-width:1200px) { .flex-xl-row { flex-direction: row!important } .flex-xl-column { flex-direction: column!important } .flex-xl-row-reverse { flex-direction: row-reverse!important } .flex-xl-column-reverse { flex-direction: column-reverse!important } .flex-xl-wrap { flex-wrap: wrap!important } .flex-xl-nowrap { flex-wrap: nowrap!important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse!important } .flex-xl-fill { flex: 1 1 auto!important } .flex-xl-grow-0 { flex-grow: 0!important } .flex-xl-grow-1 { flex-grow: 1!important } .flex-xl-shrink-0 { flex-shrink: 0!important } .flex-xl-shrink-1 { flex-shrink: 1!important } .justify-content-xl-start { justify-content: flex-start!important } .justify-content-xl-end { justify-content: flex-end!important } .justify-content-xl-center { justify-content: center!important } .justify-content-xl-between { justify-content: space-between!important } .justify-content-xl-around { justify-content: space-around!important } .align-items-xl-start { align-items: flex-start!important } .align-items-xl-end { align-items: flex-end!important } .align-items-xl-center { align-items: center!important } .align-items-xl-baseline { align-items: baseline!important } .align-items-xl-stretch { align-items: stretch!important } .align-content-xl-start { align-content: flex-start!important } .align-content-xl-end { align-content: flex-end!important } .align-content-xl-center { align-content: center!important } .align-content-xl-between { align-content: space-between!important } .align-content-xl-around { align-content: space-around!important } .align-content-xl-stretch { align-content: stretch!important } .align-self-xl-auto { align-self: auto!important } .align-self-xl-start { align-self: flex-start!important } .align-self-xl-end { align-self: flex-end!important } .align-self-xl-center { align-self: center!important } .align-self-xl-baseline { align-self: baseline!important } .align-self-xl-stretch { align-self: stretch!important } } @media (min-width:1480px) { .flex-xxl-row { flex-direction: row!important } .flex-xxl-column { flex-direction: column!important } .flex-xxl-row-reverse { flex-direction: row-reverse!important } .flex-xxl-column-reverse { flex-direction: column-reverse!important } .flex-xxl-wrap { flex-wrap: wrap!important } .flex-xxl-nowrap { flex-wrap: nowrap!important } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse!important } .flex-xxl-fill { flex: 1 1 auto!important } .flex-xxl-grow-0 { flex-grow: 0!important } .flex-xxl-grow-1 { flex-grow: 1!important } .flex-xxl-shrink-0 { flex-shrink: 0!important } .flex-xxl-shrink-1 { flex-shrink: 1!important } .justify-content-xxl-start { justify-content: flex-start!important } .justify-content-xxl-end { justify-content: flex-end!important } .justify-content-xxl-center { justify-content: center!important } .justify-content-xxl-between { justify-content: space-between!important } .justify-content-xxl-around { justify-content: space-around!important } .align-items-xxl-start { align-items: flex-start!important } .align-items-xxl-end { align-items: flex-end!important } .align-items-xxl-center { align-items: center!important } .align-items-xxl-baseline { align-items: baseline!important } .align-items-xxl-stretch { align-items: stretch!important } .align-content-xxl-start { align-content: flex-start!important } .align-content-xxl-end { align-content: flex-end!important } .align-content-xxl-center { align-content: center!important } .align-content-xxl-between { align-content: space-between!important } .align-content-xxl-around { align-content: space-around!important } .align-content-xxl-stretch { align-content: stretch!important } .align-self-xxl-auto { align-self: auto!important } .align-self-xxl-start { align-self: flex-start!important } .align-self-xxl-end { align-self: flex-end!important } .align-self-xxl-center { align-self: center!important } .align-self-xxl-baseline { align-self: baseline!important } .align-self-xxl-stretch { align-self: stretch!important } } .flex { display: flex } .float-left { float: left!important } .float-right { float: right!important } .float-none { float: none!important } @media (min-width:576px) { .float-sm-left { float: left!important } .float-sm-right { float: right!important } .float-sm-none { float: none!important } } @media (min-width:768px) { .float-md-left { float: left!important } .float-md-right { float: right!important } .float-md-none { float: none!important } } @media (min-width:992px) { .float-lg-left { float: left!important } .float-lg-right { float: right!important } .float-lg-none { float: none!important } } @media (min-width:1200px) { .float-xl-left { float: left!important } .float-xl-right { float: right!important } .float-xl-none { float: none!important } } @media (min-width:1480px) { .float-xxl-left { float: left!important } .float-xxl-right { float: right!important } .float-xxl-none { float: none!important } } .overflow-auto { overflow: auto!important } .overflow-hidden { overflow: hidden!important } .position-static { position: static!important } .position-relative { position: relative!important } .position-absolute { position: absolute!important } .position-fixed { position: fixed!important } .position-sticky { position: -webkit-sticky!important; position: sticky!important } .fixed-top { top: 0 } .fixed-bottom, .fixed-top { position: fixed; right: 0; left: 0; z-index: 2000 } .fixed-bottom { bottom: 0 } @supports ((position:-webkit-sticky) or (position:sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1500 } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal } .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important } .shadow { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important } .shadow-none { box-shadow: none!important } .w-25 { width: 25%!important } .w-50 { width: 50%!important } .w-75 { width: 75%!important } .w-100 { width: 100%!important } .w-auto { width: auto!important } .h-25 { height: 25%!important } .h-50 { height: 50%!important } .h-75 { height: 75%!important } .h-100 { height: 100%!important } .h-auto { height: auto!important } .mw-100 { max-width: 100%!important } .mh-100 { max-height: 100%!important } .min-vw-100 { min-width: 100vw!important } .min-vh-100 { min-height: 100vh!important } .vw-100 { width: 100vw!important } .vh-100 { height: 100vh!important } .stretched-link:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: transparent } .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: .25rem!important } .mt-1, .my-1 { margin-top: .25rem!important } .mr-1, .mx-1 { margin-right: .25rem!important } .mb-1, .my-1 { margin-bottom: .25rem!important } .ml-1, .mx-1 { margin-left: .25rem!important } .m-2 { margin: .5rem!important } .mt-2, .my-2 { margin-top: .5rem!important } .mr-2, .mx-2 { margin-right: .5rem!important } .mb-2, .my-2 { margin-bottom: .5rem!important } .ml-2, .mx-2 { margin-left: .5rem!important } .m-3 { margin: 1rem!important } .mt-3, .my-3 { margin-top: 1rem!important } .mr-3, .mx-3 { margin-right: 1rem!important } .mb-3, .my-3 { margin-bottom: 1rem!important } .ml-3, .mx-3 { margin-left: 1rem!important } .m-4 { margin: 1.5rem!important } .mt-4, .my-4 { margin-top: 1.5rem!important } .mr-4, .mx-4 { margin-right: 1.5rem!important } .mb-4, .my-4 { margin-bottom: 1.5rem!important } .ml-4, .mx-4 { margin-left: 1.5rem!important } .m-5 { margin: 3rem!important } .mt-5, .my-5 { margin-top: 3rem!important } .mr-5, .mx-5 { margin-right: 3rem!important } .mb-5, .my-5 { margin-bottom: 3rem!important } .ml-5, .mx-5 { margin-left: 3rem!important } .p-0 { padding: 0!important } .pt-0, .py-0 { padding-top: 0!important } .pr-0, .px-0 { padding-right: 0!important } .pb-0, .py-0 { padding-bottom: 0!important } .pl-0, .px-0 { padding-left: 0!important } .p-1 { padding: .25rem!important } .pt-1, .py-1 { padding-top: .25rem!important } .pr-1, .px-1 { padding-right: .25rem!important } .pb-1, .py-1 { padding-bottom: .25rem!important } .pl-1, .px-1 { padding-left: .25rem!important } .p-2 { padding: .5rem!important } .pt-2, .py-2 { padding-top: .5rem!important } .pr-2, .px-2 { padding-right: .5rem!important } .pb-2, .py-2 { padding-bottom: .5rem!important } .pl-2, .px-2 { padding-left: .5rem!important } .p-3 { padding: 1rem!important } .pt-3, .py-3 { padding-top: 1rem!important } .pr-3, .px-3 { padding-right: 1rem!important } .pb-3, .py-3 { padding-bottom: 1rem!important } .pl-3, .px-3 { padding-left: 1rem!important } .p-4 { padding: 1.5rem!important } .pt-4, .py-4 { padding-top: 1.5rem!important } .pr-4, .px-4 { padding-right: 1.5rem!important } .pb-4, .py-4 { padding-bottom: 1.5rem!important } .pl-4, .px-4 { padding-left: 1.5rem!important } .p-5 { padding: 3rem!important } .pt-5, .py-5 { padding-top: 3rem!important } .pr-5, .px-5 { padding-right: 3rem!important } .pb-5, .py-5 { padding-bottom: 3rem!important } .pl-5, .px-5 { padding-left: 3rem!important } .m-n1 { margin: -.25rem!important } .mt-n1, .my-n1 { margin-top: -.25rem!important } .mr-n1, .mx-n1 { margin-right: -.25rem!important } .mb-n1, .my-n1 { margin-bottom: -.25rem!important } .ml-n1, .mx-n1 { margin-left: -.25rem!important } .m-n2 { margin: -.5rem!important } .mt-n2, .my-n2 { margin-top: -.5rem!important } .mr-n2, .mx-n2 { margin-right: -.5rem!important } .mb-n2, .my-n2 { margin-bottom: -.5rem!important } .ml-n2, .mx-n2 { margin-left: -.5rem!important } .m-n3 { margin: -1rem!important } .mt-n3, .my-n3 { margin-top: -1rem!important } .mr-n3, .mx-n3 { margin-right: -1rem!important } .mb-n3, .my-n3 { margin-bottom: -1rem!important } .ml-n3, .mx-n3 { margin-left: -1rem!important } .m-n4 { margin: -1.5rem!important } .mt-n4, .my-n4 { margin-top: -1.5rem!important } .mr-n4, .mx-n4 { margin-right: -1.5rem!important } .mb-n4, .my-n4 { margin-bottom: -1.5rem!important } .ml-n4, .mx-n4 { margin-left: -1.5rem!important } .m-n5 { margin: -3rem!important } .mt-n5, .my-n5 { margin-top: -3rem!important } .mr-n5, .mx-n5 { margin-right: -3rem!important } .mb-n5, .my-n5 { margin-bottom: -3rem!important } .ml-n5, .mx-n5 { margin-left: -3rem!important } .m-auto { margin: auto!important } .mt-auto, .my-auto { margin-top: auto!important } .four04__content-wrapper, .mr-auto, .mx-auto, .page-hero__content, .slideup__content { margin-right: auto!important } .mb-auto, .my-auto { margin-bottom: auto!important } .four04__content-wrapper, .ml-auto, .mx-auto, .page-hero__content, .slideup__content { margin-left: auto!important } @media (min-width:576px) { .m-sm-0 { margin: 0!important } .mt-sm-0, .my-sm-0 { margin-top: 0!important } .mr-sm-0, .mx-sm-0 { margin-right: 0!important } .mb-sm-0, .my-sm-0 { margin-bottom: 0!important } .ml-sm-0, .mx-sm-0 { margin-left: 0!important } .m-sm-1 { margin: .25rem!important } .mt-sm-1, .my-sm-1 { margin-top: .25rem!important } .mr-sm-1, .mx-sm-1 { margin-right: .25rem!important } .mb-sm-1, .my-sm-1 { margin-bottom: .25rem!important } .ml-sm-1, .mx-sm-1 { margin-left: .25rem!important } .m-sm-2 { margin: .5rem!important } .mt-sm-2, .my-sm-2 { margin-top: .5rem!important } .mr-sm-2, .mx-sm-2 { margin-right: .5rem!important } .mb-sm-2, .my-sm-2 { margin-bottom: .5rem!important } .ml-sm-2, .mx-sm-2 { margin-left: .5rem!important } .m-sm-3 { margin: 1rem!important } .mt-sm-3, .my-sm-3 { margin-top: 1rem!important } .mr-sm-3, .mx-sm-3 { margin-right: 1rem!important } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem!important } .ml-sm-3, .mx-sm-3 { margin-left: 1rem!important } .m-sm-4 { margin: 1.5rem!important } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem!important } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem!important } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem!important } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem!important } .m-sm-5 { margin: 3rem!important } .mt-sm-5, .my-sm-5 { margin-top: 3rem!important } .mr-sm-5, .mx-sm-5 { margin-right: 3rem!important } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem!important } .ml-sm-5, .mx-sm-5 { margin-left: 3rem!important } .p-sm-0 { padding: 0!important } .pt-sm-0, .py-sm-0 { padding-top: 0!important } .pr-sm-0, .px-sm-0 { padding-right: 0!important } .pb-sm-0, .py-sm-0 { padding-bottom: 0!important } .pl-sm-0, .px-sm-0 { padding-left: 0!important } .p-sm-1 { padding: .25rem!important } .pt-sm-1, .py-sm-1 { padding-top: .25rem!important } .pr-sm-1, .px-sm-1 { padding-right: .25rem!important } .pb-sm-1, .py-sm-1 { padding-bottom: .25rem!important } .pl-sm-1, .px-sm-1 { padding-left: .25rem!important } .p-sm-2 { padding: .5rem!important } .pt-sm-2, .py-sm-2 { padding-top: .5rem!important } .pr-sm-2, .px-sm-2 { padding-right: .5rem!important } .pb-sm-2, .py-sm-2 { padding-bottom: .5rem!important } .pl-sm-2, .px-sm-2 { padding-left: .5rem!important } .p-sm-3 { padding: 1rem!important } .pt-sm-3, .py-sm-3 { padding-top: 1rem!important } .pr-sm-3, .px-sm-3 { padding-right: 1rem!important } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem!important } .pl-sm-3, .px-sm-3 { padding-left: 1rem!important } .p-sm-4 { padding: 1.5rem!important } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem!important } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem!important } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem!important } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem!important } .p-sm-5 { padding: 3rem!important } .pt-sm-5, .py-sm-5 { padding-top: 3rem!important } .pr-sm-5, .px-sm-5 { padding-right: 3rem!important } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem!important } .pl-sm-5, .px-sm-5 { padding-left: 3rem!important } .m-sm-n1 { margin: -.25rem!important } .mt-sm-n1, .my-sm-n1 { margin-top: -.25rem!important } .mr-sm-n1, .mx-sm-n1 { margin-right: -.25rem!important } .mb-sm-n1, .my-sm-n1 { margin-bottom: -.25rem!important } .ml-sm-n1, .mx-sm-n1 { margin-left: -.25rem!important } .m-sm-n2 { margin: -.5rem!important } .mt-sm-n2, .my-sm-n2 { margin-top: -.5rem!important } .mr-sm-n2, .mx-sm-n2 { margin-right: -.5rem!important } .mb-sm-n2, .my-sm-n2 { margin-bottom: -.5rem!important } .ml-sm-n2, .mx-sm-n2 { margin-left: -.5rem!important } .m-sm-n3 { margin: -1rem!important } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem!important } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem!important } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem!important } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem!important } .m-sm-n4 { margin: -1.5rem!important } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem!important } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem!important } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem!important } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem!important } .m-sm-n5 { margin: -3rem!important } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem!important } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem!important } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem!important } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem!important } .m-sm-auto { margin: auto!important } .mt-sm-auto, .my-sm-auto { margin-top: auto!important } .mr-sm-auto, .mx-sm-auto { margin-right: auto!important } .mb-sm-auto, .my-sm-auto { margin-bottom: auto!important } .ml-sm-auto, .mx-sm-auto { margin-left: auto!important } } @media (min-width:768px) { .m-md-0 { margin: 0!important } .mt-md-0, .my-md-0 { margin-top: 0!important } .mr-md-0, .mx-md-0 { margin-right: 0!important } .mb-md-0, .my-md-0 { margin-bottom: 0!important } .ml-md-0, .mx-md-0 { margin-left: 0!important } .m-md-1 { margin: .25rem!important } .mt-md-1, .my-md-1 { margin-top: .25rem!important } .mr-md-1, .mx-md-1 { margin-right: .25rem!important } .mb-md-1, .my-md-1 { margin-bottom: .25rem!important } .ml-md-1, .mx-md-1 { margin-left: .25rem!important } .m-md-2 { margin: .5rem!important } .mt-md-2, .my-md-2 { margin-top: .5rem!important } .mr-md-2, .mx-md-2 { margin-right: .5rem!important } .mb-md-2, .my-md-2 { margin-bottom: .5rem!important } .ml-md-2, .mx-md-2 { margin-left: .5rem!important } .m-md-3 { margin: 1rem!important } .mt-md-3, .my-md-3 { margin-top: 1rem!important } .mr-md-3, .mx-md-3 { margin-right: 1rem!important } .mb-md-3, .my-md-3 { margin-bottom: 1rem!important } .ml-md-3, .mx-md-3 { margin-left: 1rem!important } .m-md-4 { margin: 1.5rem!important } .mt-md-4, .my-md-4 { margin-top: 1.5rem!important } .mr-md-4, .mx-md-4 { margin-right: 1.5rem!important } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem!important } .ml-md-4, .mx-md-4 { margin-left: 1.5rem!important } .m-md-5 { margin: 3rem!important } .mt-md-5, .my-md-5 { margin-top: 3rem!important } .mr-md-5, .mx-md-5 { margin-right: 3rem!important } .mb-md-5, .my-md-5 { margin-bottom: 3rem!important } .ml-md-5, .mx-md-5 { margin-left: 3rem!important } .p-md-0 { padding: 0!important } .pt-md-0, .py-md-0 { padding-top: 0!important } .pr-md-0, .px-md-0 { padding-right: 0!important } .pb-md-0, .py-md-0 { padding-bottom: 0!important } .pl-md-0, .px-md-0 { padding-left: 0!important } .p-md-1 { padding: .25rem!important } .pt-md-1, .py-md-1 { padding-top: .25rem!important } .pr-md-1, .px-md-1 { padding-right: .25rem!important } .pb-md-1, .py-md-1 { padding-bottom: .25rem!important } .pl-md-1, .px-md-1 { padding-left: .25rem!important } .p-md-2 { padding: .5rem!important } .pt-md-2, .py-md-2 { padding-top: .5rem!important } .pr-md-2, .px-md-2 { padding-right: .5rem!important } .pb-md-2, .py-md-2 { padding-bottom: .5rem!important } .pl-md-2, .px-md-2 { padding-left: .5rem!important } .p-md-3 { padding: 1rem!important } .pt-md-3, .py-md-3 { padding-top: 1rem!important } .pr-md-3, .px-md-3 { padding-right: 1rem!important } .pb-md-3, .py-md-3 { padding-bottom: 1rem!important } .pl-md-3, .px-md-3 { padding-left: 1rem!important } .p-md-4 { padding: 1.5rem!important } .pt-md-4, .py-md-4 { padding-top: 1.5rem!important } .pr-md-4, .px-md-4 { padding-right: 1.5rem!important } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem!important } .pl-md-4, .px-md-4 { padding-left: 1.5rem!important } .p-md-5 { padding: 3rem!important } .pt-md-5, .py-md-5 { padding-top: 3rem!important } .pr-md-5, .px-md-5 { padding-right: 3rem!important } .pb-md-5, .py-md-5 { padding-bottom: 3rem!important } .pl-md-5, .px-md-5 { padding-left: 3rem!important } .m-md-n1 { margin: -.25rem!important } .mt-md-n1, .my-md-n1 { margin-top: -.25rem!important } .mr-md-n1, .mx-md-n1 { margin-right: -.25rem!important } .mb-md-n1, .my-md-n1 { margin-bottom: -.25rem!important } .ml-md-n1, .mx-md-n1 { margin-left: -.25rem!important } .m-md-n2 { margin: -.5rem!important } .mt-md-n2, .my-md-n2 { margin-top: -.5rem!important } .mr-md-n2, .mx-md-n2 { margin-right: -.5rem!important } .mb-md-n2, .my-md-n2 { margin-bottom: -.5rem!important } .ml-md-n2, .mx-md-n2 { margin-left: -.5rem!important } .m-md-n3 { margin: -1rem!important } .mt-md-n3, .my-md-n3 { margin-top: -1rem!important } .mr-md-n3, .mx-md-n3 { margin-right: -1rem!important } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem!important } .ml-md-n3, .mx-md-n3 { margin-left: -1rem!important } .m-md-n4 { margin: -1.5rem!important } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem!important } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem!important } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem!important } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem!important } .m-md-n5 { margin: -3rem!important } .mt-md-n5, .my-md-n5 { margin-top: -3rem!important } .mr-md-n5, .mx-md-n5 { margin-right: -3rem!important } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem!important } .ml-md-n5, .mx-md-n5 { margin-left: -3rem!important } .m-md-auto { margin: auto!important } .mt-md-auto, .my-md-auto { margin-top: auto!important } .mr-md-auto, .mx-md-auto { margin-right: auto!important } .mb-md-auto, .my-md-auto { margin-bottom: auto!important } .ml-md-auto, .mx-md-auto { margin-left: auto!important } } @media (min-width:992px) { .m-lg-0 { margin: 0!important } .mt-lg-0, .my-lg-0 { margin-top: 0!important } .mr-lg-0, .mx-lg-0 { margin-right: 0!important } .mb-lg-0, .my-lg-0 { margin-bottom: 0!important } .ml-lg-0, .mx-lg-0 { margin-left: 0!important } .m-lg-1 { margin: .25rem!important } .mt-lg-1, .my-lg-1 { margin-top: .25rem!important } .mr-lg-1, .mx-lg-1 { margin-right: .25rem!important } .mb-lg-1, .my-lg-1 { margin-bottom: .25rem!important } .ml-lg-1, .mx-lg-1 { margin-left: .25rem!important } .m-lg-2 { margin: .5rem!important } .mt-lg-2, .my-lg-2 { margin-top: .5rem!important } .mr-lg-2, .mx-lg-2 { margin-right: .5rem!important } .mb-lg-2, .my-lg-2 { margin-bottom: .5rem!important } .ml-lg-2, .mx-lg-2 { margin-left: .5rem!important } .m-lg-3 { margin: 1rem!important } .mt-lg-3, .my-lg-3 { margin-top: 1rem!important } .mr-lg-3, .mx-lg-3 { margin-right: 1rem!important } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem!important } .ml-lg-3, .mx-lg-3 { margin-left: 1rem!important } .m-lg-4 { margin: 1.5rem!important } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem!important } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem!important } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem!important } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem!important } .m-lg-5 { margin: 3rem!important } .mt-lg-5, .my-lg-5 { margin-top: 3rem!important } .mr-lg-5, .mx-lg-5 { margin-right: 3rem!important } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem!important } .ml-lg-5, .mx-lg-5 { margin-left: 3rem!important } .p-lg-0 { padding: 0!important } .pt-lg-0, .py-lg-0 { padding-top: 0!important } .pr-lg-0, .px-lg-0 { padding-right: 0!important } .pb-lg-0, .py-lg-0 { padding-bottom: 0!important } .pl-lg-0, .px-lg-0 { padding-left: 0!important } .p-lg-1 { padding: .25rem!important } .pt-lg-1, .py-lg-1 { padding-top: .25rem!important } .pr-lg-1, .px-lg-1 { padding-right: .25rem!important } .pb-lg-1, .py-lg-1 { padding-bottom: .25rem!important } .pl-lg-1, .px-lg-1 { padding-left: .25rem!important } .p-lg-2 { padding: .5rem!important } .pt-lg-2, .py-lg-2 { padding-top: .5rem!important } .pr-lg-2, .px-lg-2 { padding-right: .5rem!important } .pb-lg-2, .py-lg-2 { padding-bottom: .5rem!important } .pl-lg-2, .px-lg-2 { padding-left: .5rem!important } .p-lg-3 { padding: 1rem!important } .pt-lg-3, .py-lg-3 { padding-top: 1rem!important } .pr-lg-3, .px-lg-3 { padding-right: 1rem!important } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem!important } .pl-lg-3, .px-lg-3 { padding-left: 1rem!important } .p-lg-4 { padding: 1.5rem!important } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem!important } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem!important } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem!important } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem!important } .p-lg-5 { padding: 3rem!important } .pt-lg-5, .py-lg-5 { padding-top: 3rem!important } .pr-lg-5, .px-lg-5 { padding-right: 3rem!important } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem!important } .pl-lg-5, .px-lg-5 { padding-left: 3rem!important } .m-lg-n1 { margin: -.25rem!important } .mt-lg-n1, .my-lg-n1 { margin-top: -.25rem!important } .mr-lg-n1, .mx-lg-n1 { margin-right: -.25rem!important } .mb-lg-n1, .my-lg-n1 { margin-bottom: -.25rem!important } .ml-lg-n1, .mx-lg-n1 { margin-left: -.25rem!important } .m-lg-n2 { margin: -.5rem!important } .mt-lg-n2, .my-lg-n2 { margin-top: -.5rem!important } .mr-lg-n2, .mx-lg-n2 { margin-right: -.5rem!important } .mb-lg-n2, .my-lg-n2 { margin-bottom: -.5rem!important } .ml-lg-n2, .mx-lg-n2 { margin-left: -.5rem!important } .m-lg-n3 { margin: -1rem!important } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem!important } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem!important } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem!important } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem!important } .m-lg-n4 { margin: -1.5rem!important } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem!important } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem!important } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem!important } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem!important } .m-lg-n5 { margin: -3rem!important } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem!important } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem!important } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem!important } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem!important } .m-lg-auto { margin: auto!important } .mt-lg-auto, .my-lg-auto { margin-top: auto!important } .mr-lg-auto, .mx-lg-auto { margin-right: auto!important } .mb-lg-auto, .my-lg-auto { margin-bottom: auto!important } .ml-lg-auto, .mx-lg-auto { margin-left: auto!important } } @media (min-width:1200px) { .m-xl-0 { margin: 0!important } .mt-xl-0, .my-xl-0 { margin-top: 0!important } .mr-xl-0, .mx-xl-0 { margin-right: 0!important } .mb-xl-0, .my-xl-0 { margin-bottom: 0!important } .ml-xl-0, .mx-xl-0 { margin-left: 0!important } .m-xl-1 { margin: .25rem!important } .mt-xl-1, .my-xl-1 { margin-top: .25rem!important } .mr-xl-1, .mx-xl-1 { margin-right: .25rem!important } .mb-xl-1, .my-xl-1 { margin-bottom: .25rem!important } .ml-xl-1, .mx-xl-1 { margin-left: .25rem!important } .m-xl-2 { margin: .5rem!important } .mt-xl-2, .my-xl-2 { margin-top: .5rem!important } .mr-xl-2, .mx-xl-2 { margin-right: .5rem!important } .mb-xl-2, .my-xl-2 { margin-bottom: .5rem!important } .ml-xl-2, .mx-xl-2 { margin-left: .5rem!important } .m-xl-3 { margin: 1rem!important } .mt-xl-3, .my-xl-3 { margin-top: 1rem!important } .mr-xl-3, .mx-xl-3 { margin-right: 1rem!important } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem!important } .ml-xl-3, .mx-xl-3 { margin-left: 1rem!important } .m-xl-4 { margin: 1.5rem!important } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem!important } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem!important } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem!important } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem!important } .m-xl-5 { margin: 3rem!important } .mt-xl-5, .my-xl-5 { margin-top: 3rem!important } .mr-xl-5, .mx-xl-5 { margin-right: 3rem!important } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem!important } .ml-xl-5, .mx-xl-5 { margin-left: 3rem!important } .p-xl-0 { padding: 0!important } .pt-xl-0, .py-xl-0 { padding-top: 0!important } .pr-xl-0, .px-xl-0 { padding-right: 0!important } .pb-xl-0, .py-xl-0 { padding-bottom: 0!important } .pl-xl-0, .px-xl-0 { padding-left: 0!important } .p-xl-1 { padding: .25rem!important } .pt-xl-1, .py-xl-1 { padding-top: .25rem!important } .pr-xl-1, .px-xl-1 { padding-right: .25rem!important } .pb-xl-1, .py-xl-1 { padding-bottom: .25rem!important } .pl-xl-1, .px-xl-1 { padding-left: .25rem!important } .p-xl-2 { padding: .5rem!important } .pt-xl-2, .py-xl-2 { padding-top: .5rem!important } .pr-xl-2, .px-xl-2 { padding-right: .5rem!important } .pb-xl-2, .py-xl-2 { padding-bottom: .5rem!important } .pl-xl-2, .px-xl-2 { padding-left: .5rem!important } .p-xl-3 { padding: 1rem!important } .pt-xl-3, .py-xl-3 { padding-top: 1rem!important } .pr-xl-3, .px-xl-3 { padding-right: 1rem!important } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem!important } .pl-xl-3, .px-xl-3 { padding-left: 1rem!important } .p-xl-4 { padding: 1.5rem!important } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem!important } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem!important } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem!important } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem!important } .p-xl-5 { padding: 3rem!important } .pt-xl-5, .py-xl-5 { padding-top: 3rem!important } .pr-xl-5, .px-xl-5 { padding-right: 3rem!important } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem!important } .pl-xl-5, .px-xl-5 { padding-left: 3rem!important } .m-xl-n1 { margin: -.25rem!important } .mt-xl-n1, .my-xl-n1 { margin-top: -.25rem!important } .mr-xl-n1, .mx-xl-n1 { margin-right: -.25rem!important } .mb-xl-n1, .my-xl-n1 { margin-bottom: -.25rem!important } .ml-xl-n1, .mx-xl-n1 { margin-left: -.25rem!important } .m-xl-n2 { margin: -.5rem!important } .mt-xl-n2, .my-xl-n2 { margin-top: -.5rem!important } .mr-xl-n2, .mx-xl-n2 { margin-right: -.5rem!important } .mb-xl-n2, .my-xl-n2 { margin-bottom: -.5rem!important } .ml-xl-n2, .mx-xl-n2 { margin-left: -.5rem!important } .m-xl-n3 { margin: -1rem!important } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem!important } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem!important } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem!important } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem!important } .m-xl-n4 { margin: -1.5rem!important } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem!important } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem!important } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem!important } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem!important } .m-xl-n5 { margin: -3rem!important } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem!important } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem!important } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem!important } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem!important } .m-xl-auto { margin: auto!important } .mt-xl-auto, .my-xl-auto { margin-top: auto!important } .mr-xl-auto, .mx-xl-auto { margin-right: auto!important } .mb-xl-auto, .my-xl-auto { margin-bottom: auto!important } .ml-xl-auto, .mx-xl-auto { margin-left: auto!important } } @media (min-width:1480px) { .m-xxl-0 { margin: 0!important } .mt-xxl-0, .my-xxl-0 { margin-top: 0!important } .mr-xxl-0, .mx-xxl-0 { margin-right: 0!important } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0!important } .ml-xxl-0, .mx-xxl-0 { margin-left: 0!important } .m-xxl-1 { margin: .25rem!important } .mt-xxl-1, .my-xxl-1 { margin-top: .25rem!important } .mr-xxl-1, .mx-xxl-1 { margin-right: .25rem!important } .mb-xxl-1, .my-xxl-1 { margin-bottom: .25rem!important } .ml-xxl-1, .mx-xxl-1 { margin-left: .25rem!important } .m-xxl-2 { margin: .5rem!important } .mt-xxl-2, .my-xxl-2 { margin-top: .5rem!important } .mr-xxl-2, .mx-xxl-2 { margin-right: .5rem!important } .mb-xxl-2, .my-xxl-2 { margin-bottom: .5rem!important } .ml-xxl-2, .mx-xxl-2 { margin-left: .5rem!important } .m-xxl-3 { margin: 1rem!important } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem!important } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem!important } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem!important } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem!important } .m-xxl-4 { margin: 1.5rem!important } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem!important } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem!important } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem!important } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem!important } .m-xxl-5 { margin: 3rem!important } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem!important } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem!important } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem!important } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem!important } .p-xxl-0 { padding: 0!important } .pt-xxl-0, .py-xxl-0 { padding-top: 0!important } .pr-xxl-0, .px-xxl-0 { padding-right: 0!important } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0!important } .pl-xxl-0, .px-xxl-0 { padding-left: 0!important } .p-xxl-1 { padding: .25rem!important } .pt-xxl-1, .py-xxl-1 { padding-top: .25rem!important } .pr-xxl-1, .px-xxl-1 { padding-right: .25rem!important } .pb-xxl-1, .py-xxl-1 { padding-bottom: .25rem!important } .pl-xxl-1, .px-xxl-1 { padding-left: .25rem!important } .p-xxl-2 { padding: .5rem!important } .pt-xxl-2, .py-xxl-2 { padding-top: .5rem!important } .pr-xxl-2, .px-xxl-2 { padding-right: .5rem!important } .pb-xxl-2, .py-xxl-2 { padding-bottom: .5rem!important } .pl-xxl-2, .px-xxl-2 { padding-left: .5rem!important } .p-xxl-3 { padding: 1rem!important } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem!important } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem!important } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem!important } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem!important } .p-xxl-4 { padding: 1.5rem!important } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem!important } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem!important } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem!important } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem!important } .p-xxl-5 { padding: 3rem!important } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem!important } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem!important } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem!important } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem!important } .m-xxl-n1 { margin: -.25rem!important } .mt-xxl-n1, .my-xxl-n1 { margin-top: -.25rem!important } .mr-xxl-n1, .mx-xxl-n1 { margin-right: -.25rem!important } .mb-xxl-n1, .my-xxl-n1 { margin-bottom: -.25rem!important } .ml-xxl-n1, .mx-xxl-n1 { margin-left: -.25rem!important } .m-xxl-n2 { margin: -.5rem!important } .mt-xxl-n2, .my-xxl-n2 { margin-top: -.5rem!important } .mr-xxl-n2, .mx-xxl-n2 { margin-right: -.5rem!important } .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -.5rem!important } .ml-xxl-n2, .mx-xxl-n2 { margin-left: -.5rem!important } .m-xxl-n3 { margin: -1rem!important } .mt-xxl-n3, .my-xxl-n3 { margin-top: -1rem!important } .mr-xxl-n3, .mx-xxl-n3 { margin-right: -1rem!important } .mb-xxl-n3, .my-xxl-n3 { margin-bottom: -1rem!important } .ml-xxl-n3, .mx-xxl-n3 { margin-left: -1rem!important } .m-xxl-n4 { margin: -1.5rem!important } .mt-xxl-n4, .my-xxl-n4 { margin-top: -1.5rem!important } .mr-xxl-n4, .mx-xxl-n4 { margin-right: -1.5rem!important } .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -1.5rem!important } .ml-xxl-n4, .mx-xxl-n4 { margin-left: -1.5rem!important } .m-xxl-n5 { margin: -3rem!important } .mt-xxl-n5, .my-xxl-n5 { margin-top: -3rem!important } .mr-xxl-n5, .mx-xxl-n5 { margin-right: -3rem!important } .mb-xxl-n5, .my-xxl-n5 { margin-bottom: -3rem!important } .ml-xxl-n5, .mx-xxl-n5 { margin-left: -3rem!important } .m-xxl-auto { margin: auto!important } .mt-xxl-auto, .my-xxl-auto { margin-top: auto!important } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto!important } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto!important } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto!important } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace!important } .text-justify { text-align: justify!important } .text-wrap { white-space: normal!important } .text-nowrap { white-space: nowrap!important } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-left { text-align: left!important } .text-right { text-align: right!important } .text-center { text-align: center!important } @media (min-width:576px) { .text-sm-left { text-align: left!important } .text-sm-right { text-align: right!important } .text-sm-center { text-align: center!important } } @media (min-width:768px) { .text-md-left { text-align: left!important } .text-md-right { text-align: right!important } .text-md-center { text-align: center!important } } @media (min-width:992px) { .text-lg-left { text-align: left!important } .text-lg-right { text-align: right!important } .text-lg-center { text-align: center!important } } @media (min-width:1200px) { .text-xl-left { text-align: left!important } .text-xl-right { text-align: right!important } .text-xl-center { text-align: center!important } } @media (min-width:1480px) { .text-xxl-left { text-align: left!important } .text-xxl-right { text-align: right!important } .text-xxl-center { text-align: center!important } } .text-lowercase { text-transform: lowercase!important } .text-uppercase { text-transform: uppercase!important } .text-capitalize { text-transform: capitalize!important } .text-transform-none { text-transform: none!important } .font-weight-light { font-weight: 300!important } .font-weight-lighter { font-weight: lighter!important } .font-weight-normal { font-weight: 400!important } .font-weight-medium { font-weight: 500!important } .font-weight-bold { font-weight: 700!important } .font-weight-bolder { font-weight: bolder!important } .font-italic { font-style: italic!important } .letter-spacing-base { letter-spacing: .01em!important } .text-white { color: #fff!important } a.text-white:focus, a.text-white:hover { color: #d9d9d9!important } .text-gray-lighter { color: #f8f9fa!important } a.text-gray-lighter:focus, a.text-gray-lighter:hover { color: #cbd3da!important } .text-gray-light { color: #e9ecef!important } a.text-gray-light:focus, a.text-gray-light:hover { color: #bdc6cf!important } .text-gray { color: #828282!important } a.text-gray:focus, a.text-gray:hover { color: #5c5c5c!important } .text-gray-dark { color: #666!important } a.text-gray-dark:focus, a.text-gray-dark:hover { color: #404040!important } .text-gray-darker { color: #494949!important } a.text-gray-darker:focus, a.text-gray-darker:hover { color: #232323!important } .text-gray-darkest { color: #212529!important } .text-black, a.text-black:focus, a.text-black:hover, a.text-gray-darkest:focus, a.text-gray-darkest:hover { color: #000!important } .text-blue { color: #4e85e6!important } a.text-blue:focus, a.text-blue:hover { color: #1d5ccb!important } .text-indigo { color: #6610f2!important } a.text-indigo:focus, a.text-indigo:hover { color: #4709ac!important } .text-purple { color: #8174cd!important } a.text-purple:focus, a.text-purple:hover { color: #5241b4!important } .text-pink { color: #d885c1!important } a.text-pink:focus, a.text-pink:hover { color: #c54ba4!important } .text-red { color: #dc3545!important } a.text-red:focus, a.text-red:hover { color: #a71d2a!important } .text-orange { color: #f48d52!important } a.text-orange:focus, a.text-orange:hover { color: #eb5f0f!important } .text-yellow { color: #eee57a!important } a.text-yellow:focus, a.text-yellow:hover { color: #e5d836!important } .text-green { color: #00a465!important } a.text-green:focus, a.text-green:hover { color: #005836!important } .text-teal { color: #20c997!important } a.text-teal:focus, a.text-teal:hover { color: #158765!important } .text-cyan { color: #17a2b8!important } a.text-cyan:focus, a.text-cyan:hover { color: #0f6674!important } .text-khaki { color: #c0b095!important } a.text-khaki:focus, a.text-khaki:hover { color: #a38c65!important } .text-brown { color: #816960!important } a.text-brown:focus, a.text-brown:hover { color: #55453f!important } .text-tan { color: #d3b69f!important } a.text-tan:focus, a.text-tan:hover { color: #bb8e6b!important } .text-cloud { color: #e0e0e0!important } a.text-cloud:focus, a.text-cloud:hover { color: #bababa!important } .text-linen { color: #faf6f0!important } a.text-linen:focus, a.text-linen:hover { color: #e7d4b7!important } .text-sand { color: #ede2d6!important } a.text-sand:focus, a.text-sand:hover { color: #d6bca1!important } .text-silver { color: #bdbdbd!important } a.text-silver:focus, a.text-silver:hover { color: #979797!important } .text-charcoal { color: #4f4f4f!important } a.text-charcoal:focus, a.text-charcoal:hover { color: #292929!important } .text-smoke { color: #333!important } a.text-smoke:focus, a.text-smoke:hover { color: #0d0d0d!important } .text-gallery { color: #efefef!important } a.text-gallery:focus, a.text-gallery:hover { color: #c9c9c9!important } .text-cararra { color: #ebe8e3!important } a.text-cararra:focus, a.text-cararra:hover { color: #cbc3b6!important } .text-cinnabar { color: #e54e3f!important } a.text-cinnabar:focus, a.text-cinnabar:hover { color: #be291a!important } .text-concrete { color: #f2f2f2!important } a.text-concrete:focus, a.text-concrete:hover { color: #ccc!important } .text-primary, a.text-primary:focus, a.text-primary:hover { color: #000!important } .text-secondary { color: #ccc!important } a.text-secondary:focus, a.text-secondary:hover { color: #a6a6a6!important } .text-success { color: #00a465!important } a.text-success:focus, a.text-success:hover { color: #005836!important } .text-info { color: #17a2b8!important } a.text-info:focus, a.text-info:hover { color: #0f6674!important } .text-warning { color: #eee57a!important } a.text-warning:focus, a.text-warning:hover { color: #e5d836!important } .text-danger { color: #f01010!important } a.text-danger:focus, a.text-danger:hover { color: #a90b0b!important } .text-body { color: #000!important } .text-muted { color: #666!important } .text-black-50 { color: rgba(0, 0, 0, .5)!important } .text-white-50 { color: hsla(0, 0%, 100%, .5)!important } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .text-decoration-none { text-decoration: none!important } .text-break { word-break: break-word!important; overflow-wrap: break-word!important } .text-reset { color: inherit!important } .visible { visibility: visible!important } .invisible { visibility: hidden!important } .hide { display: none!important } .embed .confirm h2.freeHeading, .four04__content p, .h1, .h2, .h3, .h4, .h5, .h6, .layout-content-wrapper--terms-conditions .page-header__title, .page-hero__subtitle, .page-hero__toptitle, a, em, h1, h2, h3, h4, h5, h6, i, label, li, p, select, span, strong, sup { -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility } .embed .confirm .reverse h2.freeHeading:not(.btn), .four04__content .reverse p:not(.btn), .layout-content-wrapper--terms-conditions .reverse .page-header__title:not(.btn), .reverse .embed .confirm h2.freeHeading:not(.btn), .reverse .four04__content p:not(.btn), .reverse .h1:not(.btn), .reverse .h2:not(.btn), .reverse .h3:not(.btn), .reverse .h4:not(.btn), .reverse .h5:not(.btn), .reverse .h6:not(.btn), .reverse .layout-content-wrapper--terms-conditions .page-header__title:not(.btn), .reverse .page-hero__subtitle:not(.btn), .reverse .page-hero__toptitle:not(.btn), .reverse .rte:not(.btn), .reverse a:not(.btn), .reverse em:not(.btn), .reverse h1:not(.btn), .reverse h2:not(.btn), .reverse h3:not(.btn), .reverse h4:not(.btn), .reverse h5:not(.btn), .reverse h6:not(.btn), .reverse i:not(.btn), .reverse label:not(.btn), .reverse li:not(.btn), .reverse p:not(.btn), .reverse select:not(.btn), .reverse span:not(.btn), .reverse strong:not(.btn), .reverse sup:not(.btn) { color: #fff } .embed .confirm h2.freeHeading, .four04__content p, .h1, .h2, .h3, .h4, .h5, .h6, .layout-content-wrapper--terms-conditions .page-header__title, .page-hero__subtitle, .page-hero__toptitle, h1, h2, h3, h4, h5, h6 { -webkit-font-smoothing: subpixel-antialiased } .alternate-theme .embed .confirm h2.freeHeading, .alternate-theme .four04__content p, .alternate-theme .h1, .alternate-theme .h2, .alternate-theme .h3, .alternate-theme .h4, .alternate-theme .h5, .alternate-theme .h6, .alternate-theme .layout-content-wrapper--terms-conditions .page-header__title, .alternate-theme .page-hero__subtitle, .alternate-theme .page-hero__toptitle, .alternate-theme h1, .alternate-theme h2, .alternate-theme h3, .alternate-theme h4, .alternate-theme h5, .alternate-theme h6, .embed .confirm .alternate-theme h2.freeHeading, .four04__content .alternate-theme p, .layout-content-wrapper--terms-conditions .alternate-theme .page-header__title { font-family: MrAlex, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-weight: 400; -webkit-font-smoothing: antialiased } .h1, h1 { font-weight: 500; font-size: 2rem; letter-spacing: 0; line-height: 1.25 } @media (min-width:576px) { .h1, h1 { font-size: 3rem; letter-spacing: 0; line-height: .9375 } } @media (min-width:768px) { .h1, h1 { font-size: 4.375rem; letter-spacing: 0; line-height: 1.0571428571 } } @media (min-width:1200px) { .h1, h1 { font-size: 4.375rem; letter-spacing: 0; line-height: 1.0571428571 } } @media (min-width:768px) { .alternate-theme .h1, .alternate-theme h1 { font-size: 4.0625rem; line-height: 1.1384615385 } } .h2, .layout-content-wrapper--terms-conditions .page-header__title, h2 { font-weight: 500; font-size: 2.25rem; letter-spacing: 0; line-height: 1.3888888889 } @media (min-width:576px) { .h2, .layout-content-wrapper--terms-conditions .page-header__title, h2 { font-size: 3.125rem; letter-spacing: 0; line-height: 1.3 } } @media (min-width:576px) { .alternate-theme .h2, .alternate-theme .layout-content-wrapper--terms-conditions .page-header__title, .alternate-theme h2, .layout-content-wrapper--terms-conditions .alternate-theme .page-header__title { font-size: 2.625rem; line-height: 1.5476190476 } } .embed .confirm h2.freeHeading, .h3, h3 { font-weight: 500; font-size: 1.875rem; letter-spacing: 0; line-height: 1.3333333333 } @media (min-width:576px) { .embed .confirm h2.freeHeading, .h3, h3 { font-size: 2.5rem; letter-spacing: 0; line-height: 1.25 } } @media (min-width:576px) { .alternate-theme .embed .confirm h2.freeHeading, .alternate-theme .h3, .alternate-theme h3, .embed .confirm .alternate-theme h2.freeHeading { font-size: 2.25rem; line-height: 1.3888888889 } } .four04__content p, .h4, .page-hero__subtitle, h4 { font-weight: 500; font-size: 1.625rem; letter-spacing: 0; line-height: 1.2307692308 } @media (min-width:576px) { .four04__content p, .h4, .page-hero__subtitle, h4 { font-size: 1.875rem; letter-spacing: 0; line-height: 1.1666666667 } } @media (min-width:576px) { .alternate-theme .four04__content p, .alternate-theme .h4, .alternate-theme .page-hero__subtitle, .alternate-theme h4, .four04__content .alternate-theme p { font-size: 1.875rem; line-height: 1.1666666667 } } .events-grid .ot-facebook-events .ot-events-grid .event-listing .event-item-name a, .h5, .page-hero__toptitle, .template-page-omega .ot-facebook-events .ot-events-grid .event-listing .event-item-name a, h5 { font-weight: 400; font-size: 1.5rem; letter-spacing: 0; line-height: 1.3333333333 } .alternate-theme .events-grid .ot-facebook-events .ot-events-grid .event-listing .event-item-name a, .alternate-theme .h5, .alternate-theme .page-hero__toptitle, .alternate-theme .template-page-omega .ot-facebook-events .ot-events-grid .event-listing .event-item-name a, .alternate-theme h5, .events-grid .ot-facebook-events .ot-events-grid .event-listing .event-item-name .alternate-theme a, .template-page-omega .ot-facebook-events .ot-events-grid .event-listing .event-item-name .alternate-theme a { font-size: 1.375rem; line-height: 1.4545454545 } .h6, h6 { font-weight: 400; font-size: 1.125rem; letter-spacing: 0; line-height: 1.3333333333 } .lead { font-size: 1.25rem; font-weight: 300 } .display-1 { font-size: 6rem } .display-1, .display-2 { font-weight: 300; line-height: 1.2 } .display-2 { font-size: 5.5rem } .display-3 { font-size: 4.5rem } .display-3, .display-4 { font-weight: 300; line-height: 1.2 } .display-4 { font-size: 3.5rem } .alternate-theme .p1, .alternate-theme .p2, .alternate-theme .p3, .alternate-theme p { -webkit-font-smoothing: antialiased } .account-block__content, .account-past-orders .table tbody td, .account-wrapper address, .account-wrapper td, .alternate-theme input[type=email], .alternate-theme input[type=number], .alternate-theme input[type=password], .alternate-theme input[type=tel], .alternate-theme input[type=text], .faq__answer-wrapper p, .faq__answer-wrapper span, .p1, p { font-size: 1.25rem; letter-spacing: 0; line-height: 1.3 } .account-past-orders .table tbody .alternate-theme td, .account-wrapper .alternate-theme address, .account-wrapper .alternate-theme td, .alternate-theme .account-block__content, .alternate-theme .account-past-orders .table tbody td, .alternate-theme .account-wrapper address, .alternate-theme .account-wrapper td, .alternate-theme .faq__answer-wrapper p, .alternate-theme .faq__answer-wrapper span, .alternate-theme .p1, .alternate-theme input[type=email], .alternate-theme input[type=number], .alternate-theme input[type=password], .alternate-theme input[type=tel], .alternate-theme input[type=text], .alternate-theme p, .faq__answer-wrapper .alternate-theme p, .faq__answer-wrapper .alternate-theme span { font-family: ObjektivMk1, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-weight: 500; font-size: 1.125rem; line-height: 1.4444444444 } .p2, .template-login .layout-main-content form .custom-control-label *, .template-register .layout-main-content form .custom-control-label * { font-size: .875rem; letter-spacing: 0; line-height: 1.7142857143 } .alternate-theme .p2, .alternate-theme .template-login .layout-main-content form .custom-control-label *, .alternate-theme .template-register .layout-main-content form .custom-control-label *, .template-login .layout-main-content form .custom-control-label .alternate-theme *, .template-register .layout-main-content form .custom-control-label .alternate-theme * { font-family: ObjektivMk1, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-weight: 300; font-size: .875rem; line-height: 1.7142857143 } .p3 { font-size: .875rem; line-height: 1.7142857143 } .body, .p3 { letter-spacing: 0 } .body { font-size: 1.25rem; line-height: 1.3; font-weight: 400 } .alternate-theme .body { font-family: ObjektivMk1, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-weight: 500; font-size: 1.125rem; line-height: 1.4444444444 } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, .1) } .small, small { font-size: 80%; font-weight: 400 } .mark, mark { padding: .2em; background-color: #fcf8e3 } .footer-menu .footer-menu__list, .header-dropdown__menu ul, .list-inline, .list-unstyled, .mobile-menu ul, .preheader ul { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: 90%; text-transform: uppercase } .blockquote { margin-bottom: 1rem; font-size: 1.25rem } .blockquote-footer { display: block; font-size: 80%; color: #666 } .blockquote-footer:before { content: "\2014\00A0" } .caption, .chosen-container-single select.chosen-single, .tiles-grid__card-text, .yotpo.yotpo .form-element select.y-input, select.form-control, select.minimal-input-box__input { font-size: 1rem; letter-spacing: 0; line-height: 1.25 } .account-block__title, .account-past-orders .table th, .article-card__info-meta time, .article__date time, .cart-list__header>div, .events-grid .ot-facebook-events .event-item-location, .events-grid .ot-facebook-events .event-item-time, .meta, .template-login .layout-main-content form label:not(.custom-control-label), .template-page-omega .ot-facebook-events .event-item-location, .template-page-omega .ot-facebook-events .event-item-time, .template-register .layout-main-content form label:not(.custom-control-label) { font-size: .75rem; letter-spacing: .003125em; line-height: 1.4166666667; text-transform: uppercase } .page-hero__text, .quote1 { font-size: 1.5rem; letter-spacing: 0; line-height: 1.5 } .bullet-point { font-size: 1.25rem; letter-spacing: 0; line-height: 1.1 } .cart-header, .cart-title { font-size: 3.125rem; line-height: 1.3 } .cart-item-title, .cart-list__item-details-title, .template-account-allocations .product-card__info-title, .template-account-included-products .product-card__info-title { font-size: 1.125rem; line-height: 1.2222222222 } .alternate-theme .header-nav__menu-item, .os-nav-link { font-family: MrAlex, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-weight: 400; font-size: 1.25rem; line-height: 1.1; letter-spacing: .00125em } .alternate-theme .preheader li a, .os-nav-sm-link { font-family: MrAlex, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-weight: 400; font-size: .875rem; line-height: 1.1428571429; letter-spacing: .003125em } .alternate-theme .btn, .alternate-theme .header-dropdown__cta-title, .alternate-theme .minimal-input-box__submit, .alternate-theme .shopify-challenge__container .shopify-challenge__button.btn, .alternate-theme .wufoo input.btTxt, .os-cta, .shopify-challenge__container .alternate-theme .shopify-challenge__button.btn, .wufoo .alternate-theme input.btTxt { font-family: MrAlex, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-weight: 400; font-size: 1.125rem; line-height: 1.1111111111; letter-spacing: .003125em } .alternate-theme .form-text, .alternate-theme .header-dropdown__cta-subtitle, .alternate-theme .header-dropdown__menu-list a, .alternate-theme .invalid-feedback, .alternate-theme .valid-feedback, .os-footer-link { font-family: ObjektivMk1, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-weight: 300; font-size: .875rem; line-height: 1.4285714286 } .alternate-theme .pencil-banner, .alternate-theme .pencil-banner a, .alternate-theme .pencil-banner p, .os-pencil-banner { font-family: MrAlex, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-weight: 400; font-size: 1rem; line-height: 1.125; letter-spacing: .003125em } .alternate-theme .chosen-container-single .chosen-single, .alternate-theme .yotpo.yotpo .form-element select.y-input, .alternate-theme select.form-control, .alternate-theme select.minimal-input-box__input, .chosen-container-single .alternate-theme select.chosen-single, .os-select, .yotpo.yotpo .form-element .alternate-theme select.y-input { font-family: MrAlex, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-weight: 400; font-size: 1rem; line-height: 1.5 } .os-text-bg { font-size: 1.25rem; line-height: 1.5 } .alternate-theme .chosen-container .chosen-results li, .os-text-bg, .os-text-sm { font-family: ObjektivMk1, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-weight: 500 } .alternate-theme .chosen-container .chosen-results li, .os-text-sm { font-size: .875rem; line-height: 1.4285714286 } .account-nav-link, .account-nav__menu li, .events-grid .ot-facebook-events .event-filter-sidebar #filter-sidebar li a, .template-page-omega .ot-facebook-events .event-filter-sidebar #filter-sidebar li a { font-size: .875rem; line-height: 1.4285714286; letter-spacing: .003125em } .account-sidebar .account-sidebar__menu li, .sidebar-link, .template-account-allocations .product-card__info-price, .template-account-included-products .product-card__info-price { font-size: 1rem; line-height: 1.4375; letter-spacing: .00125em } .account-text { font-size: 1.25rem; line-height: 1.5 } button { border: none; background-color: transparent; outline: none; font: inherit } .btn, .shopify-challenge__container .shopify-challenge__button.btn, .wufoo input.btTxt { display: inline-block; text-align: center; vertical-align: middle; text-transform: uppercase; line-height: 1; padding: 16px 20px; min-width: 200px; font-size: .875rem; font-weight: 700; border-radius: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 2px solid #000; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .btn, .shopify-challenge__container .shopify-challenge__button.btn, .wufoo input.btTxt { transition: none } } .btn:hover, .shopify-challenge__container .shopify-challenge__button.btn:hover, .wufoo input.btTxt:hover { text-decoration: none; border: 2px solid #000 } .btn.disabled, .btn:disabled, .shopify-challenge__container .disabled.shopify-challenge__button.btn, .shopify-challenge__container .shopify-challenge__button.btn:disabled, .wufoo input.btTxt:disabled, .wufoo input.disabled.btTxt { opacity: .4 } .btn[disabled], a.btn.disabled, fieldset:disabled a.btn { pointer-events: none } .btn-group-lg>.btn, .btn-lg { padding: 20px; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } .btn-group-sm>.btn, .btn-sm { padding: 10px 14px; font-size: .75rem; line-height: 1.5; border-radius: .2rem } .btn-block { display: block; width: 100% } .btn-block+.btn-block { margin-top: .5rem } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } .btn-solid, .shopify-challenge__container .shopify-challenge__button.btn, .wufoo input.btTxt { background-color: #000; color: #fff } .btn-solid:hover, .shopify-challenge__container .shopify-challenge__button.btn:hover, .wufoo input.btTxt:hover { border-color: #4f4f4f; background-color: #4f4f4f; color: #fff } .btn-solid.reverse, .reverse .btn-solid, .reverse .shopify-challenge__container .shopify-challenge__button.btn, .reverse .wufoo input.btTxt, .shopify-challenge__container .reverse.shopify-challenge__button.btn, .shopify-challenge__container .reverse .shopify-challenge__button.btn, .wufoo .reverse input.btTxt, .wufoo input.reverse.btTxt { color: #000; background-color: #fff; border-color: #fff } .btn-solid.reverse:hover, .reverse .btn-solid:hover, .reverse .shopify-challenge__container .shopify-challenge__button.btn:hover, .reverse .wufoo input.btTxt:hover, .shopify-challenge__container .reverse.shopify-challenge__button.btn:hover, .shopify-challenge__container .reverse .shopify-challenge__button.btn:hover, .wufoo .reverse input.btTxt:hover, .wufoo input.reverse.btTxt:hover { border-color: #4f4f4f; background-color: #4f4f4f; color: #fff } .alternate-theme .btn-solid, .alternate-theme .shopify-challenge__container .shopify-challenge__button.btn, .alternate-theme .wufoo input.btTxt, .shopify-challenge__container .alternate-theme .shopify-challenge__button.btn, .wufoo .alternate-theme input.btTxt { background-color: #e54e3f; border-color: #e54e3f; color: #fff } .alternate-theme .btn-solid:hover, .alternate-theme .shopify-challenge__container .shopify-challenge__button.btn:hover, .alternate-theme .wufoo input.btTxt:hover, .shopify-challenge__container .alternate-theme .shopify-challenge__button.btn:hover, .wufoo .alternate-theme input.btTxt:hover { border-color: #4f4f4f; background-color: #4f4f4f; color: #fff } .alternate-theme .btn-solid.reverse, .alternate-theme .shopify-challenge__container .reverse.shopify-challenge__button.btn, .alternate-theme .wufoo input.reverse.btTxt, .shopify-challenge__container .alternate-theme .reverse.shopify-challenge__button.btn, .wufoo .alternate-theme input.reverse.btTxt { color: #000; background-color: #fff; border-color: #fff } .alternate-theme .btn-solid.reverse:hover, .alternate-theme .shopify-challenge__container .reverse.shopify-challenge__button.btn:hover, .alternate-theme .wufoo input.reverse.btTxt:hover, .shopify-challenge__container .alternate-theme .reverse.shopify-challenge__button.btn:hover, .wufoo .alternate-theme input.reverse.btTxt:hover { border-color: #4f4f4f; background-color: #4f4f4f; color: #fff } .btn-outline { color: #000; border-color: #000; background-color: #fff } .btn-outline:hover { border-color: #4f4f4f; background-color: #4f4f4f; color: #fff } .btn-outline.reverse, .reverse .btn-outline { color: #fff; border-color: #fff; background-color: transparent } .btn-outline.reverse:hover, .reverse .btn-outline:hover { color: #000; background-color: #fff; border-color: #fff } .article__back-btn, .btn-link { font-weight: 700; letter-spacing: .05em; color: #000; text-decoration: none; background: none; border: none; border-bottom: 2px solid; min-width: unset; border-radius: unset; padding: unset } .article__back-btn:hover, .btn-link:hover { color: #4f4f4f; text-decoration: none; border: none; border-bottom: 2px solid } .article__back-btn:focus, .btn-link.focus, .btn-link:focus, .focus.article__back-btn { text-decoration: none; box-shadow: none } .article__back-btn:disabled, .btn-link.disabled, .btn-link:disabled, .disabled.article__back-btn { color: #666; pointer-events: none } .btn-link.reverse, .reverse.article__back-btn, .reverse .article__back-btn, .reverse .btn-link { color: #fff; border-color: #fff } .btn-link.reverse:hover, .reverse.article__back-btn:hover, .reverse .article__back-btn:hover, .reverse .btn-link:hover { color: #4f4f4f; text-decoration: none; border: none; border-bottom: 2px solid } .alternate-theme .article__back-btn, .alternate-theme .btn-link { padding-bottom: 8px; border-color: #e54e3f } .alternate-theme .article__back-btn:hover, .alternate-theme .btn-link:hover { color: #000; border-color: #4f4f4f } .alternate-theme .btn-link.reverse, .alternate-theme .reverse.article__back-btn { color: #fff; border-color: #fff } .alternate-theme .btn-link.reverse:hover, .alternate-theme .reverse.article__back-btn:hover { color: #fff; border-color: #4f4f4f } form { display: flex; flex-direction: column; align-items: flex-start; padding: 0 0 20px } input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text] { border-radius: 0; border: none; border-bottom: 1px solid #000; min-width: 280px; box-sizing: border-box; transition: all .3s linear; color: #000; font-weight: 400; -webkit-appearance: none; width: 100% } .chosen-container-single input.chosen-single[type=email], .chosen-container-single input.chosen-single[type=number], .chosen-container-single input.chosen-single[type=password], .chosen-container-single input.chosen-single[type=tel], .chosen-container-single input.chosen-single[type=text], .yotpo.yotpo .form-element input.y-input[type=email], .yotpo.yotpo .form-element input.y-input[type=number], .yotpo.yotpo .form-element input.y-input[type=password], .yotpo.yotpo .form-element input.y-input[type=tel], .yotpo.yotpo .form-element input.y-input[type=text], input.minimal-input-box__input[type=email], input.minimal-input-box__input[type=number], input.minimal-input-box__input[type=password], input.minimal-input-box__input[type=tel], input.minimal-input-box__input[type=text], input[type=email].form-control, input[type=number].form-control, input[type=password].form-control, input[type=tel].form-control, input[type=text].form-control { padding-bottom: 0 } input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus { outline: 0 } textarea { border: 1px solid #000; padding: .375rem } .chosen-container-single .was-validated input.chosen-single:invalid, .chosen-container-single .was-validated input.chosen-single:valid, .was-validated .chosen-container-single input.chosen-single:invalid, .was-validated .chosen-container-single input.chosen-single:valid, .was-validated .yotpo.yotpo .form-element input.y-input:invalid, .was-validated .yotpo.yotpo .form-element input.y-input:valid, .was-validated input.form-control:invalid, .was-validated input.form-control:valid, .was-validated input.minimal-input-box__input:invalid, .was-validated input.minimal-input-box__input:valid, .yotpo.yotpo .form-element .was-validated input.y-input:invalid, .yotpo.yotpo .form-element .was-validated input.y-input:valid { border-color: #000 } .chosen-container-single .was-validated input.chosen-single:invalid, .was-validated .chosen-container-single input.chosen-single:invalid, .was-validated .yotpo.yotpo .form-element input.y-input:invalid, .was-validated input.form-control:invalid, .was-validated input.minimal-input-box__input:invalid, .yotpo.yotpo .form-element .was-validated input.y-input:invalid { color: #f01010; box-shadow: none } .chosen-container-single .was-validated input.chosen-single:invalid:focus, .was-validated .chosen-container-single input.chosen-single:invalid:focus, .was-validated .yotpo.yotpo .form-element input.y-input:invalid:focus, .was-validated input.form-control:invalid:focus, .was-validated input.minimal-input-box__input:invalid:focus, .yotpo.yotpo .form-element .was-validated input.y-input:invalid:focus { box-shadow: none } .alert-danger { width: 100% } .alert-danger .errors ul { padding-left: 15px } .alert-danger .errors ul:last-child { margin: 0 } .errors ul { list-style-type: none; padding-left: 0; margin-bottom: 0 } .errors ul li { color: #dc3545 } .errors ul li:only-of-type { margin-bottom: 0 } .form-success { color: #00a465 } .form-inline { align-items: flex-end } .form-text, .invalid-feedback, .valid-feedback { background-color: #fff; font-size: 1.25rem; margin-top: 1rem; padding: .5rem .875rem; box-shadow: 0 2px 4px rgba(0, 0, 0, .1) } .invalid-feedback { color: #f01010 } .valid-feedback { color: #00a465 } .chosen-container-single select.chosen-single, .yotpo.yotpo .form-element select.y-input, select.form-control, select.minimal-input-box__input { padding: .375rem 10px; height: 40px; -webkit-appearance: none; font-weight: 400; font-size: 1rem; text-transform: none; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='14' viewBox='0 2 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6l4.95 4.95.707.707.707-.707L11.314 6l-.707-.707-4.95 4.95-4.95-4.95L0 6z' fill='%23000'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 95%; background-color: #fff; background-size: 12px auto; border-radius: 4px; -moz-appearance: none; -ms-appearance: none; appearance: none } .chosen-container-single .form-group--floating-label select.chosen-single, .form-group--floating-label .chosen-container-single select.chosen-single, .form-group--floating-label .yotpo.yotpo .form-element select.y-input, .form-group--floating-label select.form-control, .form-group--floating-label select.minimal-input-box__input, .yotpo.yotpo .form-element .form-group--floating-label select.y-input { padding: 11px 0; border: 1px solid #000 } .form-group { position: relative; width: 100% } .form-inline .form-group { width: auto } .form-group.textarea-wrapper ::-webkit-input-placeholder { color: #000 } .form-group.textarea-wrapper :-moz-placeholder, .form-group.textarea-wrapper ::-moz-placeholder { color: #000 } .form-group.textarea-wrapper :-ms-input-placeholder { color: #000 } .form-group.textarea-wrapper textarea:focus { color: #000; box-shadow: none } .form-group.has-block-label label { display: block } .form-group input[type=email], .form-group input[type=number], .form-group input[type=tel], .form-group input[type=text] { height: 62px; transition: box-shadow .4s cubic-bezier(.42, 0, .13, 1.04) } .chosen-container-single .form-group input.chosen-single[type=email], .chosen-container-single .form-group input.chosen-single[type=number], .chosen-container-single .form-group input.chosen-single[type=tel], .chosen-container-single .form-group input.chosen-single[type=text], .form-group .chosen-container-single input.chosen-single[type=email], .form-group .chosen-container-single input.chosen-single[type=number], .form-group .chosen-container-single input.chosen-single[type=tel], .form-group .chosen-container-single input.chosen-single[type=text], .form-group .yotpo.yotpo .form-element input.y-input[type=email], .form-group .yotpo.yotpo .form-element input.y-input[type=number], .form-group .yotpo.yotpo .form-element input.y-input[type=tel], .form-group .yotpo.yotpo .form-element input.y-input[type=text], .form-group input.minimal-input-box__input[type=email], .form-group input.minimal-input-box__input[type=number], .form-group input.minimal-input-box__input[type=tel], .form-group input.minimal-input-box__input[type=text], .form-group input[type=email].form-control, .form-group input[type=number].form-control, .form-group input[type=tel].form-control, .form-group input[type=text].form-control, .yotpo.yotpo .form-element .form-group input.y-input[type=email], .yotpo.yotpo .form-element .form-group input.y-input[type=number], .yotpo.yotpo .form-element .form-group input.y-input[type=tel], .yotpo.yotpo .form-element .form-group input.y-input[type=text] { padding-left: 0; padding-right: 0 } .chosen-container-single .form-group input.chosen-single[type=email]:focus, .chosen-container-single .form-group input.chosen-single[type=number]:focus, .chosen-container-single .form-group input.chosen-single[type=tel]:focus, .chosen-container-single .form-group input.chosen-single[type=text]:focus, .form-group .chosen-container-single input.chosen-single[type=email]:focus, .form-group .chosen-container-single input.chosen-single[type=number]:focus, .form-group .chosen-container-single input.chosen-single[type=tel]:focus, .form-group .chosen-container-single input.chosen-single[type=text]:focus, .form-group .yotpo.yotpo .form-element input.y-input[type=email]:focus, .form-group .yotpo.yotpo .form-element input.y-input[type=number]:focus, .form-group .yotpo.yotpo .form-element input.y-input[type=tel]:focus, .form-group .yotpo.yotpo .form-element input.y-input[type=text]:focus, .form-group input.minimal-input-box__input[type=email]:focus, .form-group input.minimal-input-box__input[type=number]:focus, .form-group input.minimal-input-box__input[type=tel]:focus, .form-group input.minimal-input-box__input[type=text]:focus, .form-group input[type=email].form-control:focus, .form-group input[type=number].form-control:focus, .form-group input[type=tel].form-control:focus, .form-group input[type=text].form-control:focus, .yotpo.yotpo .form-element .form-group input.y-input[type=email]:focus, .yotpo.yotpo .form-element .form-group input.y-input[type=number]:focus, .yotpo.yotpo .form-element .form-group input.y-input[type=tel]:focus, .yotpo.yotpo .form-element .form-group input.y-input[type=text]:focus { background: transparent } .form-group--floating-label { position: relative } .form-group--floating-label ::-webkit-input-placeholder { color: #000 } .form-group--floating-label :-moz-placeholder, .form-group--floating-label ::-moz-placeholder { color: #000 } .form-group--floating-label :-ms-input-placeholder { color: #000 } .form-group--floating-label.hide-label label { visibility: hidden; pointer-events: none } .form-group--floating-label label { color: #000; position: absolute; top: 22px; left: 0; opacity: 0; transition: all .3s ease-in-out; font-size: .75rem } .form-group--floating-label input:not(:placeholder-shown)+label { -webkit-transform: translateY(-14px); transform: translateY(-14px); opacity: 1 } @media (-ms-high-contrast:none) { .form-group--floating-label input+label { -webkit-transform: translateY(-14px); transform: translateY(-14px); opacity: 1 } .chosen-container-single .chosen-single, .form-control, .minimal-input-box__input, .yotpo.yotpo .form-element .y-input { height: auto } } .minimal-input-box__input::-webkit-search-cancel-button, .minimal-input-box__input::-webkit-search-decoration, .minimal-input-box__input::-webkit-search-results-button, .minimal-input-box__input::-webkit-search-results-decoration { -webkit-appearance: none } .arrow { display: inline-flex; align-items: center; justify-content: flex-start; position: relative; height: 45px; width: 45px; padding: 8px; border-radius: none; overflow: hidden; cursor: pointer; vertical-align: top } .arrow, .arrow:hover { background-color: transparent; transition: background-color .15s cubic-bezier(.42, 0, .13, 1.04) } .arrow--left { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .arrow--up { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .arrow--down { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .arrow__icon { position: relative; left: 6px; width: 19.285px; color: #000; height: 2px; background-color: currentColor; -webkit-transform: scale(.7518796992); transform: scale(.7518796992); -webkit-transform-origin: left center; transform-origin: left center; transition: width .15s cubic-bezier(.42, 0, .13, 1.04) } .arrow:hover:not(.swiper-button-disabled) .arrow__icon { width: 27.285px } .arrow__icon:after, .arrow__icon:before { content: ""; position: absolute; height: 2px; background-color: currentColor; right: 0; width: 10.6px } .arrow__icon:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: right top; transform-origin: right top; top: 0 } .arrow__icon:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; bottom: 0 } .article-content-wrapper { padding-top: 30px; padding-bottom: 30px } @media (min-width:992px) { .article-content-wrapper { padding-top: 80px; padding-bottom: 80px } } .article .page-hero { margin-bottom: 0; min-height: 300px } @media (min-width:992px) { .article .page-hero { min-height: 500px } } .article__back { display: flex; justify-content: flex-start; align-items: center } .article__header { max-width: 520px; margin: 40px auto 20px } .article__date { text-align: center; margin-bottom: 10px } .article__body { margin-top: 55px } .article__back .icon { margin-right: 8px } .article__back:hover .icon { color: #4f4f4f } @media (max-width:1199.98px) { .article__back { margin-bottom: 20px } } .article__back-btn { text-transform: uppercase; font-size: .875rem; line-height: 1 } .article__back-btn, .article__back-btn:hover { border: none } .article-grid__header { margin-bottom: 30px } .product-badges { margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 5 } .product-badge { height: 50px; width: 50px; background-color: #fff; font-size: .625rem; border: 1px solid #333; color: #333; border-radius: 50%; margin-top: 1rem; text-transform: uppercase; overflow: hidden; text-align: center; display: flex; align-items: center; justify-content: center; font-weight: 500 } .product-badge:first-child { margin-top: 0 } .banner { position: relative; padding-top: 0; padding-bottom: 0; margin-bottom: 30px; margin-left: auto; margin-right: auto; background-color: #fff; min-height: 350px; max-width: 1420px } @media (min-width:992px) { .banner { min-height: 650px; display: flex; padding-top: 70px; padding-bottom: 70px; align-items: center; justify-content: center; background-color: transparent } } @media (min-width:992px) { .banner--light, .banner--light .banner__text, .banner--light .banner__title, .banner--light a:not(.btn):not(.chosen-single) { color: #fff } } .banner--fullbleed { max-width: none } .banner--video .icon-play { width: 30px; height: 30px; position: relative; top: -2px; margin-right: 4px } .banner--height-medium { min-height: 250px } @media (min-width:992px) { .banner--height-medium { min-height: 500px } } .banner__bg-container { overflow: hidden; position: relative; min-height: 350px } @media (min-width:992px) { .banner__bg-container { position: absolute; left: 0; bottom: 0; top: 0; right: 0; z-index: -1 } } .banner__bg-image { position: absolute; left: 0; bottom: 0; top: 0; right: 0; background-size: cover; background-position: 50% } .banner__bg-video { position: absolute; left: 50%; top: 50%; min-width: 100%; min-height: 100%; padding-bottom: 56.25%; padding-left: 177.777777778%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .banner__bg-video.video-player { position: absolute } .banner__bg-video iframe { z-index: -1 } .banner__bg-video iframe, .banner__overlay { position: absolute; left: 0; bottom: 0; top: 0; right: 0 } .banner__overlay { display: none } @media (min-width:992px) { .banner__overlay { display: block } } .banner__overlay--light { background-color: hsla(0, 0%, 100%, .3) } .banner__overlay--dark { background-color: rgba(0, 0, 0, .5) } .banner__content-container { position: relative; text-align: center; max-width: 400px; margin-left: auto; margin-right: auto; padding: 30px 20px } @media (min-width:992px) { .banner__content-container { padding: 50px 40px } .banner__content-container--left { margin-left: 0 } .banner__content-container--right { margin-right: 0 } .banner__content-container--background { background-color: hsla(0, 0%, 100%, .75) } .banner--light .banner__content-container--background { background-color: rgba(0, 0, 0, .75) } .banner--video .banner__content-container { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); transition: all .3s ease-out } .banner--video-playing .banner__content-container { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; -webkit-filter: blur(5px); filter: blur(5px); transition: all .3s ease-in } } .banner__text, .banner__title { margin-bottom: 1rem } @media (min-width:992px) { .banner__text, .banner__title { margin-bottom: 1.5rem } } .banner__title { line-height: 1.1; text-transform: none } .banner__title.h1 { font-size: 2.625rem } @media (min-width:992px) { .banner__title.h1 { font-size: 4.375rem } } .banner__title.h2, .layout-content-wrapper--terms-conditions .banner__title.page-header__title { font-size: 2.625rem } .banner__title.h3 { font-size: 2.25rem } .banner__text { font-size: 1.5rem } .banner__text p:last-child { margin-bottom: 0 } .banner--height-medium .banner__text { font-size: 1.125rem } .banner__cta-group { margin-top: 1rem } @media (min-width:992px) { .banner__cta-group { margin-top: 1.5rem; display: flex; flex-direction: row } } @media (min-width:992px) { .banner__cta-group .btn { flex-basis: 200px; min-width: auto } } @media (max-width:991px) { .banner__cta-group .btn { background-color: #000; color: #fff; border-color: #000; margin: auto } .banner__cta-group .btn:focus, .banner__cta-group .btn:hover { background-color: #4f4f4f; border-color: #4f4f4f } } @media (max-width:501) { .banner__cta-group .btn+.btn { margin-top: 20px !important; } } @media (min-width:992px) { .banner__cta-group .btn+.btn { margin-top: 0; margin-left: 35px } } .banner__video-pause { position: absolute; left: 50%; top: 50%; -webkit-transform: tranlsate(-50% -50%); transform: tranlsate(-50% -50%); width: 50px; height: 50px; opacity: 0; z-index: -1; transition: opacity .3s ease-in } .banner--video:hover .banner__video-pause { opacity: 1; transition: opacity .3s ease-out } .banner--video-playing .banner__video-pause { z-index: 1 } .banner__video-pause .icon-pause { width: 50px; height: 50px } .banner__add-to-cart { max-width: 240px; width: 100% } .banner__add-to-cart .btn { margin-top: 1rem } @media (min-width:768px) { .banner__add-to-cart .btn { margin-top: 30px } } @media (max-width:1099px) { .banner__add-to-cart.sticky-form--stuck { padding: 0; width: 100%; max-width: none } .banner__add-to-cart.sticky-form--stuck .society-signup__modal-trigger { width: 100% } .banner__add-to-cart.sticky-form--stuck .society-signup__modal-trigger .btn { margin-top: 0; border-radius: 0!important } .banner__add-to-cart.sticky-form--stuck>:not(.society-signup__modal-trigger) { display: none!important } } @media (min-width:1100px) { .banner__add-to-cart.sticky-form--stuck { width: 100%; margin-right: auto; margin-left: auto; max-width: 1200px; display: flex; padding: 24px 10px 20px; flex-direction: row; align-items: center; justify-content: space-between } .banner__add-to-cart.sticky-form--stuck .society-signup__modal-trigger { display: none } .banner__add-to-cart.sticky-form--stuck .sticky-form__block { margin-right: auto } .banner__add-to-cart.sticky-form--stuck .btn { margin-top: 0; margin-left: 30px; padding-top: 8px; padding-bottom: 8px; color: #fff } .banner__add-to-cart.sticky-form--stuck .btn:not(:hover):not(:focus) { background-color: #000 } .banner__add-to-cart.sticky-form--stuck .btn-block { width: auto!important } .banner__add-to-cart.sticky-form--stuck .chosen-container { width: 240px!important } } .banner__add-to-cart__modal .banner__add-to-cart { max-width: none } .banner__add-to-cart__modal .banner__add-to-cart__info { text-align: center; margin-bottom: 16px; width: 100% } .banner__add-to-cart__modal .banner__add-to-cart__info h4 { font-size: 1.875rem } .banner__add-to-cart__modal .banner__add-to-cart__info .banner__add-to-cart__price { font-size: 1.25rem } .banner__add-to-cart__modal .btn:not(:hover):not(:focus):not(:active) { background-color: #000; color: #fff } .blog .page-hero { margin-bottom: 0 } .blog__page { padding-top: 50px; padding-bottom: 50px } @media (min-width:768px) { .blog__page { padding-top: 100px; padding-bottom: 100px } } .blog__filter-cats { margin-bottom: 50px } .blog__pagination { margin-top: 60px } .faqs-module .faq__content { margin-bottom: 40px; margin-top: 20px } .faq__panel { width: 100%; transition: all .3s ease-in; border-bottom: 1px solid #bdbdbd } @media (prefers-reduced-motion:reduce) { .faq__panel { transition: none } } .faq__panel .rte { margin: 0 } .faq_section-title { margin-bottom: 0; margin-top: 40px } .faq__question { padding: 20px 0; display: flex; justify-content: space-between; align-items: center; cursor: pointer } .faq__question-text { text-transform: none; margin-bottom: 0 } .faq__answer-wrapper { font-size: 1.25rem; color: #4f4f4f; line-height: 1.5; padding-bottom: 32px } .faq__answer-wrapper p:last-child { margin-bottom: 0 } .faq__answer-wrapper p, .faq__answer-wrapper span { font-size: 1.25rem; color: #4f4f4f; line-height: 1.5 } .faq__toggle-btn { outline: none; cursor: pointer; transition: opacity .3s ease-in-out; min-width: 40px; height: 40px; background-color: #000; margin-left: 30px } @media (prefers-reduced-motion:reduce) { .faq__toggle-btn { transition: none } } @media (min-width:768px) { .faq__toggle-btn { margin-left: 40px } } .faq__toggle-btn .icon { width: 10px; height: 10px; fill: #fff } .faq__toggle-btn .icon-minus { display: inline-block } .faq__toggle-btn .icon-plus { display: none } .faq__toggle-btn:active, .faq__toggle-btn:focus, .faq__toggle-btn:hover { outline: none } .faq__toggle-btn.collapsed { background-color: #fff } .faq__toggle-btn.collapsed .icon { fill: #000 } .faq__toggle-btn.collapsed .icon-minus { display: none } .faq__toggle-btn.collapsed .icon-plus { display: inline-block } .faq__help { text-align: center; padding: 40px 0 } .faq__help-title { margin-bottom: 40px } .breadcrumbs { display: flex } @media (min-width:576px) { .breadcrumbs { display: block } } .breadcrumbs__crumb { display: inline-block } .breadcrumbs__crumb:not(:last-child):after { display: inline-block; content: "|"; padding: 0 5px } .bullet-points:not(.bullet-points--no-image) { list-style-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.414 6.92l4.017 3.922 6.527-9.525' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E"); padding-left: 20px } .bullet-points.bullet-points--no-image { list-style: none; padding-left: 0 } .bullet-point:not(:last-child) { margin-bottom: 20px } .article-card { height: 100% } .article-card__image { width: 100%; margin-bottom: 11px } .article-card__info-meta, .article-card__info-title { text-align: center } .article-card__info-title { margin-bottom: 0; color: #000 } .article-card__info-excerpt { font-size: .875rem; margin-bottom: 8px } .article-card__info-tags { margin-bottom: 18px } .article-card__info-meta { margin-bottom: 10px } .content-card { text-align: center; margin-bottom: 50px } .content-card__bg-container { overflow: hidden; position: relative; padding-bottom: 75% } .content-card__bg-image { position: absolute; left: 0; bottom: 0; top: 0; right: 0; background-size: cover; background-position: 50% } .content-card__info-container { background: #fff; padding: 30px 15px; margin-top: 10px } .content-card__title { margin-bottom: 15px; text-align: center } .content-card__body { margin-bottom: 25px } .overlay-card { position: relative; height: 100%; padding: 30px; border-radius: 0; overflow: hidden } .overlay-card__bg { z-index: -1; background-size: cover; background-position: 50% } .overlay-card__bg, .overlay-card__bg:before { position: absolute; left: 0; bottom: 0; top: 0; right: 0 } .overlay-card__bg:before { content: "" } .overlay-card--bg-dark .overlay-card__bg:before { background-color: rgba(0, 0, 0, .3) } .overlay-card--bg-light .overlay-card__bg:before { background-color: hsla(0, 0%, 100%, .4) } .overlay-card__contents { display: flex; flex-direction: column; height: 100%; max-width: 30em } .overlay-card--content-top .overlay-card__contents { justify-content: flex-start } .overlay-card--content-bottom .overlay-card__contents { justify-content: flex-end } .overlay-card__body p:last-child { margin-bottom: 0 } .overlay-card--light-text .overlay-card__body, .overlay-card--light-text .overlay-card__subtitle, .overlay-card--light-text .overlay-card__title { color: #fff } .overlay-card--has-link .overlay-card__bg, .overlay-card--has-link .overlay-card__contents { -webkit-transform: transition .6s cubic-bezier(.42, 0, .13, 1.04); transform: transition .6s cubic-bezier(.42, 0, .13, 1.04) } .overlay-card--has-link:focus .overlay-card__bg, .overlay-card--has-link:focus .overlay-card__contents, .overlay-card--has-link:hover .overlay-card__bg, .overlay-card--has-link:hover .overlay-card__contents { -webkit-transform: transition .3s cubic-bezier(.42, 0, .13, 1.04); transform: transition .3s cubic-bezier(.42, 0, .13, 1.04) } .overlay-card--has-link:focus .overlay-card__bg, .overlay-card--has-link:hover .overlay-card__bg { -webkit-transform: scale(1.06); transform: scale(1.06) } .overlay-card--has-link:focus .overlay-card__contents, .overlay-card--has-link:hover .overlay-card__contents { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .product-card { height: 100%; transition: background .3s ease-in, box-shadow .3s ease-in; padding: 60px 15px 30px; position: relative } .product-card:hover { transition: background .3s ease-out; background-color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .15) } .page--inverted .product-card:hover { background-color: transparent } .product-card.product-card--exclusive { background-color: #ede2d6 } .product-card.product-card--exclusive:hover { background-color: #fff } .page--inverted .product-card.product-card--exclusive:hover { background-color: transparent } .page--inverted .product-card.product-card--exclusive { background-color: #030303 } .product-card .btn { min-width: 0; width: 100% } .product-card__contents { display: flex; flex-direction: column; height: 100% } .product-card__eyebrow { border-radius: 0 0 5px 5px; white-space: nowrap; background: #fff; font-size: .75rem; font-weight: 500; padding: .5rem 1rem; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-transform: uppercase } .product-card__gallery { position: relative; width: 100%; margin-bottom: 11px; overflow: hidden } .product-card__gallery .product-card__qv-trigger-wrap { position: absolute; left: 0; right: 0; bottom: 55px; text-align: center } .product-card__gallery-image { height: 0; padding-bottom: 100% } .product-card__gallery-image, .product-card__gallery-image img { width: 100% } .product-card__gallery-image--alt { position: absolute; left: 0; bottom: 0; top: 0; right: 0; background-color: #faf6f0; opacity: 0; transition: opacity .3s ease-in } .alternate-theme .product-card__gallery-image--alt { background-color: #fff } .product-card.alt-loaded:focus .product-card__gallery-image--alt, .product-card.alt-loaded:hover .product-card__gallery-image--alt { opacity: 1; transition: opacity .15s ease-out } .product-card__gallery-placeholder { position: absolute; left: 0; bottom: 0; top: 0; right: 0; background-color: #faf6f0; opacity: 1 } .alternate-theme .product-card__gallery-placeholder { background-color: #fff } .is-loaded .product-card__gallery-placeholder { opacity: 0; pointer-events: none; transition: opacity .3s ease-in } .product-card__gallery-no-image { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100px; height: 100px; border-radius: 50%; background-color: #ede2d6; color: #000; display: flex; align-items: center; justify-content: center; text-align: center; font-size: .75rem; line-height: 1.4166666667 } .product-card__info { margin-top: 20px; text-align: center; flex: 1; display: flex; flex-direction: column } .product-card__info .btn, .product-card__info .product-card__info-price { margin-top: auto } .product-card__info-title { font-size: 1.5rem; padding: 0; margin-bottom: .25rem } .page--inverted .product-card__info-title a { color: #fff } .product-card__info-subtitle { font-size: 1rem; color: #4f4f4f; margin-bottom: .25rem } .page--inverted .product-card__info-subtitle { color: #828282 } .product-card__info-price { font-size: 1.25rem; margin-bottom: .5rem } .product-card__info-price s { color: #828282 } .page--inverted .product-card__info-price { color: #fff } .product-card__info-abv { font-size: .875rem } .page--inverted .product-card__info-abv { color: #fff } .product-card__description { margin-top: 15px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical } .membership-card { text-align: center; position: relative; display: flex; flex-direction: column } .membership-card.swiper-slide { height: auto } .swiper-initialized .membership-card.swiper-slide { height: 100% } .membership-card__topper { position: relative; padding-left: 20px; padding-right: 20px } .membership-card__topper:before { content: ""; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; background: #fff } .membership-card__main { background: #fff; padding: 30px 20px; flex-grow: 1 } .membership-card__emblem { position: relative; width: 100%; height: 105px; padding-left: 20px; padding-right: 20px; text-align: center } .membership-card__emblem img { -o-object-fit: contain; object-fit: contain; height: 100% } .membership-card__title { font-size: .75rem; line-height: 1.4166666667; letter-spacing: .05em; text-transform: uppercase; font-weight: 500 } .membership-card__price-wrap { margin-top: 20px; margin-bottom: 20px } .membership-card__price { font-size: 3.125rem; line-height: 1.3; font-weight: 500 } .membership-card__subprice { font-size: 1rem; line-height: 1.4375rem; color: #828282; height: 1.5rem } .membership-card__description { margin-top: 20px; margin-bottom: 20px; font-size: 1.25rem; line-height: 1.5; color: #828282; padding-left: 20px; padding-right: 20px } .membership-card__cta { margin-top: 1rem; margin-bottom: 30px } .membership-card__divider { border-top: 1px solid #bdbdbd } .membership-card__features { font-size: .875rem; line-height: 1.1428571429; text-align: left; margin-top: 30px; list-style-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.414 6.92l4.017 3.922 6.527-9.525' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E"); padding: 0 } @media (min-width:992px) { .membership-card__features { padding: 0 40px } } .membership-card__features li { margin-bottom: 20px; padding-left: 15px } .membership-card__footer { text-align: left; font-size: .875rem; line-height: 1.1428571429; padding-left: 55px } @media (min-width:992px) { .membership-card__footer { padding-left: 95px } } .membership-card__footer p { font-size: .875rem; line-height: 1.1428571429 } .membership-card__footer a { text-decoration: underline } .membership-card__footer a:focus, .membership-card__footer a:hover { color: #4f4f4f } .chosen-container { width: 100%!important; max-width: 100%; font-size: 1rem; color: #000 } .chosen-container .chosen-drop { box-shadow: none; border-color: #000; border-top: 1px solid #000; clip: auto; opacity: 0; pointer-events: none; transition: all .15s ease-in-out; margin-top: 18px } .chosen-container.chosen-with-drop .chosen-drop { opacity: 1; pointer-events: auto; transition: all .15s ease-in-out; border-radius: 4px; background-color: transparent } .chosen-container .chosen-results { margin: 0; padding: 0; color: #000 } .chosen-container .chosen-results li { background-color: #fff; padding: .5rem; line-height: inherit; transition: all .05s ease-in-out } .chosen-container .chosen-results li.result-selected { color: #fff; background-color: #333 } .chosen-container .chosen-results li.highlighted { color: #fff; background-color: #4f4f4f; background-image: none } .chosen-container-single .chosen-single { padding: .375rem 10px!important; background-color: #fff; border-radius: 4px; border: 1px solid #000; box-shadow: none; background-image: none; font-size: 1rem; color: #000 } .chosen-container-single .chosen-single div { width: 30px } .chosen-container-single .chosen-single div b { transition: all .15s ease-in-out } .chosen-container-single .chosen-search, .chosen-container-single .chosen-search-input { display: none } .chosen-container-single .chosen-drop, .chosen-container-single .chosen-drop .chosen-results { border-radius: 4px } .chosen-container-active .chosen-single { box-shadow: none } .chosen-container-active.chosen-with-drop .chosen-single { background-color: #fff; background-image: none; border-color: #000; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } .chosen-container-active.chosen-with-drop .chosen-single div b { opacity: 1; -webkit-transform: rotate(180deg); transform: rotate(180deg) } .chosen-disabled, .chosen-disabled .chosen-single { cursor: not-allowed } .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-rtl .chosen-search input[type=text] { background-image: none!important } .chosen-container-single .chosen-single div b { background-position: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='14' viewBox='0 2 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6l4.95 4.95.707.707.707-.707L11.314 6l-.707-.707-4.95 4.95-4.95-4.95L0 6z' fill='%23000'/%3E%3C/svg%3E")!important; background-repeat: no-repeat; background-position: 50%!important; background-color: transparent; background-size: 12px auto!important } .content-grid { display: flex; flex-wrap: wrap; justify-content: flex-start; flex-direction: row; margin-left: -10px; margin-right: -10px; margin-bottom: -20px } .content-grid--centered { justify-content: center } .content-grid--flush { margin-left: 0; margin-right: 0; margin-bottom: 0 } .content-grid--tight { margin-bottom: -10px } .content-grid--loose { margin-bottom: -60px } .content-grid__item { flex: 1; flex-basis: 100%; max-width: 100%; margin-bottom: 20px; padding: 0 10px } @media (min-width:576px) { .content-grid__item { flex-basis: 50%; max-width: 50% } } @media (min-width:992px) { .content-grid__item { flex-basis: 33.3333333333%; max-width: 33.3333333333% } } .content-grid--1-col .content-grid__item { flex-basis: 100%; max-width: 100% } .content-grid--2-col .content-grid__item { flex-basis: 50%; max-width: 50% } .content-grid--3-col .content-grid__item { flex-basis: 33.3333333333%; max-width: 33.3333333333% } .content-grid--4-col .content-grid__item { flex-basis: 25%; max-width: 25% } .content-grid--5-col .content-grid__item { flex-basis: 20%; max-width: 20% } .content-grid--6-col .content-grid__item { flex-basis: 16.6666666667%; max-width: 16.6666666667% } @media (min-width:576px) { .content-grid--sm-1-col .content-grid__item { flex-basis: 100%; max-width: 100% } .content-grid--sm-2-col .content-grid__item { flex-basis: 50%; max-width: 50% } .content-grid--sm-3-col .content-grid__item { flex-basis: 33.3333333333%; max-width: 33.3333333333% } .content-grid--sm-4-col .content-grid__item { flex-basis: 25%; max-width: 25% } .content-grid--sm-5-col .content-grid__item { flex-basis: 20%; max-width: 20% } .content-grid--sm-6-col .content-grid__item { flex-basis: 16.6666666667%; max-width: 16.6666666667% } } @media (min-width:768px) { .content-grid--md-1-col .content-grid__item { flex-basis: 100%; max-width: 100% } .content-grid--md-2-col .content-grid__item { flex-basis: 50%; max-width: 50% } .content-grid--md-3-col .content-grid__item { flex-basis: 33.3333333333%; max-width: 33.3333333333% } .content-grid--md-4-col .content-grid__item { flex-basis: 25%; max-width: 25% } .content-grid--md-5-col .content-grid__item { flex-basis: 20%; max-width: 20% } .content-grid--md-6-col .content-grid__item { flex-basis: 16.6666666667%; max-width: 16.6666666667% } } @media (min-width:992px) { .content-grid--lg-1-col .content-grid__item { flex-basis: 100%; max-width: 100% } .content-grid--lg-2-col .content-grid__item { flex-basis: 50%; max-width: 50% } .content-grid--lg-3-col .content-grid__item { flex-basis: 33.3333333333%; max-width: 33.3333333333% } .content-grid--lg-4-col .content-grid__item { flex-basis: 25%; max-width: 25% } .content-grid--lg-5-col .content-grid__item { flex-basis: 20%; max-width: 20% } .content-grid--lg-6-col .content-grid__item { flex-basis: 16.6666666667%; max-width: 16.6666666667% } } @media (min-width:1200px) { .content-grid--xl-1-col .content-grid__item { flex-basis: 100%; max-width: 100% } .content-grid--xl-2-col .content-grid__item { flex-basis: 50%; max-width: 50% } .content-grid--xl-3-col .content-grid__item { flex-basis: 33.3333333333%; max-width: 33.3333333333% } .content-grid--xl-4-col .content-grid__item { flex-basis: 25%; max-width: 25% } .content-grid--xl-5-col .content-grid__item { flex-basis: 20%; max-width: 20% } .content-grid--xl-6-col .content-grid__item { flex-basis: 16.6666666667%; max-width: 16.6666666667% } } @media (min-width:1480px) { .content-grid--xxl-1-col .content-grid__item { flex-basis: 100%; max-width: 100% } .content-grid--xxl-2-col .content-grid__item { flex-basis: 50%; max-width: 50% } .content-grid--xxl-3-col .content-grid__item { flex-basis: 33.3333333333%; max-width: 33.3333333333% } .content-grid--xxl-4-col .content-grid__item { flex-basis: 25%; max-width: 25% } .content-grid--xxl-5-col .content-grid__item { flex-basis: 20%; max-width: 20% } .content-grid--xxl-6-col .content-grid__item { flex-basis: 16.6666666667%; max-width: 16.6666666667% } } .content-grid__item.content-grid__item--full { flex-basis: 100%; max-width: 100% } .content-grid--flush .content-grid__item { padding-left: 0; padding-right: 0; margin-bottom: 0 } .content-grid--tight .content-grid__item { margin-bottom: 10px } .content-grid--loose .content-grid__item { margin-bottom: 60px } .content-footer, .content-header { text-align: center; margin-top: 20px; margin-bottom: 20px } .content-header--tight { margin-bottom: 10px } .content-header--loose { margin-bottom: 30px } @media (min-width:768px) { .content-header--loose { margin-bottom: 40px } } .content-header__title { margin-bottom: 0 } .page--inverted .content-header__title { color: #fff } .content-header__subtitle { font-size: 1.25rem; max-width: 40em; margin-left: auto; margin-right: auto } .content-header__title+.content-header__subtitle { margin-top: 1rem } .page--inverted .content-header__subtitle { color: #fff } .template-page-components code, .template-page-how-to code, .template-page-styles code { font-size: .875rem; padding: 1px 5px; background: #f7f7f7; border: 1px solid #f0f0f0; border-radius: 5px; color: #ad084b } .docs-title { max-width: 450px; margin: 80px 0 50px; padding-top: 100px; padding-bottom: 12px; border-bottom: 1px solid #e9ecef } .docs-subtitle { margin: 0 0 50px; padding-top: 100px } .docs-subsubtitle { margin: 40px 0 25px } .docs-well { padding: 10px; margin: 2rem -10px; border: 1px solid #e7d4b7; border-radius: 3px; box-shadow: -4px 6px 10px -8px rgba(225, 200, 164, .8) } .docs-well--dark { background-color: #000; border-color: #000; border-radius: 0 } .docs-well--accent { background-color: #f5ede1; border-color: #f5ede1; border-radius: 0 } .docs-well--constrained { max-width: 500px } .docs-code-example { padding: 10px; background: #f6efe5; margin-bottom: 2rem } .docs-code-example pre { padding: 0; margin-top: 0; margin-bottom: 0; background-color: transparent; border: 0 } .docs-code-example pre code { font-size: .875rem; color: #000; background: none; border: none; padding: none } .docs-text-list { padding-left: 0; list-style: none; max-width: 400px } .docs-text-list li { margin-bottom: 0; padding: 10px } .styleguide-icons { list-style: none; padding: 0; margin: 0 } .styleguide-icons li { display: inline-block; margin: 0 18px 0 0 } .show-grid { margin-bottom: 15px } .show-grid.content-grid .content-grid__item>*, .show-grid [class^=col-] { padding-top: 10px; padding-bottom: 10px; background-color: #eee; background-color: rgba(173, 8, 75, .15); border: 1px solid #ddd; border: 1px solid rgba(173, 8, 75, .2) } .show-grid.content-grid .content-grid__item>* { text-align: center } .styleguide-color { display: inline-block; margin: 0 15px 15px 0 } .styleguide-color code { padding: 0; background: none; border: none; color: #000; font-size: .875rem } .styleguide-color__swatch { height: 100px; width: 100px; margin-bottom: 10px; border: 1px solid transparent } .styleguide-color__swatch--white { background-color: #fff; border-color: #f2f2f2 } .styleguide-color__swatch--gray-lighter { background-color: #f8f9fa } .styleguide-color__swatch--gray-light { background-color: #e9ecef } .styleguide-color__swatch--gray { background-color: #828282 } .styleguide-color__swatch--gray-dark { background-color: #666 } .styleguide-color__swatch--gray-darker { background-color: #494949 } .styleguide-color__swatch--gray-darkest { background-color: #212529 } .styleguide-color__swatch--black { background-color: #000 } .styleguide-color__swatch--blue { background-color: #4e85e6 } .styleguide-color__swatch--indigo { background-color: #6610f2 } .styleguide-color__swatch--purple { background-color: #8174cd } .styleguide-color__swatch--pink { background-color: #d885c1 } .styleguide-color__swatch--red { background-color: #dc3545 } .styleguide-color__swatch--orange { background-color: #f48d52 } .styleguide-color__swatch--yellow { background-color: #eee57a } .styleguide-color__swatch--green { background-color: #00a465 } .styleguide-color__swatch--teal { background-color: #20c997 } .styleguide-color__swatch--cyan { background-color: #17a2b8 } .styleguide-color__swatch--khaki { background-color: #c0b095 } .styleguide-color__swatch--brown { background-color: #816960 } .styleguide-color__swatch--tan { background-color: #d3b69f } .styleguide-color__swatch--cloud { background-color: #e0e0e0 } .styleguide-color__swatch--linen { background-color: #faf6f0 } .styleguide-color__swatch--sand { background-color: #ede2d6 } .styleguide-color__swatch--silver { background-color: #bdbdbd } .styleguide-color__swatch--charcoal { background-color: #4f4f4f } .styleguide-color__swatch--smoke { background-color: #333 } .styleguide-color__swatch--gallery { background-color: #efefef } .styleguide-color__swatch--cararra { background-color: #ebe8e3 } .styleguide-color__swatch--cinnabar { background-color: #e54e3f } .styleguide-color__swatch--concrete { background-color: #f2f2f2 } .styleguide-color__swatch--primary { background-color: #000 } .dots { margin: 0 -3px -6px; padding: 0; overflow: hidden } .dots--small { margin: 0 0 -6px } .dot { display: inline-block; position: relative; margin-left: 3px; margin-right: 3px; margin-bottom: 6px; padding: 2px; height: 30px; width: 30px; cursor: pointer; vertical-align: top; border: 1px solid transparent; border-radius: 0; overflow: hidden; line-height: 24px; font-size: .75rem; text-transform: uppercase; text-align: center; transition: border-color .15s ease-in } .dot.is-active { border-color: #000; transition: border-color .15s ease-out } .dots--small .dot { margin-left: 0; margin-right: 0; margin-bottom: 0; padding: 0; height: 22px; width: 22px; border: 1px solid transparent; border-radius: 0; line-height: 19px; font-size: .75rem } .dots--small .dot.is-active { border-color: #000 } .dot.is-disabled { cursor: not-allowed } .dot.is-disabled .dot__inner { opacity: .2 } .dot.is-disabled:before { content: ""; position: absolute; top: -20%; left: 50%; height: 140%; width: 1px; background-color: #000; border: none; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .dot .dot__inner { height: 100%; border-radius: 0; border: 1px solid transparent; background-size: auto; background-position: 50%; background-repeat: no-repeat } .dot.dots--small .dot__inner { border-radius: 0 } .dot.dot--white .dot__inner { background-color: #fff!important; border-color: #e6e5e5!important } .dot.dot--gray-lighter .dot__inner { background-color: #f8f9fa!important; border-color: #f8f9fa!important } .dot.dot--gray-light .dot__inner { background-color: #e9ecef!important; border-color: #e9ecef!important } .dot.dot--gray .dot__inner { background-color: #828282!important; border-color: #828282!important } .dot.dot--gray-dark .dot__inner { background-color: #666!important; border-color: #666!important } .dot.dot--gray-darker .dot__inner { background-color: #494949!important; border-color: #494949!important } .dot.dot--gray-darkest .dot__inner { background-color: #212529!important; border-color: #212529!important } .dot.dot--black .dot__inner { background-color: #000!important; border-color: #000!important } .dot.dot--blue .dot__inner { background-color: #4e85e6!important; border-color: #4e85e6!important } .dot.dot--indigo .dot__inner { background-color: #6610f2!important; border-color: #6610f2!important } .dot.dot--purple .dot__inner { background-color: #8174cd!important; border-color: #8174cd!important } .dot.dot--pink .dot__inner { background-color: #d885c1!important; border-color: #d885c1!important } .dot.dot--red .dot__inner { background-color: #dc3545!important; border-color: #dc3545!important } .dot.dot--orange .dot__inner { background-color: #f48d52!important; border-color: #f48d52!important } .dot.dot--yellow .dot__inner { background-color: #eee57a!important; border-color: #eee57a!important } .dot.dot--green .dot__inner { background-color: #00a465!important; border-color: #00a465!important } .dot.dot--teal .dot__inner { background-color: #20c997!important; border-color: #20c997!important } .dot.dot--cyan .dot__inner { background-color: #17a2b8!important; border-color: #17a2b8!important } .dot.dot--khaki .dot__inner { background-color: #c0b095!important; border-color: #c0b095!important } .dot.dot--brown .dot__inner { background-color: #816960!important; border-color: #816960!important } .dot.dot--tan .dot__inner { background-color: #d3b69f!important; border-color: #d3b69f!important } .dot.dot--cloud .dot__inner { background-color: #e0e0e0!important; border-color: #e0e0e0!important } .dot.dot--linen .dot__inner { background-color: #faf6f0!important; border-color: #faf6f0!important } .dot.dot--sand .dot__inner { background-color: #ede2d6!important; border-color: #ede2d6!important } .dot.dot--silver .dot__inner { background-color: #bdbdbd!important; border-color: #bdbdbd!important } .dot.dot--charcoal .dot__inner { background-color: #4f4f4f!important; border-color: #4f4f4f!important } .dot.dot--smoke .dot__inner { background-color: #333!important; border-color: #333!important } .dot.dot--gallery .dot__inner { background-color: #efefef!important; border-color: #efefef!important } .dot.dot--cararra .dot__inner { background-color: #ebe8e3!important; border-color: #ebe8e3!important } .dot.dot--cinnabar .dot__inner { background-color: #e54e3f!important; border-color: #e54e3f!important } .dot.dot--concrete .dot__inner { background-color: #f2f2f2!important; border-color: #f2f2f2!important } .dots-preview .dots { overflow: visible } .dots-preview-item { display: inline-block; padding: 0 12px 12px; border-bottom: 1px solid transparent } .dots-preview-item.is-active { -webkit-transform: scale(1.3); transform: scale(1.3); border-bottom-color: #f1e6d5 } .dots-preview-item__title { margin-top: 5px; font-size: .875rem } body.drawer-open { overflow: hidden } .drawer { position: fixed; z-index: 2201; top: 0; right: 0; width: 100%; max-height: 100%; background: #fff; border: 1px solid #f2f2f2; pointer-events: none; overflow: scroll; -webkit-overflow-scrolling: touch; -webkit-transform: translateX(100%); transform: translateX(100%); transition: all .3s ease-in-out } .drawer--left { left: 0; right: auto; -webkit-transform: translateX(-100%); transform: translateX(-100%) } .drawer.is-visible { pointer-events: auto; -webkit-transform: translateX(0); transform: translateX(0); transition: all .3s ease-in-out } @media (min-width:576px) { .drawer { max-width: 400px } } .drawer .drawer__inner { padding: 30px } .drawer .drawer__header { position: relative; margin-bottom: 20px; padding: 30px 0 1rem; border-bottom: 2px solid #f2f2f2 } .drawer .drawer__header .drawer__close { position: absolute; top: 0; right: 0 } .drawer .drawer__header-title { margin: 0; padding: 0; font-size: 1.25rem } .drawer .drawer__body--flush { margin-left: -30px; margin-right: -30px } .drawer__body--flush .drawer .drawer__body-contents { padding-left: 30px; padding-right: 30px } .drawer .drawer__footer { margin-top: 20px; padding: 1rem 0 0; border-top: 2px solid #f2f2f2 } .drawer-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2200; background-color: #000; opacity: 0; pointer-events: none; transition: all .4s cubic-bezier(.4, .5, .5, 1) } .drawer-backdrop.is-visible { opacity: .75; pointer-events: auto; transition: all .4s cubic-bezier(.34, .75, .6, 1) } .expandable-list:not(:last-of-type) { margin-bottom: 1rem } .expandable-list__header { padding: 10px 0 } .expandable-list__header-title { display: flex; align-items: center; justify-content: space-between } .expandable-list__header-title svg.icon { width: 15px; transition: -webkit-transform .3s cubic-bezier(.42, 0, .13, 1.04); transition: transform .3s cubic-bezier(.42, 0, .13, 1.04); transition: transform .3s cubic-bezier(.42, 0, .13, 1.04), -webkit-transform .3s cubic-bezier(.42, 0, .13, 1.04) } .expandable-list.is-open .expandable-list__header-title svg.icon { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .expandable-list__item { padding: 12px 0 } .expandable-list__item:not(:last-of-type) { border-bottom: 1px solid #efefef } .expandable-list__item-title { display: block } .is-selected .expandable-list__item-title { font-weight: 700 } .expandable-list__item-title .expandable-list__item-status-icon { float: right; opacity: 0; transition: opacity .15s cubic-bezier(.42, 0, .13, 1.04) } .is-selected .expandable-list__item-title .expandable-list__item-status-icon { opacity: 1 } .expandable-list__item-title .expandable-list__item-status-icon svg { height: 12px; width: 12px } .filter-cats__list { display: flex; justify-content: center; align-items: stretch; list-style: none; margin: 0; overflow-x: auto; overflow-y: hidden; padding: 8px 0 } .filter-cats__item { flex-shrink: 0; display: flex } .filter-cats__item:not(:last-child) { margin-right: 42.5px } @media (min-width:768px) { .filter-cats__item { margin-bottom: 0 } } .filter-cats__link { display: inline-block; padding-bottom: 4px } .filter-cats__link:not(.filter-cats__link--active) { border-bottom-color: transparent; font-weight: 500; color: #4f4f4f } .filter-cats__select { margin-bottom: 50px } .frame { position: relative; background-size: cover; background-position: 50% } .frame:before { display: block; content: ""; width: 100% } .frame .frame__inner { position: absolute; left: 0; bottom: 0; top: 0; right: 0 } .frame--1x1:before { padding-top: 100% } .frame--6x4:before { padding-top: 66.6666666667% } .frame--4x6:before { padding-top: 150% } .frame--16x9:before { padding-top: 56.25% } .frame--9x16:before { padding-top: 177.777777778% } .frame--4x3:before { padding-top: 75% } .frame--3x4:before { padding-top: 133.333333333% } @media (min-width:576px) { .frame--sm-1x1:before { padding-top: 100% } .frame--sm-6x4:before { padding-top: 66.6666666667% } .frame--sm-4x6:before { padding-top: 150% } .frame--sm-16x9:before { padding-top: 56.25% } .frame--sm-9x16:before { padding-top: 177.777777778% } .frame--sm-4x3:before { padding-top: 75% } .frame--sm-3x4:before { padding-top: 133.333333333% } } @media (min-width:768px) { .frame--md-1x1:before { padding-top: 100% } .frame--md-6x4:before { padding-top: 66.6666666667% } .frame--md-4x6:before { padding-top: 150% } .frame--md-16x9:before { padding-top: 56.25% } .frame--md-9x16:before { padding-top: 177.777777778% } .frame--md-4x3:before { padding-top: 75% } .frame--md-3x4:before { padding-top: 133.333333333% } } @media (min-width:992px) { .frame--lg-1x1:before { padding-top: 100% } .frame--lg-6x4:before { padding-top: 66.6666666667% } .frame--lg-4x6:before { padding-top: 150% } .frame--lg-16x9:before { padding-top: 56.25% } .frame--lg-9x16:before { padding-top: 177.777777778% } .frame--lg-4x3:before { padding-top: 75% } .frame--lg-3x4:before { padding-top: 133.333333333% } } @media (min-width:1200px) { .frame--xl-1x1:before { padding-top: 100% } .frame--xl-6x4:before { padding-top: 66.6666666667% } .frame--xl-4x6:before { padding-top: 150% } .frame--xl-16x9:before { padding-top: 56.25% } .frame--xl-9x16:before { padding-top: 177.777777778% } .frame--xl-4x3:before { padding-top: 75% } .frame--xl-3x4:before { padding-top: 133.333333333% } } @media (min-width:1480px) { .frame--xxl-1x1:before { padding-top: 100% } .frame--xxl-6x4:before { padding-top: 66.6666666667% } .frame--xxl-4x6:before { padding-top: 150% } .frame--xxl-16x9:before { padding-top: 56.25% } .frame--xxl-9x16:before { padding-top: 177.777777778% } .frame--xxl-4x3:before { padding-top: 75% } .frame--xxl-3x4:before { padding-top: 133.333333333% } } .icon { display: inline-block; width: 20px; height: 20px; vertical-align: middle; fill: currentColor } .no-svg .icon { display: none } svg.icon:not(.icon--full-color) circle, svg.icon:not(.icon--full-color) ellipse, svg.icon:not(.icon--full-color) g, svg.icon:not(.icon--full-color) line, svg.icon:not(.icon--full-color) path, svg.icon:not(.icon--full-color) polygon, svg.icon:not(.icon--full-color) polyline, svg.icon:not(.icon--full-color) rect, symbol.icon:not(.icon--full-color) circle, symbol.icon:not(.icon--full-color) ellipse, symbol.icon:not(.icon--full-color) g, symbol.icon:not(.icon--full-color) line, symbol.icon:not(.icon--full-color) path, symbol.icon:not(.icon--full-color) polygon, symbol.icon:not(.icon--full-color) polyline, symbol.icon:not(.icon--full-color) rect { fill: inherit; stroke: inherit } .icon.icon-play .icon-play__circle { fill: none; stroke: currentColor; stroke-width: 1px } .icon.icon-play .icon-play__triangle { fill: currentColor } .icon.icon-pause .icon-pause__circle { fill: none; stroke: currentColor; stroke-width: 1px } .icon.icon-pause .icon-pause__bar { fill: currentColor } .icon-fallback-text { position: absolute!important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 } .no-svg .icon-fallback-text { position: static!important; overflow: auto; clip: auto; width: auto; height: auto; margin: 0 } .image-carousel__wrapper { max-width: 900px; margin-left: auto; margin-right: auto } .image-carousel__image { -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; width: 100%; height: 100% } .klaviyo-form { position: relative } .klaviyo-form__bg-container { overflow: hidden; position: absolute; left: 0; bottom: 0; top: 0; right: 0; z-index: -1 } .klaviyo-form__bg-image { position: absolute; left: 0; bottom: 0; top: 0; right: 0; background-size: cover; background-position: 50% } .klaviyo-form__container { position: relative; display: flex; align-items: center; padding-top: 60px; padding-bottom: 60px } .klaviyo-form__form-container { width: 480px; margin-left: auto; margin-right: auto; padding: 50px 30px 30px; background-color: hsla(0, 0%, 100%, .94) } .klaviyo-form__contents { width: 100% } .klaviyo-form__label { text-transform: uppercase; color: #000 } .klaviyo-form__form-group { margin-bottom: 40px } .klaviyo-form__form-group ::-webkit-input-placeholder { color: #828282 } .klaviyo-form__form-group :-moz-placeholder, .klaviyo-form__form-group ::-moz-placeholder { color: #828282 } .klaviyo-form__form-group :-ms-input-placeholder { color: #828282 } .form-group--floating-label input+.klaviyo-form__label { -webkit-transform: translateY(-14px); transform: translateY(-14px); opacity: 1 } .minimal-input-box { position: relative; display: flex; align-items: stretch; padding-left: 0; padding-right: 0 } .minimal-input-box #search-overlay { width: 100% } .minimal-input-box__input, .minimal-input-box__submit { border: none; border-bottom: 1px solid #000 } .minimal-input-box__input { height: 33px; padding-top: 0; color: #000; padding-top: 0!important; padding-bottom: 0!important } .minimal-input-box__input, .minimal-input-box__input:focus, .minimal-input-box__submit { background-color: transparent } .minimal-input-box__submit { text-align: right; font-size: .875rem; font-weight: 500; letter-spacing: .05em; flex: 1 0 30px; cursor: pointer; text-transform: uppercase; border-bottom: 1px solid #000; display: flex; align-items: flex-end; white-space: nowrap } .minimal-input-box--inverted .minimal-input-box__input, .minimal-input-box--inverted .minimal-input-box__input:focus, .minimal-input-box--inverted .minimal-input-box__submit { color: #fff; border-color: #fff } .minimal-input-box--inverted .minimal-input-box__submit svg { fill: #fff } .minimal-input-box--large .minimal-input-box__input { height: 60px; font-size: 24px } @media (min-width:768px) { .minimal-input-box--large .minimal-input-box__input { font-size: 40px } } .minimal-input-box--large .minimal-input-box__submit svg { height: 25px; width: 25px } .minimal-input-box--borderless .minimal-input-box__input, .minimal-input-box--borderless .minimal-input-box__submit { border-color: transparent!important } .minimal-input-box__feedback { position: absolute; top: 100% } .nav__toggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; cursor: pointer; display: flex; padding: 0; justify-content: center; align-items: center; height: 25px; width: 25px; transition: .15s; margin-left: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent } .nav__toggle>* { display: block } .nav__toggle:focus, .nav__toggle:hover { outline: none } .nav__toggle::-moz-focus-inner { border: 0 } .nav__toggle__lines { width: 25px; position: relative } .nav__toggle__lines, .nav__toggle__lines:after, .nav__toggle__lines:before { display: inline-block; height: 2px; transition: .15s; background-color: #4f4f4f; border-radius: 1px } .nav__toggle__lines:after, .nav__toggle__lines:before { width: 25px; content: ""; position: absolute; left: 0; -webkit-transform-origin: 100% center; transform-origin: 100% center; width: 100%; will-change: transform } .nav__toggle__lines:before { top: 8px } .nav__toggle__lines:after { top: -8px } .nav__toggle:focus .nav__toggle__lines, .nav__toggle:focus:after, .nav__toggle:focus:before, .nav__toggle:hover .nav__toggle__lines, .nav__toggle:hover:after, .nav__toggle:hover:before { background-color: #000 } .nav__toggle.is-open .nav__toggle__lines, .nav__toggle:focus.is-open .nav__toggle__lines, .nav__toggle:hover.is-open .nav__toggle__lines { background-color: transparent } .nav__toggle.is-open .nav__toggle__lines:after, .nav__toggle.is-open .nav__toggle__lines:before { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 25px } .nav__toggle.is-open .nav__toggle__lines:before { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .nav__toggle.is-open .nav__toggle__lines:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .newsletter-form-contents, .slideup-form-contents { position: relative; width: 100% } .newsletter-form-inputs { transition: opacity .5s ease-out; transition-delay: .3s } @media (max-width:767.98px) { .newsletter-form-inputs .minimal-input-box__input { min-width: auto } } .newsletter-form-message { position: absolute; left: 0; bottom: 0; top: 0; right: 0; z-index: 1; text-align: center; opacity: 0; pointer-events: none; transition: opacity .3s ease-out; transition-delay: 0ms } .newsletter-form-contents.show-message .newsletter-form-inputs, .show-message.slideup-form-contents .newsletter-form-inputs { opacity: 0; pointer-events: none; transition-duration: .3s; transition-delay: 0ms; transition-timing-function: ease-in } .newsletter-form-contents.show-message .newsletter-form-message, .show-message.slideup-form-contents .newsletter-form-message { opacity: 1; pointer-events: auto; transition-duration: .5s; transition-delay: .3s; transition-timing-function: ease-out } .overlay, .overlay-open { overflow: hidden } .overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; background: #fff; z-index: 2400; pointer-events: none; outline: 0; transition: opacity .6s ease-in } .overlay, .overlay-open .overlay { -webkit-overflow-scrolling: touch } .overlay-open .overlay { overflow-x: hidden; overflow-y: auto } .overlay.is-visible { pointer-events: auto; opacity: 1; transition: opacity .6s cubic-bezier(0, 0, .23, 1.43) } .overlay__content-wrapper { display: flex; align-items: center; height: 100% } .overlay__content { width: 100%; max-width: 1440px; margin: auto; padding: 60px 20px; opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); transition: all .6s ease-in 0s } .is-visible .overlay__content { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: opacity .3s cubic-bezier(0, 0, .23, 1.43) .3s, -webkit-transform .6s cubic-bezier(0, 0, 0, 1) .3s; transition: opacity .3s cubic-bezier(0, 0, .23, 1.43) .3s, transform .6s cubic-bezier(0, 0, 0, 1) .3s; transition: opacity .3s cubic-bezier(0, 0, .23, 1.43) .3s, transform .6s cubic-bezier(0, 0, 0, 1) .3s, -webkit-transform .6s cubic-bezier(0, 0, 0, 1) .3s } .overlay>.overlay__close { position: fixed; z-index: 1; top: 10px; right: 10px } .page-header { padding-top: 24px; padding-bottom: 24px; text-align: center } @media (min-width:768px) { .page-header { padding-top: 50px; padding-bottom: 50px } } @media (min-width:768px) { .page-header--left { text-align: left } } @media (min-width:768px) { .page-header--right { text-align: right } } .page-header__title { margin: 0 } .page-header__subtitle { max-width: 50em; margin: 0 auto } @media (min-width:768px) { .page-header--left .page-header__subtitle { margin-left: 0 } .page-header--right .page-header__subtitle { margin-right: 0 } } .page-header__title+.page-header__subtitle { margin-top: 15px } .page-hero { display: flex; align-items: center; position: relative; margin: 0 0 30px; padding-top: 120px; padding-bottom: 120px; text-align: center } @media (min-width:992px) { .page-hero { padding-top: 150px; padding-bottom: 150px } } @media (min-width:768px) { .page-hero--text-left { text-align: left } } @media (min-width:768px) { .page-hero--text-right { text-align: right } } .page-hero--light a { color: #fff } .page-hero__title { margin-bottom: 20px } .page-hero--light .page-hero__title { color: #fff } .page-hero__toptitle { margin-bottom: 20px } .page-hero--light .page-hero__subtitle, .page-hero--light .page-hero__toptitle { color: #fff } .page-hero__text { margin-bottom: 0 } .page-hero__cta { margin-top: 40px } .page-hero__bg, .page-hero__bg-image { position: absolute; left: 0; bottom: 0; top: 0; right: 0; z-index: -1; background-size: cover; background-position: 50%; background-repeat: no-repeat } .page-hero__content { padding: 50px 30px; background: hsla(0, 0%, 100%, .9) } .page-hero--content-left .page-hero__content { margin-left: 0!important } .page-hero--content-right .page-hero__content { margin-right: 0!important } .page-hero--light .page-hero__content { background-color: transparent } .pagination { display: flex; justify-content: center; align-items: center; text-align: center; padding: 50px 0 } .pagination .next, .pagination .page, .pagination .prev { display: inline-block; margin: 0 8px } .pagination .page.current { width: 32px; height: 32px; line-height: 32px; background: #000; border-radius: 50% } .pagination .page.current a { color: #fff } .panel__body, .panel__header { padding: 15px 30px; border: 1px solid #efefef } .panel__title { margin: 0 } .panel__title:after { display: block; clear: both; content: "" } .panel__title a { display: block } .panel__title-icon { float: right } .panel__body { border-top: none } .panel-group, .panel__body { margin-bottom: 30px } .panel-group .panel__body { margin-bottom: 0 } .panel-group .panel+.panel { margin-top: 0 } .panel-group .panel+.panel .panel__header { border-top: none } .panel__title-icon-expand-trigger { position: relative; display: inline-block; height: 20px; width: 20px; transition: -webkit-transform .3s cubic-bezier(.42, 0, .13, 1.04); transition: transform .3s cubic-bezier(.42, 0, .13, 1.04); transition: transform .3s cubic-bezier(.42, 0, .13, 1.04), -webkit-transform .3s cubic-bezier(.42, 0, .13, 1.04) } .panel__title-icon-expand-trigger:after, .panel__title-icon-expand-trigger:before { content: ""; position: absolute; background: #000 } .panel__title-icon-expand-trigger:before { height: 2px; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-1px); transform: translateY(-1px) } .panel__title-icon-expand-trigger:after { width: 2px; top: 0; bottom: 0; left: 50%; -webkit-transform: translateX(-1px); transform: translateX(-1px) } .is-open .panel__title-icon-expand-trigger { -webkit-transform: rotate(135deg); transform: rotate(135deg) } .product-grid { padding-top: 50px; padding-bottom: 50px } @media (min-width:992px) { .product-grid { padding-top: 100px; padding-bottom: 60px } } .product-grid .product-card { min-width: 25% } .product-grid .content-header { margin-bottom: 10px } .product-grid .swiper-wrapper { padding-top: 15px; padding-bottom: 15px } .product-grid__tabs { text-align: center } .product-grid__tabs .chosen-container { text-align: left } .product-grid__tabs-select { margin-bottom: 10px } .product-grid__nav { list-style: none; overflow-x: auto; overflow-y: hidden; padding: .5rem 0; margin: 0 0 1.5rem } @media (min-width:768px) { .product-grid__nav { display: inline-flex; justify-content: flex-start; align-items: stretch } } .product-grid__nav-item { flex-shrink: 0; display: block } .product-grid__nav-item:not(:last-child) { margin-bottom: 1.5rem } @media (min-width:768px) { .product-grid__nav-item { margin-right: 15px; margin-left: 15px; margin-bottom: 0 } } .product-grid__nav-link { display: inline-block } .product-grid__nav-link:not(.active) { border-bottom: .125rem solid transparent; font-weight: 400 } .product-grid__select, .product-grid__tabs-select { max-width: 230px; margin-left: auto; margin-right: auto } .product-grid__tab-content .tab-pane:not(.active) { margin-top: 0; display: none } @media (min-width:992px) { .promo { display: flex; align-items: stretch } .promo--layout-left .promo__col:first-child { padding-left: 0 } .promo--layout-left .promo__col:last-child { padding-right: 0 } .promo--layout-right { flex-direction: row-reverse } .promo--layout-right .promo__col:first-child { padding-right: 0 } .promo--layout-right .promo__col:last-child { padding-left: 0 } .promo .promo__col { width: 50% } .promo.promo--type-1 .promo__col:first-child { width: 33.3333333333% } .promo.promo--type-1 .promo__col:last-child { width: 66.6666666667% } .promo.promo--type-2 .promo__col:first-child { width: 41.6666666667% } .promo.promo--type-2 .promo__col:last-child { width: 58.3333333333% } .promo.promo--type-3 .promo__col:first-child, .promo.promo--type-3 .promo__col:last-child { width: 50% } .promo.promo--type-4 .promo__col:first-child { width: 58.3333333333% } .promo.promo--type-4 .promo__col:last-child { width: 41.6666666667% } .promo.promo--type-5 .promo__col:first-child { width: 66.6666666667% } .promo.promo--type-5 .promo__col:last-child { width: 33.3333333333% } .promo.promo--layout-right.promo--type-1 .promo__col:first-child { width: 66.6666666667% } .promo.promo--layout-right.promo--type-1 .promo__col:last-child { width: 33.3333333333% } .promo.promo--layout-right.promo--type-2 .promo__col:first-child { width: 58.3333333333% } .promo.promo--layout-right.promo--type-2 .promo__col:last-child { width: 41.6666666667% } .promo.promo--layout-right.promo--type-3 .promo__col:first-child, .promo.promo--layout-right.promo--type-3 .promo__col:last-child { width: 50% } .promo.promo--layout-right.promo--type-4 .promo__col:first-child { width: 41.6666666667% } .promo.promo--layout-right.promo--type-4 .promo__col:last-child { width: 58.3333333333% } .promo.promo--layout-right.promo--type-5 .promo__col:first-child { width: 33.3333333333% } .promo.promo--layout-right.promo--type-5 .promo__col:last-child { width: 66.6666666667% } } .promo__col { padding-left: 10px; padding-right: 10px } .promo__col-inner { height: 100%; display: flex; align-items: center } .promo__col--text .promo__col-inner { padding: 30px 10px; text-align: center; background-color: #fff } .promo__img-wrapper { width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: flex-start } .promo__img-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover" } .promo__subtitle, .promo__title { color: #000 } .promo__title { margin-bottom: 10px } .promo__subtitle { margin-bottom: 20px } @media (min-width:768px) { .promo__subtitle { margin-bottom: 10px } } .promo__text-wrapper { margin-left: auto; margin-right: auto } @media (min-width:992px) { .promo__text-wrapper { padding-left: 20px; padding-right: 20px } } .promo__text { color: #4f4f4f } .promo__text p:last-child { margin-bottom: 0 } .promo__text--m-top { margin-top: 24px } .promo__text+.promo__cta { margin-top: 30px } @media (min-width:768px) { .promo__text+.promo__cta { margin-top: 40px } } @media (min-width:992px) { .promo__bullets--2-col { display: flex } .promo__bullets--2-col .promo__bullet-points:first-of-type { margin-right: 40px } } .promo__bullet-points { flex-basis: 50% } .promo__toggle-link { display: inline-flex; flex-direction: column; align-items: center } .promo__toggle-link, .promo__toggle-link:hover { border-bottom: none; color: #000; font-weight: 700 } .promo__toggle-link:before { content: ""; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='14' viewBox='0 2 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6l4.95 4.95.707.707.707-.707L11.314 6l-.707-.707-4.95 4.95-4.95-4.95L0 6z' fill='%23000'/%3E%3C/svg%3E"); width: 12px; height: 12px; display: inline-block; margin: 2px 0 4px } .promo__bullet-points.show+.promo__bullets-toggle .promo__view-all, .promo__bullet-points:not(.show)+.promo__bullets-toggle .promo__view-less { display: none } .promo__bullet-point img { max-width: 50px; margin-bottom: 10px } .promo__bullet-point.icon--left { display: flex; align-items: center } .promo__bullet-point.icon--left:not(:last-child) { margin-bottom: 40px } .promo__bullet-point.icon--left img { margin-right: 60px } .promo__view-all:before { order: 2 } .promo__view-less:before { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .quantity-adjuster { display: inline-flex; height: 40px; border: 1px solid #000; font-size: 0; background-color: #fff; max-width: 130px } .quantity-adjuster.quantity-adjuster--large { height: 50px; max-width: none } .quantity-adjuster.quantity-adjuster--large button, .quantity-adjuster.quantity-adjuster--large input[type=number] { height: 48px } .quantity-adjuster button, .quantity-adjuster input[type=number] { height: 38px } .quantity-adjuster button { border: none; background: none; -webkit-appearance: none; padding: 0; width: 30px; text-align: center; vertical-align: top; cursor: pointer } .quantity-adjuster button[disabled] { opacity: .25; cursor: not-allowed } .quantity-adjuster input[type=number] { min-width: 65px; padding: 0; border: none; border-radius: 0; text-align: center; flex-grow: 1; font-size: .875rem; cursor: pointer; -moz-appearance: textfield } .quantity-adjuster input[type=number][disabled] { opacity: .25; cursor: not-allowed } .quantity-adjuster input[type=number]::-webkit-inner-spin-button, .quantity-adjuster input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } .quantity-adjuster .quantity-adjuster__decrement, .quantity-adjuster .quantity-adjuster__increment { position: relative } .quantity-adjuster .quantity-adjuster__decrement:after, .quantity-adjuster .quantity-adjuster__decrement:before, .quantity-adjuster .quantity-adjuster__increment:after, .quantity-adjuster .quantity-adjuster__increment:before { content: ""; position: absolute; height: 2px; width: 9px; background-color: #000; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .quantity-adjuster .quantity-adjuster__decrement:after, .quantity-adjuster .quantity-adjuster__increment:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg) } .quantity-adjuster .quantity-adjuster__decrement:after { display: none } .quick-view { position: absolute; top: auto; left: 0; width: 100%; height: 0; overflow: hidden } .quick-view__close { position: absolute; z-index: 1; top: 20px; right: 14px } @media (min-width:768px) { .quick-view__close { right: 20px } } .quick-view__contents { height: 100%; overflow: hidden; display: block } .quick-view__contents-body { position: relative; margin-top: 60px; margin-bottom: 60px; padding: 60px 0; background: #fff; border-top: 1px solid transparent; border-bottom: 1px solid transparent; transition: border-color .6s cubic-bezier(.42, 0, .13, 1.04) } .is-open .quick-view__contents-body { border-top-color: #000; border-bottom-color: #000 } .rte { margin-bottom: 20px } .embed .confirm .rte h2.freeHeading, .rte .embed .confirm h2.freeHeading, .rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 { margin: 2.5rem 0 2rem } .rte p+p { margin-top: 2rem } .rte p>img:only-child { margin: 2rem 0 } .rte img { height: auto; max-width: 100%; margin-bottom: 20px } .rte table { table-layout: fixed } .rte ol, .rte ul { margin: 0 0 10px 20px } .rte p { word-wrap: break-word } .rte ul { list-style: disc outside } .rte ul ul { list-style: circle outside } .rte ul ul ul { list-style: square outside } .rte iframe { max-width: 100% } .text-center.rte ol, .text-center .rte ol, .text-center.rte ul, .text-center .rte ul { margin-left: 0; list-style-position: inside } .rte-table { max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch } .rte__video-wrapper { position: relative; overflow: hidden; max-width: 100%; padding-bottom: 56.25%; height: 0; height: auto } .rte__video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .rte__table-wrapper { max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch } .swiper-container { width: 100%; height: 100% } .swiper-wrapper .swiper-slide { width: auto; height: auto } .swiper-arrows { display: inline-flex; align-items: center; justify-content: center } .swiper-arrow { cursor: pointer; position: static; padding: 8px; line-height: 1 } .swiper-arrow--left { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .swiper-arrow.swiper-button-disabled .icon { fill: #e0e0e0 } .swiper-arrow.swiper-button-disabled .arrow__icon, .swiper-arrow.swiper-button-disabled .arrow__icon:after, .swiper-arrow.swiper-button-disabled .arrow__icon:before { color: #e0e0e0 } .page--inverted .swiper-arrow .icon { fill: #fff } .page--inverted .swiper-arrow .arrow__icon, .page--inverted .swiper-arrow .arrow__icon:after, .page--inverted .swiper-arrow .arrow__icon:before { color: #fff } .swiper-button-lock, .swiper-pagination-lock { display: none!important } .slideshow__dots.swiper-pagination { position: static; display: flex; justify-content: center; padding-left: 5px; padding-right: 5px } .slideshow__dots .swiper-pagination-bullet { height: 8px; width: 8px; background-color: #4f4f4f; transition: background-color .3s ease-in; margin-left: 5px; margin-right: 5px; opacity: 1 } .slideshow__dots .swiper-pagination-bullet.swiper-pagination-bullet-active, .slideshow__dots .swiper-pagination-bullet:focus, .slideshow__dots .swiper-pagination-bullet:hover { transition: background-color .3s ease-out } .slideshow__dots .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #000; -webkit-transform: scale(1.3); transform: scale(1.3) } .page--inverted .slideshow__dots .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff } .page--inverted .slideshow__dots .swiper-pagination-bullet { background-color: #4f4f4f } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .slideshow__arrow-wrapper { text-align: center; margin-top: 20px } @media (min-width:768px) { .slideshow__arrow-wrapper { margin-top: 40px } } .slideshow__arrow-wrapper.slideshow__arrow-wrapper--tight { margin-top: 10px } @media (min-width:768px) { .slideshow__arrow-wrapper.slideshow__arrow-wrapper--tight { margin-top: 20px } } .slideshow-slide__text-content { margin: 2rem 0 } .slideup { position: fixed; z-index: 990; bottom: 0; left: 0; right: 0; pointer-events: none; padding: 20px 0; background-color: #fff; opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); box-shadow: 0 -5px 8px rgba(0, 0, 0, .15); transition: opacity .6s step-end, -webkit-transform .6s cubic-bezier(.34, .75, .6, 1); transition: transform .6s cubic-bezier(.34, .75, .6, 1), opacity .6s step-end; transition: transform .6s cubic-bezier(.34, .75, .6, 1), opacity .6s step-end, -webkit-transform .6s cubic-bezier(.34, .75, .6, 1) } .slideup.is-visible { pointer-events: auto; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: opacity .6s step-start, -webkit-transform .6s cubic-bezier(.34, .75, .6, 1); transition: transform .6s cubic-bezier(.34, .75, .6, 1), opacity .6s step-start; transition: transform .6s cubic-bezier(.34, .75, .6, 1), opacity .6s step-start, -webkit-transform .6s cubic-bezier(.34, .75, .6, 1) } .slideup>.container, .slideup>.overlay__content { position: relative } .slideup.alternate { background-color: #000 } .slideup__close { position: absolute; display: block; z-index: 1; top: 30px; right: 0; padding: 8px } .slideup__close .icon-close { width: 12px; height: 12px } .container>.slideup__close, .overlay__content>.slideup__close { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } @media (max-width:991.98px) { .container>.slideup__close, .overlay__content>.slideup__close { top: -10px; line-height: 0; -webkit-transform: translateY(0); transform: translateY(0) } } .alternate .slideup__close { color: #fff } .slideup__content { position: relative; max-width: unset; padding: 0 20px } .slideup__title { text-align: left; margin-bottom: 0; padding-right: 20px } @media (max-width:991.98px) { .slideup__title { text-align: center; margin-bottom: 20px } } .alternate .slideup__title { color: #fff } .slideup__text { text-align: center } .slideup__content { display: flex; justify-content: space-evenly; vertical-align: middle } @media (max-width:991.98px) { .slideup__content { flex-direction: column } } .alternate .slideup__content { color: #fff } .slideup__form { padding-bottom: 0; flex-direction: row; align-items: center } @media (max-width:991.98px) { .slideup__form .minimal-input-box__input { min-width: auto } } @media (min-width:992px) { .slideup-form-contents { max-width: 370px } } .slideup-form-contents .newsletter-form-message { background-color: #fff; text-align: center; line-height: 2 } .alternate .slideup-form-contents .newsletter-form-message { background-color: #000; color: #fff } .alternate .minimal-input-box__submit, .alternate .slideup-form-inputs input { color: #fff; border-color: #fff } .social-sharing .social-sharing__link { margin: 0 10px } .social-sharing .social-sharing__link:first-child { margin-left: 0 } .social-sharing .social-sharing__link:last-child { margin-right: 0 } .social-sharing .icon { height: 20px; width: 20px } .social-sharing span[aria-hidden=true] { display: none } .spacer { height: 4rem } .spacer--small { height: 2rem } .spacer--medium { height: 4rem } .spacer--large { height: 8rem } .spacer--xlarge { height: 12rem } .spacer--huge { height: 16rem } .tab-content>.tab-pane { opacity: 0; height: 0; width: 0; pointer-events: none } .tab-content>.tab-pane.active { opacity: 1; height: auto; width: auto; pointer-events: auto } .team .content-header__subtitle { color: #4f4f4f } .text-grid { padding-top: 40px; padding-bottom: 40px } @media (min-width:992px) { .text-grid { padding-top: 70px; padding-bottom: 70px } } .text-grid .content-header { margin-bottom: 15px } .text-grid__card { padding-left: 20px; padding-right: 20px } .text-grid__card.content-grid__item { max-width: 450px; margin-left: auto; margin-right: auto } .text-card__title { color: #000 } .text-card__text { color: #4f4f4f } .text-card__icon-wrapper { width: 105px; height: 105px; margin-left: auto; margin-right: auto; margin-bottom: 30px } .text-card__icon { -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; width: 100%; height: 100% } .tiles-grid__card-caption, .tiles-grid__card-text, .tiles-grid__card-title { margin: auto; text-align: center; padding: 0 } .tiles-grid { padding-top: 20px; padding-bottom: 20px } .tiles-grid .content-header__subtitle, .tiles-grid .content-header__title { margin: auto; padding: 0; color: #000 } .tiles-grid .content-header__title+.content-header__subtitle { margin-top: 30px } .tiles-grid .content-header__subtitle { max-width: 640px } .tiles-grid__card-title { color: #000 } .tiles-grid__grid { display: block; margin-top: 20px } @media (min-width:768px) { .tiles-grid__grid { margin-top: 60px } } .tiles-grid__card { display: flex; flex-direction: column } .tiles-grid__card img { max-width: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover" } .tiles-grid__image-wrapper { width: 100% } .tiles-grid__card-info { margin-top: 20px; display: flex; flex-direction: column; align-items: stretch; flex-grow: 1 } .tiles-grid__card-title { margin-bottom: 10px; flex-grow: 1 } .tiles-grid__card-text { color: #828282 } @media (min-width:768px) { .tout__columns--2-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; widows: 2; orphans: 2 } } .tout__columns p:not(:last-child) { margin-bottom: 40px } .tout__columns p, .tout__columns span { color: #4f4f4f; -webkit-font-smoothing: antialiased } .page--inverted .tout__columns p, .page--inverted .tout__columns span { color: #fff } @-webkit-keyframes video-cover-icon-pulse { 0% { opacity: .5 } 50% { opacity: 1 } to { opacity: .5 } } @keyframes video-cover-icon-pulse { 0% { opacity: .5 } 50% { opacity: 1 } to { opacity: .5 } } .video-player-fs-wrapper { width: 100%; max-width: 2000px; margin-left: auto; margin-right: auto } .video-player { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden } .video-player .video-player__cover, .video-player .video-player__cover-still, .video-player .video-player__embed, .video-player embed, .video-player iframe, .video-player object { position: absolute; left: 0; bottom: 0; top: 0; right: 0; height: 100%; width: 100% } .video-player__embed { height: 100%; width: 100% } .video-player__cover { z-index: 2; overflow: hidden; display: flex; align-items: center; justify-content: center; opacity: 1; background-color: #000; cursor: pointer; transition: opacity .6s ease-in } .video-player--buffering .video-player__cover, .video-player--paused .video-player__cover, .video-player--playing .video-player__cover { opacity: 0; pointer-events: none; transition: opacity .3s ease-out } .video-player__cover-still { z-index: -1; background-size: cover; background-repeat: no-repeat; opacity: .5 } .video-player__cover-play { display: inline-block; position: relative; border-radius: 50%; color: #fff; height: 60px; width: 60px; opacity: .75; transition: opacity .15s ease-in } .video-player__cover-play .icon { height: 100%; width: 100% } .video-player__cover:hover .video-player__cover-play { opacity: 1; transition: opacity .15s ease-out } .video-player--buffering .video-player__cover-play .icon { -webkit-animation: video-cover-icon-pulse 1.7s ease-in-out infinite; animation: video-cover-icon-pulse 1.7s ease-in-out infinite } .yotpo.yotpo a, .yotpo.yotpo div, .yotpo.yotpo form, .yotpo.yotpo i, .yotpo.yotpo img, .yotpo.yotpo label, .yotpo.yotpo li, .yotpo.yotpo p, .yotpo.yotpo span, .yotpo.yotpo strong, .yotpo.yotpo sup, .yotpo.yotpo ul { font-family: Brandon Grotesque, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji!important; font-size: 1rem!important; line-height: 1.5!important; color: #000!important } .yotpo.yotpo a { color: #000!important } .yotpo.yotpo a:focus, .yotpo.yotpo a:hover { color: #4f4f4f!important } .yotpo.yotpo .review-stars .yotpo-icon+.yotpo-icon, .yotpo.yotpo .stars-wrapper .yotpo-icon+.yotpo-icon, .yotpo.yotpo .yotpo-review-stars .yotpo-icon+.yotpo-icon, .yotpo.yotpo .yotpo-stars .yotpo-icon+.yotpo-icon { margin-left: 6px } .yotpo.yotpo .yotpo-bottomline .yotpo-stars { margin-right: 22px } .yotpo.yotpo .yotpo-bottomline a, .yotpo.yotpo .yotpo-bottomline a:focus, .yotpo.yotpo .yotpo-bottomline a:hover { color: #494949!important } .yotpo.yotpo .yotpo-bottomline .text-m { font-size: .875rem!important; font-weight: 700 } .yotpo.yotpo .yotpo-regular-box { border-top-color: #494949; margin-left: 0; margin-right: 0; padding: 45px 0 } .yotpo.yotpo .yotpo-small-box { padding-left: 0; padding-right: 0 } .yotpo.yotpo .yotpo-nav ul { margin-bottom: -1px } .yotpo.yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper { border-color: #4e85e6 } .yotpo.yotpo .write-question-button.yotpo-icon-btn, .yotpo.yotpo .write-review-button.yotpo-icon-btn { padding: 0; border: solid #828282; border-width: 0 0 1px; background: transparent } .yotpo.yotpo .write-question-button .yotpo-icon-button-text, .yotpo.yotpo .write-review-button .yotpo-icon-button-text { color: #000!important; font-size: .875rem!important } .yotpo.yotpo .main-widget>.yotpo-small-box:first-child, .yotpo.yotpo .write-question-button .yotpo-icon, .yotpo.yotpo .write-review-button .yotpo-icon { display: none } .yotpo.yotpo .yotpo-bottomline.yotpo-bottomline-2-boxes { border: none; padding: 0 } .yotpo.yotpo .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-default-button.write-review-button { top: -115px!important } .yotpo.yotpo .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-default-button.write-question-button { top: -70px!important; margin-left: 0 } @media (min-width:1200px) { .yotpo.yotpo .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-default-button.write-question-button, .yotpo.yotpo .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-default-button.write-review-button { -webkit-transform: translateX(200px); transform: translateX(200px) } } .yotpo.yotpo.yotpo-main-widget.yotpo-small .yotpo-bottomline.yotpo-bottomline-2-boxes { height: auto } .yotpo.yotpo .yotpo-bottomline-box-1, .yotpo.yotpo .yotpo-bottomline-box-2 { display: none } .yotpo.yotpo .y-input, .yotpo.yotpo input { font-family: Brandon Grotesque, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji } .yotpo.yotpo .y-label, .yotpo.yotpo label.y-label { margin-bottom: 6px; padding: 0 } .yotpo.yotpo .write-review .review-star { cursor: pointer } .yotpo.yotpo .write-review .socialize-wrapper .yotpo-or { font-size: .875rem!important; margin-top: 40px } .yotpo.yotpo .form-element { margin-bottom: 1rem } .yotpo.yotpo .form-element .y-input { margin-top: 0; margin-bottom: 0 } .yotpo.yotpo .yotpo-header-title { display: none } .yotpo.yotpo .primary-color-btn.yotpo-disabled, .yotpo.yotpo input[type=button].primary-color-btn.yotpo-disabled { opacity: .25!important; cursor: not-allowed!important } .yotpo.yotpo .content-review { display: block!important; max-width: 650px; font-size: .875rem!important } .yotpo.yotpo .yotpo-review .yotpo-footer, .yotpo.yotpo .yotpo-review .yotpo-main { margin-left: 0 } .yotpo.yotpo .yotpo-review .yotpo-header { margin-bottom: 1.5rem } .yotpo.yotpo .yotpo-review .yotpo-header .yotpo-header-element { padding-top: 0; margin-bottom: 5px } .yotpo.yotpo .yotpo-review .yotpo-header .yotpo-header-element .y-label.yotpo-font-bold { font-size: 1.5rem!important } .yotpo.yotpo .yotpo-review .yotpo-header .yotpo-icon-profile { display: none } .yotpo.yotpo .yotpo-review .yotpo-header .yotpo-header-actions { float: none } .yotpo.yotpo .yotpo-review .yotpo-header .yotpo-user-title { margin-top: 3px } .yotpo.yotpo .yotpo-review .yotpo-header .yotpo-review-date { font-size: .875rem!important; color: #828282!important; font-weight: 400; margin-top: 5px; margin-left: 10px; float: none!important } .yotpo.yotpo .yotpo-review .yotpo-footer .footer-actions { display: none } .yotpo.yotpo .yotpo-review .yotpo-footer .yotpo-helpful { float: none } .yotpo.yotpo .yotpo-review .yotpo-footer .yotpo-helpful .y-label { color: #828282!important; font-size: .875rem!important; font-weight: 700 } .yotpo.yotpo .yotpo-review .yotpo-footer .yotpo-helpful .y-label.yotpo-sum { font-weight: 400!important; font-size: .75rem } .yotpo.yotpo .yotpo-review .yotpo-footer .yotpo-helpful .y-label.yotpo-sum[data-type=up] { color: #4e85e6!important } .yotpo.yotpo .yotpo-review .yotpo-footer .yotpo-helpful .vote-btn { margin-left: 13px } .yotpo.yotpo.yotpo-main-widget.yotpo-small .yotpo-review .yotpo-header .yotpo-header-actions { display: block } .yotpo.yotpo.yotpo-main-widget.yotpo-small .yotpo-review .yotpo-footer .footer-actions, .yotpo.yotpo.yotpo-main-widget.yotpo-small .yotpo-review .yotpo-footer .footer-additional-actions { display: none } .yotpo.yotpo.yotpo-main-widget.yotpo-small .yotpo-review .yotpo-footer .yotpo-helpful { float: none } .yotpo.yotpo.yotpo-main-widget.yotpo-small .yotpo-review .yotpo-footer .label-helpful { display: inline-block } .yotpo.yotpo.yotpo-main-widget.yotpo-small .yotpo-nav .yotpo-dropdown-wrapper.mobile-collapse .yotpo-menu-mobile-collapse { border: none } .yotpo.yotpo.yotpo-main-widget.yotpo-small .yotpo-nav .yotpo-dropdown-wrapper.mobile-collapse .yotpo-menu-mobile-collapse .yotpo-nav-dropdown-category { padding-left: 0; padding-right: 0 } .yotpo.yotpo.yotpo-main-widget.yotpo-small .yotpo-nav .yotpo-dropdown-wrapper.mobile-collapse .yotpo-menu-mobile-collapse .yotpo-nav-dropdown-category:hover { background: transparent } .yotpo.yotpo.yotpo-main-widget.yotpo-small .yotpo-nav .yotpo-dropdown-wrapper.mobile-collapse .yotpo-menu-mobile-collapse .yotpo-nav-dropdown-category .y-label { font-size: .875rem!important; text-transform: capitalize } .yotpo.yotpo .yotpo-tool-tip, .yotpo.yotpo .yotpo-tool-tip-answer, .yotpo.yotpo .yotpo-tool-tip-question { border-color: #828282!important; max-width: 340px!important } .yotpo.yotpo .yotpo-tool-tip-answer .tool-tip-content, .yotpo.yotpo .yotpo-tool-tip-question .tool-tip-content, .yotpo.yotpo .yotpo-tool-tip .tool-tip-content { font-size: .875rem!important } .product-section--features { text-align: center } .alternate-theme .product-section--features { margin-top: 0; border-bottom: 1px solid #e0e0e0; max-width: none } .product-features { background-color: #fff; display: inline-flex; flex-wrap: wrap; align-items: center; padding: 30px; max-width: 1200px; justify-content: space-between; margin: 0 auto } .alternate-theme .product-features { background-color: transparent } .embed .confirm .product-features__header h2.freeHeading, .product-features__header .embed .confirm h2.freeHeading, .product-features__header h3 { font-size: 1.875rem; margin-bottom: 0 } .product-feature { margin-left: 5vw; text-align: left } .product-feature__title { font-size: .875rem; line-height: 2; color: #000; opacity: .75; margin-bottom: 0 } .alternate-theme .product-feature__title { font-size: .875rem; font-family: ObjektivMk1, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; line-height: 2 } .product-feature__value { font-size: 1.5rem; line-height: 1.5 } .alternate-theme .product-feature__value { font-family: MrAlex, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji } .membership-options__wrap { overflow: hidden } .membership-options__wrap .content-header { margin-bottom: 30px } .membership-options__wrap .swiper-container { overflow: visible } .membership-options__wrap .swiper-pagination { display: block; position: relative; width: 100%; padding: 30px 20px 0 } @media (min-width:768px) { .membership-options__wrap .swiper-pagination { display: none } } .membership-options__wrap .swiper-pagination-bullet { background-color: #4f4f4f; opacity: 1 } .membership-options__wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff } .membership-options { padding: 30px 20px; background-color: #4f4f4f; background-repeat: no-repeat; background-size: cover; background-position: 50% } @media (min-width:768px) { .membership-options { padding: 120px 20px } } .membership-options__grid { display: flex } .membership-options__grid .swiper-slide { display: flex; justify-content: center } .membership-options__grid .membership-card { max-width: 360px; width: 100%; margin: 0 40px } @media (min-width:992px) { .membership-options__grid .membership-card { flex: 1; width: auto; max-width: none } } .membership-options__grid .membership-card:first-child { margin-left: 0 } .membership-options__grid .membership-card:last-child { margin-right: 0 } .age-gate--modal { min-width: 100%; height: 100%; margin: 0; color: #fff } .age-gate--modal .modal-content { height: 100%; border: 0; border-radius: 0; background-position: 50%; background-size: cover } .age-gate--modal .modal-body { display: flex; justify-content: center; align-items: center; flex-direction: column } .age-gate--modal button { margin: 25px 15px 0 } .age-gate__logo { max-width: 250px; margin-bottom: 45px } .age-gate--decline { display: none } .klaviyo-bis__modal-content { padding: 25px; text-align: center; border: 0 } .klaviyo-bis__modal-close { position: absolute; right: 15px; top: 10px; padding: 0 } .klaviyo-bis__modal-close .icon-close { width: 15px; height: 15px } .klaviyo-bis__modal-header { padding: 0; margin-top: 15px; justify-content: center } .klaviyo-bis__body { padding-top: 25px; color: #4f4f4f } .ellipses-loader, .ellipses-loader:after, .ellipses-loader:before { background-color: currentColor; border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: ellipsesLoaderAnimate 1.8s ease-in-out infinite; animation: ellipsesLoaderAnimate 1.8s ease-in-out infinite } .ellipses-loader { margin-right: 3.5em; margin-left: 3.5em; display: block; font-size: 1em; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -.16s; animation-delay: -.16s } .ellipses-loader:after, .ellipses-loader:before { content: ""; position: absolute; top: 0 } .ellipses-loader:before { left: -3.5em; -webkit-animation-delay: -.32s; animation-delay: -.32s } .ellipses-loader:after { left: 3.5em } .ellipses-loader--small, .ellipses-loader--small:after, .ellipses-loader--small:before { width: 1em; height: 1em } .ellipses-loader--small { margin-right: 1.4em; margin-left: 1.4em; font-size: .4em } .ellipses-loader--small:before { left: -1.4em } .ellipses-loader--small:after { left: 1.4em } @-webkit-keyframes ellipsesLoaderAnimate { 0%, 80%, to { opacity: 0 } 40% { opacity: 1 } } @keyframes ellipsesLoaderAnimate { 0%, 80%, to { opacity: 0 } 40% { opacity: 1 } } .cellar__wrap .back-btn { margin-bottom: 8px } .cellar__wrap .back-btn, .cellar__wrap .back-btn:focus, .cellar__wrap .back-btn:hover { text-decoration: none; border-bottom: none } .cellar__wrap .back-btn:before { content: url("data:image/svg+xml; utf8, "); margin-right: 4px } .cellar__header { padding: 2rem 0 1rem; text-align: left; border-bottom: 1px solid #e0e0e0; margin-bottom: 2.5rem } .cellar__header h1 { font-size: 1.625rem; letter-spacing: 0; line-height: 1.2307692308; font-weight: 500; margin-bottom: 0 } @media (min-width:576px) { .cellar__header h1 { letter-spacing: 0 } } @media (min-width:576px) { .alternate-theme .cellar__header h1, .cellar__header h1 { font-size: 1.875rem; line-height: 1.1666666667 } } .cellar__header h1 span { margin-left: .5rem; font-weight: 400 } .cellar__main { background-color: #fff; padding-left: 20px; padding-right: 20px; padding-bottom: 40px } @media (min-width:768px) { .cellar__sidebar { text-align: left; padding: 30px 20px } } .cellar-card { display: flex; flex-direction: column; justify-content: space-between; height: 100%; text-align: center; padding-bottom: 40px } .cellar-card__image { width: 100%; padding: 1rem } .cellar-card--status-pending .cellar-card__image, .cellar-card--status-unavailable .cellar-card__image { opacity: .6 } .cellar-card__info { margin-bottom: auto } .cellar-card__quantity-label, .cellar-card__size, .cellar-card__subtitle, .cellar-card__title { margin-bottom: .5rem } .cellar-card__title { font-size: 1.125rem; font-weight: 400 } .cellar-card__size, .cellar-card__subtitle { color: #4f4f4f } .cellar-card__subtitle { font-size: 1rem } .cellar-card__size { font-size: .875rem; text-transform: capitalize } .cellar-card__controls { margin-top: auto } .cellar-card__controls .quantity-adjuster { max-width: 130px } .cellar-card__quantity-select { color: #000 } .cellar-card__select-btn { padding: 10px; min-width: 0; font-size: 1rem; line-height: 0; border-radius: 0; height: 40px; width: 40px } .cellar-card--status-pending .cellar-card__select-btn, .cellar-card--status-unavailable .cellar-card__select-btn { opacity: 0; pointer-events: none } @media (max-width:767.98px) { .cellar-actions { padding: .5rem 0; position: fixed; bottom: 0; left: 0; right: 0; background-color: #ede2d6; z-index: 1; box-shadow: 0 -4px 4px rgba(0, 0, 0, .15) } } .cellar-actions__count { display: flex; align-items: center; justify-content: center; text-align: center; font-weight: 500; margin-bottom: 8px } @media (min-width:768px) { .cellar-actions__count { display: block; margin-bottom: 20px } } .cellar-actions__count-number { background-color: #fff; font-size: .75rem; width: 22px; height: 22px; line-height: 22px } @media (min-width:768px) { .cellar-actions__count-number { width: 100px; height: 100px; line-height: 100px; font-size: 4rem; margin-left: auto; margin-right: auto; margin-bottom: .25rem } } .cellar-actions__count-label { text-transform: uppercase; font-size: .75rem; margin-left: 4px } @media (min-width:768px) { .cellar-actions__count-label { margin-left: 0 } } .cellar-actions__subhead { text-align: center } .cellar-actions__drawer-trigger { position: absolute; top: 10px; right: 10px; width: 14px; height: 14px; -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: -webkit-transform .15s ease-in-out; transition: transform .15s ease-in-out; transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='14' viewBox='0 2 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6l4.95 4.95.707.707.707-.707L11.314 6l-.707-.707-4.95 4.95-4.95-4.95L0 6z' fill='%23000'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover } .cellar-actions__drawer-trigger.active { -webkit-transform: rotate(0deg); transform: rotate(0deg) } @media (min-width:768px) { .cellar-actions__drawer-trigger { display: none } } .cellar-actions__drawer { display: none } @media (min-width:768px) { .cellar-actions__drawer { display: block!important; height: auto!important } } .cellar-actions__options { padding: 10px 20px } @media (max-width:767.98px) { .cellar-actions__options-title { display: none } } .cellar-actions__option-label { font-size: 1.25rem } .cellar-actions__option-label span { color: #4f4f4f; display: inline-block } .cellar-actions__secondary-options { padding: 5px 20px 10px } @media (min-width:768px) { .cellar-actions__secondary-options { padding-left: 0; padding-right: 0 } } .cellar-summary-details { font-size: 1.25rem; line-height: 1.5 } .cellar-summary-details__block { margin-bottom: 1rem } .cellar-summary-details__preface { font-size: 1.25rem } .cellar-summary-details__preface:not(:empty) { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid #e0e0e0 } .cellar-summary-details__title { font-size: 1.25rem } .cellar-summary-details__subhead { font-size: .75rem; text-transform: uppercase; line-height: 1.4166666667; margin-bottom: .75rem } .cellar-summary-details__address, .cellar-summary-details__directions { margin-bottom: 1rem } .cellar-summary-item { display: flex; align-items: center; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e0e0e0 } .cellar-summary-item:last-child:not(:first-child) { border-bottom: none } .cellar-summary-item__image { width: 160px; height: 160px } .cellar-summary-item__image img { -o-object-fit: contain; object-fit: contain } .cellar-summary-item__quantity, .cellar-summary-item__size, .cellar-summary-item__subtitle, .cellar-summary-item__title { margin-bottom: .25rem } .cellar-summary-item__title { font-size: 1.125rem; font-weight: 400 } .cellar-summary-item__subtitle { font-size: 1rem } .cellar-summary-item__quantity, .cellar-summary-item__size { font-size: .875rem } .events-grid .ot-facebook-events .event-filter-sidebar #filter-sidebar, .template-page-omega .ot-facebook-events .event-filter-sidebar #filter-sidebar { padding-left: 0 } .events-grid .ot-facebook-events .event-filter-sidebar #filter-sidebar li, .template-page-omega .ot-facebook-events .event-filter-sidebar #filter-sidebar li { margin-bottom: 15px } .events-grid .ot-facebook-events .event-filter-sidebar #filter-sidebar li a, .template-page-omega .ot-facebook-events .event-filter-sidebar #filter-sidebar li a { padding: 0; margin: 0 10px; text-transform: uppercase; border-radius: 0; background: transparent!important; border: 0!important; color: #4f4f4f!important } .events-grid .ot-facebook-events .event-filter-sidebar #filter-sidebar li a.active, .template-page-omega .ot-facebook-events .event-filter-sidebar #filter-sidebar li a.active { font-weight: 500; border-bottom: 2px solid!important } .events-grid .ot-facebook-events .ot-events-grid .event-listing .event-item-row .event-item, .template-page-omega .ot-facebook-events .ot-events-grid .event-listing .event-item-row .event-item { margin: 0 0 35px; padding-left: 15px; padding-right: 15px } @media (min-width:768px) { .events-grid .ot-facebook-events .ot-events-grid .event-listing .event-item-row .event-item, .template-page-omega .ot-facebook-events .ot-events-grid .event-listing .event-item-row .event-item { width: 33.3333333333% } .events-grid .ot-facebook-events .ot-events-grid .event-listing .event-item-row .event-item:nth-child(3n+1), .template-page-omega .ot-facebook-events .ot-events-grid .event-listing .event-item-row .event-item:nth-child(3n+1) { padding-left: 0 } .events-grid .ot-facebook-events .ot-events-grid .event-listing .event-item-row .event-item:nth-child(3n), .template-page-omega .ot-facebook-events .ot-events-grid .event-listing .event-item-row .event-item:nth-child(3n) { padding-right: 0 } } .events-grid .ot-facebook-events .ot-events-grid .event-listing .event-item, .template-page-omega .ot-facebook-events .ot-events-grid .event-listing .event-item { background: #faf6f0; text-align: center; border: 0; box-shadow: none } .events-grid .ot-facebook-events .ot-events-grid .event-listing .event-item:hover, .template-page-omega .ot-facebook-events .ot-events-grid .event-listing .event-item:hover { box-shadow: none!important } .events-grid .ot-facebook-events .ot-events-grid .event-listing .event-item img, .template-page-omega .ot-facebook-events .ot-events-grid .event-listing .event-item img { transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s } .events-grid .ot-facebook-events .ot-events-grid .event-listing .event-item .event-item-detail, .template-page-omega .ot-facebook-events .ot-events-grid .event-listing .event-item .event-item-detail { background: #faf6f0 } .events-grid .ot-facebook-events .ot-events-grid .event-listing .event-item-name, .template-page-omega .ot-facebook-events .ot-events-grid .event-listing .event-item-name { text-decoration: none!important; margin-bottom: 15px } .events-grid .ot-facebook-events .ot-events-grid .event-listing .event-item-name a, .template-page-omega .ot-facebook-events .ot-events-grid .event-listing .event-item-name a { text-decoration: none } .events-grid .ot-facebook-events .event-item-location, .events-grid .ot-facebook-events .event-item-time, .template-page-omega .ot-facebook-events .event-item-location, .template-page-omega .ot-facebook-events .event-item-time { margin-top: 20px } .events-grid .ot-facebook-events .event-item-desciption p, .template-page-omega .ot-facebook-events .event-item-desciption p { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical } .events-grid .ot-facebook-events .event-item-desciption p:nth-child(n+2), .template-page-omega .ot-facebook-events .event-item-desciption p:nth-child(n+2) { display: none } .events-grid .ot-facebook-events .event-read-more, .template-page-omega .ot-facebook-events .event-read-more { width: auto; padding: 16px 20px; min-width: 200px; font-size: .875rem; background-color: #000!important; border: 2px solid #000; margin-top: 20px } .events-grid .ot-facebook-events .event-read-more:hover, .template-page-omega .ot-facebook-events .event-read-more:hover { border-color: #4f4f4f; background-color: #4f4f4f!important } .events-grid .event-filter-sidebar { display: none } .events-grid .event-item-row .event-item:nth-child(n+4) { display: none!important } .testimonial { margin: 0 auto; text-align: center; background: #fff; padding: 40px 15px 25px } @media (min-width:992px) { .testimonial { padding: 100px 100px 75px } } .testimonial hr { width: 20px; margin-top: 30px; margin-bottom: 15px; border-color: #333 } .testimonial__text { position: relative; z-index: 1 } .testimonial__open-quote { position: absolute; left: 0; top: 0 } @media (min-width:992px) { .testimonial__open-quote { top: -40px } } .testimonial__close-quote { position: absolute; right: 0; bottom: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg) } @media (min-width:992px) { .testimonial__close-quote { bottom: -50px } } .sticky-form-slot { position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; z-index: -1; box-shadow: 0 4px 4px rgba(0, 0, 0, .1) } @media (min-width:1100px) { .sticky-form-slot { bottom: unset; top: 0 } .site-fixed-header .sticky-form-slot { top: 110px } } .sticky-form--stuck .sticky-form__hide, .sticky-form:not(.sticky-form--stuck) .sticky-form__block { display: none } .header-section { position: absolute; top: 0; left: 0; right: 0 } .header { display: flex; flex-direction: column; position: relative; z-index: 2202; top: 0; left: 0; right: 0; height: 75px; background-color: #fff; color: #494949; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: height .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: height .3s ease-in-out, transform .3s ease-in-out; transition: height .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out } @media (min-width:1100px) { .header { height: 135px } } .site-fixed-header .header { position: absolute } .header.is-fixed { position: fixed; height: 75px } @media (min-width:1100px) { .header.is-fixed { height: 110px } } @media (min-width:1100px) { .header.preheader-hidden { -webkit-transform: translateY(-35px); transform: translateY(-35px) } } .header__main { flex: 1 0 auto; box-shadow: 0 5px 15px rgba(0, 0, 0, .1) } .header-container { display: flex; justify-content: space-between; flex: 1; height: 100%; padding-left: 20px; padding-right: 20px } .header-dropdown>.header-container .row { width: 100%; flex-grow: 1 } .header-logo { max-width: 120px; height: 75px } @media (max-width:991.98px) { .alternate-theme .header-logo { padding: 10px 0 } } .header-logo__image { -webkit-transform: translateZ(0); transform: translateZ(0); -o-object-fit: contain; object-fit: contain; height: 100%; width: 100%; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } .is-fixed .header-logo__image { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) } @media (min-width:1100px) { .is-fixed .header-logo__image { -webkit-transform: translateZ(0) scale(.75); transform: translateZ(0) scale(.75) } } .header-nav { display: flex; align-items: center; justify-content: flex-start; padding-left: 10px; padding-right: 10px } .header-nav.header-nav--left { padding-left: 0; margin-right: auto } .header-nav.header-nav--right { padding-right: 0; justify-content: flex-end } @media (min-width:1100px) { .header-nav.header-nav--center { justify-content: center } } .header-nav.header-nav--logo { flex-grow: inherit; flex-basis: auto } @media (max-width:1099px) { .header-nav.header-nav--logo:not(.header-nav--left) { padding-left: 0 } } @media (max-width:1099px) { .header-nav.header-nav--hide-on-mobile { display: none } } @media (min-width:1100px) { .header-nav.header-nav--hide-on-desktop { display: none } } .header-nav__menu { list-style: none; margin: 0; padding: 0; display: flex; align-items: center } @media (min-width:1100px) { .header-nav__menu { align-self: stretch } } .header-nav__menu-item { display: inline-block; margin: 0 20px; font-size: .875rem } @media (min-width:1100px) { .header-nav__menu-item { display: flex; align-self: stretch } } .header-nav__menu-item:first-child { margin-left: 0 } .header-nav__menu-item:last-child { margin-right: 0 } .header-nav__menu-item>a { display: flex; align-items: center; padding: 24px 4px } @media (min-width:1100px) { .header-nav__menu-item>a { padding: 0 4px } } .header-nav__menu-item.header-nav__menu-item--with-dropdown a { text-shadow: 0 0 0 transparent; transition: text-shadow .3s ease-in-out } .header-nav__menu-item.header-nav__menu-item--with-dropdown a:after { content: ""; margin-left: 10px; display: inline-block; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='14' viewBox='0 2 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6l4.95 4.95.707.707.707-.707L11.314 6l-.707-.707-4.95 4.95-4.95-4.95L0 6z' fill='%23000'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; width: .75rem; height: .75rem; transition: all .3s ease-in-out; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% } .header-nav__menu-item.header-nav__menu-item--with-dropdown a.is-forced-open, .header-nav__menu-item.header-nav__menu-item--with-dropdown a.is-open { text-shadow: 0 0 1px currentColor } .header-nav__menu-item.header-nav__menu-item--with-dropdown a.is-forced-open:after, .header-nav__menu-item.header-nav__menu-item--with-dropdown a.is-open:after { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .header-nav__menu-icon { margin: 0 15px } @media (min-width:1100px) { .header-nav__menu-icon { margin: 0 25px } } .header-nav__menu-icon:first-child { margin-left: 20px } .header-nav__menu-icon svg { width: 25px; height: 25px } .header-cart__badge { display: inline-block; position: relative } .header-cart__badge-count { position: absolute; left: 100%; top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; background-color: #000; border-radius: 50%; color: #fff; width: 20px; height: 20px; text-align: center; font-weight: 500 } .has-items .header-cart__badge-count { opacity: 1 } .header-dropdown { position: absolute; z-index: -1; top: 100%; left: 0; right: 0; padding: 30px 0 20px; background: #fff; pointer-events: none; opacity: 0; box-shadow: 0 8px 15px -10px rgba(0, 0, 0, .15); transition: opacity .3s ease-in; border-top: 1px solid #e0e0e0 } .header-dropdown.is-forced-open, .header-dropdown.is-open { opacity: 1; pointer-events: auto; transition: opacity .3s ease-out } .header-dropdown__menu { display: inline-block; vertical-align: top } .header-dropdown__menu ul ul { margin-top: 10px; padding-left: 15px } .header-dropdown__menu ul>li:not(:last-child) { margin-bottom: 15px } .header-dropdown__menu-title { font-size: .875rem; text-transform: uppercase } .header-dropdown__ctas { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin-left: -10px; margin-right: -10px } .header-dropdown__cta { flex-grow: 1; flex-basis: 25%; max-width: 66.6666666667% } .header-dropdown__cta-image { position: relative; width: 100%; padding-bottom: 66.6666666667%; margin-bottom: 10px; background-position: 50%; background-size: cover } .header-dropdown__cta-subtitle, .header-dropdown__cta-title { font-size: .875rem; margin-bottom: 10px; display: block } .footer { padding-top: 25px; padding-bottom: 25px; background-color: #fff } .embed .confirm .footer h2.freeHeading, .footer, .footer .embed .confirm h2.freeHeading, .footer a, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 { color: #000 } .footer .expandable-list { text-align: left } .footer .expandable-list__header { text-transform: uppercase; font-size: .875rem; font-weight: 500 } .footer .expandable-list__item { border-bottom: none } .footer__subtitle { margin-bottom: 20px; font-size: .875rem; text-transform: uppercase; text-align: center; font-weight: 500 } .footer-block { margin-bottom: 35px; text-align: center } @media (min-width:992px) { .footer-block { margin-bottom: 0; text-align: left } } .footer-block img { width: 100%; display: block; max-width: 90px; max-height: 90px; margin-left: auto; margin-right: auto } .footer-menu:not(:last-child) { margin-bottom: 45px } .footer-menu .footer-menu__list { font-size: .875rem } .footer-menu .footer-menu__list li:not(:last-child) { margin-bottom: 20px } .footer-menu .footer-menu__list a { color: #000 } .footer-social-list { padding-left: 0; list-style: none; margin: 0 -10px; justify-content: space-between } @media (min-width:992px) { .footer-social-list { justify-content: center } } .footer-social-list li { display: inline-block; flex: 1; padding: 0 10px; text-align: center } .footer-social-list .icon { width: 30px; height: 30px } @media (min-width:992px) { .footer-social-list .icon { width: 20px } } .footer__copyright, .footer__legal { font-size: .875rem; color: #bdbdbd } .footer__legal { text-align: center } @media (min-width:768px) { .footer__legal { display: flex; justify-content: center; align-items: center } } .footer__policies { margin-bottom: 0 } .footer__policies li:not(:first-child) { padding-left: .75rem; margin-left: .75rem; border-left: 1px solid #bdbdbd } .footer__policies a { color: #bdbdbd } .footer__policies+.footer__copyright { margin-top: 1.125rem } @media (min-width:768px) { .footer__policies+.footer__copyright { margin-top: 0; margin-left: .75rem; padding-left: .75rem; border-left: 1px solid #bdbdbd } } .pencil-banner { position: relative; z-index: 2203; height: 35px; background-color: #000; font-size: .875rem; text-align: center } .alternate-theme .pencil-banner { background-color: #4f4f4f } .pencil-banner, .pencil-banner a { color: #fff } .pencil-banner a { text-decoration: underline; -webkit-font-smoothing: subpixel-antialiased } .pencil-banner p { font-size: .875rem } .pencil-banner p:last-child { margin-bottom: 0 } body.ajax-cart-open { overflow: hidden } .ajax-cart-container { position: fixed; z-index: 2301; top: 0; right: 0; bottom: 0; width: 100%; max-height: 100%; background: #faf6f0; border: 1px solid #f2f2f2; pointer-events: none; overflow: scroll; -webkit-overflow-scrolling: touch; box-shadow: 0 5px 15px rgba(0, 0, 0, .1); -webkit-transform: translateX(100%); transform: translateX(100%); transition: all .4s cubic-bezier(.4, .5, .5, 1) } .ajax-cart-container.is-open { pointer-events: auto; -webkit-transform: translateX(0); transform: translateX(0); transition: all .4s cubic-bezier(.34, .75, .6, 1) } .ajax-cart-container.is-empty .ajax-cart__footer { display: none; pointer-events: none } @media (min-width:576px) { .ajax-cart-container { max-width: 600px } } .ajax-cart, .ajax-cart-container, .ajax-cart-form { height: 100% } .ajax-cart { height: 100%; position: relative } .ajax-cart, .ajax-cart-form { display: flex; flex-direction: column } .ajax-cart-form { overflow-y: hidden; align-items: stretch; flex-grow: 1; padding-bottom: 0 } .ajax-cart__body, .ajax-cart__footer, .ajax-cart__header { padding: 25px } .ajax-cart__header { padding-bottom: 45px } .ajax-cart__header h4 { margin-bottom: 0 } .ajax-cart__body { padding-top: 0; overflow-y: auto } .ajax-cart__body:before { content: ""; position: absolute; left: 0; bottom: 0; top: 0; right: 0; z-index: 1; background: rgba(250, 246, 240, .75); opacity: 0; pointer-events: none; transition: opacity .3s ease-in-out } .ajax-cart-container.lock-ui .ajax-cart__body:before { opacity: 1; pointer-events: auto; cursor: not-allowed } .ajax-cart__footer { background: #fff; box-shadow: 0 -5px 8px -5px #bdbdbd; margin-top: auto; z-index: 1 } .ajax-cart__close { float: right } .ajax-cart__empty-message { height: 100%; display: flex; align-items: center; justify-content: center; padding: 60px 0; opacity: .5 } .ajax-cart__list { list-style: none; margin: 0; padding: 0 } .ajax-cart__item { position: relative } .ajax-cart__item:after { display: block; clear: both; content: "" } .ajax-cart__item:not(:last-child) { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ebe8e3 } .ajax-cart__item.is-being-removed { opacity: 0; transition: opacity .3s ease-out } .ajax-cart__item-image { width: 110px; height: auto; float: left } .ajax-cart__item-info { padding-left: 140px } .ajax-cart__item-price { float: right; padding-left: 5px } .ajax-cart__item-title { margin-bottom: 5px } .ajax-cart__item-subtitle { margin-bottom: 5px; opacity: .7 } .ajax-cart__item-options { padding-left: 0; list-style: none } .ajax-cart__item-remove { position: absolute; left: 0; top: 0 } .ajax-cart__item-remove .icon-close { width: 10px } .ajax-cart__footer .additional-checkout-button { width: 100% } .ajax-cart__footer-row { margin-bottom: 5px; padding-bottom: 5px } @media (min-width:768px) { .ajax-cart__footer-row { margin-bottom: 15px; padding-bottom: 15px } } .ajax-cart__footer-row:last-child { margin-bottom: 0; padding-bottom: 0 } .ajax-cart__footer-row p:last-child { margin-bottom: 0 } .ajax-cart__footer-bottom { margin-top: 20px } .ajax-cart-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2300; background-color: #888; opacity: 0; pointer-events: none; transition: all .4s cubic-bezier(.4, .5, .5, 1) } .ajax-cart-backdrop.is-visible { opacity: .6; pointer-events: auto; transition: all .4s cubic-bezier(.34, .75, .6, 1) } .ajax-cart__shipper { margin-bottom: 30px } .ajax-cart__shipper-title { margin-bottom: 14px } .ajax-cart__shipper-content { display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: -10px; margin-right: -10px } .ajax-cart__shipper-item { position: relative; background-color: #fff; padding: 1rem; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; width: calc(25% - 10px) } .ajax-cart__shipper--2 .ajax-cart__shipper-item { margin-left: 10px; margin-right: 10px; margin-bottom: 10px; width: calc(50% - 20px) } .ajax-cart__shipper--3 .ajax-cart__shipper-item, .ajax-cart__shipper--6 .ajax-cart__shipper-item, .ajax-cart__shipper--9 .ajax-cart__shipper-item { margin-left: 10px; margin-right: 10px; margin-bottom: 10px; width: calc(33.33333% - 20px) } .ajax-cart__shipper-item__placeholder { width: 100%; height: 0; padding-bottom: 100% } .ajax-cart__shipper-item__image { width: 100% } .ajax-cart__shipper-item__price { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; font-size: .75rem; color: #4f4f4f } .ajax-cart__shipper-remove { position: absolute; top: 4px; left: 4px; line-height: 0 } .ajax-cart__shipper-remove-btn { padding: 2px; font-size: 1px; opacity: .7; transition: opacity .15s ease-in-out } .ajax-cart__shipper-remove-btn:focus, .ajax-cart__shipper-remove-btn:hover { opacity: 1 } .ajax-cart__shipper-remove-btn svg.icon { width: 10px; height: 10px } .product-detail { padding-top: 25px } @media (min-width:992px) { .product-detail { padding-top: 50px } } .alternate-theme .product-detail { background-color: #fff; padding-bottom: 30px } @media (min-width:992px) { .alternate-theme .product-detail { padding-bottom: 60px } } .product-galleries { position: relative } .product-gallery { display: flex; flex-direction: row-reverse } @media (min-width:768px) { .product-gallery { margin-left: 0; margin-right: 0 } } .product-gallery .product-badges { left: 20px; top: 13px } @media (min-width:992px) { .product-gallery .product-badges { top: 30px } } .product-gallery__slideshow { margin: 0 auto; max-width: 500px } @media (min-width:576px) { .product-gallery__slideshow { max-width: none } } @media (min-width:992px) { .product-gallery__slideshow { margin-left: 10px!important } } html.js .product-gallery__slideshow { opacity: 0 } html.js .product-gallery__slideshow.swiper-container-initialized { opacity: 1; transition: opacity .3s ease-out } .product-gallery__slideshow .swiper-slide { display: inline-block } @media (min-width:768px) { .product-gallery__slideshow .swiper-slide { padding: 0 } } .product-gallery__slideshow .swiper-slide.is-zoomable { cursor: zoom-in; cursor: -webkit-zoom-in } .product-gallery__slideshow .swiper-slide.is-zoomed { cursor: zoom-out; cursor: -webkit-zoom-out; border: 1px solid #ccc } .product-gallery__slideshow .swiper-slide .zoomImg { background-color: #faf6f0 } .alternate-theme .product-gallery__slideshow .swiper-slide .zoomImg { background-color: #fff } .product-gallery__slideshow .swiper-slide:focus { outline: 0 } .product-gallery__slideshow .swiper-slide img { width: 100% } .product-gallery__slideshow .swiper-slide img:focus { outline: 0 } .product-gallery__slideshow .swiper-arrow { display: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10 } .product-gallery__slideshow .swiper-arrow--left { left: 0 } .product-gallery__slideshow .swiper-arrow--right { right: 0 } @media (min-width:992px) { .product-gallery__slideshow .swiper-arrow { display: block } } .product-gallery__slideshow .swiper-pagination { position: relative; bottom: unset; padding: 20px 0 30px } @media (min-width:992px) { .product-gallery__slideshow .swiper-pagination { display: none } } .product-gallery__thumbnails-wrap { width: 16.6666666667%; display: none; margin-right: 10px; position: relative; overflow: hidden } @media (min-width:992px) { .product-gallery__thumbnails-wrap { display: block } } .product-gallery__thumbnails { position: absolute; left: 0; bottom: 0; top: 0; right: 0 } .product-gallery__thumbnails .swiper-wrapper { flex-direction: column } .product-gallery__thumbnails-slide { display: block; margin-bottom: 20px; transition: all .3s ease-in; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative; border: 2px solid transparent } .product-gallery__thumbnails-slide.swiper-slide { height: 0; margin-bottom: 20px } .product-gallery__thumbnails-slide.active { transition: all .3s ease-out; background-color: #fff; border-color: #fff; box-shadow: 0 4px 4px rgba(0, 0, 0, .25) } .product-gallery__thumbnails-slide img { position: absolute; left: 0; bottom: 0; top: 0; right: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } @media (min-width:992px) { .product-detail-form-wrap { display: flex; flex-wrap: wrap } } .product-detail-form { display: flex; flex-direction: row; flex-wrap: wrap } .product-detail-form__selector { margin-bottom: 20px } @media (min-width:992px) { .product-detail-form__selector { margin-bottom: 30px } } .product-detail-form__selector label { display: block; font-size: .875rem; line-height: 1.5 } .alternate-theme .product-detail-form__selector label { font-family: MrAlex, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-size: 1.125rem } .product-detail-form__selector--quantity { flex-basis: 50%; padding-right: 10px } @media (min-width:992px) { .product-detail-form__selector--quantity { flex-basis: unset } } .product-detail-form__selector--quantity .quantity-adjuster { width: 100% } @media (min-width:992px) { .product-detail-form__selector--quantity .quantity-adjuster { max-width: 128px } } .product-detail-form__selector--shipping-method { flex-basis: 50%; padding-left: 10px; } @media (min-width:992px) { .product-detail-form__selector--shipping-method { width: auto; flex-basis: 40%; padding-left: 0; padding-right: 10px; } } .product-detail-form__selector--shipping-method>label { opacity: 0 } @media (min-width:992px) { .product-detail-form__selector--shipping-method>label { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 } } .alternate-theme .product-detail-form__selector--shipping-method .custom-control-label { font-family: ObjektivMk1, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-size: .875rem } .shipping-method__active-text { display: none; color: #4f4f4f } input.custom-control-input:checked+.custom-control-label .shipping-method__active-text { display: block } .product-detail-form__cta-wrap { width: 100%; text-align: center } @media (min-width:992px) { .product-detail-form__cta-wrap { flex-basis: 60%; } } .product-detail-form__cta-wrap .btn { margin-right: 0!important } .product-detail-form__cta-wrap .btn:not(.btn-link):not(.article__back-btn) { width: 100% } .product-detail-form__sub-cta { margin-top: 1rem } .product-detail-form__sub-cta.article__back-btn, .product-detail-form__sub-cta.btn-link { justify-self: center } .product-detail__header { margin-bottom: 30px } @media (min-width:992px) { .product-detail__header { margin-bottom: 20px; flex-basis: 50%; flex-grow: 1 } } .product-detail__header.product-detail__header--desktop { display: none } @media (min-width:992px) { .product-detail__header.product-detail__header--desktop { display: block } } .product-detail__header.product-detail__header--mobile { text-align: center } @media (min-width:992px) { .product-detail__header.product-detail__header--mobile { display: none } } .product-detail__title { font-size: 1.875rem; line-height: 1.1666666667; margin: 0 } .alternate-theme .product-detail__title { font-size: 1.875rem } .product-detail__subtitle { font-size: .75rem; line-height: 1.4166666667; text-transform: uppercase; margin-top: 10px; letter-spacing: .05em } .product-detail__price { font-size: 1.5rem; margin-bottom: .5rem } @media (min-width:992px) { .product-detail__price { text-align: right; margin-left: 20px } } .alternate-theme .product-detail__price { font-family: MrAlex, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji } .product-detail__compare-price { opacity: .5; margin-right: .75rem } .product-detail__description { font-size: .875rem; letter-spacing: 0; line-height: 1.7142857143; color: #4f4f4f; flex-basis: 100% } .alternate-theme .product-detail__description { font-family: ObjektivMk1, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-weight: 300; font-size: .875rem; line-height: 1.7142857143 } .product-detail__description p { font-size: 1.1rem; letter-spacing: 0; line-height: 1.7142857143 } .product-detail__description b { font-size: 1.1rem; letter-spacing: 0; line-height: 1.7142857143 } .alternate-theme .product-detail__description p { font-family: ObjektivMk1, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-weight: 300; font-size: .875rem; line-height: 1.7142857143 } .product-section { margin-top: 25px; margin-bottom: 35px } @media (min-width:992px) { .product-section { margin-top: 50px; margin-bottom: 100px } } .alternate-theme .product-section--video { background-color: #fff; padding: 25px 0 } @media (min-width:992px) { .alternate-theme .product-section--video { padding: 50px 0 } } .product-section--video .content-header { margin-top: 0 } .alternate-theme .product-section--related-articles { background-color: #fff; padding: 25px 0 } @media (min-width:992px) { .alternate-theme .product-section--related-articles { padding: 50px 0 } } .product-detail__oos-message { font-size: 1.25rem; margin-bottom: .5rem } .mobile-menu { padding-top: 75px; text-align: left; height: 100vh; overflow: hidden } .mobile-menu .drawer__inner { overflow: hidden; height: 100%; padding: 0; display: flex; flex-direction: column } .mobile-menu .drawer__header { padding: 0; border-bottom: none; margin-bottom: 0 } .mobile-menu .drawer__body { flex: 1; overflow: hidden; position: relative } .mobile-menu .drawer__body-contents { position: absolute; left: 0; bottom: 0; top: 0; right: 0 } .mobile-menu .drawer__panel, .mobile-menu .drawer__subpanel { position: absolute; left: 0; bottom: 0; top: 0; right: 0; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; overflow: scroll; background-color: #fff } .mobile-menu .drawer__panel { padding-top: 20px } .mobile-menu .drawer__subpanel { padding-top: 8px; -webkit-transform: translateX(105%); transform: translateX(105%); z-index: 1; transition: -webkit-transform .3s cubic-bezier(.4, .5, .5, 1); transition: transform .3s cubic-bezier(.4, .5, .5, 1); transition: transform .3s cubic-bezier(.4, .5, .5, 1), -webkit-transform .3s cubic-bezier(.4, .5, .5, 1) } .mobile-menu .drawer__subpanel.is-open { -webkit-transform: translateX(0); transform: translateX(0); transition: -webkit-transform .4s cubic-bezier(.34, .75, .6, 1); transition: transform .4s cubic-bezier(.34, .75, .6, 1); transition: transform .4s cubic-bezier(.34, .75, .6, 1), -webkit-transform .4s cubic-bezier(.34, .75, .6, 1) } .mobile-menu .drawer__subpanel-close { font-weight: 700; background-color: transparent; border: none; text-transform: uppercase } .mobile-menu .drawer__subpanel-close .icon { width: 16px; height: 16px } .mobile-menu__theme-tabs { display: flex; background-color: #ede2d6 } .mobile-menu__theme-tabs a { flex: 1 0 50%; display: block; padding: 15px 0; letter-spacing: .05em; text-transform: uppercase; font-size: .875rem; font-weight: 500; text-align: center; color: #000 } .mobile-menu__theme-tabs a.active { background-color: #fff } .mobile-menu-block+.mobile-menu-block { margin-top: 60px } .mobile-menu__nav-item { margin-bottom: 20px } .mobile-menu__nav-item:last-child { margin-bottom: 0 } .mobile-menu__nav-item a { display: block } .mobile-menu__nav-item a.has-submenu { padding-right: 20px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.673 0l4.936 4.964.705.709-.71.705-4.963 4.936-.705-.71L9.899 5.67 4.965.705 5.673 0z' fill='%23000'/%3E%3C/svg%3E"); background-size: 50%/100%; background-position: 100%; background-repeat: no-repeat } .mobile-menu__submenu__title { font-size: 1.5rem; margin-top: 16px; margin-bottom: 20px; text-transform: none } .mobile-menu__submenu__subtitle { margin-top: 24px; font-size: .875rem; text-transform: uppercase; color: #bdbdbd } .mobile-menu__submenu__links { font-size: 1rem; text-transform: none } .mobile-menu__submenu__links li { margin-bottom: .5rem } .mobile-menu__submenu__links li:last-child { margin-bottom: 0 } .preheader { height: 35px; background-color: #ede2d6; font-size: .75rem; display: none } @media (min-width:1100px) { .preheader { display: block } } .alternate-theme .preheader { background-color: #000 } .preheader>.container-fluid-max, .preheader>.header-container, .preheader>.quick-view__contents { height: 100%; padding-left: 20px; padding-right: 20px } .preheader ul { margin-bottom: 0; display: flex; align-items: stretch } .preheader ul+ul { margin-left: auto } .preheader li { display: flex; flex-direction: column; justify-content: center; padding-left: 12px; padding-right: 12px } .alternate-theme .preheader li a { color: #fff } .preheader li.active { background-color: #fff } .alternate-theme .preheader li.active a { color: #000 } .preheader__main li+li { margin-left: 10px } .newsletter-signup { padding: 70px 0 35px } @media (min-width:992px) { .newsletter-signup { padding: 35px 0 } } .newsletter-signup__inner { width: 100%; max-width: 950px; margin-left: auto; margin-right: auto } .newsletter-signup__content { text-align: center } @media (min-width:992px) { .newsletter-signup__content { text-align: left } } .newsletter-signup__title { margin-bottom: 0; font-size: 1.5rem } .newsletter-signup__subtitle { margin-bottom: 0 } .newsletter-signup__form { padding-top: 20px; padding-bottom: 20px; margin: 0 auto } @media (min-width:992px) { .newsletter-signup__form { margin: unset } } .four-column-text { margin: 30px 0 } .four-column-text .column-block { text-align: center; background: #fff; padding-top: 60px; padding-bottom: 60px } @media (max-width:991.98px) { .four-column-text .column-block { padding-top: 15px; padding-bottom: 15px } } .four-column-text .column-block .btn.article__back-btn, .four-column-text .column-block .btn.btn-link { margin: 20px 0 } @media (max-width:991.98px) { .four-column-text .column-block:first-child { padding-top: 30px } } @media (max-width:991.98px) { .four-column-text .column-block:last-child { padding-bottom: 30px } } .four-column-text .column-block__title { margin-bottom: 16px } .four-column-text .column-block__content { color: #4f4f4f } .four-column-text .column-block__content p { margin-bottom: 5px; padding: 0px 10px 5px 10px; } .three-up-text-background .text-block { margin-bottom: 70px } @media (max-width:991.98px) { .three-up-text-background .text-block { margin-bottom: 40px } } .three-up-text-background .text-block-inner-wrapper { background-color: #fff; height: 100%; text-align: center; padding: 60px 10px } .three-up-text-background .text-block__title { margin-bottom: 30px } .three-up-text-background .text-block__content p { color: #4f4f4f; margin-bottom: 5px } .three-up-text-background .text-block__content p strong { color: #000; font-size: 12px; text-transform: uppercase } .google-map__container { padding-bottom: 54.3076923077%; width: 100% } .google-map__container iframe { position: absolute; width: 100%; height: 100% } body.noI { background-color: transparent!important } .info[class] { display: none!important } .noI form { background-color: #fff; padding: 25px 30px!important } .noI ul { max-width: 100%; width: 100% } .wufoo-form-group { margin-bottom: 30px } .wufoo label.desc { font-size: .875rem; letter-spacing: .05em; text-transform: uppercase } .wufoo input.text, .wufoo label.desc { font-family: Brandon Grotesque, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji } .wufoo input.text { font-size: 20px; height: 36px!important } .wufoo select.select { background-color: #fff; border: 1px solid #000; box-sizing: border-box; box-shadow: 0 4px 4px rgba(0, 0, 0, .1); border-radius: 5px; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 9px 12px; background-image: url(https://cdn.shopify.com/s/files/1/0264/8054/1770/files/icon-caret-down.svg?36004=)!important; background-position: 97%; background-repeat: no-repeat; background-size: 15px } .wufoo-form-group { padding: 0!important } .wufoo input.btTxt { font-family: Brandon Grotesque, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji } .wufoo .create-message, .wufoo .logo-container, .wufoo .start-cta { display: none!important } .embed .confirm h2.freeHeading { margin: 60px auto; color: #000!important; font-family: Brandon Grotesque, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji } .cart-header { margin-top: 30px; margin-bottom: 10px; text-align: center } .cart-list__container { margin-bottom: 50px; background: #fff } @media (min-width:992px) { .cart-list__container { padding: 30px 110px 0 } } .cart-list__header { display: none; text-transform: uppercase; font-weight: 700 } @media (min-width:992px) { .cart-list__header { display: block } } .cart-list__row { position: relative; padding: 25px 0 35px; border-top: 1px solid #efefef } .cart-list__footer:after, .cart-list__header:after, .cart-list__row:after { display: block; clear: both; content: "" } .cart-list__footer>div, .cart-list__header>div, .cart-list__row>div { padding: 0 15px; float: left } @media (min-width:992px) { .cart-list__footer>div:first-child, .cart-list__header>div:first-child, .cart-list__row>div:first-child { padding-left: 0 } .cart-list__footer>div:last-child, .cart-list__header>div:last-child, .cart-list__row>div:last-child { padding-right: 0 } } .cart-list__header>div { padding-top: 20px; padding-bottom: 15px } @media (max-width:767.98px) { .cart-list__footer>div { padding-left: 0; padding-right: 0 } } .cart-list__col-product, .cart-list__footer-row { width: 100% } .cart-list__col-quantity, .cart-list__col-remove, .cart-list__col-subtotal { display: none } .cart-list__col-remove { text-align: right } .cart-list__col-product { padding-right: 20px } @media (min-width:992px) { .cart-list__col-product { width: 45%; padding-right: 15px } .cart-list__col-quantity { display: block; width: 25% } .cart-list__col-remove, .cart-list__col-subtotal { display: block; width: 15% } .cart-list__footer-row { width: 50% } .cart-list__footer-width-container { max-width: 335px; margin-left: auto } } .cart-list__footer-width-container p input.btn.btn-solid.btn-block { margin-top: 20px !important; } .cart-list__item-image { float: left; width: 100px; height: auto } @media (min-width:992px) { .cart-list__item-image { width: 120px } } .cart-list__item-details { margin-left: 120px } @media (min-width:992px) { .cart-list__item-details { margin-left: 140px } } .cart-list__item-details-remove { position: absolute; top: 5px; right: 10px } @media (min-width:992px) { .cart-list__item-details-remove { display: none } } .cart-list__item-details-remove .icon-close { width: 10px; fill: #000 } .cart-list__item-details-title { margin-bottom: 10px } .cart-list__item-quantity { width: 75px; margin: 0 auto } .additional-checkout-buttons { margin: 10px 0 } .collection-filter-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px } .collection-filter-bar__grouping { display: inline-block } .collection-filter-bar__entry { display: inline-block; width: 180px } .collection-filter-bar__entry:not(:last-child) { margin-right: 10px } @media (max-width:991.98px) { .collection-filter-bar__entry label { display: none } } @media (max-width:1479.98px) { .collection-filter-bar__entry { width: 220px } .collection-filter-bar__entry:not(:last-child) { margin-right: 20px } } .layout-content-wrapper-four04 { background-size: cover; background-position: 50%; background-repeat: no-repeat; position: relative } .four04 { display: flex; align-items: center } .four04__content-wrapper { width: 85%; text-align: center; padding: 200px 0 } @media (max-width:991.98px) { .four04__content-wrapper { padding: 70px 0 } } .four04__content-wrapper.light-text .four04__content, .four04__content-wrapper.light-text .four04__heading { color: #fff } .four04__content-wrapper .docs-well { border: 0; box-shadow: none; display: flex; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0 } .four04__content-wrapper a.btn { margin: 0 15px } .four04__heading { margin-top: 25px; margin-bottom: 35px } .four04__content { margin-bottom: 45px } .four04__content p { margin-bottom: 2rem; font-weight: 300 } .four04__content p:last-child { margin-bottom: 0 } .account-wrapper { padding: 30px 0 } @media (min-width:768px) { .account-wrapper { padding: 80px 0 } } .account-wrapper th:last-child { padding-right: 0; text-align: right } .account-wrapper th:first-child { padding-left: 0; text-align: left } .account-wrapper td:last-child { padding-right: 0; text-align: right } .account-wrapper td:first-child { padding-left: 0; text-align: left } .account-block { padding-top: 25px; padding-bottom: 25px; border-top: 1px solid #efefef } @media (min-width:768px) { .account-block { padding-top: 40px; padding-bottom: 40px } } .account-block__title { margin-bottom: 10px } @media (min-width:992px) { table.order-detail-totals { max-width: 450px; margin-left: auto } } .account-content { padding: 25px; background: #fff } .account-content:not(:last-of-type) { margin-bottom: 50px } @media (min-width:992px) { .account-content:not(:last-of-type) { margin-bottom: 100px } } @media (max-width:767.98px) { .account-content { padding: 20px; margin: 0 -10px } } @media (max-width:991.98px) { .account-nav { margin-top: 30px; margin-bottom: 40px } } .account-nav__menu { padding-left: 0; list-style: none; text-align: center; margin-top: 40px; margin-bottom: 40px } .account-nav__menu li { display: inline-block; text-transform: uppercase; font-weight: 500; margin: 0 15px } .account-nav__menu li a { color: #4f4f4f } .account-nav__menu li.is-active a { color: #000; border-bottom: 2px solid } .account-past-orders .table { margin-top: 25px; color: #000 } @media (min-width:992px) { .account-past-orders .table { margin-top: 35px } } .account-past-orders .table tbody tr { border-top: 1px solid #efefef } .account-past-orders .table tbody td { color: #4f4f4f; padding-top: 7px } @media (min-width:992px) { .account-past-orders .table tbody td { padding-top: 30px; padding-bottom: 30px } } #Rise-account-page-button { display: none } .account-text { color: #4f4f4f } #customer-card-form { width: 100%; height: 450px } .account-sidebar .account-sidebar__menu { padding-left: 0; list-style: none } @media (max-width:991.98px) { .account-sidebar .account-sidebar__menu { text-align: center; margin-bottom: 30px } } .account-sidebar .account-sidebar__menu li { font-weight: 500; margin-bottom: 25px } @media (max-width:991.98px) { .account-sidebar .account-sidebar__menu li { display: inline-block; margin: 0 15px } } .account-sidebar .account-sidebar__menu li a { color: #4f4f4f } .account-sidebar .account-sidebar__menu li.is-active a { color: #000; border-bottom: 2px solid } .template-login #MainContent, .template-register #MainContent { position: relative } .template-login .layout-main-content form, .template-register .layout-main-content form { padding: 0 } .template-login .layout-main-content form .form-group, .template-register .layout-main-content form .form-group { margin-bottom: 30px } .template-login .layout-main-content form label:not(.custom-control-label), .template-register .layout-main-content form label:not(.custom-control-label) { font-weight: 500 } .template-login .layout-main-content form .custom-control-label *, .template-register .layout-main-content form .custom-control-label * { margin-bottom: 0 } .template-login .layout-main-content form .custom-control-label a, .template-register .layout-main-content form .custom-control-label a { font-weight: 500; text-decoration: underline } .template-login .layout-main-content form input, .template-register .layout-main-content form input { padding: 0; height: auto } .template-login .account-bg:after, .template-register .account-bg:after { content: ""; position: absolute; width: 50%; height: 100%; left: 0; bottom: 0; background-image: inherit; background-size: cover; background-position: 50% } #CustomerLoginForm, #CustomerRegisterForm, #RecoverPasswordForm { padding: 30px 0 } @media (min-width:768px) { #CustomerLoginForm, #CustomerRegisterForm, #RecoverPasswordForm { padding: 70px 0 } } .template-account-allocations .account-content__header, .template-account-included-products .account-content__header { display: flex; justify-content: space-between; align-items: baseline; padding-bottom: 15px } .template-account-allocations .account-content__header p, .template-account-included-products .account-content__header p { margin-bottom: 0 } @media (max-width:991.98px) { .template-account-allocations .account-content__header p, .template-account-included-products .account-content__header p { font-size: .875rem } } .template-account-allocations .product-card, .template-account-included-products .product-card { padding-left: 0; padding-right: 0 } @media (max-width:991.98px) { .template-account-allocations .product-card:hover, .template-account-included-products .product-card:hover { box-shadow: none } } @media (min-width:992px) { .template-account-allocations .product-card, .template-account-included-products .product-card { padding: 35px 15px 20px } .template-account-allocations .product-card:hover .product-card--hide-on-hover, .template-account-allocations .product-card:hover .product-card__info-availability, .template-account-included-products .product-card:hover .product-card--hide-on-hover, .template-account-included-products .product-card:hover .product-card__info-availability { display: none } .template-account-allocations .product-card:hover .product-card--show-on-hover, .template-account-allocations .product-card:hover form, .template-account-included-products .product-card:hover .product-card--show-on-hover, .template-account-included-products .product-card:hover form { display: block } } @media (min-width:992px) { .template-account-allocations .product-card .product-card--show-on-hover, .template-account-allocations .product-card:hover .product-card--hide-on-hover, .template-account-included-products .product-card .product-card--show-on-hover, .template-account-included-products .product-card:hover .product-card--hide-on-hover { display: none } .template-account-allocations .product-card:hover .product-card--show-on-hover, .template-account-included-products .product-card:hover .product-card--show-on-hover { display: block } } .template-account-allocations .product-card form, .template-account-included-products .product-card form { padding-bottom: 0 } @media (min-width:992px) { .template-account-allocations .product-card form, .template-account-included-products .product-card form { margin-top: 0 } } #reset-account .form-group { margin-bottom: 30px } #reset-account input { padding: 0; height: auto } #reset-account input:focus { background-color: transparent } .shopify-challenge__container { min-height: 600px; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #000 } .shopify-challenge__container .shopify-challenge__button.btn { margin-top: 25px } .password-page { display: flex; flex-direction: column; justify-content: center; min-height: 100vh; padding: 100px 0 80px } @media (min-width:992px) { .password-page { padding: 13vh 0 11vh } } @media (min-width:768px) and (min-height:500px) { .password-page { position: absolute; left: 0; bottom: 0; top: 0; right: 0 } } @media (min-width:1480px) { .password-page h2 { font-size: 3.5vw } } .password-page h2+h4 { margin-top: -1rem } .embed .confirm .password-page.password-page--light h2.freeHeading, .password-page.password-page--light, .password-page.password-page--light .embed .confirm h2.freeHeading, .password-page.password-page--light a, .password-page.password-page--light a:focus, .password-page.password-page--light a:hover, .password-page.password-page--light h1, .password-page.password-page--light h2, .password-page.password-page--light h3, .password-page.password-page--light h4, .password-page.password-page--light h5, .password-page.password-page--light h6 { color: #fff } .password-page.password-page--light svg { fill: #fff } .password__background { position: fixed; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: 50% } .page--inverted { background-color: #030303 } .layout-content-wrapper--terms-conditions .page-header__title { margin-bottom: 30px } @media (max-width:991.98px) { .embed .confirm .layout-content-wrapper--terms-conditions .rte h2.freeHeading, .layout-content-wrapper--terms-conditions .rte .embed .confirm h2.freeHeading, .layout-content-wrapper--terms-conditions .rte h1, .layout-content-wrapper--terms-conditions .rte h2, .layout-content-wrapper--terms-conditions .rte h3, .layout-content-wrapper--terms-conditions .rte h4, .layout-content-wrapper--terms-conditions .rte h5, .layout-content-wrapper--terms-conditions .rte h6 { margin-top: 0 } } .development-mode #preview-bar-iframe, .development-mode .shopify-preview-bar { display: none }