@font-face{font-family:'FONT_potatoes_and_peasregular';font-display:swap;src:url("../printing_fonts/potatoes_and_peas-webfont.woff2") format("woff2"),url("../printing_fonts/potatoes_and_peas-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'FONT_shadows_into_lights';font-display:swap;src:url("../printing_fonts/shadow_into_lights-webfont.woff2") format("woff2"),url("../printing_fonts/shadow_into_lights-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'FONT_lewis_hand';font-display:swap;src:url("../printing_fonts/lewis_hand-webfont.woff2") format("woff2"),url("../printing_fonts/lewis_hand-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'FONT_Muncie';font-display:swap;src:url("../printing_fonts/muncie-webfont.eot");src:url("../printing_fonts/muncie-webfont.eot?#iefix") format("embedded-opentype"),url("../printing_fonts/muncie-webfont.woff2") format("woff2"),url("../printing_fonts/muncie-webfont.woff") format("woff"),url("../printing_fonts/muncie-webfont.ttf") format("truetype"),url("../printing_fonts/muncie-webfont.svg#muncieregular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'FONT_Wisdom_Scription_AI';font-display:swap;src:url("../printing_fonts/wisdomscript-webfont.eot");src:url("../printing_fonts/wisdomscript-webfont.eot?#iefix") format("embedded-opentype"),url("../printing_fonts/wisdomscript-webfont.woff2") format("woff2"),url("../printing_fonts/wisdomscript-webfont.woff") format("woff"),url("../printing_fonts/wisdomscript-webfont.ttf") format("truetype"),url("../printing_fonts/wisdomscript-webfont.svg#wisdom_script_airegular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'FONT_Raleway_Medium';font-display:swap;src:url("../printing_fonts/raleway-medium-webfont.eot");src:url("../printing_fonts/raleway-medium-webfont.eot?#iefix") format("embedded-opentype"),url("../printing_fonts/raleway-medium-webfont.woff2") format("woff2"),url("../printing_fonts/raleway-medium-webfont.woff") format("woff"),url("../printing_fonts/raleway-medium-webfont.ttf") format("truetype"),url("../printing_fonts/raleway-medium-webfont.svg#ralewaymedium") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'FONT_Raleway_ExtraLight';font-display:swap;src:url("../printing_fonts/raleway-extralight-webfont.eot");src:url("../printing_fonts/raleway-extralight-webfont.eot?#iefix") format("embedded-opentype"),url("../printing_fonts/raleway-extralight-webfont.woff2") format("woff2"),url("../printing_fonts/raleway-extralight-webfont.woff") format("woff"),url("../printing_fonts/raleway-extralight-webfont.ttf") format("truetype"),url("../printing_fonts/raleway-extralight-webfont.svg#ralewayextralight") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'FONT_LeagueGothic_CondensedItalic';font-display:swap;src:url("../printing_fonts/LeagueGothic-CondensedItalic.otf");src:url("../printing_fonts/LeagueGothic-CondensedItalic.otf") format("opentype");font-weight:normal;font-style:normal}@font-face{font-family:'FONT_LeagueGothic_CondensedRegular';font-display:swap;src:url("../printing_fonts/LeagueGothic-CondensedRegular.otf");src:url("../printing_fonts/LeagueGothic-CondensedRegular.otf") format("opentype");font-weight:normal;font-style:normal}@font-face{font-family:'FONT_LeagueGothic_Italic';font-display:swap;src:url("../printing_fonts/LeagueGothic-Italic.otf");src:url("../printing_fonts/LeagueGothic-Italic.otf") format("opentype");font-weight:normal;font-style:normal}@font-face{font-family:'FONT_LeagueGothic_Regular';font-display:swap;src:url("../printing_fonts/leaguegothic-regular-webfont.eot");src:url("../printing_fonts/leaguegothic-regular-webfont.eot?#iefix") format("embedded-opentype"),url("../printing_fonts/leaguegothic-regular-webfont.woff2") format("woff2"),url("../printing_fonts/leaguegothic-regular-webfont.woff") format("woff"),url("../printing_fonts/leaguegothic-regular-webfont.ttf") format("truetype"),url("../printing_fonts/leaguegothic-regular-webfont.svg#league_gothicregular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'FONT_Didot';font-display:swap;src:url("../printing_fonts/Didot.eot?#iefix") format("embedded-opentype"),url("../printing_fonts/Didot.woff") format("woff"),url("../printing_fonts/Didot.ttf") format("truetype"),url("../printing_fonts/Didot.svg#Didot") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'FONT_AbrahamLincoln';font-display:swap;src:url("../printing_fonts/abrahamlincoln-webfont.eot");src:url("../printing_fonts/abrahamlincoln-webfont.eot?#iefix") format("embedded-opentype"),url("../printing_fonts/abrahamlincoln-webfont.woff2") format("woff2"),url("../printing_fonts/abrahamlincoln-webfont.woff") format("woff"),url("../printing_fonts/abrahamlincoln-webfont.ttf") format("truetype"),url("../printing_fonts/abrahamlincoln-webfont.svg#abraham_lincolnregular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Comic Neue Angular';font-display:swap;font-weight:500;font-style:normal;src:url("/font/comic_neue/ComicNeue-Angular-Regular.eot");src:url("/font/comic_neue/ComicNeue-Angular-Regular.eot?#iefix") format("embedded-opentype"),url("/font/comic_neue/ComicNeue-Angular-Regular.woff2") format("woff2"),url("/font/comic_neue/ComicNeue-Angular-Regular.woff") format("woff"),url("/font/comic_neue/ComicNeue-Angular-Regular.ttf") format("truetype")}@font-face{font-family:'Comic Neue Angular Bold';font-display:swap;font-weight:500;font-style:normal;src:url("/font/comic_neue/ComicNeue-Angular-Bold.eot");src:url("/font/comic_neue/ComicNeue-Angular-Bold.eot?#iefix") format("embedded-opentype"),url("/font/comic_neue/ComicNeue-Angular-Bold.woff2") format("woff2"),url("/font/comic_neue/ComicNeue-Angular-Bold.woff") format("woff"),url("/font/comic_neue/ComicNeue-Angular-Bold.ttf") format("truetype")}@font-face{font-family:'Avenir-Roman';font-display:swap;src:url("/font/avenir_r/Avenir-Roman.eot?#iefix") format("embedded-opentype"),url("/font/avenir_r/Avenir-Roman.woff") format("woff"),url("/font/avenir_r/Avenir-Roman.ttf") format("truetype"),url("/font/avenir_r/Avenir-Roman.svg#Avenir-Roman") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'AvenirNext';font-display:swap;src:url("/font/avenir-next_ul/AvenirNext-UltraLight.woff2") format("woff2"),url("/font/avenir-next_ul/AvenirNext-UltraLight.woff") format("woff"),url("/font/avenir-next_ul/AvenirNext-UltraLight.ttf") format("truetype");font-weight:200;font-style:normal}@font-face{font-family:'AvenirNext';font-display:swap;src:url("/font/avenir-next/AvenirNext.woff2") format("woff2"),url("/font/avenir-next/AvenirNext.woff") format("woff"),url("/font/avenir-next/AvenirNext.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:'AvenirNext';font-display:swap;src:url("/font/avenir-next_db/AvenirNext-DemiBold.woff2") format("woff2"),url("/font/avenir-next_db/AvenirNext-DemiBold.woff") format("woff"),url("/font/avenir-next_db/AvenirNext-DemiBold.ttf") format("truetype");font-weight:600;font-style:normal}@font-face{font-family:'AvenirNext';font-display:swap;src:url("/font/avenir-next_b/AvenirNext-Bold.woff2") format("woff2"),url("/font/avenir-next_b/AvenirNext-Bold.woff") format("woff"),url("/font/avenir-next_b/AvenirNext-Bold.eot?#iefix") format("embedded-opentype"),url("/font/avenir-next_b/AvenirNext-Bold.ttf") format("truetype"),url("/font/avenir-next_b/AvenirNext-Bold.svg#AvenirNext-Bold") format("svg");font-weight:700;font-style:normal}@font-face{font-family:'ReplicaPro';font-display:swap;src:url("/font/ReplicaPro-Light/ReplicaProLight.woff2") format("woff2"),url("/font/ReplicaPro-Light/ReplicaProLight.woff") format("woff"),url("/font/ReplicaPro-Light/ReplicaProLight.ttf") format("truetype");font-weight:200;font-style:normal}@font-face{font-family:'ReplicaPro';font-display:swap;src:url("/font/ReplicaPro-Regular/ReplicaProTT.woff2") format("woff2"),url("/font/ReplicaPro-Regular/ReplicaProTT.woff") format("woff"),url("/font/ReplicaPro-Regular/ReplicaProTT.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:'ReplicaPro';font-display:swap;src:url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.woff2") format("woff2"),url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.woff") format("woff"),url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.ttf") format("truetype");font-weight:700;font-style:normal}@font-face{font-family:'Bougenville';font-display:swap;src:url("/font/bougenville/Bougenville.eot?#iefix") format("embedded-opentype"),url("/font/bougenville/Bougenville.woff") format("woff"),url("/font/bougenville/Bougenville.ttf") format("truetype"),url("/font/bougenville/Bougenville.svg#AvenirNext-Bold") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'NellaSue';font-display:swap;src:url("/font/nella_sue/nellasuedemo-webfont.woff2") format("woff2"),url("/font/nella_sue/nellasuedemo-webfont.woff") format("woff"),url("/font/bougenville/nellasuedemo-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'bonjour';font-display:swap;src:url("/font/text_builder/bonjour-webfont.woff2") format("woff2"),url("/font/text_builder/bonjour-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'druk';font-display:swap;src:url("/font/Druk-Bold/Druk-Bold-Web.ttf") format("truetype");font-weight:700;font-style:normal}@font-face{font-family:'pangram';font-display:swap;src:url("../font/pangram/pangram-black-webfont.woff2") format("woff2"),url("../font/pangram/pangram-black-webfont.woff") format("woff");font-weight:bold;font-style:normal}@font-face{font-family:'pangram';font-display:swap;src:url("../font/pangram/pangram-bold-webfont.woff2") format("woff2"),url("../font/pangram/pangram-bold-webfont.woff") format("woff");font-weight:lighter;font-style:normal}@font-face{font-family:'pangram';font-display:swap;src:url("../font/pangram/pangram-extrabold-webfont.woff2") format("woff2"),url("../font/pangram/pangram-extrabold-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'buenos';font-display:swap;src:url("../font/buenos/buenosaires-bold-webfont.woff2") format("woff2"),url("../font/buenos/buenosaires-bold-webfont.woff") format("woff");font-weight:bold;font-style:normal}@font-face{font-family:'buenos';font-display:swap;src:url("../font/buenos/buenosaires-semibold-webfont.woff2") format("woff2"),url("../font/buenos/buenosaires-semibold-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'buenos';font-display:swap;src:url("../font/buenos/buenosaires-regular-webfont.woff2") format("woff2"),url("../font/buenos/buenosaires-regular-webfont.woff") format("woff");font-weight:lighter;font-style:normal}@font-face{font-display:swap;font-family:'Buenos Aires';src:url("../font/buenos/BuenosAires-Light.otf") format("opentype"),url("../font/buenos/buenosaires-thin-webfont.woff") format("woff");font-weight:200;font-style:normal}@font-face{font-display:swap;font-family:'Buenos Aires';src:url("../font/buenos/BuenosAires-Book.otf") format("opentype"),url("../font/buenos/buenosaires-light-webfont.woff") format("woff");font-weight:300;font-style:normal}@font-face{font-display:swap;font-family:'Buenos Aires';src:url("../font/buenos/BuenosAires-Regular.otf") format("opentype"),url("../font/buenos/buenosaires-book-webfont.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-display:swap;font-family:'Buenos Aires';src:url("../font/buenos/BuenosAires-SemiBold.otf") format("opentype"),url("../font/buenos/buenosaires-regular-webfont.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-display:swap;font-family:'Buenos Aires';src:url("../font/buenos/BuenosAires-Black.otf") format("opentype"),url("../font/buenos/buenosaires-semibold-webfont.woff") format("woff");font-weight:900;font-style:normal}@font-face{font-family:'icomoon';font-display:swap;src:url("/font/icons/~v18/icomoon.eot");src:url("/font/icons/~v18/icomoon.eot#iefix") format("embedded-opentype"),url("/font/icons/~v18/icomoon.woff2") format("woff2"),url("/font/icons/~v18/icomoon.woff") format("woff"),url("/font/icons/~v18/icomoon.ttf") format("truetype"),url("/font/icons/~v18/icomoon.svg#icomoon") format("svg");font-weight:normal;font-style:normal}.banner-section{margin-bottom:20px}.slider-btn{transform:translateY(-25px);padding-left:50px !important;padding-right:50px !important}.top-banner{height:0;width:100%;padding-bottom:37.08333333%;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-position:center;background-size:cover !important;overflow:hidden}.top-banner .b-lazy{transition-duration:0.1s}.banner-section .slick-slider{padding-bottom:0}@media (max-width: 767px){.top-banner{padding-bottom:100%}}#landing-top-banners .slick-slide{height:100%}#landing-top-banners .slick-dots{display:flex !important;position:absolute;width:calc(100% - 8vw);height:22px;top:calc(100vw - 32px);left:50%;transform:translate(-50%);margin-bottom:0}#landing-top-banners .slick-dots li{margin-left:0;margin-right:0;height:22px;border-radius:1px;flex:1;display:flex;flex-direction:row;align-items:center;outline:none}#landing-top-banners .slick-dots li+li{margin-left:5px}#landing-top-banners .slick-dots button{outline:none;height:2px;transition:background 0.8s ease;background:rgba(0,0,0,0.2)}#landing-top-banners .slick-dots .slick-active button{background:#000}#landing-top-banners .slick-dots[data-color-theme="dark"] button{background:rgba(0,0,0,0.1)}#landing-top-banners .slick-dots[data-color-theme="dark"] .slick-active button{background:#000}#landing-top-banners .banner-cta-button{margin-bottom:11px}@media (min-width: 768px){#landing-top-banners .slick-dots{width:calc((100% - 8vw) / 3);top:calc(37.08333333vw - 37px)}#landing-top-banners .slick-dots li+li{margin-left:10px}#landing-top-banners .banner-cta-button{padding-left:40px;padding-right:40px;margin-bottom:40px}}a.fill-div{position:absolute;top:0;left:0;right:0;bottom:0}@supports (padding: env(safe-area-inset-left)){section.spot-light,section.product,section.ig-shop{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.spot-light h1{font-size:42px}.spot-light h1+p{position:relative}.spot-light h1+p::before{content:'';display:block;width:50px;height:0;left:50%;top:-25px;transform:translateX(-50%);border-top:1px solid rgba(0,0,0,0.3);position:absolute}@media (max-width: 767px){.spot-light h1+p::before{top:-12px}}@media (min-width: 768px){.row{display:flex}.spot-light .col-sm-6{flex:1;align-self:center}}.product{overflow:hidden}.product-row{display:flex;margin-left:-10px;margin-right:-10px}.product-row>a{display:block;flex:1;border:10px solid transparent}.product-container{background-repeat:no-repeat;background-size:cover;background-position:center center;width:100%;padding-bottom:75%;height:0}.product-row h3{line-height:2em}@media not all and (hover: none){.product-row>a:hover .product-title h3{background-color:white}}@media (min-width: 768px){.product-row>a{position:relative}.product-title{position:absolute;top:4px;left:16px}.product-title h3{color:white;padding:0 10px}}@media (max-width: 767px){.product-row{display:block}}.cares{background-color:#f2f2f2}.cares-container *:focus{outline:none}.cares-container .slick-slide{height:unset}.cares-container img{width:100%;margin:0 auto;min-height:1px;min-width:1px}.cares-container a{vertical-align:top;padding-left:7px;padding-right:7px;display:inline-block}.cares-container .title{display:block;font-size:20px;font-weight:bold;margin-bottom:10px;text-align:center}.cares-container .description{text-align:center;flex:1}@media (min-width: 768px){.cares-container .description{min-height:5em}}.cares-container .more{border:2px solid;border-radius:5px;padding:5px;text-align:center;font-weight:bold;font-size:12px;width:180px;margin-left:auto;margin-right:auto;margin-top:20px}.cares-container{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.cares-container a{white-space:normal;display:inline-block}@media (max-width: 767px){.cares-container a{width:90vw}}.showcases .showcase-item{background:no-repeat center/cover url(/img/placeholder-80.jpg);padding-bottom:100%}.showcases .margin-top-showcase{margin-top:20px}.showcases .pad-square{padding-bottom:100%}.showcases .abs-full{position:absolute;top:0;bottom:0;left:0;right:0}.new-stuff-container img{min-height:1px;min-width:1px}.new-stuff-container a{display:inline-block;width:20%;vertical-align:top;padding-left:40px;padding-right:40px}@media (max-width: 767px){.new-stuff-container{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.new-stuff-container a{width:60vw;white-space:normal}}@media (max-width: 767px){@supports (scroll-snap-type: x mandatory){.new-stuff-container{scroll-snap-type:x mandatory}.new-stuff-container a{scroll-snap-align:center}.cares-container{scroll-snap-type:x mandatory}.cares-container a{scroll-snap-align:center}}} #cms-popup-iframe{position:absolute;border:none;left:0;top:0;width:100vw;height:100vh;overflow-y:auto}@media (min-width:768px){#cms-popup-iframe{transform:translate3d(-50%,-50%,0);border-radius:5px;box-shadow:0 0 50px rgba(0,0,0,.3);width:var(--cms-popup-width,80vw);max-width:var(--cms-popup-max-width,800px);height:var(--cms-popup-height,80vh);max-height:var(--cms-popup-max-height,500px);left:50%;top:50%;transition:all .2s ease-out}}#cms-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:5000;top:0;left:0;bottom:0;right:0} /*# sourceMappingURL=cms-popup.css.map*/ .co-ribbon-wrapper{background:#f15b41;color:#fff;line-height:1.4;font-size:14px;text-align:center;margin:0 -4vw;padding:6px 4vw}@media (min-width:577px){.co-ribbon-wrapper{font-size:15px;padding:6px 30px;margin:0 -30px}}.fb_customer_chat_bubble_pop_in{z-index:300!important}body.show-cart-overlay{overflow:hidden}body.show-cart-overlay .cart-overlay{pointer-events:auto;opacity:1;z-index:500;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}body.show-cart-overlay .navigation-header{max-height:none!important;overflow:auto!important;min-height:100vh!important}body.show-cart-panel .cart-overlay .vue-cart-panel{transform:translateX(0)}.checkout-msg[data-v-21d04706]{margin-bottom:9px;font:600 15px/1 Buenos;display:block;opacity:1;text-align:center}.btn-outline[data-v-21d04706]{border:2px solid #000;border-radius:4px;margin:15px auto 0}@media (min-width:577px){.btn-outline[data-v-21d04706]{border-radius:3px;border-width:1.5px;width:100%}}.cart-overlay[data-v-21d04706]{position:fixed;left:0;top:0;right:0;bottom:0;color:#000!important;background-color:rgba(0,0,0,.8);z-index:500;opacity:0;transition:opacity .3s ease-out;pointer-events:none;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);letter-spacing:.2px;font-size:12px;font-weight:400!important;font-family:buenos,Helvetica,Arial,sans-serif!important}.cart-overlay .vue-cart-panel[data-v-21d04706]{position:absolute;width:100vw;height:100%;background:#fff;transform:translateX(100%);transition:transform .3s ease-out;right:0;top:0;padding:30px;padding-top:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.cart-overlay .vue-cart-panel .empty-cart-text[data-v-21d04706]{font:normal 22px/24.2px Buenos}@media (max-width:576px){.cart-overlay .vue-cart-panel[data-v-21d04706]{padding:0 4vw!important}}@media (min-width:577px){.cart-overlay .vue-cart-panel[data-v-21d04706]{max-width:480px}}a.cart-icon[data-v-21d04706]{position:relative}a.cart-icon[data-item-count][data-v-21d04706]:after{content:attr(data-item-count);position:absolute;top:-1em;right:-1em;color:#fff;background:#333;border-radius:50%;display:block;width:1em;height:1em;text-align:center;line-height:1em;font-size:.8em;padding:.2em;box-sizing:content-box}.cart-header[data-v-21d04706]{background:#fff;top:0;z-index:1;padding:30px 0 15px;margin:unset}.cart-header a.cart-collapse[data-v-21d04706]{left:0}.cart-header[data-free-shipping][data-v-21d04706]:after{content:attr(data-free-shipping);display:block;padding-top:5px}.cart-header .cart-head-text[data-v-21d04706]{margin:15px 0 9px;font-size:12px;line-height:1;color:#000;font-weight:400}.header-ruler[data-v-21d04706]{width:100%;margin:0 auto;height:6px;background-color:#ea594e;display:block;border-radius:30px;margin-top:4px}.header-ruler.dimmed[data-v-21d04706]{background-color:#eaeaea}.position-relative[data-v-21d04706]{position:relative}.position-absolute[data-v-21d04706]{position:absolute}@media (min-width:577px){.cart-header[data-v-21d04706]{padding:30px 0 0}.header-ruler.dimmed[data-v-21d04706]{margin-top:15px}.empty-cart-text[data-v-21d04706]{padding:15px 0!important;margin:unset!important;margin-top:15px!important;font-size:24px!important;font-weight:900!important;text-transform:capitalize}.empty-cart-link[data-v-21d04706]{display:block;padding:0 30px}.empty-cart-link .btn[data-v-21d04706]:hover{background-color:inherit;color:inherit}}.cart-item+.cart-item[data-v-760506b8]{border-top:1px solid rgba(0,0,0,.15)}.cart-item[data-v-760506b8]{display:flex;padding-top:30px!important;padding-bottom:30px!important}.cart-item.disabled[data-v-760506b8]{pointer-events:none}.cart-item.previous-item[data-v-760506b8]{pointer-events:none;opacity:.3}.cart-item h5[data-v-760506b8]{font-family:buenos,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.2;color:#000;font-weight:600;padding-bottom:3px}.cart-item:not(.compact)>[data-v-760506b8]{align-self:start;margin-right:15px}.cart-artwork-name[data-v-760506b8]{flex-grow:1;overflow:hidden}.quantity-control-block[data-v-760506b8]{margin-top:12px}a.btn-minus[data-v-760506b8]{border-top-left-radius:3px;border-bottom-left-radius:3px;border-right:none!important}a.btn-minus[data-v-760506b8]:after{content:"-"}a.btn-plus[data-v-760506b8]{border-top-right-radius:3px;border-bottom-right-radius:3px;border-left:none!important}a.btn-plus[data-v-760506b8]:after{content:"+"}a.btn-minus[data-v-760506b8]:after,a.btn-plus[data-v-760506b8]:after{font-size:21px;line-height:36px;position:relative;top:-1px;font-weight:100}.product-info[data-v-760506b8]{margin-right:15px}.product-info p[data-v-760506b8]{padding-top:3px!important;padding-bottom:3px!important;line-height:1;font-weight:400!important;font-size:12px;color:rgba(0,0,0,.45)!important;font-weight:600!important;opacity:1}.product-info p[data-v-760506b8]:last-child{padding-bottom:unset!important}.compact-price-text[data-v-760506b8],.item-price[data-v-760506b8]{font-size:15px;line-height:36px;font-weight:600;position:relative;color:#000}.item-price[data-v-760506b8]{left:15px;margin-left:auto}a.btn-minus[data-v-760506b8],a.btn-plus[data-v-760506b8]{line-height:36px;font-size:21px;display:inline-block;width:36px;text-align:center;border:1px solid rgba(0,0,0,.15)}a.btn-minus[data-v-760506b8]:after,a.btn-plus[data-v-760506b8]:after{width:36px;text-align:center}input.quantity-control[data-v-760506b8]{line-height:36px;font-weight:600;font-size:15px;display:inline-block;height:auto;width:36px;border-color:rgba(0,0,0,.15);text-align:center;border-left:none;border-right:none;border-radius:unset;padding:0}.compact .compact-price-text[data-v-760506b8]{white-space:nowrap;line-height:1.2;text-align:right}.compact .item-name[data-v-760506b8]{margin-left:15px}@media (min-width:577px){.compact .item-name[data-v-760506b8]{margin-left:30px;margin-right:15px}}.compact.cart-item[data-v-760506b8]{padding:15px 0}.compact.cart-item>[data-v-760506b8]{align-self:center}.compact a.cart-item-image[data-v-760506b8]{position:relative}.compact a.cart-item-image[data-quantity][data-v-760506b8]:after{content:attr(data-quantity);position:absolute;top:-9px;right:-9px;color:#000;background:#fff;border-radius:50%;border:1px solid #000;display:block;width:16px;height:16px;text-align:center;line-height:16px;font-size:12px;box-sizing:content-box;padding:0}.flex-grow-1[data-v-760506b8]{flex-grow:1}.d-flex[data-v-760506b8]{display:flex}.flex-break[data-v-760506b8]{height:0;width:100%}.d-flex-wrap[data-v-760506b8]{flex-wrap:wrap}.quantity-control-block[data-v-760506b8]{width:100%}.after-op-2[data-v-760506b8]:after{opacity:.2}.op-4[data-v-760506b8]{opacity:.4}.wh-75[data-v-760506b8]{width:75px;height:75px}.wh-120[data-v-760506b8]{width:120px;height:120px}.remove-btn[data-v-760506b8]{padding:6px;display:flex;position:relative;left:21px;bottom:6px;width:12px;height:12px;box-sizing:unset}.bundle-item-listing-container[data-v-e3ede55a]{margin:unset;padding-top:30px;border:unset;padding-bottom:60px}.variation-container[data-v-f5ccca4c]{display:flex;flex-wrap:wrap;margin-top:3px}.variation-container>div[data-v-f5ccca4c]{border-radius:50%;width:20px;height:20px;border:1px solid #ccc;margin:0 3px;cursor:pointer}.variation-container>div.active[data-v-f5ccca4c]{border:1px solid #000}.variation-container>div[data-v-f5ccca4c]:first-child{margin-left:unset}.bundle-item[data-v-f5ccca4c]{display:flex;background:rgba(0,0,0,.03)!important;padding:15px 4vw;border-radius:3px}.bundle-item.disabled[data-v-f5ccca4c]{pointer-events:none}.bundle-item+.bundle-item[data-v-f5ccca4c]{margin-top:9px}@media (min-width:577px){.bundle-item[data-v-f5ccca4c]{padding:15px}}.bundle-item h5[data-v-f5ccca4c]{font-family:buenos,Helvetica,Arial,sans-serif}.bundle-item>[data-v-f5ccca4c]{align-self:start;margin-right:15px}.bundle-artwork-name[data-v-f5ccca4c]{flex-grow:1;overflow:hidden}.bundle-artwork-name h5[data-v-f5ccca4c]{padding-bottom:6px;font-weight:600;line-height:1.2;color:#000}.item-price[data-v-f5ccca4c]{font-size:1em}a.bundle-item-image[data-v-f5ccca4c]{margin:unset;margin-right:15px;position:relative}a.bundle-item-image[data-quantity][data-v-f5ccca4c]:after{content:attr(data-quantity);position:absolute;top:0;right:0;color:#fff;background:#333;border-radius:50%;display:none;width:1em;height:1em;text-align:center;line-height:1em;font-size:.8em;padding:.2em;box-sizing:content-box}.flex-grow-1[data-v-f5ccca4c]{flex-grow:1}.strike-through[data-v-f5ccca4c]{text-decoration:line-through;margin-right:1em}div.price[data-v-f5ccca4c]{white-space:nowrap;color:#ea594e;font:normal 15px/1 Buenos!important}div.price p[data-v-f5ccca4c]{margin-right:0;line-height:1;font-weight:600;font-size:15px}div.price .original-price[data-v-f5ccca4c]{color:rgba(0,0,0,.3);position:relative;margin-bottom:3px}.add-btn[data-v-f5ccca4c]{flex-grow:1;font:600 15px/1.2 Buenos;color:#000}.price-column[data-v-f5ccca4c]{flex-direction:column;align-self:stretch;display:flex;margin:unset}[data-v-439aed5c]{letter-spacing:.2px}td[data-v-439aed5c]{line-height:1;padding:7.5px 0!important;font-size:15px;color:#000;font-weight:600}td:first-child td[data-v-439aed5c]{padding-top:0!important}tr:nth-last-child(2) td[data-v-439aed5c]{padding-bottom:15px!important}tr:last-child td[data-v-439aed5c]{padding:15px 0 0!important}.code-input .no-break[data-v-439aed5c]{display:flex;flex-wrap:nowrap}.code-input .no-break>input[data-v-439aed5c]{border-color:rgba(0,0,0,.15);padding:15px;color:#000;line-height:1.2;height:unset!important;letter-spacing:.2px;border-radius:unset;border-top-left-radius:3px;border-bottom-left-radius:3px;border-right:unset;font-size:12px;flex-grow:1;width:auto}@media (max-width:576px){.code-input .no-break>input[data-v-439aed5c]{padding:15px 4vw}}.code-input .no-break>input[data-v-439aed5c]::placeholder{font-size:12px;letter-spacing:.2px;color:rgba(0,0,0,.3);line-height:1.2;font-weight:400;display:block!important}.code-input .no-break>button[data-v-439aed5c]{border-top-left-radius:0;border-bottom-left-radius:0;font-size:12px;letter-spacing:1.8px;line-height:1.2;font-weight:600;border-top-right-radius:3px;border-bottom-right-radius:3px;background-color:#000;border-color:#000;color:#fff;padding:15px 4vw}@media (min-width:577px){.code-input .no-break>button[data-v-439aed5c]{padding:15px}}.code-input .no-break>button[data-v-439aed5c]:hover{background-color:#000;color:#fff}.code-input .no-break>button.uppercase[data-v-439aed5c]{text-transform:uppercase!important;font-weight:900!important}.code-input.has-error input[data-v-439aed5c]{color:red}.code-input[data-error-message][data-v-439aed5c]:after{display:block;color:red;content:attr(data-error-message);font-size:small;font-weight:600;margin-top:9px;line-height:1.4;letter-spacing:.2px}.code-input [data-v-439aed5c]::placeholder{text-transform:none;font-size:14px;font-weight:400;color:rgba(0,0,0,.3)}.p-1[data-v-439aed5c]{padding:5px}.checkout-btn[data-v-439aed5c]{font-size:15px;letter-spacing:3.6px;font-weight:600;line-height:1;padding:18px 4vw;border-radius:3px;background-color:#000;border-color:#000;color:#fff}.summary>div[data-v-439aed5c]:not(:last-child){margin-bottom:30px}.remove-button[data-v-439aed5c]{position:relative;margin-left:.5em;color:rgba(0,0,0,.4)}.remove-button[data-v-439aed5c]:before{font-size:12px;line-height:21px}.icon-info[data-v-439aed5c]{border:1px solid #000;width:1em;height:1em;line-height:1;border-radius:50%;display:inline-block;text-align:center}@media (max-width:576px){.table-borderless[data-v-439aed5c]{margin-bottom:30px!important}}@media (min-width:577px){table[data-v-439aed5c]{margin:unset!important}}klarna-placement[data-key=credit-promotion-standard]{display:block;margin:10px auto 0;max-width:350px} /*# sourceMappingURL=hovercart.css.map*/ @charset "UTF-8"; @font-face { font-family: 'FONT_potatoes_and_peasregular'; font-display: swap; src: url("../printing_fonts/potatoes_and_peas-webfont.woff2") format("woff2"), url("../printing_fonts/potatoes_and_peas-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_shadows_into_lights'; font-display: swap; src: url("../printing_fonts/shadow_into_lights-webfont.woff2") format("woff2"), url("../printing_fonts/shadow_into_lights-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_lewis_hand'; font-display: swap; src: url("../printing_fonts/lewis_hand-webfont.woff2") format("woff2"), url("../printing_fonts/lewis_hand-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } /* @font-face { font-family: 'FONT_golden_plains'; font-display: swap; src: url('../printing_fonts/golden_plains-webfont.woff2') format('woff2'), url('../printing_fonts/golden_plains-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_stay_red'; font-display: swap; src: url('../printing_fonts/stay_red-webfont.woff2') format('woff2'), url('../printing_fonts/stay_red-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'FONT_Muncie'; font-display: swap; src: url("../printing_fonts/muncie-webfont.eot"); src: url("../printing_fonts/muncie-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/muncie-webfont.woff2") format("woff2"), url("../printing_fonts/muncie-webfont.woff") format("woff"), url("../printing_fonts/muncie-webfont.ttf") format("truetype"), url("../printing_fonts/muncie-webfont.svg#muncieregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Wisdom_Scription_AI'; font-display: swap; src: url("../printing_fonts/wisdomscript-webfont.eot"); src: url("../printing_fonts/wisdomscript-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/wisdomscript-webfont.woff2") format("woff2"), url("../printing_fonts/wisdomscript-webfont.woff") format("woff"), url("../printing_fonts/wisdomscript-webfont.ttf") format("truetype"), url("../printing_fonts/wisdomscript-webfont.svg#wisdom_script_airegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Raleway_Medium'; font-display: swap; src: url("../printing_fonts/raleway-medium-webfont.eot"); src: url("../printing_fonts/raleway-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/raleway-medium-webfont.woff2") format("woff2"), url("../printing_fonts/raleway-medium-webfont.woff") format("woff"), url("../printing_fonts/raleway-medium-webfont.ttf") format("truetype"), url("../printing_fonts/raleway-medium-webfont.svg#ralewaymedium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Raleway_ExtraLight'; font-display: swap; src: url("../printing_fonts/raleway-extralight-webfont.eot"); src: url("../printing_fonts/raleway-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/raleway-extralight-webfont.woff2") format("woff2"), url("../printing_fonts/raleway-extralight-webfont.woff") format("woff"), url("../printing_fonts/raleway-extralight-webfont.ttf") format("truetype"), url("../printing_fonts/raleway-extralight-webfont.svg#ralewayextralight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_CondensedItalic'; font-display: swap; src: url("../printing_fonts/LeagueGothic-CondensedItalic.otf"); src: url("../printing_fonts/LeagueGothic-CondensedItalic.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_CondensedRegular'; font-display: swap; src: url("../printing_fonts/LeagueGothic-CondensedRegular.otf"); src: url("../printing_fonts/LeagueGothic-CondensedRegular.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_Italic'; font-display: swap; src: url("../printing_fonts/LeagueGothic-Italic.otf"); src: url("../printing_fonts/LeagueGothic-Italic.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_Regular'; font-display: swap; src: url("../printing_fonts/leaguegothic-regular-webfont.eot"); src: url("../printing_fonts/leaguegothic-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/leaguegothic-regular-webfont.woff2") format("woff2"), url("../printing_fonts/leaguegothic-regular-webfont.woff") format("woff"), url("../printing_fonts/leaguegothic-regular-webfont.ttf") format("truetype"), url("../printing_fonts/leaguegothic-regular-webfont.svg#league_gothicregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Didot'; font-display: swap; src: url("../printing_fonts/Didot.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/Didot.woff") format("woff"), url("../printing_fonts/Didot.ttf") format("truetype"), url("../printing_fonts/Didot.svg#Didot") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_AbrahamLincoln'; font-display: swap; src: url("../printing_fonts/abrahamlincoln-webfont.eot"); src: url("../printing_fonts/abrahamlincoln-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/abrahamlincoln-webfont.woff2") format("woff2"), url("../printing_fonts/abrahamlincoln-webfont.woff") format("woff"), url("../printing_fonts/abrahamlincoln-webfont.ttf") format("truetype"), url("../printing_fonts/abrahamlincoln-webfont.svg#abraham_lincolnregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Comic Neue Angular'; font-display: swap; font-weight: 500; font-style: normal; src: url("/font/comic_neue/ComicNeue-Angular-Regular.eot"); src: url("/font/comic_neue/ComicNeue-Angular-Regular.eot?#iefix") format("embedded-opentype"), url("/font/comic_neue/ComicNeue-Angular-Regular.woff2") format("woff2"), url("/font/comic_neue/ComicNeue-Angular-Regular.woff") format("woff"), url("/font/comic_neue/ComicNeue-Angular-Regular.ttf") format("truetype"); } @font-face { font-family: 'Comic Neue Angular Bold'; font-display: swap; font-weight: 500; font-style: normal; src: url("/font/comic_neue/ComicNeue-Angular-Bold.eot"); src: url("/font/comic_neue/ComicNeue-Angular-Bold.eot?#iefix") format("embedded-opentype"), url("/font/comic_neue/ComicNeue-Angular-Bold.woff2") format("woff2"), url("/font/comic_neue/ComicNeue-Angular-Bold.woff") format("woff"), url("/font/comic_neue/ComicNeue-Angular-Bold.ttf") format("truetype"); } @font-face { font-family: 'Avenir-Roman'; font-display: swap; src: url("/font/avenir_r/Avenir-Roman.eot?#iefix") format("embedded-opentype"), url("/font/avenir_r/Avenir-Roman.woff") format("woff"), url("/font/avenir_r/Avenir-Roman.ttf") format("truetype"), url("/font/avenir_r/Avenir-Roman.svg#Avenir-Roman") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_ul/AvenirNext-UltraLight.woff2") format("woff2"), url("/font/avenir-next_ul/AvenirNext-UltraLight.woff") format("woff"), url("/font/avenir-next_ul/AvenirNext-UltraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next/AvenirNext.woff2") format("woff2"), url("/font/avenir-next/AvenirNext.woff") format("woff"), url("/font/avenir-next/AvenirNext.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_db/AvenirNext-DemiBold.woff2") format("woff2"), url("/font/avenir-next_db/AvenirNext-DemiBold.woff") format("woff"), url("/font/avenir-next_db/AvenirNext-DemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_b/AvenirNext-Bold.woff2") format("woff2"), url("/font/avenir-next_b/AvenirNext-Bold.woff") format("woff"), url("/font/avenir-next_b/AvenirNext-Bold.eot?#iefix") format("embedded-opentype"), url("/font/avenir-next_b/AvenirNext-Bold.ttf") format("truetype"), url("/font/avenir-next_b/AvenirNext-Bold.svg#AvenirNext-Bold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Light/ReplicaProLight.woff2") format("woff2"), url("/font/ReplicaPro-Light/ReplicaProLight.woff") format("woff"), url("/font/ReplicaPro-Light/ReplicaProLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Regular/ReplicaProTT.woff2") format("woff2"), url("/font/ReplicaPro-Regular/ReplicaProTT.woff") format("woff"), url("/font/ReplicaPro-Regular/ReplicaProTT.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.woff2") format("woff2"), url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.woff") format("woff"), url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Bougenville'; font-display: swap; src: url("/font/bougenville/Bougenville.eot?#iefix") format("embedded-opentype"), url("/font/bougenville/Bougenville.woff") format("woff"), url("/font/bougenville/Bougenville.ttf") format("truetype"), url("/font/bougenville/Bougenville.svg#AvenirNext-Bold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'NellaSue'; font-display: swap; src: url("/font/nella_sue/nellasuedemo-webfont.woff2") format("woff2"), url("/font/nella_sue/nellasuedemo-webfont.woff") format("woff"), url("/font/bougenville/nellasuedemo-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bonjour'; font-display: swap; src: url("/font/text_builder/bonjour-webfont.woff2") format("woff2"), url("/font/text_builder/bonjour-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'druk'; font-display: swap; src: url("/font/Druk-Bold/Druk-Bold-Web.ttf") format("truetype"); font-weight: 700; font-style: normal; } /* @font-face { font-family: 'roboto'; font-display: swap; src: url('../font/roboto_r/Roboto-Regular-webfont.eot'); src: url('../font/roboto_r/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto_r/Roboto-Regular-webfont.woff') format('woff'), url('../font/roboto_r/Roboto-Regular-webfont.ttf') format('truetype'), url('../font/roboto_r/Roboto-Regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; font-display: swap; src: url('../font/roboto_m/Roboto-Medium-webfont.eot'); src: url('../font/roboto_m/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto_m/Roboto-Medium-webfont.woff') format('woff'), url('../font/roboto_m/Roboto-Medium-webfont.ttf') format('truetype'), url('../font/roboto_m/Roboto-Medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayregular'; font-display: swap; src: url('../font/raleway_r/raleway-regular-webfont.eot'); src: url('../font/raleway_r/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_r/raleway-regular-webfont.woff') format('woff'), url('../font/raleway_r/raleway-regular-webfont.ttf') format('truetype'), url('../font/raleway_r/raleway-regular-webfont.svg#ralewayregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaymedium'; font-display: swap; src: url('../font/raleway_m/raleway-medium-webfont.eot'); src: url('../font/raleway_m/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_m/raleway-medium-webfont.woff2') format('woff2'), url('../font/raleway_m/raleway-medium-webfont.woff') format('woff'), url('../font/raleway_m/raleway-medium-webfont.ttf') format('truetype'), url('../font/raleway_m/raleway-medium-webfont.svg#ralewaymedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaysemibold'; font-display: swap; src: url('../font/raleway_sb/raleway-semibold-webfont.eot'); src: url('../font/raleway_sb/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_sb/raleway-semibold-webfont.woff2') format('woff2'), url('../font/raleway_sb/raleway-semibold-webfont.woff') format('woff'), url('../font/raleway_sb/raleway-semibold-webfont.ttf') format('truetype'), url('../font/raleway_sb/raleway-semibold-webfont.svg#ralewaysemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaybold'; font-display: swap; src: url('../font/raleway_b/raleway-bold-webfont.eot'); src: url('../font/raleway_b/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_b/raleway-bold-webfont.woff') format('woff'), url('../font/raleway_b/raleway-bold-webfont.ttf') format('truetype'), url('../font/raleway_b/raleway-bold-webfont.svg#ralewaybold') format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-black-webfont.woff2") format("woff2"), url("../font/pangram/pangram-black-webfont.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-bold-webfont.woff2") format("woff2"), url("../font/pangram/pangram-bold-webfont.woff") format("woff"); font-weight: lighter; font-style: normal; } @font-face { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-extrabold-webfont.woff2") format("woff2"), url("../font/pangram/pangram-extrabold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-bold-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-bold-webfont.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-semibold-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-semibold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-regular-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-regular-webfont.woff") format("woff"); font-weight: lighter; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Light.otf") format("opentype"), url("../font/buenos/buenosaires-thin-webfont.woff") format("woff"); font-weight: 200; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Book.otf") format("opentype"), url("../font/buenos/buenosaires-light-webfont.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Regular.otf") format("opentype"), url("../font/buenos/buenosaires-book-webfont.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-SemiBold.otf") format("opentype"), url("../font/buenos/buenosaires-regular-webfont.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Black.otf") format("opentype"), url("../font/buenos/buenosaires-semibold-webfont.woff") format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: 'icomoon'; font-display: swap; src: url("/font/icons/~v17/icomoon.eot"); src: url("/font/icons/~v17/icomoon.eot#iefix") format("embedded-opentype"), url("/font/icons/~v17/icomoon.woff2") format("woff2"), url("/font/icons/~v17/icomoon.woff") format("woff"), url("/font/icons/~v17/icomoon.ttf") format("truetype"), url("/font/icons/~v17/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; } body { font-size: 14px; line-height: 22px; color: #666666; font-family: "buenos", Helvetica, Arial, sans-serif; background-color: #ffffff; } details, footer, header, nav, section, summary { display: block; } [hidden] { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } strong { font-weight: bold; } code { font-family: monospace, serif; font-size: 1em; } small { font-size: 80%; } img { border: 0; } svg:not(:root) { overflow: hidden; } button, input, select { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } * { box-sizing: border-box; } .wrapper { margin: 0 auto; width: 100%; max-width: 1200px; } /* grid column size setting */ .column4 { width: 33.3333333333%; } .column8 { width: 66.6666666667%; } /*row and column float system*/ .row > [class*="column"] { padding-left: 11px; padding-right: 11px; } .row .row { margin-left: -11px; margin-right: -11px; } /* row system for table perfect for vertical align */ .clearfix, .wrapper, .row { clear: both; *zoom: 1; } .clearfix:after, .wrapper:after, .row:after, .clearfix:before, .wrapper:before, .row:before { content: ""; display: table; clear: both; } .clearfix-overflow, .checkbox { overflow: hidden; *zoom: 1; } .f-right { float: right; } .f-left, .row > [class*="column"] { float: left; } /* margin left, right */ .ml2 { margin-left: 22px; } /* margin top, bottom */ .mt0 { margin-top: 0 !important; } .mb2 { margin-bottom: 44px; } .mb0 { margin-bottom: 0 !important; } /* padding left, right */ .pl1 { padding-left: 11px; } .pl2 { padding-left: 22px; } .pr1 { padding-right: 11px; } .pr2 { padding-right: 22px; } /* padding top, bottom */ .pt1 { padding-top: 22px; } .pt2 { padding-top: 44px; } .pb1 { padding-bottom: 22px; } .pb2 { padding-bottom: 44px; } .inline, .checkbox, .btn, .tag, [data-reveal] i[data-icon] { display: inline-block; } .block { display: block; } .relative, .checkbox { position: relative; } .absolute, .checkbox input[type="checkbox"]:not(:checked), .checkbox input[type="checkbox"]:checked { position: absolute; } .fixed { position: fixed; } input[type="text"], input[type="email"], input[type="url"], input[type="search"] { width: 100%; } .hide { display: none; } .m-visibility-false { display: none !important; } .v-center { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } [order="1"] { order: 1; -webkit-order: 1; -ms-flex-order: 1; } [order="2"] { order: 2; -webkit-order: 2; -ms-flex-order: 2; } [order="3"] { order: 3; -webkit-order: 3; -ms-flex-order: 3; } [order="4"] { order: 4; -webkit-order: 4; -ms-flex-order: 4; } [order="5"] { order: 5; -webkit-order: 5; -ms-flex-order: 5; } [order="6"] { order: 6; -webkit-order: 6; -ms-flex-order: 6; } [order="7"] { order: 7; -webkit-order: 7; -ms-flex-order: 7; } [order="8"] { order: 8; -webkit-order: 8; -ms-flex-order: 8; } [order="9"] { order: 9; -webkit-order: 9; -ms-flex-order: 9; } div, ul, ol, li, form, p, th { margin: 0; padding: 0; } a { text-decoration: none; color: #333333; } p { margin-bottom: 22px; } h2, .h2-like, h3, h4, h5, .h5-like { margin: 14px 0; color: #222222; } h2.mb0, .h2-like.mb0, h3.mb0, h4.mb0, h5.mb0, .h5-like.mb0 { margin-bottom: 0; } h2.mt0, .h2-like.mt0, h3.mt0, h4.mt0, h5.mt0, .h5-like.mt0 { margin-top: 0; } h2, .h2-like { font-family: "pangram", Helvetica, Arial, sans-serif; font-weight: 600; font-weight: 700; letter-spacing: 4px; font-size: 28px; line-height: 48.4px; } h3 { font-family: "pangram", Helvetica, Arial, sans-serif; font-weight: 600; font-size: 18px; line-height: 28.6px; } h4 { font-size: 16px; line-height: 22px; } h5, .h5-like { font-size: 14px; line-height: 22px; } .uppercase { text-transform: uppercase; } .line-through { text-decoration: line-through; } .ellipsis { display: block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .roboto { font-family: "Roboto", Helvetica, Arial, Sans-Serif; font-weight: 400; } .medium { font-weight: 500; } .bold { font-weight: 700; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } ul, ol { padding-left: 18px; } li ul, li ol { margin-top: 0; margin-bottom: 0; } .reset-list { padding-left: 0; margin-left: 0; list-style: none; } .input, input[type="text"], input[type="date"], input[type="time"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="color"] { height: 44px; padding: 0 11px; -webkit-appearance: none; vertical-align: top; border: 1px solid rgba(0, 0, 0, 0.1); } input[type="search"] { box-sizing: border-box; } input[type="text"].error, input[type="date"].error, input[type="time"].error, input[type="number"].error, input[type="email"].error, input[type="url"].error, input[type="search"].error, input[type="color"].error, select.error { color: #f47245 !important; border: 1px solid #f14d15 !important; } input[type="text"].error:active, input[type="text"].error:focus, input[type="date"].error:active, input[type="date"].error:focus, input[type="time"].error:active, input[type="time"].error:focus, input[type="number"].error:active, input[type="number"].error:focus, input[type="email"].error:active, input[type="email"].error:focus, input[type="url"].error:active, input[type="url"].error:focus, input[type="search"].error:active, input[type="search"].error:focus, input[type="color"].error:active, input[type="color"].error:focus, select.error:active, select.error:focus { box-shadow: none; outline: none; } input[type="submit"] { -webkit-appearance: none; border: solid 0px transparent; } input[type="number"] { width: 90px; } input[type="number"]::-webkit-inner-spin-button { display: inline-block; padding: 0 0 0 11px; } .checkbox { min-height: 25px; min-width: 25px; cursor: pointer; } .checkbox input[type="checkbox"]:not(:checked), .checkbox input[type="checkbox"]:checked { left: 0; top: 0; opacity: 0; z-index: -1; -moz-appearance: none; } [data-icon]:before { display: inline; font-family: 'icomoon'; content: attr(data-icon); speak: none; font-size: 16px; text-transform: none; line-height: 22px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; } [data-icon].text-extra:before { font-size: 22px; line-height: 48.4px; } .screen-reader-text { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; display: none; } /*style.scss is the look and feel stylesheet*/ html.no-scroll, html.no-scroll body { overflow: hidden !important; height: 100% !important; } input::selection { color: black; } ::selection { background-color: #333333; color: #ffffff; text-shadow: none; } .box { padding: 11px 22px; } .btn, .tag { padding: 0 15.4px; height: 44px; line-height: 44px; } .icon { width: 48px; height: 48px; background-position: 0px -48px; background-repeat: no-repeat; } .icon.active { background-position: 0px 0px; } .active .icon { background-position: 0px 0px; } .btn { color: #666666; background-color: #ffffff; border: none; border-radius: 2px; transition: background 0.2s ease-out; } .btn:not(.disabled-btn):hover, .btn:not(.disabled-btn):focus { cursor: pointer; background: #ebebeb; } .border-btn-third-color { color: #746f75; border: 0px solid rgba(255, 255, 255, 0); background: rgba(0, 0, 0, 0); background: transparent; box-shadow: 0 0 0 1px rgba(116, 111, 117, 0.9) inset; transition: color 0.3s ease-out, border 0.3s ease-out; } .border-btn-third-color:hover { color: rgba(116, 111, 117, 0.7); background: rgba(0, 0, 0, 0); background: transparent; box-shadow: 0 0 0 1px rgba(116, 111, 117, 0.6) inset; } .btn-block { display: block; width: 100%; text-align: center; } .tag { margin: 0 4.4px 4.4px 0; -webkit-transition: background 0.3s ease-out; transition: background 0.3s ease-out; } .tag.active { color: #333333; border-color: #333333; } .error-color { background-color: #f47245; color: #fff; } .error-color.btn { color: #fff; background-color: #f47245; } .error-color.btn:hover, .error-color.btn:focus { background: #f3602d; } .error-color.tag { background: #f47245; } .error-color.tag:hover, .error-color.tag:focus { background: #f3602d; } .error-color h2, .error-color .h2-like, .error-color h3, .error-color h4 { color: #fff; } .error-color a { color: #fff; } .text-main { color: #333333 !important; } .text-dark { color: #343434; } .text-white { color: #ffffff; } .text-default { color: #666666; } .disabled { opacity: 0.3; cursor: default !important; } .input, input[type="text"], input[type="date"], input[type="time"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="color"] { border-radius: 2px; } .border-top { border-top: solid 1px rgba(0, 0, 0, 0.1); } .border-bottom { border-bottom: solid 1px rgba(0, 0, 0, 0.1); } .border-left { border-left: solid 1px rgba(0, 0, 0, 0.1); } .border-right { border-right: solid 1px rgba(0, 0, 0, 0.1); } [data-reveal] i[data-icon] { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; } [data-reveal].open i[data-icon] { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* .fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], .fbcomments iframe[style], .fb_iframe_widget span, .pluginSkinLight, .pluginSkinLight>div, .pluginSkinLight>div>div { width: 100% !important; } */ .nowrap { white-space: nowrap; } [class^="icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; } .flag-icon { position: relative; display: inline-block; width: 1.3333333333em; line-height: 1em; } .flag-icon:before { content: '\00a0'; } .flag-icon-de { background-image: url(/img/flag-icon/4x3/de.svg); } .flag-icon-es { background-image: url(/img/flag-icon/4x3/es.svg); } .flag-icon-fr { background-image: url(/img/flag-icon/4x3/fr.svg); } .flag-icon-hk { background-image: url(/img/flag-icon/4x3/hk.svg); } .flag-icon-jp { background-image: url(/img/flag-icon/4x3/jp.svg); } .flag-icon-kr { background-image: url(/img/flag-icon/4x3/kr.svg); } .flag-icon-pt { background-image: url(/img/flag-icon/4x3/pt.svg); } .flag-icon-th { background-image: url(/img/flag-icon/4x3/th.svg); } .flag-icon-us { background-image: url(/img/flag-icon/4x3/us.svg); } /*.case-mapper-slider {*/ /*}*/ .pointer { cursor: pointer; } /* this is the genernal casetify modal move it to more suitable file latter */ .details .bootstrap.iphone7 .feature:before { content: none; } .details .bootstrap.iphone7 .feature .description { position: relative; top: 250px; } @media (min-width: 376px) and (max-width: 767px) { /* STYLES HERE */ } @media (min-width: 768px) { .details .bootstrap.iphone7 .feature .description { top: 0; } } .iphone7 { text-align: center; } .iphone7 hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; padding: 0; } .iphone7 .feature { padding-bottom: 0; height: 448px; } .iphone7 .feature:before { content: ''; height: 230px; width: 100%; background-color: #f2f2f2; position: absolute; display: block; } @media (min-width: 768px) { .iphone7 { text-align: left; } } @media (min-width: 768px) { .iphone7 .feature:before { content: none; } .iphone7 .feature .description { position: relative; top: 0; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) { .visible-xs { display: none !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) { .visible-xs { display: none !important; } } .recommend h3 { margin-top: 30px; } .recommend .select { position: relative; max-width: 330px; } .recommend .select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; padding: 10px 15px; display: block; font-size: 16px; border: 1px solid #eee; border-radius: 5px; line-height: 1.5em; background-color: transparent; color: #666666; padding: 10px 15px; } .recommend .select select::-ms-expand { display: none; } .recommend .select:before { content: '\e000'; font-family: 'icomoon'; position: absolute; bottom: 10px; right: 20px; } .recommend input[type='button']:disabled { background-color: #ccc; cursor: not-allowed; } @-webkit-keyframes bgScrollAnimation { from { -webkit-transform: translateY(0px); transform: translateY(0px); } to { -webkit-transform: translateY(-400px); transform: translateY(-400px); } } @keyframes bgScrollAnimation { from { -webkit-transform: translateY(0px); transform: translateY(0px); } to { -webkit-transform: translateY(-400px); transform: translateY(-400px); } } .cms-page { font-family: buenos, Helvetica, Arial, sans-serif; } .cms-page-container section[class^="cms-"] { width: 100%; } @media (max-width: 767px) { .cms-page-container section[class^="cms-"] .text-xs-left { text-align: left; } } .cms-page-container section[class^="cms-"] h2 + p, .cms-page-container section[class^="cms-"] h3 + p, .cms-page-container section[class^="cms-"] p + p { margin-top: 1em; } .cms-page-container section[class^="cms-"] p { line-height: 1.5em; } .cms-page-container section[class^="cms-"] h2, .cms-page-container section[class^="cms-"] h3 { color: #343434; } .cms-page-container section[class^="cms-"] p { color: #666; } .cms-page-container section[class^="cms-"] .text-white { color: #fff; } .main-title-header h2, .main-title-header .h2-like { height: 154px; line-height: 154px; margin: 0; } /* secondary grid column size setting */ .filter i { color: #333333; font-weight: bold; } .case > div img[aria-hidden='true'] { z-index: -1; } .case > div .artist:hover { color: #333333; } .toaster { position: fixed; top: 0; left: 0; -webkit-transform: translateZ(0); width: 100%; z-index: 6000; height: 68.2px; } .event-ribbon { background-color: #f15b41; color: #fff; /*text-shadow: 0 1px 1px rgba(0,0,0,0.2);*/ } .event-ribbon .close-btn { color: #b3b2b2; right: 11px; top: 0px; } @media screen and (max-width: 767px) { .filter { margin: 0; padding: 0; line-height: 44px; background: #f2f2f2; border-top: 1px solid #d9d8d8; } .filter:after { float: right; } .main-title-header { text-align: center; height: auto; line-height: inherit; padding: 44px 0; } .main-title-header h2, .main-title-header .h2-like { height: auto; line-height: inherit; margin: 0; } } .invite-signup-modal { position: fixed; z-index: 100; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.5); } .description { max-width: 600px; } @media screen and (max-width: 767px) { .description { text-align: center; max-width: 100%; } } @keyframes spiner { 0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); } } @keyframes spiner2 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (max-width: 767px) { .btn { line-height: 2.5em; height: auto; } } /* * Landing Casetify in the news */ /* * Revamp stylesheet */ @media screen and (max-width: 767px) { .row > [class*="column"] { padding: 0 11px 11px 11px; height: auto; } } .collection .artwork footer, .search .artwork footer, .recommend .artwork footer { height: 55px; } @media (max-width: 767px) { .collection .artwork, .search .artwork, .recommend .artwork { margin-bottom: 18px; } .collection .artwork footer, .search .artwork footer, .recommend .artwork footer { height: 55px; } } /* MEDIAQUERIES ---------------*/ /* MEDIAQUERIES ---------------*/ .sub-nav-container { left: 0; width: 200%; -webkit-transition: left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18); transition: left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18); } .sub-nav-container > * { width: 50%; } .sub-nav-container .sub-navigation li a { padding: 14.6666666667px 22px; border-bottom: 1px solid #ddd; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; } .sub-nav-container .sub-navigation li a:hover { color: #333333; } .sub-nav-container .sub-navigation li:last-child a { border-bottom: none; } @media screen and (max-height: 700px) { /* .case-info { &>.table { margin-top: 130px; &>.t-cell { display: block; } } }*/ } a { color: #333333; } .bold { font-family: 'robotomedium', Arial, Sans-serif; } .shipping { font-size: 12px; font-weight: bold; color: #999; } /* HTML5 Number polyfill | Jonathan Stipe | https://github.com/jonstipe/number-polyfill*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ @-webkit-keyframes spin { from { -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -o-transform: rotate(-359deg); -webkit-transform: rotate(-359deg); transform: rotate(-359deg); } } @-o-keyframes spin { from { -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -o-transform: rotate(-359deg); -webkit-transform: rotate(-359deg); transform: rotate(-359deg); } } @keyframes spin { from { -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -o-transform: rotate(-359deg); -webkit-transform: rotate(-359deg); transform: rotate(-359deg); } } /* Overlay helper */ /* Title helper */ .transparent { opacity: 0; } .separate { width: 70px; margin-left: auto; margin-right: auto; height: 1px; border-top: 1px solid #000; } a.text-black { color: #000; margin-top: 5px; } .sell .action { border-top: 1px solid #ccc; } @media (max-width: 767px) { .sell .action { border-top: none; } } @media (max-width: 767px) { .sell h2 { font-size: 18px; } .sell .column4 img { margin-top: -20px; margin-bottom: -30px; } .sell p.xs-visibility-true { padding-bottom: 35px; margin-bottom: -35px; border-bottom: 1px solid #ccc; } } .watch .bootstrap { position: relative; z-index: 10; } .watch .nowrap { white-space: nowrap; } .watch .invite-signup-modal { position: fixed !important; } .watch .btn { font-weight: 700; text-transform: uppercase; } .watch .name { font-weight: 700; } @media (min-width: 768px) { .watch input { min-width: 100% !important; } .watch .wrapper { min-width: 1024px; } } .watch .personal { /*color: #fff; h2 { color: #fff; }*/ } @media (max-width: 767px) { .watch .personal { color: #666666; } .watch .personal h2 { color: #222222; } } .watch .plus { width: 40px; height: 40px; position: absolute; background-image: url(/img/watch/plus.png); background-repeat: no-repeat; background-position: center center; cursor: pointer; } .watch .plus:hover, .watch .plus.active { background-image: url(/img/watch/active-plus.png); } .watch .price { color: #999; } .watch .app { height: 500px; } @media (max-width: 767px) { .watch .app { height: auto; } } @media (min-width: 768px) { .watch .wrapper { width: 1024px; } .watch h2, .watch h3 { font-family: "AvenirNext", "Century Gothic", Arial, sans-serif; text-transform: uppercase; } .watch h3 { font-size: 20px; line-height: 24px; letter-spacing: 6px; font-weight: bold; } } @media (min-width: 768px) { .watch .personal p { line-height: 2em; } } @media (max-width: 767px) { .watch .personal img { padding-left: 50px; padding-right: 50px; } .watch .personal .text { margin-left: auto; margin-right: auto; } } .watch .model:focus, .watch .model.active { outline: none; } .watch .model img { border: 1px solid #999; } .watch .model.active img { border-color: #333333; } /* ul.onepage-pagination li a:before { background: #343434; opacity: 1; } ul.onepage-pagination li a.active:before { background: #343434; border-color: #343434; opacity: 1; } .disabled-onepage-scroll nav.wrapper { overflow: visible; }*/ a p { color: #333; } @media (min-width: 768px) { .macbook-sleeve .custom { background-image: url(/img/macbook/custom_v2.jpg); background-size: cover; background-position: center center; } } .macbook-sleeve .collection { background-image: url(/img/macbook/collection_v2.jpg); background-size: cover; background-position: center center; } @media (max-width: 767px) { .macbook-sleeve .collection { background-image: url(/img/macbook/collection_v2.jpg); height: 300px; } } @media (max-width: 767px) { .macbook-sleeve .row { padding-left: 11px; padding-right: 11px; } } a.text-black { color: #000; margin-top: 5px; } @media screen and (max-width: 1024px) { /* margin left, right */ /* margin top, bottom */ /* padding left, right */ /* padding top, bottom */ } @media screen and (max-width: 767px) { .wrapper { width: 100%; padding: 0; } .row, .wrapper { display: block; } .row > [class*="column"] { display: block; width: 100%; } /* margin left, right */ /* margin top, bottom */ /* padding left, right */ /* padding top, bottom */ .xs-pb1 { padding-bottom: 22px !important; } h2, .h2-like { font-size: 22px; line-height: 33px; } h3 { font-size: 16px; line-height: 26.4px; } h4 { font-size: 16px; line-height: 22px; } h5, .h5-like { font-size: 14px; line-height: 22px; } form { width: 100%; display: block; } select { width: 100%; } .xs-visibility-false { display: none !important; } .xs-visibility-true { display: inherit !important; } } @charset "UTF-8"; .bootstrap { /*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ /* @font-face { font-family: 'FONT_golden_plains'; font-display: swap; src: url('../printing_fonts/golden_plains-webfont.woff2') format('woff2'), url('../printing_fonts/golden_plains-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_stay_red'; font-display: swap; src: url('../printing_fonts/stay_red-webfont.woff2') format('woff2'), url('../printing_fonts/stay_red-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } */ /* @font-face { font-family: 'roboto'; font-display: swap; src: url('../font/roboto_r/Roboto-Regular-webfont.eot'); src: url('../font/roboto_r/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto_r/Roboto-Regular-webfont.woff') format('woff'), url('../font/roboto_r/Roboto-Regular-webfont.ttf') format('truetype'), url('../font/roboto_r/Roboto-Regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; font-display: swap; src: url('../font/roboto_m/Roboto-Medium-webfont.eot'); src: url('../font/roboto_m/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto_m/Roboto-Medium-webfont.woff') format('woff'), url('../font/roboto_m/Roboto-Medium-webfont.ttf') format('truetype'), url('../font/roboto_m/Roboto-Medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayregular'; font-display: swap; src: url('../font/raleway_r/raleway-regular-webfont.eot'); src: url('../font/raleway_r/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_r/raleway-regular-webfont.woff') format('woff'), url('../font/raleway_r/raleway-regular-webfont.ttf') format('truetype'), url('../font/raleway_r/raleway-regular-webfont.svg#ralewayregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaymedium'; font-display: swap; src: url('../font/raleway_m/raleway-medium-webfont.eot'); src: url('../font/raleway_m/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_m/raleway-medium-webfont.woff2') format('woff2'), url('../font/raleway_m/raleway-medium-webfont.woff') format('woff'), url('../font/raleway_m/raleway-medium-webfont.ttf') format('truetype'), url('../font/raleway_m/raleway-medium-webfont.svg#ralewaymedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaysemibold'; font-display: swap; src: url('../font/raleway_sb/raleway-semibold-webfont.eot'); src: url('../font/raleway_sb/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_sb/raleway-semibold-webfont.woff2') format('woff2'), url('../font/raleway_sb/raleway-semibold-webfont.woff') format('woff'), url('../font/raleway_sb/raleway-semibold-webfont.ttf') format('truetype'), url('../font/raleway_sb/raleway-semibold-webfont.svg#ralewaysemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaybold'; font-display: swap; src: url('../font/raleway_b/raleway-bold-webfont.eot'); src: url('../font/raleway_b/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_b/raleway-bold-webfont.woff') format('woff'), url('../font/raleway_b/raleway-bold-webfont.ttf') format('truetype'), url('../font/raleway_b/raleway-bold-webfont.svg#ralewaybold') format('svg'); font-weight: normal; font-style: normal; } */ } .bootstrap html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } .bootstrap body { margin: 0; } .bootstrap details, .bootstrap footer, .bootstrap header, .bootstrap main, .bootstrap menu, .bootstrap nav, .bootstrap section, .bootstrap summary { display: block; } .bootstrap [hidden], .bootstrap template { display: none; } .bootstrap a { background-color: transparent; } .bootstrap a:active, .bootstrap a:hover { outline: 0; } .bootstrap strong { font-weight: bold; } .bootstrap small { font-size: 80%; } .bootstrap img { border: 0; } .bootstrap svg:not(:root) { overflow: hidden; } .bootstrap hr { box-sizing: content-box; height: 0; } .bootstrap code { font-family: monospace, monospace; font-size: 1em; } .bootstrap button, .bootstrap input, .bootstrap select { color: inherit; font: inherit; margin: 0; } .bootstrap button { overflow: visible; } .bootstrap button, .bootstrap select { text-transform: none; } .bootstrap button, .bootstrap html input[type="button"], .bootstrap input[type="reset"], .bootstrap input[type="submit"] { -webkit-appearance: button; cursor: pointer; } .bootstrap button[disabled], .bootstrap html input[disabled] { cursor: default; } .bootstrap button::-moz-focus-inner, .bootstrap input::-moz-focus-inner { border: 0; padding: 0; } .bootstrap input { line-height: normal; } .bootstrap input[type="checkbox"] { box-sizing: border-box; padding: 0; } .bootstrap input[type="number"]::-webkit-inner-spin-button, .bootstrap input[type="number"]::-webkit-outer-spin-button { height: auto; } .bootstrap input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } .bootstrap input[type="search"]::-webkit-search-cancel-button, .bootstrap input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .bootstrap th { padding: 0; } @media print { .bootstrap *, .bootstrap *:before, .bootstrap *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } .bootstrap a, .bootstrap a:visited { text-decoration: underline; } .bootstrap a[href]:after { content: " (" attr(href) ")"; } .bootstrap img { page-break-inside: avoid; } .bootstrap img { max-width: 100% !important; } .bootstrap p, .bootstrap h2, .bootstrap h3 { orphans: 3; widows: 3; } .bootstrap h2, .bootstrap h3 { page-break-after: avoid; } .bootstrap .label { border: 1px solid #000; } } @font-face { font-family: 'Glyphicons Halflings'; src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot"); src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .bootstrap * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap *:before, .bootstrap *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .bootstrap body { font-family: "buenos", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.285714286; color: #666; background-color: #fff; } .bootstrap input, .bootstrap button, .bootstrap select { font-family: inherit; font-size: inherit; line-height: inherit; } .bootstrap a { color: #333333; text-decoration: none; } .bootstrap a:hover, .bootstrap a:focus { color: #0d0d0d; text-decoration: none; } .bootstrap a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .bootstrap img { vertical-align: middle; } .bootstrap hr { margin-top: 18px; margin-bottom: 18px; border: 0; border-top: 1px solid #f2f2f2; } .bootstrap .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .bootstrap [role="button"] { cursor: pointer; } .bootstrap h2, .bootstrap h3, .bootstrap h4, .bootstrap h5, .bootstrap .h2, .bootstrap .h3, .bootstrap .h4, .bootstrap .h5 { font-family: "pangram", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.1; color: #343434; } .bootstrap h2 small, .bootstrap h2 .small, .bootstrap h3 small, .bootstrap h3 .small, .bootstrap h4 small, .bootstrap h4 .small, .bootstrap h5 small, .bootstrap h5 .small, .bootstrap .h2 small, .bootstrap .h2 .small, .bootstrap .h3 small, .bootstrap .h3 .small, .bootstrap .h4 small, .bootstrap .h4 .small, .bootstrap .h5 small, .bootstrap .h5 .small { font-weight: normal; line-height: 1; color: #e5e5e5; } .bootstrap h2, .bootstrap .h2, .bootstrap h3, .bootstrap .h3 { margin-top: 18px; margin-bottom: 9px; } .bootstrap h2 small, .bootstrap h2 .small, .bootstrap .h2 small, .bootstrap .h2 .small, .bootstrap h3 small, .bootstrap h3 .small, .bootstrap .h3 small, .bootstrap .h3 .small { font-size: 65%; } .bootstrap h4, .bootstrap .h4, .bootstrap h5, .bootstrap .h5 { margin-top: 9px; margin-bottom: 9px; } .bootstrap h4 small, .bootstrap h4 .small, .bootstrap .h4 small, .bootstrap .h4 .small, .bootstrap h5 small, .bootstrap h5 .small, .bootstrap .h5 small, .bootstrap .h5 .small { font-size: 75%; } .bootstrap h2, .bootstrap .h2 { font-size: 32px; } .bootstrap h3, .bootstrap .h3 { font-size: 16px; } .bootstrap h4, .bootstrap .h4 { font-size: 18px; } .bootstrap h5, .bootstrap .h5 { font-size: 14px; } .bootstrap p { margin: 0 0 9px; } .bootstrap small, .bootstrap .small { font-size: 85%; } .bootstrap .text-left { text-align: left; } .bootstrap .text-right { text-align: right; } .bootstrap .text-center { text-align: center; } .bootstrap .text-uppercase { text-transform: uppercase; } .bootstrap ul, .bootstrap ol { margin-top: 0; margin-bottom: 9px; } .bootstrap ul ul, .bootstrap ul ol, .bootstrap ol ul, .bootstrap ol ol { margin-bottom: 0; } .bootstrap .list-unstyled { padding-left: 0; list-style: none; } .bootstrap address { margin-bottom: 18px; font-style: normal; line-height: 1.285714286; } .bootstrap code { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } .bootstrap code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 2px; } .bootstrap .container { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .bootstrap .container:before, .bootstrap .container:after { content: " "; display: table; } .bootstrap .container:after { clear: both; } @media (min-width: 768px) { .bootstrap .container { width: 100%; } } @media (min-width: 1024px) { .bootstrap .container { width: 100%; } } @media (min-width: 1230px) { .bootstrap .container { width: 1200px; } } .bootstrap .row { margin-left: -10px; margin-right: -10px; } .bootstrap .row:before, .bootstrap .row:after { content: " "; display: table; } .bootstrap .row:after { clear: both; } .bootstrap .col-sm-3, .bootstrap .col-sm-4, .bootstrap .col-sm-8, .bootstrap .col-md-10, .bootstrap .col-xs-12, .bootstrap .col-sm-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } .bootstrap .col-xs-12 { float: left; } .bootstrap .col-xs-12 { width: 100%; } @media (min-width: 768px) { .bootstrap .col-sm-3, .bootstrap .col-sm-4, .bootstrap .col-sm-8, .bootstrap .col-sm-12 { float: left; } .bootstrap .col-sm-3 { width: 25%; } .bootstrap .col-sm-4 { width: 33.3333333333%; } .bootstrap .col-sm-8 { width: 66.6666666667%; } .bootstrap .col-sm-12 { width: 100%; } .bootstrap .col-sm-offset-1 { margin-left: 8.3333333333%; } .bootstrap .col-sm-offset-2 { margin-left: 16.6666666667%; } } @media (min-width: 1024px) { .bootstrap .col-md-10 { float: left; } .bootstrap .col-md-10 { width: 83.3333333333%; } .bootstrap .col-md-offset-1 { margin-left: 8.3333333333%; } } .bootstrap th { text-align: left; } .bootstrap label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } .bootstrap input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } .bootstrap select[multiple] { height: auto; } .bootstrap input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .bootstrap input[type="search"] { -webkit-appearance: none; } .bootstrap .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .bootstrap .checkbox label { min-height: 18px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .bootstrap .checkbox input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .bootstrap .checkbox + .checkbox { margin-top: -5px; } .bootstrap input[type="checkbox"][disabled], .bootstrap input[type="checkbox"].disabled { cursor: not-allowed; } .bootstrap .checkbox.disabled label { cursor: not-allowed; } .bootstrap .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 2px solid transparent; white-space: nowrap; padding: 12px 10px; font-size: 14px; line-height: 1.285714286; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bootstrap .btn:focus, .bootstrap .btn:active:focus, .bootstrap .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .bootstrap .btn:hover, .bootstrap .btn:focus { color: #666; text-decoration: none; } .bootstrap .btn:active, .bootstrap .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .bootstrap .btn.disabled, .bootstrap .btn[disabled] { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .bootstrap a.btn.disabled { pointer-events: none; } .bootstrap .btn-primary { color: #fff; background-color: #333333; border-color: #262626; } .bootstrap .btn-primary:focus { color: #fff; background-color: #1a1919; border-color: black; } .bootstrap .btn-primary:hover { color: #fff; background-color: #1a1919; border-color: #080808; } .bootstrap .btn-primary:active, .bootstrap .btn-primary.active { color: #fff; background-color: #1a1919; border-color: #080808; } .bootstrap .btn-primary:active:hover, .bootstrap .btn-primary:active:focus, .bootstrap .btn-primary.active:hover, .bootstrap .btn-primary.active:focus { color: #fff; background-color: #080808; border-color: black; } .bootstrap .btn-primary:active, .bootstrap .btn-primary.active { background-image: none; } .bootstrap .btn-primary.disabled, .bootstrap .btn-primary.disabled:hover, .bootstrap .btn-primary.disabled:focus, .bootstrap .btn-primary.disabled:active, .bootstrap .btn-primary.disabled.active, .bootstrap .btn-primary[disabled], .bootstrap .btn-primary[disabled]:hover, .bootstrap .btn-primary[disabled]:focus, .bootstrap .btn-primary[disabled]:active, .bootstrap .btn-primary[disabled].active { background-color: #333333; border-color: #262626; } .bootstrap .btn-block { display: block; width: 100%; } .bootstrap .btn-block + .btn-block { margin-top: 5px; } .bootstrap input[type="submit"].btn-block, .bootstrap input[type="reset"].btn-block, .bootstrap input[type="button"].btn-block { width: 100%; } .bootstrap .open > a { outline: 0; } .bootstrap .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .bootstrap .nav:before, .bootstrap .nav:after { content: " "; display: table; } .bootstrap .nav:after { clear: both; } .bootstrap .nav > li { position: relative; display: block; } .bootstrap .nav > li > a { position: relative; display: block; padding: 10px 15px; } .bootstrap .nav > li > a:hover, .bootstrap .nav > li > a:focus { text-decoration: none; background-color: #f2f2f2; } .bootstrap .nav > li.disabled > a { color: #e5e5e5; } .bootstrap .nav > li.disabled > a:hover, .bootstrap .nav > li.disabled > a:focus { color: #e5e5e5; text-decoration: none; background-color: transparent; cursor: not-allowed; } .bootstrap .nav .open > a, .bootstrap .nav .open > a:hover, .bootstrap .nav .open > a:focus { background-color: #f2f2f2; border-color: #333333; } .bootstrap .nav > li > a > img { max-width: none; } .bootstrap .navbar-toggle { position: relative; float: right; margin-right: 10px; padding: 9px 10px; margin-top: 17px; margin-bottom: 17px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 2px; } .bootstrap .navbar-toggle:focus { outline: 0; } .bootstrap .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .bootstrap .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .bootstrap .navbar-toggle { display: none; } } .bootstrap .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .bootstrap .label:empty { display: none; } .btn .bootstrap .label { position: relative; top: -1px; } .bootstrap a.label:hover, .bootstrap a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .bootstrap .thumbnail { display: block; padding: 4px; margin-bottom: 18px; line-height: 1.285714286; background-color: #fff; border: 1px solid #ddd; border-radius: 2px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .bootstrap .thumbnail > img, .bootstrap .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .bootstrap a.thumbnail:hover, .bootstrap a.thumbnail:focus, .bootstrap a.thumbnail.active { border-color: #333333; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .bootstrap .media { margin-top: 15px; } .bootstrap .media:first-child { margin-top: 0; } .bootstrap .media { zoom: 1; overflow: hidden; } .bootstrap .media > .pull-right { padding-left: 10px; } .bootstrap .media > .pull-left { padding-right: 10px; } .bootstrap .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .bootstrap .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .bootstrap .close:hover, .bootstrap .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } .bootstrap button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .bootstrap .clearfix:before, .bootstrap .clearfix:after { content: " "; display: table; } .bootstrap .clearfix:after { clear: both; } .bootstrap .pull-right { float: right !important; } .bootstrap .pull-left { float: left !important; } .bootstrap .hide { display: none !important; } .bootstrap .hidden { display: none !important; } @-ms-viewport { width: device-width; } .bootstrap .visible-xs { display: none !important; } @media (max-width: 767px) { .bootstrap .visible-xs { display: block !important; } .bootstrap th.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .bootstrap .hidden-xs { display: none !important; } } .bootstrap h2, .bootstrap h3, .bootstrap h4, .bootstrap h5, .bootstrap .h2, .bootstrap .h3, .bootstrap .h4, .bootstrap .h5 { margin-top: 0; margin-bottom: 0; letter-spacing: 0; } .bootstrap h2, .bootstrap .h2 { font-weight: 700; line-height: 1.3em; text-transform: none; letter-spacing: 0.03em; font-family: "pangram", Helvetica, Arial, sans-serif; } @media (min-width: 768px) { .bootstrap h2, .bootstrap .h2 { font-size: 32px; } } .bootstrap h3, .bootstrap .h3 { font-weight: 500; line-height: 1.3em; letter-spacing: 0.03em; font-family: "pangram", Helvetica, Arial, sans-serif; } .bootstrap h4 { font-family: "pangram", Helvetica, Arial, sans-serif; } .bootstrap p, .bootstrap .p { margin: 0; font-size: 14px; line-height: 18px; font-weight: 400; } @media (min-width: 1024px) { .bootstrap p, .bootstrap .p { font-size: 18px; line-height: 24px; font-weight: 400; } } .bootstrap p.small, .bootstrap .p.small { font-size: 12px; font-weight: 600; } @media (min-width: 1024px) { .bootstrap p.small, .bootstrap .p.small { font-weight: 400; } } .bootstrap .roboto { font-family: "Roboto", Helvetica, Arial, sans-serif; } .bootstrap .text-white { color: #fff; } .bootstrap a.text-white:hover, .bootstrap a.text-white:focus { color: #e6e5e5; } .bootstrap .text-default { color: #666; } .bootstrap a.text-default:hover, .bootstrap a.text-default:focus { color: #4d4c4c; } .bootstrap .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bootstrap .text-black { color: #000; } .bootstrap .container { padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) { .bootstrap .container { padding-left: 20px; padding-right: 20px; } } @media (min-width: 1024px) { .bootstrap .container { padding-left: 20px; padding-right: 20px; } } .bootstrap .row { margin-left: -5px; margin-right: -5px; } .bootstrap .row .row { margin-left: -5px; margin-right: -5px; } @media (min-width: 768px) { .bootstrap .row { margin-left: -10px; margin-right: -10px; } .bootstrap .row .row { margin-left: -10px; margin-right: -10px; } } @media (min-width: 1024px) { .bootstrap .row { margin-left: -10px; margin-right: -10px; } .bootstrap .row .row { margin-left: -10px; margin-right: -10px; } } @media (min-width: 1230px) { .bootstrap .row { margin-left: -10px; margin-right: -10px; } .bootstrap .row .row { margin-left: -10px; margin-right: -10px; } } @media (max-width: 767px) { .bootstrap .col-xs-12 { padding-left: 5px; padding-right: 5px; } } @font-face { .bootstrap { font-family: 'FONT_potatoes_and_peasregular'; font-display: swap; src: url("../printing_fonts/potatoes_and_peas-webfont.woff2") format("woff2"), url("../printing_fonts/potatoes_and_peas-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'FONT_shadows_into_lights'; font-display: swap; src: url("../printing_fonts/shadow_into_lights-webfont.woff2") format("woff2"), url("../printing_fonts/shadow_into_lights-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'FONT_lewis_hand'; font-display: swap; src: url("../printing_fonts/lewis_hand-webfont.woff2") format("woff2"), url("../printing_fonts/lewis_hand-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'FONT_Muncie'; font-display: swap; src: url("../printing_fonts/muncie-webfont.eot"); src: url("../printing_fonts/muncie-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/muncie-webfont.woff2") format("woff2"), url("../printing_fonts/muncie-webfont.woff") format("woff"), url("../printing_fonts/muncie-webfont.ttf") format("truetype"), url("../printing_fonts/muncie-webfont.svg#muncieregular") format("svg"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'FONT_Wisdom_Scription_AI'; font-display: swap; src: url("../printing_fonts/wisdomscript-webfont.eot"); src: url("../printing_fonts/wisdomscript-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/wisdomscript-webfont.woff2") format("woff2"), url("../printing_fonts/wisdomscript-webfont.woff") format("woff"), url("../printing_fonts/wisdomscript-webfont.ttf") format("truetype"), url("../printing_fonts/wisdomscript-webfont.svg#wisdom_script_airegular") format("svg"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'FONT_Raleway_Medium'; font-display: swap; src: url("../printing_fonts/raleway-medium-webfont.eot"); src: url("../printing_fonts/raleway-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/raleway-medium-webfont.woff2") format("woff2"), url("../printing_fonts/raleway-medium-webfont.woff") format("woff"), url("../printing_fonts/raleway-medium-webfont.ttf") format("truetype"), url("../printing_fonts/raleway-medium-webfont.svg#ralewaymedium") format("svg"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'FONT_Raleway_ExtraLight'; font-display: swap; src: url("../printing_fonts/raleway-extralight-webfont.eot"); src: url("../printing_fonts/raleway-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/raleway-extralight-webfont.woff2") format("woff2"), url("../printing_fonts/raleway-extralight-webfont.woff") format("woff"), url("../printing_fonts/raleway-extralight-webfont.ttf") format("truetype"), url("../printing_fonts/raleway-extralight-webfont.svg#ralewayextralight") format("svg"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'FONT_LeagueGothic_CondensedItalic'; font-display: swap; src: url("../printing_fonts/LeagueGothic-CondensedItalic.otf"); src: url("../printing_fonts/LeagueGothic-CondensedItalic.otf") format("opentype"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'FONT_LeagueGothic_CondensedRegular'; font-display: swap; src: url("../printing_fonts/LeagueGothic-CondensedRegular.otf"); src: url("../printing_fonts/LeagueGothic-CondensedRegular.otf") format("opentype"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'FONT_LeagueGothic_Italic'; font-display: swap; src: url("../printing_fonts/LeagueGothic-Italic.otf"); src: url("../printing_fonts/LeagueGothic-Italic.otf") format("opentype"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'FONT_LeagueGothic_Regular'; font-display: swap; src: url("../printing_fonts/leaguegothic-regular-webfont.eot"); src: url("../printing_fonts/leaguegothic-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/leaguegothic-regular-webfont.woff2") format("woff2"), url("../printing_fonts/leaguegothic-regular-webfont.woff") format("woff"), url("../printing_fonts/leaguegothic-regular-webfont.ttf") format("truetype"), url("../printing_fonts/leaguegothic-regular-webfont.svg#league_gothicregular") format("svg"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'FONT_Didot'; font-display: swap; src: url("../printing_fonts/Didot.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/Didot.woff") format("woff"), url("../printing_fonts/Didot.ttf") format("truetype"), url("../printing_fonts/Didot.svg#Didot") format("svg"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'FONT_AbrahamLincoln'; font-display: swap; src: url("../printing_fonts/abrahamlincoln-webfont.eot"); src: url("../printing_fonts/abrahamlincoln-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/abrahamlincoln-webfont.woff2") format("woff2"), url("../printing_fonts/abrahamlincoln-webfont.woff") format("woff"), url("../printing_fonts/abrahamlincoln-webfont.ttf") format("truetype"), url("../printing_fonts/abrahamlincoln-webfont.svg#abraham_lincolnregular") format("svg"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'Comic Neue Angular'; font-display: swap; font-weight: 500; font-style: normal; src: url("/font/comic_neue/ComicNeue-Angular-Regular.eot"); src: url("/font/comic_neue/ComicNeue-Angular-Regular.eot?#iefix") format("embedded-opentype"), url("/font/comic_neue/ComicNeue-Angular-Regular.woff2") format("woff2"), url("/font/comic_neue/ComicNeue-Angular-Regular.woff") format("woff"), url("/font/comic_neue/ComicNeue-Angular-Regular.ttf") format("truetype"); } } @font-face { .bootstrap { font-family: 'Comic Neue Angular Bold'; font-display: swap; font-weight: 500; font-style: normal; src: url("/font/comic_neue/ComicNeue-Angular-Bold.eot"); src: url("/font/comic_neue/ComicNeue-Angular-Bold.eot?#iefix") format("embedded-opentype"), url("/font/comic_neue/ComicNeue-Angular-Bold.woff2") format("woff2"), url("/font/comic_neue/ComicNeue-Angular-Bold.woff") format("woff"), url("/font/comic_neue/ComicNeue-Angular-Bold.ttf") format("truetype"); } } @font-face { .bootstrap { font-family: 'Avenir-Roman'; font-display: swap; src: url("/font/avenir_r/Avenir-Roman.eot?#iefix") format("embedded-opentype"), url("/font/avenir_r/Avenir-Roman.woff") format("woff"), url("/font/avenir_r/Avenir-Roman.ttf") format("truetype"), url("/font/avenir_r/Avenir-Roman.svg#Avenir-Roman") format("svg"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_ul/AvenirNext-UltraLight.woff2") format("woff2"), url("/font/avenir-next_ul/AvenirNext-UltraLight.woff") format("woff"), url("/font/avenir-next_ul/AvenirNext-UltraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } } @font-face { .bootstrap { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next/AvenirNext.woff2") format("woff2"), url("/font/avenir-next/AvenirNext.woff") format("woff"), url("/font/avenir-next/AvenirNext.ttf") format("truetype"); font-weight: 400; font-style: normal; } } @font-face { .bootstrap { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_db/AvenirNext-DemiBold.woff2") format("woff2"), url("/font/avenir-next_db/AvenirNext-DemiBold.woff") format("woff"), url("/font/avenir-next_db/AvenirNext-DemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } } @font-face { .bootstrap { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_b/AvenirNext-Bold.woff2") format("woff2"), url("/font/avenir-next_b/AvenirNext-Bold.woff") format("woff"), url("/font/avenir-next_b/AvenirNext-Bold.eot?#iefix") format("embedded-opentype"), url("/font/avenir-next_b/AvenirNext-Bold.ttf") format("truetype"), url("/font/avenir-next_b/AvenirNext-Bold.svg#AvenirNext-Bold") format("svg"); font-weight: 700; font-style: normal; } } @font-face { .bootstrap { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Light/ReplicaProLight.woff2") format("woff2"), url("/font/ReplicaPro-Light/ReplicaProLight.woff") format("woff"), url("/font/ReplicaPro-Light/ReplicaProLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } } @font-face { .bootstrap { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Regular/ReplicaProTT.woff2") format("woff2"), url("/font/ReplicaPro-Regular/ReplicaProTT.woff") format("woff"), url("/font/ReplicaPro-Regular/ReplicaProTT.ttf") format("truetype"); font-weight: 400; font-style: normal; } } @font-face { .bootstrap { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.woff2") format("woff2"), url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.woff") format("woff"), url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } } @font-face { .bootstrap { font-family: 'Bougenville'; font-display: swap; src: url("/font/bougenville/Bougenville.eot?#iefix") format("embedded-opentype"), url("/font/bougenville/Bougenville.woff") format("woff"), url("/font/bougenville/Bougenville.ttf") format("truetype"), url("/font/bougenville/Bougenville.svg#AvenirNext-Bold") format("svg"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'NellaSue'; font-display: swap; src: url("/font/nella_sue/nellasuedemo-webfont.woff2") format("woff2"), url("/font/nella_sue/nellasuedemo-webfont.woff") format("woff"), url("/font/bougenville/nellasuedemo-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'bonjour'; font-display: swap; src: url("/font/text_builder/bonjour-webfont.woff2") format("woff2"), url("/font/text_builder/bonjour-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'druk'; font-display: swap; src: url("/font/Druk-Bold/Druk-Bold-Web.ttf") format("truetype"); font-weight: 700; font-style: normal; } } @font-face { .bootstrap { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-black-webfont.woff2") format("woff2"), url("../font/pangram/pangram-black-webfont.woff") format("woff"); font-weight: bold; font-style: normal; } } @font-face { .bootstrap { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-bold-webfont.woff2") format("woff2"), url("../font/pangram/pangram-bold-webfont.woff") format("woff"); font-weight: lighter; font-style: normal; } } @font-face { .bootstrap { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-extrabold-webfont.woff2") format("woff2"), url("../font/pangram/pangram-extrabold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-bold-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-bold-webfont.woff") format("woff"); font-weight: bold; font-style: normal; } } @font-face { .bootstrap { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-semibold-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-semibold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } } @font-face { .bootstrap { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-regular-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-regular-webfont.woff") format("woff"); font-weight: lighter; font-style: normal; } } @font-face { .bootstrap { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Light.otf") format("opentype"), url("../font/buenos/buenosaires-thin-webfont.woff") format("woff"); font-weight: 200; font-style: normal; } } @font-face { .bootstrap { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Book.otf") format("opentype"), url("../font/buenos/buenosaires-light-webfont.woff") format("woff"); font-weight: 300; font-style: normal; } } @font-face { .bootstrap { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Regular.otf") format("opentype"), url("../font/buenos/buenosaires-book-webfont.woff") format("woff"); font-weight: 400; font-style: normal; } } @font-face { .bootstrap { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-SemiBold.otf") format("opentype"), url("../font/buenos/buenosaires-regular-webfont.woff") format("woff"); font-weight: 600; font-style: normal; } } @font-face { .bootstrap { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Black.otf") format("opentype"), url("../font/buenos/buenosaires-semibold-webfont.woff") format("woff"); font-weight: 900; font-style: normal; } } @font-face { .bootstrap { font-family: 'icomoon'; font-display: swap; src: url("/font/icons/~v17/icomoon.eot"); src: url("/font/icons/~v17/icomoon.eot#iefix") format("embedded-opentype"), url("/font/icons/~v17/icomoon.woff2") format("woff2"), url("/font/icons/~v17/icomoon.woff") format("woff"), url("/font/icons/~v17/icomoon.ttf") format("truetype"), url("/font/icons/~v17/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; } } .bootstrap .btn { height: inherit; min-width: inherit; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding: 15.5px 20px; font-size: 14px; line-height: 14px; border-radius: 2px; } .bootstrap .btn:focus { outline: none; } @media (min-width: 1024px) { .bootstrap .btn { padding: 17px 15.4px; font-size: 14px; line-height: 14px; border-radius: 2px; } } .bootstrap .btn i, .bootstrap .btn i:before { line-height: inherit; } .bootstrap .btn-primary { color: white; background-color: #333333; border-color: #262626; border-width: 1px; } .bootstrap .btn-primary:focus { outline: none; color: white; background-color: #333333; border-color: #262626; } .bootstrap .btn-primary:hover { color: white; background-color: #1a1919; border-color: #262626; } .bootstrap .btn-primary:active, .bootstrap .btn-primary.active { color: white; background-color: #333333; border-color: #262626; box-shadow: none; } .bootstrap .btn-primary:active:hover, .bootstrap .btn-primary.active:hover { color: white; background-color: #1a1919; border-color: #262626; } .bootstrap .btn-primary:active:focus, .bootstrap .btn-primary.active:focus { outline: none; color: white; background-color: #333333; border-color: #262626; box-shadow: none; } .bootstrap .btn-primary:active, .bootstrap .btn-primary.active { background-image: none; } .bootstrap .padding-top-xs-1 { padding-top: 22px; } .bootstrap .padding-bottom-xs-1 { padding-bottom: 22px; } .bootstrap .padding-top-xs-m { padding-top: 5.5px; } .bootstrap .padding-bottom-xs-m { padding-bottom: 5.5px; } .bootstrap .margin-top-xs-2 { margin-top: 44px; } .bootstrap .margin-bottom-xs-h { margin-bottom: 11px; } .bootstrap .margin-bottom-xs-m { margin-bottom: 5.5px; } @media (min-width: 768px) { .bootstrap .padding-top-xs-1 { padding-top: 22px; } .bootstrap .padding-bottom-xs-1 { padding-bottom: 22px; } .bootstrap .padding-top-xs-m { padding-top: 5.5px; } .bootstrap .padding-bottom-xs-m { padding-bottom: 5.5px; } .bootstrap .padding-top-sm-1 { padding-top: 22px; } .bootstrap .padding-bottom-sm-1 { padding-bottom: 22px; } .bootstrap .margin-top-xs-2 { margin-top: 44px; } .bootstrap .margin-bottom-xs-h { margin-bottom: 11px; } .bootstrap .margin-bottom-xs-m { margin-bottom: 5.5px; } .bootstrap .margin-top-sm-2 { margin-top: 44px; } .bootstrap .margin-bottom-sm-m { margin-bottom: 5.5px; } } @media (min-width: 1024px) { .bootstrap .padding-top-xs-1 { padding-top: 24px; } .bootstrap .padding-bottom-xs-1 { padding-bottom: 24px; } .bootstrap .padding-top-xs-m { padding-top: 6px; } .bootstrap .padding-bottom-xs-m { padding-bottom: 6px; } .bootstrap .padding-top-sm-1 { padding-top: 24px; } .bootstrap .padding-bottom-sm-1 { padding-bottom: 24px; } .bootstrap .margin-top-xs-2 { margin-top: 48px; } .bootstrap .margin-bottom-xs-h { margin-bottom: 12px; } .bootstrap .margin-bottom-xs-m { margin-bottom: 6px; } .bootstrap .margin-top-sm-2 { margin-top: 48px; } .bootstrap .margin-bottom-sm-m { margin-bottom: 6px; } } @media (min-width: 1230px) { .bootstrap .padding-top-xs-1 { padding-top: 24px; } .bootstrap .padding-bottom-xs-1 { padding-bottom: 24px; } .bootstrap .padding-top-xs-m { padding-top: 6px; } .bootstrap .padding-bottom-xs-m { padding-bottom: 6px; } .bootstrap .padding-top-sm-1 { padding-top: 24px; } .bootstrap .padding-bottom-sm-1 { padding-bottom: 24px; } .bootstrap .margin-top-xs-2 { margin-top: 48px; } .bootstrap .margin-bottom-xs-h { margin-bottom: 12px; } .bootstrap .margin-bottom-xs-m { margin-bottom: 6px; } .bootstrap .margin-top-sm-2 { margin-top: 48px; } .bootstrap .margin-bottom-sm-m { margin-bottom: 6px; } } .bootstrap .flex { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .bootstrap .flex-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .bootstrap .flex-wrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .bootstrap .flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bootstrap .flex-wrap { -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .bootstrap .inline-block { display: inline-block; } .bootstrap .inline { display: inline; } .bootstrap .block { display: block; } @font-face { font-family: 'FONT_potatoes_and_peasregular'; font-display: swap; src: url("../printing_fonts/potatoes_and_peas-webfont.woff2") format("woff2"), url("../printing_fonts/potatoes_and_peas-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_shadows_into_lights'; font-display: swap; src: url("../printing_fonts/shadow_into_lights-webfont.woff2") format("woff2"), url("../printing_fonts/shadow_into_lights-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_lewis_hand'; font-display: swap; src: url("../printing_fonts/lewis_hand-webfont.woff2") format("woff2"), url("../printing_fonts/lewis_hand-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } /* @font-face { font-family: 'FONT_golden_plains'; font-display: swap; src: url('../printing_fonts/golden_plains-webfont.woff2') format('woff2'), url('../printing_fonts/golden_plains-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_stay_red'; font-display: swap; src: url('../printing_fonts/stay_red-webfont.woff2') format('woff2'), url('../printing_fonts/stay_red-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'FONT_Muncie'; font-display: swap; src: url("../printing_fonts/muncie-webfont.eot"); src: url("../printing_fonts/muncie-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/muncie-webfont.woff2") format("woff2"), url("../printing_fonts/muncie-webfont.woff") format("woff"), url("../printing_fonts/muncie-webfont.ttf") format("truetype"), url("../printing_fonts/muncie-webfont.svg#muncieregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Wisdom_Scription_AI'; font-display: swap; src: url("../printing_fonts/wisdomscript-webfont.eot"); src: url("../printing_fonts/wisdomscript-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/wisdomscript-webfont.woff2") format("woff2"), url("../printing_fonts/wisdomscript-webfont.woff") format("woff"), url("../printing_fonts/wisdomscript-webfont.ttf") format("truetype"), url("../printing_fonts/wisdomscript-webfont.svg#wisdom_script_airegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Raleway_Medium'; font-display: swap; src: url("../printing_fonts/raleway-medium-webfont.eot"); src: url("../printing_fonts/raleway-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/raleway-medium-webfont.woff2") format("woff2"), url("../printing_fonts/raleway-medium-webfont.woff") format("woff"), url("../printing_fonts/raleway-medium-webfont.ttf") format("truetype"), url("../printing_fonts/raleway-medium-webfont.svg#ralewaymedium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Raleway_ExtraLight'; font-display: swap; src: url("../printing_fonts/raleway-extralight-webfont.eot"); src: url("../printing_fonts/raleway-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/raleway-extralight-webfont.woff2") format("woff2"), url("../printing_fonts/raleway-extralight-webfont.woff") format("woff"), url("../printing_fonts/raleway-extralight-webfont.ttf") format("truetype"), url("../printing_fonts/raleway-extralight-webfont.svg#ralewayextralight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_CondensedItalic'; font-display: swap; src: url("../printing_fonts/LeagueGothic-CondensedItalic.otf"); src: url("../printing_fonts/LeagueGothic-CondensedItalic.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_CondensedRegular'; font-display: swap; src: url("../printing_fonts/LeagueGothic-CondensedRegular.otf"); src: url("../printing_fonts/LeagueGothic-CondensedRegular.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_Italic'; font-display: swap; src: url("../printing_fonts/LeagueGothic-Italic.otf"); src: url("../printing_fonts/LeagueGothic-Italic.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_Regular'; font-display: swap; src: url("../printing_fonts/leaguegothic-regular-webfont.eot"); src: url("../printing_fonts/leaguegothic-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/leaguegothic-regular-webfont.woff2") format("woff2"), url("../printing_fonts/leaguegothic-regular-webfont.woff") format("woff"), url("../printing_fonts/leaguegothic-regular-webfont.ttf") format("truetype"), url("../printing_fonts/leaguegothic-regular-webfont.svg#league_gothicregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Didot'; font-display: swap; src: url("../printing_fonts/Didot.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/Didot.woff") format("woff"), url("../printing_fonts/Didot.ttf") format("truetype"), url("../printing_fonts/Didot.svg#Didot") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_AbrahamLincoln'; font-display: swap; src: url("../printing_fonts/abrahamlincoln-webfont.eot"); src: url("../printing_fonts/abrahamlincoln-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/abrahamlincoln-webfont.woff2") format("woff2"), url("../printing_fonts/abrahamlincoln-webfont.woff") format("woff"), url("../printing_fonts/abrahamlincoln-webfont.ttf") format("truetype"), url("../printing_fonts/abrahamlincoln-webfont.svg#abraham_lincolnregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Comic Neue Angular'; font-display: swap; font-weight: 500; font-style: normal; src: url("/font/comic_neue/ComicNeue-Angular-Regular.eot"); src: url("/font/comic_neue/ComicNeue-Angular-Regular.eot?#iefix") format("embedded-opentype"), url("/font/comic_neue/ComicNeue-Angular-Regular.woff2") format("woff2"), url("/font/comic_neue/ComicNeue-Angular-Regular.woff") format("woff"), url("/font/comic_neue/ComicNeue-Angular-Regular.ttf") format("truetype"); } @font-face { font-family: 'Comic Neue Angular Bold'; font-display: swap; font-weight: 500; font-style: normal; src: url("/font/comic_neue/ComicNeue-Angular-Bold.eot"); src: url("/font/comic_neue/ComicNeue-Angular-Bold.eot?#iefix") format("embedded-opentype"), url("/font/comic_neue/ComicNeue-Angular-Bold.woff2") format("woff2"), url("/font/comic_neue/ComicNeue-Angular-Bold.woff") format("woff"), url("/font/comic_neue/ComicNeue-Angular-Bold.ttf") format("truetype"); } @font-face { font-family: 'Avenir-Roman'; font-display: swap; src: url("/font/avenir_r/Avenir-Roman.eot?#iefix") format("embedded-opentype"), url("/font/avenir_r/Avenir-Roman.woff") format("woff"), url("/font/avenir_r/Avenir-Roman.ttf") format("truetype"), url("/font/avenir_r/Avenir-Roman.svg#Avenir-Roman") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_ul/AvenirNext-UltraLight.woff2") format("woff2"), url("/font/avenir-next_ul/AvenirNext-UltraLight.woff") format("woff"), url("/font/avenir-next_ul/AvenirNext-UltraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next/AvenirNext.woff2") format("woff2"), url("/font/avenir-next/AvenirNext.woff") format("woff"), url("/font/avenir-next/AvenirNext.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_db/AvenirNext-DemiBold.woff2") format("woff2"), url("/font/avenir-next_db/AvenirNext-DemiBold.woff") format("woff"), url("/font/avenir-next_db/AvenirNext-DemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_b/AvenirNext-Bold.woff2") format("woff2"), url("/font/avenir-next_b/AvenirNext-Bold.woff") format("woff"), url("/font/avenir-next_b/AvenirNext-Bold.eot?#iefix") format("embedded-opentype"), url("/font/avenir-next_b/AvenirNext-Bold.ttf") format("truetype"), url("/font/avenir-next_b/AvenirNext-Bold.svg#AvenirNext-Bold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Light/ReplicaProLight.woff2") format("woff2"), url("/font/ReplicaPro-Light/ReplicaProLight.woff") format("woff"), url("/font/ReplicaPro-Light/ReplicaProLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Regular/ReplicaProTT.woff2") format("woff2"), url("/font/ReplicaPro-Regular/ReplicaProTT.woff") format("woff"), url("/font/ReplicaPro-Regular/ReplicaProTT.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.woff2") format("woff2"), url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.woff") format("woff"), url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Bougenville'; font-display: swap; src: url("/font/bougenville/Bougenville.eot?#iefix") format("embedded-opentype"), url("/font/bougenville/Bougenville.woff") format("woff"), url("/font/bougenville/Bougenville.ttf") format("truetype"), url("/font/bougenville/Bougenville.svg#AvenirNext-Bold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'NellaSue'; font-display: swap; src: url("/font/nella_sue/nellasuedemo-webfont.woff2") format("woff2"), url("/font/nella_sue/nellasuedemo-webfont.woff") format("woff"), url("/font/bougenville/nellasuedemo-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bonjour'; font-display: swap; src: url("/font/text_builder/bonjour-webfont.woff2") format("woff2"), url("/font/text_builder/bonjour-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'druk'; font-display: swap; src: url("/font/Druk-Bold/Druk-Bold-Web.ttf") format("truetype"); font-weight: 700; font-style: normal; } /* @font-face { font-family: 'roboto'; font-display: swap; src: url('../font/roboto_r/Roboto-Regular-webfont.eot'); src: url('../font/roboto_r/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto_r/Roboto-Regular-webfont.woff') format('woff'), url('../font/roboto_r/Roboto-Regular-webfont.ttf') format('truetype'), url('../font/roboto_r/Roboto-Regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; font-display: swap; src: url('../font/roboto_m/Roboto-Medium-webfont.eot'); src: url('../font/roboto_m/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto_m/Roboto-Medium-webfont.woff') format('woff'), url('../font/roboto_m/Roboto-Medium-webfont.ttf') format('truetype'), url('../font/roboto_m/Roboto-Medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayregular'; font-display: swap; src: url('../font/raleway_r/raleway-regular-webfont.eot'); src: url('../font/raleway_r/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_r/raleway-regular-webfont.woff') format('woff'), url('../font/raleway_r/raleway-regular-webfont.ttf') format('truetype'), url('../font/raleway_r/raleway-regular-webfont.svg#ralewayregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaymedium'; font-display: swap; src: url('../font/raleway_m/raleway-medium-webfont.eot'); src: url('../font/raleway_m/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_m/raleway-medium-webfont.woff2') format('woff2'), url('../font/raleway_m/raleway-medium-webfont.woff') format('woff'), url('../font/raleway_m/raleway-medium-webfont.ttf') format('truetype'), url('../font/raleway_m/raleway-medium-webfont.svg#ralewaymedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaysemibold'; font-display: swap; src: url('../font/raleway_sb/raleway-semibold-webfont.eot'); src: url('../font/raleway_sb/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_sb/raleway-semibold-webfont.woff2') format('woff2'), url('../font/raleway_sb/raleway-semibold-webfont.woff') format('woff'), url('../font/raleway_sb/raleway-semibold-webfont.ttf') format('truetype'), url('../font/raleway_sb/raleway-semibold-webfont.svg#ralewaysemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaybold'; font-display: swap; src: url('../font/raleway_b/raleway-bold-webfont.eot'); src: url('../font/raleway_b/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_b/raleway-bold-webfont.woff') format('woff'), url('../font/raleway_b/raleway-bold-webfont.ttf') format('truetype'), url('../font/raleway_b/raleway-bold-webfont.svg#ralewaybold') format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-black-webfont.woff2") format("woff2"), url("../font/pangram/pangram-black-webfont.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-bold-webfont.woff2") format("woff2"), url("../font/pangram/pangram-bold-webfont.woff") format("woff"); font-weight: lighter; font-style: normal; } @font-face { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-extrabold-webfont.woff2") format("woff2"), url("../font/pangram/pangram-extrabold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-bold-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-bold-webfont.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-semibold-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-semibold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-regular-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-regular-webfont.woff") format("woff"); font-weight: lighter; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Light.otf") format("opentype"), url("../font/buenos/buenosaires-thin-webfont.woff") format("woff"); font-weight: 200; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Book.otf") format("opentype"), url("../font/buenos/buenosaires-light-webfont.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Regular.otf") format("opentype"), url("../font/buenos/buenosaires-book-webfont.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-SemiBold.otf") format("opentype"), url("../font/buenos/buenosaires-regular-webfont.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Black.otf") format("opentype"), url("../font/buenos/buenosaires-semibold-webfont.woff") format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: 'icomoon'; font-display: swap; src: url("/font/icons/~v17/icomoon.eot"); src: url("/font/icons/~v17/icomoon.eot#iefix") format("embedded-opentype"), url("/font/icons/~v17/icomoon.woff2") format("woff2"), url("/font/icons/~v17/icomoon.woff") format("woff"), url("/font/icons/~v17/icomoon.ttf") format("truetype"), url("/font/icons/~v17/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; } .bootstrap .event-ribbon .close-btn { color: white; } .nav-buttons { position: absolute; right: 10px; top: 0; } @supports (padding: env(safe-area-inset-left)) { .nav-buttons { right: calc(env(safe-area-inset-left) + 10px); } } .nav-button { display: inline-block; padding: 22.5px 8px; position: relative; } @media (max-width: 767px) { .nav-button { padding: 12.5px 8px; } } nav { background: white; color: #333333; height: 80px; } @media (max-width: 767px) { nav { color: #333333; } } @media (min-width: 821px) and (max-width: 1024px) { nav .menu-list { font-size: .8em; } } @media (min-width: 768px) and (max-width: 820px) { nav .menu-list { font-size: .7em; } } @media (min-width: 768px) { nav { box-shadow: 0 4px 8px -6px rgba(0, 0, 0, 0.1) !important; } nav > .container { padding-right: 120px; } } nav .desktop-logo { position: absolute; left: 20px; height: 80px; padding: 20px 0; line-height: 40px; } @media (min-width: 1281px) { nav .desktop-logo { left: 10vw; } } nav .desktop-logo img { width: 120px; height: auto; } @media (max-width: 1024px) { nav .desktop-logo img { max-width: 120px; width: 12vw; height: auto; } } @media (min-width: 768px) { nav .menu-list > li { display: inline-block; } } nav li.menu-item, nav li.menu-item > label a { line-height: 80px; color: #333333; } @media (max-width: 767px) { nav li.menu-item, nav li.menu-item > label a { line-height: 40px; text-align: left; } } nav .menu-item { text-transform: uppercase; cursor: default; } nav .menu-item > label a:hover { color: #333333; } nav .menu-item li:not(.list-menu-header) { text-transform: none; } @media (min-width: 768px) { nav .menu-item { padding-left: 0.5rem; padding-right: 0.5rem; } } @media (min-width: 1025px) { nav .menu-item { padding-left: 1rem; padding-right: 1rem; } } nav .sub-menu li, nav .sub-menu li > a { line-height: 2em; } nav .sub-menu li > a:hover { color: #333333; } @media (min-width: 768px) { nav .sub-menu > div { pointer-events: none; opacity: 0; -webkit-transition: opacity 0.25s ease; -o-transition: opacity 0.25s ease; transition: opacity 0.25s ease; background-color: white; color: #333333; top: 80px; left: 0; right: 0; z-index: 100; border-bottom: 1px solid #EAEAEA; } nav .sub-menu:hover > div { pointer-events: auto; opacity: 1; } nav .sub-menu-container { padding-top: 20px; padding-bottom: 20px; display: flex; text-transform: none; } nav .sub-menu-container > * { flex: 1; padding-left: 10px; padding-right: 10px; } } @media (max-width: 767px) { nav .sub-menu [id^="cb-"] ~ div { transition: max-height .2s ease-out; max-height: 0; overflow: hidden; position: relative !important; } nav .sub-menu [id^="cb-"]:checked ~ div { max-height: 2000px; } nav .sub-menu [id^="cb-"]:checked ~ label::after { transform: rotateZ(0); } nav .sub-menu-container > * + * { margin-top: 1rem; } } nav .list-menu-header { font-weight: bold; padding-bottom: .5em; } .language-panel, .login-panel { display: none; background: rgba(255, 255, 255, 0.98); position: absolute; white-space: nowrap; top: calc(100%); z-index: 110; text-align: left; padding-top: 10px; padding-bottom: 10px; right: 0; border-radius: 2px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); transition: opacity .3s ease-out; } .language-panel > li, .login-panel > li { padding-left: 20px; padding-right: 20px; line-height: 2rem; } .language-nav:hover .language-panel { display: block; } .language-nav .flag-icon { font-size: 20px; } .show-login-panel:hover .login-panel { display: block; } .navigation-header { height: 60px; background: #fff; } @media (max-width: 767px) { .navigation-header { height: 50px; } } @media (max-width: 767px) { .sns { border-top: 1px solid #333; } a.sns-icon i::before { font-size: 24px; line-height: 24px; } a.sns-icon img { width: 24px; height: 24px; } a.sns-icon + .sns-icon { margin-left: 1.2em; } .navigation-header { box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); z-index: 15; } .menu-item.sub-menu label { display: block; position: relative; } .menu-item.sub-menu label::after { content: ''; display: block; position: absolute; right: 0; top: 0; font-family: 'icomoon'; transform: rotateZ(-45deg); transition: transform .2s ease-out; font-weight: lighter; opacity: .5; } .bootstrap .navbar-toggle { float: none; margin-right: 0; margin-top: 0; margin-bottom: 0; } #menu-checkbox:checked ~ nav.menu-container { transform: translateX(80vw); box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } #menu-checkbox:checked ~ .ui-blocker { display: block; } .container.sub-menu-container { padding-left: 0; padding-right: 0; padding-bottom: 1rem; } .container.sub-menu-container > * { padding-left: 1rem; } .menu-container { padding-bottom: 1rem; overflow: auto !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; transition: transform .2s ease-out; transform: translateX(0); height: calc(100% - 45px); width: 80vw; left: -80vw; background-color: white; position: absolute; z-index: 100; z-index: 11; box-shadow: 0 0 0 rgba(0, 0, 0, 0.3); } .menu-container > .container { min-height: 100vh; } .ui-blocker { position: absolute; display: none; top: 45px; left: 0; width: 100vw; height: calc(100vh - 45px); background-color: transparent; z-index: 5; } .burger-menu { left: 0; top: 8px; } .icon-bar { background-color: #333; } .nav-buttons { z-index: 10; top: 2px; right: 6px; } } .mobile-search { display: flex; border-bottom: 1px solid black; margin-top: 20px; margin-bottom: 20px; } @media (min-width: 768px) { .mobile-search { display: none; } } .mobile-search > form { flex: 1; } .mobile-search input { background: transparent; border: none; outline: none; transform: translateY(4px); font-size: 20px; } .search-btn { display: none; } .navbar-toggle, .navbar-toggle span { transition: all .2s ease-out; } #menu-checkbox:checked ~ .navigation-header .navbar-toggle { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #menu-checkbox:checked ~ .navigation-header .navbar-toggle span:nth-of-type(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; top: 6px; } #menu-checkbox:checked ~ .navigation-header .navbar-toggle span:nth-of-type(2) { opacity: 0; } #menu-checkbox:checked ~ .navigation-header .navbar-toggle span:nth-of-type(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; top: -6px; } .language-nav .flag-icon-jp { box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); } @font-face { font-family: 'FONT_potatoes_and_peasregular'; font-display: swap; src: url("../printing_fonts/potatoes_and_peas-webfont.woff2") format("woff2"), url("../printing_fonts/potatoes_and_peas-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_shadows_into_lights'; font-display: swap; src: url("../printing_fonts/shadow_into_lights-webfont.woff2") format("woff2"), url("../printing_fonts/shadow_into_lights-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_lewis_hand'; font-display: swap; src: url("../printing_fonts/lewis_hand-webfont.woff2") format("woff2"), url("../printing_fonts/lewis_hand-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } /* @font-face { font-family: 'FONT_golden_plains'; font-display: swap; src: url('../printing_fonts/golden_plains-webfont.woff2') format('woff2'), url('../printing_fonts/golden_plains-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_stay_red'; font-display: swap; src: url('../printing_fonts/stay_red-webfont.woff2') format('woff2'), url('../printing_fonts/stay_red-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'FONT_Muncie'; font-display: swap; src: url("../printing_fonts/muncie-webfont.eot"); src: url("../printing_fonts/muncie-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/muncie-webfont.woff2") format("woff2"), url("../printing_fonts/muncie-webfont.woff") format("woff"), url("../printing_fonts/muncie-webfont.ttf") format("truetype"), url("../printing_fonts/muncie-webfont.svg#muncieregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Wisdom_Scription_AI'; font-display: swap; src: url("../printing_fonts/wisdomscript-webfont.eot"); src: url("../printing_fonts/wisdomscript-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/wisdomscript-webfont.woff2") format("woff2"), url("../printing_fonts/wisdomscript-webfont.woff") format("woff"), url("../printing_fonts/wisdomscript-webfont.ttf") format("truetype"), url("../printing_fonts/wisdomscript-webfont.svg#wisdom_script_airegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Raleway_Medium'; font-display: swap; src: url("../printing_fonts/raleway-medium-webfont.eot"); src: url("../printing_fonts/raleway-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/raleway-medium-webfont.woff2") format("woff2"), url("../printing_fonts/raleway-medium-webfont.woff") format("woff"), url("../printing_fonts/raleway-medium-webfont.ttf") format("truetype"), url("../printing_fonts/raleway-medium-webfont.svg#ralewaymedium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Raleway_ExtraLight'; font-display: swap; src: url("../printing_fonts/raleway-extralight-webfont.eot"); src: url("../printing_fonts/raleway-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/raleway-extralight-webfont.woff2") format("woff2"), url("../printing_fonts/raleway-extralight-webfont.woff") format("woff"), url("../printing_fonts/raleway-extralight-webfont.ttf") format("truetype"), url("../printing_fonts/raleway-extralight-webfont.svg#ralewayextralight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_CondensedItalic'; font-display: swap; src: url("../printing_fonts/LeagueGothic-CondensedItalic.otf"); src: url("../printing_fonts/LeagueGothic-CondensedItalic.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_CondensedRegular'; font-display: swap; src: url("../printing_fonts/LeagueGothic-CondensedRegular.otf"); src: url("../printing_fonts/LeagueGothic-CondensedRegular.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_Italic'; font-display: swap; src: url("../printing_fonts/LeagueGothic-Italic.otf"); src: url("../printing_fonts/LeagueGothic-Italic.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_Regular'; font-display: swap; src: url("../printing_fonts/leaguegothic-regular-webfont.eot"); src: url("../printing_fonts/leaguegothic-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/leaguegothic-regular-webfont.woff2") format("woff2"), url("../printing_fonts/leaguegothic-regular-webfont.woff") format("woff"), url("../printing_fonts/leaguegothic-regular-webfont.ttf") format("truetype"), url("../printing_fonts/leaguegothic-regular-webfont.svg#league_gothicregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Didot'; font-display: swap; src: url("../printing_fonts/Didot.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/Didot.woff") format("woff"), url("../printing_fonts/Didot.ttf") format("truetype"), url("../printing_fonts/Didot.svg#Didot") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_AbrahamLincoln'; font-display: swap; src: url("../printing_fonts/abrahamlincoln-webfont.eot"); src: url("../printing_fonts/abrahamlincoln-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/abrahamlincoln-webfont.woff2") format("woff2"), url("../printing_fonts/abrahamlincoln-webfont.woff") format("woff"), url("../printing_fonts/abrahamlincoln-webfont.ttf") format("truetype"), url("../printing_fonts/abrahamlincoln-webfont.svg#abraham_lincolnregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Comic Neue Angular'; font-display: swap; font-weight: 500; font-style: normal; src: url("/font/comic_neue/ComicNeue-Angular-Regular.eot"); src: url("/font/comic_neue/ComicNeue-Angular-Regular.eot?#iefix") format("embedded-opentype"), url("/font/comic_neue/ComicNeue-Angular-Regular.woff2") format("woff2"), url("/font/comic_neue/ComicNeue-Angular-Regular.woff") format("woff"), url("/font/comic_neue/ComicNeue-Angular-Regular.ttf") format("truetype"); } @font-face { font-family: 'Comic Neue Angular Bold'; font-display: swap; font-weight: 500; font-style: normal; src: url("/font/comic_neue/ComicNeue-Angular-Bold.eot"); src: url("/font/comic_neue/ComicNeue-Angular-Bold.eot?#iefix") format("embedded-opentype"), url("/font/comic_neue/ComicNeue-Angular-Bold.woff2") format("woff2"), url("/font/comic_neue/ComicNeue-Angular-Bold.woff") format("woff"), url("/font/comic_neue/ComicNeue-Angular-Bold.ttf") format("truetype"); } @font-face { font-family: 'Avenir-Roman'; font-display: swap; src: url("/font/avenir_r/Avenir-Roman.eot?#iefix") format("embedded-opentype"), url("/font/avenir_r/Avenir-Roman.woff") format("woff"), url("/font/avenir_r/Avenir-Roman.ttf") format("truetype"), url("/font/avenir_r/Avenir-Roman.svg#Avenir-Roman") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_ul/AvenirNext-UltraLight.woff2") format("woff2"), url("/font/avenir-next_ul/AvenirNext-UltraLight.woff") format("woff"), url("/font/avenir-next_ul/AvenirNext-UltraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next/AvenirNext.woff2") format("woff2"), url("/font/avenir-next/AvenirNext.woff") format("woff"), url("/font/avenir-next/AvenirNext.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_db/AvenirNext-DemiBold.woff2") format("woff2"), url("/font/avenir-next_db/AvenirNext-DemiBold.woff") format("woff"), url("/font/avenir-next_db/AvenirNext-DemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_b/AvenirNext-Bold.woff2") format("woff2"), url("/font/avenir-next_b/AvenirNext-Bold.woff") format("woff"), url("/font/avenir-next_b/AvenirNext-Bold.eot?#iefix") format("embedded-opentype"), url("/font/avenir-next_b/AvenirNext-Bold.ttf") format("truetype"), url("/font/avenir-next_b/AvenirNext-Bold.svg#AvenirNext-Bold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Light/ReplicaProLight.woff2") format("woff2"), url("/font/ReplicaPro-Light/ReplicaProLight.woff") format("woff"), url("/font/ReplicaPro-Light/ReplicaProLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Regular/ReplicaProTT.woff2") format("woff2"), url("/font/ReplicaPro-Regular/ReplicaProTT.woff") format("woff"), url("/font/ReplicaPro-Regular/ReplicaProTT.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.woff2") format("woff2"), url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.woff") format("woff"), url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Bougenville'; font-display: swap; src: url("/font/bougenville/Bougenville.eot?#iefix") format("embedded-opentype"), url("/font/bougenville/Bougenville.woff") format("woff"), url("/font/bougenville/Bougenville.ttf") format("truetype"), url("/font/bougenville/Bougenville.svg#AvenirNext-Bold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'NellaSue'; font-display: swap; src: url("/font/nella_sue/nellasuedemo-webfont.woff2") format("woff2"), url("/font/nella_sue/nellasuedemo-webfont.woff") format("woff"), url("/font/bougenville/nellasuedemo-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bonjour'; font-display: swap; src: url("/font/text_builder/bonjour-webfont.woff2") format("woff2"), url("/font/text_builder/bonjour-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'druk'; font-display: swap; src: url("/font/Druk-Bold/Druk-Bold-Web.ttf") format("truetype"); font-weight: 700; font-style: normal; } /* @font-face { font-family: 'roboto'; font-display: swap; src: url('../font/roboto_r/Roboto-Regular-webfont.eot'); src: url('../font/roboto_r/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto_r/Roboto-Regular-webfont.woff') format('woff'), url('../font/roboto_r/Roboto-Regular-webfont.ttf') format('truetype'), url('../font/roboto_r/Roboto-Regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; font-display: swap; src: url('../font/roboto_m/Roboto-Medium-webfont.eot'); src: url('../font/roboto_m/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto_m/Roboto-Medium-webfont.woff') format('woff'), url('../font/roboto_m/Roboto-Medium-webfont.ttf') format('truetype'), url('../font/roboto_m/Roboto-Medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayregular'; font-display: swap; src: url('../font/raleway_r/raleway-regular-webfont.eot'); src: url('../font/raleway_r/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_r/raleway-regular-webfont.woff') format('woff'), url('../font/raleway_r/raleway-regular-webfont.ttf') format('truetype'), url('../font/raleway_r/raleway-regular-webfont.svg#ralewayregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaymedium'; font-display: swap; src: url('../font/raleway_m/raleway-medium-webfont.eot'); src: url('../font/raleway_m/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_m/raleway-medium-webfont.woff2') format('woff2'), url('../font/raleway_m/raleway-medium-webfont.woff') format('woff'), url('../font/raleway_m/raleway-medium-webfont.ttf') format('truetype'), url('../font/raleway_m/raleway-medium-webfont.svg#ralewaymedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaysemibold'; font-display: swap; src: url('../font/raleway_sb/raleway-semibold-webfont.eot'); src: url('../font/raleway_sb/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_sb/raleway-semibold-webfont.woff2') format('woff2'), url('../font/raleway_sb/raleway-semibold-webfont.woff') format('woff'), url('../font/raleway_sb/raleway-semibold-webfont.ttf') format('truetype'), url('../font/raleway_sb/raleway-semibold-webfont.svg#ralewaysemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaybold'; font-display: swap; src: url('../font/raleway_b/raleway-bold-webfont.eot'); src: url('../font/raleway_b/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_b/raleway-bold-webfont.woff') format('woff'), url('../font/raleway_b/raleway-bold-webfont.ttf') format('truetype'), url('../font/raleway_b/raleway-bold-webfont.svg#ralewaybold') format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-black-webfont.woff2") format("woff2"), url("../font/pangram/pangram-black-webfont.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-bold-webfont.woff2") format("woff2"), url("../font/pangram/pangram-bold-webfont.woff") format("woff"); font-weight: lighter; font-style: normal; } @font-face { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-extrabold-webfont.woff2") format("woff2"), url("../font/pangram/pangram-extrabold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-bold-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-bold-webfont.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-semibold-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-semibold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-regular-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-regular-webfont.woff") format("woff"); font-weight: lighter; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Light.otf") format("opentype"), url("../font/buenos/buenosaires-thin-webfont.woff") format("woff"); font-weight: 200; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Book.otf") format("opentype"), url("../font/buenos/buenosaires-light-webfont.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Regular.otf") format("opentype"), url("../font/buenos/buenosaires-book-webfont.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-SemiBold.otf") format("opentype"), url("../font/buenos/buenosaires-regular-webfont.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Black.otf") format("opentype"), url("../font/buenos/buenosaires-semibold-webfont.woff") format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: 'icomoon'; font-display: swap; src: url("/font/icons/~v17/icomoon.eot"); src: url("/font/icons/~v17/icomoon.eot#iefix") format("embedded-opentype"), url("/font/icons/~v17/icomoon.woff2") format("woff2"), url("/font/icons/~v17/icomoon.woff") format("woff"), url("/font/icons/~v17/icomoon.ttf") format("truetype"), url("/font/icons/~v17/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; } .main-footer { background-color: #333333; } .main-footer .product-list li, .main-footer .support-list li { font-size: 0.9em; } .main-footer .footer-remark span + span::before { margin-left: 2em; margin-right: 2em; display: inline-block; content: ''; width: 0; height: 1em; border-left: 1px solid white; position: relative; top: 2px; } .main-footer .language-select ul { background-color: white; display: none; padding: 5px 20px; bottom: 0.9em; right: 0; border-radius: 2px; white-space: nowrap; } .main-footer .language-select ul li { margin-right: 40px; } .main-footer .language-select ul a { line-height: 32px; } .main-footer .language-select ul a:hover { color: #333333; } .main-footer .language-select:hover ul { display: block; } .main-footer a { color: #FFF; } .main-footer a:focus { color: #FFF; } .main-footer a:hover { color: #fefefe; } .main-footer a.sns-icon { color: #333333; background-color: #FFF; border-radius: 50%; padding: 5px; width: 30px; height: 30px; display: inline-block; position: relative; } .main-footer a.sns-icon i::before { line-height: 20px; font-size: 20px; position: relative; top: -2px; } .main-footer a.sns-icon + .sns-icon { margin-left: .8em; } .main-footer a.sns-icon img { position: absolute; top: 0; left: 0; width: 30px; height: 30px; } .main-footer #newsletter-form { max-width: 90%; } .main-footer #newsletter-form > div { display: flex; } .main-footer #newsletter-form input[type="email"] { flex: 1; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .main-footer #newsletter-form input[type="submit"] { background-color: #f15b47; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-top-right-radius: 2px; border-bottom-right-radius: 2px; padding-left: 20px; padding-right: 20px; } .main-footer h3, .main-footer .h3 { text-transform: uppercase; margin-bottom: 1em; } .main-footer h3 + h3 { margin-top: 2em; } .main-footer select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-top: none; border-left: none; border-right: none; border-bottom: none; border-radius: 0; background-color: transparent; } @media (min-width: 768px) { .make section.cover { overflow: hidden; } } @media (min-width: 1230px) { .make section.custom { overflow: hidden; } } @font-face { font-family: 'FONT_potatoes_and_peasregular'; font-display: swap; src: url("../printing_fonts/potatoes_and_peas-webfont.woff2") format("woff2"), url("../printing_fonts/potatoes_and_peas-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_shadows_into_lights'; font-display: swap; src: url("../printing_fonts/shadow_into_lights-webfont.woff2") format("woff2"), url("../printing_fonts/shadow_into_lights-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_lewis_hand'; font-display: swap; src: url("../printing_fonts/lewis_hand-webfont.woff2") format("woff2"), url("../printing_fonts/lewis_hand-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } /* @font-face { font-family: 'FONT_golden_plains'; font-display: swap; src: url('../printing_fonts/golden_plains-webfont.woff2') format('woff2'), url('../printing_fonts/golden_plains-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_stay_red'; font-display: swap; src: url('../printing_fonts/stay_red-webfont.woff2') format('woff2'), url('../printing_fonts/stay_red-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'FONT_Muncie'; font-display: swap; src: url("../printing_fonts/muncie-webfont.eot"); src: url("../printing_fonts/muncie-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/muncie-webfont.woff2") format("woff2"), url("../printing_fonts/muncie-webfont.woff") format("woff"), url("../printing_fonts/muncie-webfont.ttf") format("truetype"), url("../printing_fonts/muncie-webfont.svg#muncieregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Wisdom_Scription_AI'; font-display: swap; src: url("../printing_fonts/wisdomscript-webfont.eot"); src: url("../printing_fonts/wisdomscript-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/wisdomscript-webfont.woff2") format("woff2"), url("../printing_fonts/wisdomscript-webfont.woff") format("woff"), url("../printing_fonts/wisdomscript-webfont.ttf") format("truetype"), url("../printing_fonts/wisdomscript-webfont.svg#wisdom_script_airegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Raleway_Medium'; font-display: swap; src: url("../printing_fonts/raleway-medium-webfont.eot"); src: url("../printing_fonts/raleway-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/raleway-medium-webfont.woff2") format("woff2"), url("../printing_fonts/raleway-medium-webfont.woff") format("woff"), url("../printing_fonts/raleway-medium-webfont.ttf") format("truetype"), url("../printing_fonts/raleway-medium-webfont.svg#ralewaymedium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Raleway_ExtraLight'; font-display: swap; src: url("../printing_fonts/raleway-extralight-webfont.eot"); src: url("../printing_fonts/raleway-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/raleway-extralight-webfont.woff2") format("woff2"), url("../printing_fonts/raleway-extralight-webfont.woff") format("woff"), url("../printing_fonts/raleway-extralight-webfont.ttf") format("truetype"), url("../printing_fonts/raleway-extralight-webfont.svg#ralewayextralight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_CondensedItalic'; font-display: swap; src: url("../printing_fonts/LeagueGothic-CondensedItalic.otf"); src: url("../printing_fonts/LeagueGothic-CondensedItalic.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_CondensedRegular'; font-display: swap; src: url("../printing_fonts/LeagueGothic-CondensedRegular.otf"); src: url("../printing_fonts/LeagueGothic-CondensedRegular.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_Italic'; font-display: swap; src: url("../printing_fonts/LeagueGothic-Italic.otf"); src: url("../printing_fonts/LeagueGothic-Italic.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_Regular'; font-display: swap; src: url("../printing_fonts/leaguegothic-regular-webfont.eot"); src: url("../printing_fonts/leaguegothic-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/leaguegothic-regular-webfont.woff2") format("woff2"), url("../printing_fonts/leaguegothic-regular-webfont.woff") format("woff"), url("../printing_fonts/leaguegothic-regular-webfont.ttf") format("truetype"), url("../printing_fonts/leaguegothic-regular-webfont.svg#league_gothicregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Didot'; font-display: swap; src: url("../printing_fonts/Didot.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/Didot.woff") format("woff"), url("../printing_fonts/Didot.ttf") format("truetype"), url("../printing_fonts/Didot.svg#Didot") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_AbrahamLincoln'; font-display: swap; src: url("../printing_fonts/abrahamlincoln-webfont.eot"); src: url("../printing_fonts/abrahamlincoln-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/abrahamlincoln-webfont.woff2") format("woff2"), url("../printing_fonts/abrahamlincoln-webfont.woff") format("woff"), url("../printing_fonts/abrahamlincoln-webfont.ttf") format("truetype"), url("../printing_fonts/abrahamlincoln-webfont.svg#abraham_lincolnregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Comic Neue Angular'; font-display: swap; font-weight: 500; font-style: normal; src: url("/font/comic_neue/ComicNeue-Angular-Regular.eot"); src: url("/font/comic_neue/ComicNeue-Angular-Regular.eot?#iefix") format("embedded-opentype"), url("/font/comic_neue/ComicNeue-Angular-Regular.woff2") format("woff2"), url("/font/comic_neue/ComicNeue-Angular-Regular.woff") format("woff"), url("/font/comic_neue/ComicNeue-Angular-Regular.ttf") format("truetype"); } @font-face { font-family: 'Comic Neue Angular Bold'; font-display: swap; font-weight: 500; font-style: normal; src: url("/font/comic_neue/ComicNeue-Angular-Bold.eot"); src: url("/font/comic_neue/ComicNeue-Angular-Bold.eot?#iefix") format("embedded-opentype"), url("/font/comic_neue/ComicNeue-Angular-Bold.woff2") format("woff2"), url("/font/comic_neue/ComicNeue-Angular-Bold.woff") format("woff"), url("/font/comic_neue/ComicNeue-Angular-Bold.ttf") format("truetype"); } @font-face { font-family: 'Avenir-Roman'; font-display: swap; src: url("/font/avenir_r/Avenir-Roman.eot?#iefix") format("embedded-opentype"), url("/font/avenir_r/Avenir-Roman.woff") format("woff"), url("/font/avenir_r/Avenir-Roman.ttf") format("truetype"), url("/font/avenir_r/Avenir-Roman.svg#Avenir-Roman") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_ul/AvenirNext-UltraLight.woff2") format("woff2"), url("/font/avenir-next_ul/AvenirNext-UltraLight.woff") format("woff"), url("/font/avenir-next_ul/AvenirNext-UltraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next/AvenirNext.woff2") format("woff2"), url("/font/avenir-next/AvenirNext.woff") format("woff"), url("/font/avenir-next/AvenirNext.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_db/AvenirNext-DemiBold.woff2") format("woff2"), url("/font/avenir-next_db/AvenirNext-DemiBold.woff") format("woff"), url("/font/avenir-next_db/AvenirNext-DemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_b/AvenirNext-Bold.woff2") format("woff2"), url("/font/avenir-next_b/AvenirNext-Bold.woff") format("woff"), url("/font/avenir-next_b/AvenirNext-Bold.eot?#iefix") format("embedded-opentype"), url("/font/avenir-next_b/AvenirNext-Bold.ttf") format("truetype"), url("/font/avenir-next_b/AvenirNext-Bold.svg#AvenirNext-Bold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Light/ReplicaProLight.woff2") format("woff2"), url("/font/ReplicaPro-Light/ReplicaProLight.woff") format("woff"), url("/font/ReplicaPro-Light/ReplicaProLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Regular/ReplicaProTT.woff2") format("woff2"), url("/font/ReplicaPro-Regular/ReplicaProTT.woff") format("woff"), url("/font/ReplicaPro-Regular/ReplicaProTT.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.woff2") format("woff2"), url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.woff") format("woff"), url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Bougenville'; font-display: swap; src: url("/font/bougenville/Bougenville.eot?#iefix") format("embedded-opentype"), url("/font/bougenville/Bougenville.woff") format("woff"), url("/font/bougenville/Bougenville.ttf") format("truetype"), url("/font/bougenville/Bougenville.svg#AvenirNext-Bold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'NellaSue'; font-display: swap; src: url("/font/nella_sue/nellasuedemo-webfont.woff2") format("woff2"), url("/font/nella_sue/nellasuedemo-webfont.woff") format("woff"), url("/font/bougenville/nellasuedemo-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bonjour'; font-display: swap; src: url("/font/text_builder/bonjour-webfont.woff2") format("woff2"), url("/font/text_builder/bonjour-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'druk'; font-display: swap; src: url("/font/Druk-Bold/Druk-Bold-Web.ttf") format("truetype"); font-weight: 700; font-style: normal; } /* @font-face { font-family: 'roboto'; font-display: swap; src: url('../font/roboto_r/Roboto-Regular-webfont.eot'); src: url('../font/roboto_r/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto_r/Roboto-Regular-webfont.woff') format('woff'), url('../font/roboto_r/Roboto-Regular-webfont.ttf') format('truetype'), url('../font/roboto_r/Roboto-Regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; font-display: swap; src: url('../font/roboto_m/Roboto-Medium-webfont.eot'); src: url('../font/roboto_m/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto_m/Roboto-Medium-webfont.woff') format('woff'), url('../font/roboto_m/Roboto-Medium-webfont.ttf') format('truetype'), url('../font/roboto_m/Roboto-Medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayregular'; font-display: swap; src: url('../font/raleway_r/raleway-regular-webfont.eot'); src: url('../font/raleway_r/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_r/raleway-regular-webfont.woff') format('woff'), url('../font/raleway_r/raleway-regular-webfont.ttf') format('truetype'), url('../font/raleway_r/raleway-regular-webfont.svg#ralewayregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaymedium'; font-display: swap; src: url('../font/raleway_m/raleway-medium-webfont.eot'); src: url('../font/raleway_m/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_m/raleway-medium-webfont.woff2') format('woff2'), url('../font/raleway_m/raleway-medium-webfont.woff') format('woff'), url('../font/raleway_m/raleway-medium-webfont.ttf') format('truetype'), url('../font/raleway_m/raleway-medium-webfont.svg#ralewaymedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaysemibold'; font-display: swap; src: url('../font/raleway_sb/raleway-semibold-webfont.eot'); src: url('../font/raleway_sb/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_sb/raleway-semibold-webfont.woff2') format('woff2'), url('../font/raleway_sb/raleway-semibold-webfont.woff') format('woff'), url('../font/raleway_sb/raleway-semibold-webfont.ttf') format('truetype'), url('../font/raleway_sb/raleway-semibold-webfont.svg#ralewaysemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaybold'; font-display: swap; src: url('../font/raleway_b/raleway-bold-webfont.eot'); src: url('../font/raleway_b/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_b/raleway-bold-webfont.woff') format('woff'), url('../font/raleway_b/raleway-bold-webfont.ttf') format('truetype'), url('../font/raleway_b/raleway-bold-webfont.svg#ralewaybold') format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-black-webfont.woff2") format("woff2"), url("../font/pangram/pangram-black-webfont.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-bold-webfont.woff2") format("woff2"), url("../font/pangram/pangram-bold-webfont.woff") format("woff"); font-weight: lighter; font-style: normal; } @font-face { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-extrabold-webfont.woff2") format("woff2"), url("../font/pangram/pangram-extrabold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-bold-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-bold-webfont.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-semibold-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-semibold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-regular-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-regular-webfont.woff") format("woff"); font-weight: lighter; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Light.otf") format("opentype"), url("../font/buenos/buenosaires-thin-webfont.woff") format("woff"); font-weight: 200; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Book.otf") format("opentype"), url("../font/buenos/buenosaires-light-webfont.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Regular.otf") format("opentype"), url("../font/buenos/buenosaires-book-webfont.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-SemiBold.otf") format("opentype"), url("../font/buenos/buenosaires-regular-webfont.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Black.otf") format("opentype"), url("../font/buenos/buenosaires-semibold-webfont.woff") format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: 'icomoon'; font-display: swap; src: url("/font/icons/~v17/icomoon.eot"); src: url("/font/icons/~v17/icomoon.eot#iefix") format("embedded-opentype"), url("/font/icons/~v17/icomoon.woff2") format("woff2"), url("/font/icons/~v17/icomoon.woff") format("woff"), url("/font/icons/~v17/icomoon.ttf") format("truetype"), url("/font/icons/~v17/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; } @keyframes fade { 0% { opacity: 0; } 20% { opacity: 1; } 50% { opacity: 1; } 70% { opacity: 0; } 100% { opacity: 0; } } .v-center { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } @font-face { font-family: 'FONT_potatoes_and_peasregular'; font-display: swap; src: url("../printing_fonts/potatoes_and_peas-webfont.woff2") format("woff2"), url("../printing_fonts/potatoes_and_peas-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_shadows_into_lights'; font-display: swap; src: url("../printing_fonts/shadow_into_lights-webfont.woff2") format("woff2"), url("../printing_fonts/shadow_into_lights-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_lewis_hand'; font-display: swap; src: url("../printing_fonts/lewis_hand-webfont.woff2") format("woff2"), url("../printing_fonts/lewis_hand-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } /* @font-face { font-family: 'FONT_golden_plains'; font-display: swap; src: url('../printing_fonts/golden_plains-webfont.woff2') format('woff2'), url('../printing_fonts/golden_plains-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_stay_red'; font-display: swap; src: url('../printing_fonts/stay_red-webfont.woff2') format('woff2'), url('../printing_fonts/stay_red-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'FONT_Muncie'; font-display: swap; src: url("../printing_fonts/muncie-webfont.eot"); src: url("../printing_fonts/muncie-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/muncie-webfont.woff2") format("woff2"), url("../printing_fonts/muncie-webfont.woff") format("woff"), url("../printing_fonts/muncie-webfont.ttf") format("truetype"), url("../printing_fonts/muncie-webfont.svg#muncieregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Wisdom_Scription_AI'; font-display: swap; src: url("../printing_fonts/wisdomscript-webfont.eot"); src: url("../printing_fonts/wisdomscript-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/wisdomscript-webfont.woff2") format("woff2"), url("../printing_fonts/wisdomscript-webfont.woff") format("woff"), url("../printing_fonts/wisdomscript-webfont.ttf") format("truetype"), url("../printing_fonts/wisdomscript-webfont.svg#wisdom_script_airegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Raleway_Medium'; font-display: swap; src: url("../printing_fonts/raleway-medium-webfont.eot"); src: url("../printing_fonts/raleway-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/raleway-medium-webfont.woff2") format("woff2"), url("../printing_fonts/raleway-medium-webfont.woff") format("woff"), url("../printing_fonts/raleway-medium-webfont.ttf") format("truetype"), url("../printing_fonts/raleway-medium-webfont.svg#ralewaymedium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Raleway_ExtraLight'; font-display: swap; src: url("../printing_fonts/raleway-extralight-webfont.eot"); src: url("../printing_fonts/raleway-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/raleway-extralight-webfont.woff2") format("woff2"), url("../printing_fonts/raleway-extralight-webfont.woff") format("woff"), url("../printing_fonts/raleway-extralight-webfont.ttf") format("truetype"), url("../printing_fonts/raleway-extralight-webfont.svg#ralewayextralight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_CondensedItalic'; font-display: swap; src: url("../printing_fonts/LeagueGothic-CondensedItalic.otf"); src: url("../printing_fonts/LeagueGothic-CondensedItalic.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_CondensedRegular'; font-display: swap; src: url("../printing_fonts/LeagueGothic-CondensedRegular.otf"); src: url("../printing_fonts/LeagueGothic-CondensedRegular.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_Italic'; font-display: swap; src: url("../printing_fonts/LeagueGothic-Italic.otf"); src: url("../printing_fonts/LeagueGothic-Italic.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_Regular'; font-display: swap; src: url("../printing_fonts/leaguegothic-regular-webfont.eot"); src: url("../printing_fonts/leaguegothic-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/leaguegothic-regular-webfont.woff2") format("woff2"), url("../printing_fonts/leaguegothic-regular-webfont.woff") format("woff"), url("../printing_fonts/leaguegothic-regular-webfont.ttf") format("truetype"), url("../printing_fonts/leaguegothic-regular-webfont.svg#league_gothicregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Didot'; font-display: swap; src: url("../printing_fonts/Didot.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/Didot.woff") format("woff"), url("../printing_fonts/Didot.ttf") format("truetype"), url("../printing_fonts/Didot.svg#Didot") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_AbrahamLincoln'; font-display: swap; src: url("../printing_fonts/abrahamlincoln-webfont.eot"); src: url("../printing_fonts/abrahamlincoln-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/abrahamlincoln-webfont.woff2") format("woff2"), url("../printing_fonts/abrahamlincoln-webfont.woff") format("woff"), url("../printing_fonts/abrahamlincoln-webfont.ttf") format("truetype"), url("../printing_fonts/abrahamlincoln-webfont.svg#abraham_lincolnregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Comic Neue Angular'; font-display: swap; font-weight: 500; font-style: normal; src: url("/font/comic_neue/ComicNeue-Angular-Regular.eot"); src: url("/font/comic_neue/ComicNeue-Angular-Regular.eot?#iefix") format("embedded-opentype"), url("/font/comic_neue/ComicNeue-Angular-Regular.woff2") format("woff2"), url("/font/comic_neue/ComicNeue-Angular-Regular.woff") format("woff"), url("/font/comic_neue/ComicNeue-Angular-Regular.ttf") format("truetype"); } @font-face { font-family: 'Comic Neue Angular Bold'; font-display: swap; font-weight: 500; font-style: normal; src: url("/font/comic_neue/ComicNeue-Angular-Bold.eot"); src: url("/font/comic_neue/ComicNeue-Angular-Bold.eot?#iefix") format("embedded-opentype"), url("/font/comic_neue/ComicNeue-Angular-Bold.woff2") format("woff2"), url("/font/comic_neue/ComicNeue-Angular-Bold.woff") format("woff"), url("/font/comic_neue/ComicNeue-Angular-Bold.ttf") format("truetype"); } @font-face { font-family: 'Avenir-Roman'; font-display: swap; src: url("/font/avenir_r/Avenir-Roman.eot?#iefix") format("embedded-opentype"), url("/font/avenir_r/Avenir-Roman.woff") format("woff"), url("/font/avenir_r/Avenir-Roman.ttf") format("truetype"), url("/font/avenir_r/Avenir-Roman.svg#Avenir-Roman") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_ul/AvenirNext-UltraLight.woff2") format("woff2"), url("/font/avenir-next_ul/AvenirNext-UltraLight.woff") format("woff"), url("/font/avenir-next_ul/AvenirNext-UltraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next/AvenirNext.woff2") format("woff2"), url("/font/avenir-next/AvenirNext.woff") format("woff"), url("/font/avenir-next/AvenirNext.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_db/AvenirNext-DemiBold.woff2") format("woff2"), url("/font/avenir-next_db/AvenirNext-DemiBold.woff") format("woff"), url("/font/avenir-next_db/AvenirNext-DemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_b/AvenirNext-Bold.woff2") format("woff2"), url("/font/avenir-next_b/AvenirNext-Bold.woff") format("woff"), url("/font/avenir-next_b/AvenirNext-Bold.eot?#iefix") format("embedded-opentype"), url("/font/avenir-next_b/AvenirNext-Bold.ttf") format("truetype"), url("/font/avenir-next_b/AvenirNext-Bold.svg#AvenirNext-Bold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Light/ReplicaProLight.woff2") format("woff2"), url("/font/ReplicaPro-Light/ReplicaProLight.woff") format("woff"), url("/font/ReplicaPro-Light/ReplicaProLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Regular/ReplicaProTT.woff2") format("woff2"), url("/font/ReplicaPro-Regular/ReplicaProTT.woff") format("woff"), url("/font/ReplicaPro-Regular/ReplicaProTT.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.woff2") format("woff2"), url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.woff") format("woff"), url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Bougenville'; font-display: swap; src: url("/font/bougenville/Bougenville.eot?#iefix") format("embedded-opentype"), url("/font/bougenville/Bougenville.woff") format("woff"), url("/font/bougenville/Bougenville.ttf") format("truetype"), url("/font/bougenville/Bougenville.svg#AvenirNext-Bold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'NellaSue'; font-display: swap; src: url("/font/nella_sue/nellasuedemo-webfont.woff2") format("woff2"), url("/font/nella_sue/nellasuedemo-webfont.woff") format("woff"), url("/font/bougenville/nellasuedemo-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bonjour'; font-display: swap; src: url("/font/text_builder/bonjour-webfont.woff2") format("woff2"), url("/font/text_builder/bonjour-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'druk'; font-display: swap; src: url("/font/Druk-Bold/Druk-Bold-Web.ttf") format("truetype"); font-weight: 700; font-style: normal; } /* @font-face { font-family: 'roboto'; font-display: swap; src: url('../font/roboto_r/Roboto-Regular-webfont.eot'); src: url('../font/roboto_r/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto_r/Roboto-Regular-webfont.woff') format('woff'), url('../font/roboto_r/Roboto-Regular-webfont.ttf') format('truetype'), url('../font/roboto_r/Roboto-Regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; font-display: swap; src: url('../font/roboto_m/Roboto-Medium-webfont.eot'); src: url('../font/roboto_m/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto_m/Roboto-Medium-webfont.woff') format('woff'), url('../font/roboto_m/Roboto-Medium-webfont.ttf') format('truetype'), url('../font/roboto_m/Roboto-Medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayregular'; font-display: swap; src: url('../font/raleway_r/raleway-regular-webfont.eot'); src: url('../font/raleway_r/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_r/raleway-regular-webfont.woff') format('woff'), url('../font/raleway_r/raleway-regular-webfont.ttf') format('truetype'), url('../font/raleway_r/raleway-regular-webfont.svg#ralewayregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaymedium'; font-display: swap; src: url('../font/raleway_m/raleway-medium-webfont.eot'); src: url('../font/raleway_m/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_m/raleway-medium-webfont.woff2') format('woff2'), url('../font/raleway_m/raleway-medium-webfont.woff') format('woff'), url('../font/raleway_m/raleway-medium-webfont.ttf') format('truetype'), url('../font/raleway_m/raleway-medium-webfont.svg#ralewaymedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaysemibold'; font-display: swap; src: url('../font/raleway_sb/raleway-semibold-webfont.eot'); src: url('../font/raleway_sb/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_sb/raleway-semibold-webfont.woff2') format('woff2'), url('../font/raleway_sb/raleway-semibold-webfont.woff') format('woff'), url('../font/raleway_sb/raleway-semibold-webfont.ttf') format('truetype'), url('../font/raleway_sb/raleway-semibold-webfont.svg#ralewaysemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaybold'; font-display: swap; src: url('../font/raleway_b/raleway-bold-webfont.eot'); src: url('../font/raleway_b/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_b/raleway-bold-webfont.woff') format('woff'), url('../font/raleway_b/raleway-bold-webfont.ttf') format('truetype'), url('../font/raleway_b/raleway-bold-webfont.svg#ralewaybold') format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-black-webfont.woff2") format("woff2"), url("../font/pangram/pangram-black-webfont.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-bold-webfont.woff2") format("woff2"), url("../font/pangram/pangram-bold-webfont.woff") format("woff"); font-weight: lighter; font-style: normal; } @font-face { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-extrabold-webfont.woff2") format("woff2"), url("../font/pangram/pangram-extrabold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-bold-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-bold-webfont.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-semibold-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-semibold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-regular-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-regular-webfont.woff") format("woff"); font-weight: lighter; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Light.otf") format("opentype"), url("../font/buenos/buenosaires-thin-webfont.woff") format("woff"); font-weight: 200; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Book.otf") format("opentype"), url("../font/buenos/buenosaires-light-webfont.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Regular.otf") format("opentype"), url("../font/buenos/buenosaires-book-webfont.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-SemiBold.otf") format("opentype"), url("../font/buenos/buenosaires-regular-webfont.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Black.otf") format("opentype"), url("../font/buenos/buenosaires-semibold-webfont.woff") format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: 'icomoon'; font-display: swap; src: url("/font/icons/~v17/icomoon.eot"); src: url("/font/icons/~v17/icomoon.eot#iefix") format("embedded-opentype"), url("/font/icons/~v17/icomoon.woff2") format("woff2"), url("/font/icons/~v17/icomoon.woff") format("woff"), url("/font/icons/~v17/icomoon.ttf") format("truetype"), url("/font/icons/~v17/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; } .checkout i.info { width: 22px; height: 22px; border-radius: 50%; background-color: #e5e5e5; text-align: center; display: inline-block; text-transform: none; font-style: normal; } .checkout i.info:hover { cursor: pointer; } @media (min-width: 769px) { .checkout form p.small { font-size: 12px; line-height: 1.5em; } } .cart .cart-item { padding: 11px 0; border-bottom: 1px solid #f2f2f2; } .cart .cart-item:last-child { border-bottom: none; } .cart .cart-item:first-child { border-bottom: 1px solid #f2f2f2; } .cart .cart-item .remove-btn { position: absolute; right: 11px; top: 11px; } .cart .cart-item .remove-btn:before { content: '\e642'; font-family: 'icomoon'; color: #e5e5e5; } @media (max-width: 767px) { .cart { max-width: 400px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .cart .cart-item { padding: 22px 0; } .cart .cart-item a:hover { text-decoration: none; } .cart .cart-item .remove-btn { top: 22px; } } @keyframes fadeInOne { 0% { opacity: 0; } 5% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeInTwo { 0% { opacity: 0; } 35% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeInThree { 0% { opacity: 0; } 65% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @font-face { font-family: 'FONT_potatoes_and_peasregular'; font-display: swap; src: url("../printing_fonts/potatoes_and_peas-webfont.woff2") format("woff2"), url("../printing_fonts/potatoes_and_peas-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_shadows_into_lights'; font-display: swap; src: url("../printing_fonts/shadow_into_lights-webfont.woff2") format("woff2"), url("../printing_fonts/shadow_into_lights-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_lewis_hand'; font-display: swap; src: url("../printing_fonts/lewis_hand-webfont.woff2") format("woff2"), url("../printing_fonts/lewis_hand-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } /* @font-face { font-family: 'FONT_golden_plains'; font-display: swap; src: url('../printing_fonts/golden_plains-webfont.woff2') format('woff2'), url('../printing_fonts/golden_plains-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_stay_red'; font-display: swap; src: url('../printing_fonts/stay_red-webfont.woff2') format('woff2'), url('../printing_fonts/stay_red-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'FONT_Muncie'; font-display: swap; src: url("../printing_fonts/muncie-webfont.eot"); src: url("../printing_fonts/muncie-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/muncie-webfont.woff2") format("woff2"), url("../printing_fonts/muncie-webfont.woff") format("woff"), url("../printing_fonts/muncie-webfont.ttf") format("truetype"), url("../printing_fonts/muncie-webfont.svg#muncieregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Wisdom_Scription_AI'; font-display: swap; src: url("../printing_fonts/wisdomscript-webfont.eot"); src: url("../printing_fonts/wisdomscript-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/wisdomscript-webfont.woff2") format("woff2"), url("../printing_fonts/wisdomscript-webfont.woff") format("woff"), url("../printing_fonts/wisdomscript-webfont.ttf") format("truetype"), url("../printing_fonts/wisdomscript-webfont.svg#wisdom_script_airegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Raleway_Medium'; font-display: swap; src: url("../printing_fonts/raleway-medium-webfont.eot"); src: url("../printing_fonts/raleway-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/raleway-medium-webfont.woff2") format("woff2"), url("../printing_fonts/raleway-medium-webfont.woff") format("woff"), url("../printing_fonts/raleway-medium-webfont.ttf") format("truetype"), url("../printing_fonts/raleway-medium-webfont.svg#ralewaymedium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Raleway_ExtraLight'; font-display: swap; src: url("../printing_fonts/raleway-extralight-webfont.eot"); src: url("../printing_fonts/raleway-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/raleway-extralight-webfont.woff2") format("woff2"), url("../printing_fonts/raleway-extralight-webfont.woff") format("woff"), url("../printing_fonts/raleway-extralight-webfont.ttf") format("truetype"), url("../printing_fonts/raleway-extralight-webfont.svg#ralewayextralight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_CondensedItalic'; font-display: swap; src: url("../printing_fonts/LeagueGothic-CondensedItalic.otf"); src: url("../printing_fonts/LeagueGothic-CondensedItalic.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_CondensedRegular'; font-display: swap; src: url("../printing_fonts/LeagueGothic-CondensedRegular.otf"); src: url("../printing_fonts/LeagueGothic-CondensedRegular.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_Italic'; font-display: swap; src: url("../printing_fonts/LeagueGothic-Italic.otf"); src: url("../printing_fonts/LeagueGothic-Italic.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_LeagueGothic_Regular'; font-display: swap; src: url("../printing_fonts/leaguegothic-regular-webfont.eot"); src: url("../printing_fonts/leaguegothic-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/leaguegothic-regular-webfont.woff2") format("woff2"), url("../printing_fonts/leaguegothic-regular-webfont.woff") format("woff"), url("../printing_fonts/leaguegothic-regular-webfont.ttf") format("truetype"), url("../printing_fonts/leaguegothic-regular-webfont.svg#league_gothicregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_Didot'; font-display: swap; src: url("../printing_fonts/Didot.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/Didot.woff") format("woff"), url("../printing_fonts/Didot.ttf") format("truetype"), url("../printing_fonts/Didot.svg#Didot") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FONT_AbrahamLincoln'; font-display: swap; src: url("../printing_fonts/abrahamlincoln-webfont.eot"); src: url("../printing_fonts/abrahamlincoln-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/abrahamlincoln-webfont.woff2") format("woff2"), url("../printing_fonts/abrahamlincoln-webfont.woff") format("woff"), url("../printing_fonts/abrahamlincoln-webfont.ttf") format("truetype"), url("../printing_fonts/abrahamlincoln-webfont.svg#abraham_lincolnregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Comic Neue Angular'; font-display: swap; font-weight: 500; font-style: normal; src: url("/font/comic_neue/ComicNeue-Angular-Regular.eot"); src: url("/font/comic_neue/ComicNeue-Angular-Regular.eot?#iefix") format("embedded-opentype"), url("/font/comic_neue/ComicNeue-Angular-Regular.woff2") format("woff2"), url("/font/comic_neue/ComicNeue-Angular-Regular.woff") format("woff"), url("/font/comic_neue/ComicNeue-Angular-Regular.ttf") format("truetype"); } @font-face { font-family: 'Comic Neue Angular Bold'; font-display: swap; font-weight: 500; font-style: normal; src: url("/font/comic_neue/ComicNeue-Angular-Bold.eot"); src: url("/font/comic_neue/ComicNeue-Angular-Bold.eot?#iefix") format("embedded-opentype"), url("/font/comic_neue/ComicNeue-Angular-Bold.woff2") format("woff2"), url("/font/comic_neue/ComicNeue-Angular-Bold.woff") format("woff"), url("/font/comic_neue/ComicNeue-Angular-Bold.ttf") format("truetype"); } @font-face { font-family: 'Avenir-Roman'; font-display: swap; src: url("/font/avenir_r/Avenir-Roman.eot?#iefix") format("embedded-opentype"), url("/font/avenir_r/Avenir-Roman.woff") format("woff"), url("/font/avenir_r/Avenir-Roman.ttf") format("truetype"), url("/font/avenir_r/Avenir-Roman.svg#Avenir-Roman") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_ul/AvenirNext-UltraLight.woff2") format("woff2"), url("/font/avenir-next_ul/AvenirNext-UltraLight.woff") format("woff"), url("/font/avenir-next_ul/AvenirNext-UltraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next/AvenirNext.woff2") format("woff2"), url("/font/avenir-next/AvenirNext.woff") format("woff"), url("/font/avenir-next/AvenirNext.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_db/AvenirNext-DemiBold.woff2") format("woff2"), url("/font/avenir-next_db/AvenirNext-DemiBold.woff") format("woff"), url("/font/avenir-next_db/AvenirNext-DemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: 'AvenirNext'; font-display: swap; src: url("/font/avenir-next_b/AvenirNext-Bold.woff2") format("woff2"), url("/font/avenir-next_b/AvenirNext-Bold.woff") format("woff"), url("/font/avenir-next_b/AvenirNext-Bold.eot?#iefix") format("embedded-opentype"), url("/font/avenir-next_b/AvenirNext-Bold.ttf") format("truetype"), url("/font/avenir-next_b/AvenirNext-Bold.svg#AvenirNext-Bold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Light/ReplicaProLight.woff2") format("woff2"), url("/font/ReplicaPro-Light/ReplicaProLight.woff") format("woff"), url("/font/ReplicaPro-Light/ReplicaProLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Regular/ReplicaProTT.woff2") format("woff2"), url("/font/ReplicaPro-Regular/ReplicaProTT.woff") format("woff"), url("/font/ReplicaPro-Regular/ReplicaProTT.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'ReplicaPro'; font-display: swap; src: url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.woff2") format("woff2"), url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.woff") format("woff"), url("/font/ReplicaPro-Bold/ReplicaProTT-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Bougenville'; font-display: swap; src: url("/font/bougenville/Bougenville.eot?#iefix") format("embedded-opentype"), url("/font/bougenville/Bougenville.woff") format("woff"), url("/font/bougenville/Bougenville.ttf") format("truetype"), url("/font/bougenville/Bougenville.svg#AvenirNext-Bold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'NellaSue'; font-display: swap; src: url("/font/nella_sue/nellasuedemo-webfont.woff2") format("woff2"), url("/font/nella_sue/nellasuedemo-webfont.woff") format("woff"), url("/font/bougenville/nellasuedemo-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bonjour'; font-display: swap; src: url("/font/text_builder/bonjour-webfont.woff2") format("woff2"), url("/font/text_builder/bonjour-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'druk'; font-display: swap; src: url("/font/Druk-Bold/Druk-Bold-Web.ttf") format("truetype"); font-weight: 700; font-style: normal; } /* @font-face { font-family: 'roboto'; font-display: swap; src: url('../font/roboto_r/Roboto-Regular-webfont.eot'); src: url('../font/roboto_r/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto_r/Roboto-Regular-webfont.woff') format('woff'), url('../font/roboto_r/Roboto-Regular-webfont.ttf') format('truetype'), url('../font/roboto_r/Roboto-Regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; font-display: swap; src: url('../font/roboto_m/Roboto-Medium-webfont.eot'); src: url('../font/roboto_m/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto_m/Roboto-Medium-webfont.woff') format('woff'), url('../font/roboto_m/Roboto-Medium-webfont.ttf') format('truetype'), url('../font/roboto_m/Roboto-Medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayregular'; font-display: swap; src: url('../font/raleway_r/raleway-regular-webfont.eot'); src: url('../font/raleway_r/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_r/raleway-regular-webfont.woff') format('woff'), url('../font/raleway_r/raleway-regular-webfont.ttf') format('truetype'), url('../font/raleway_r/raleway-regular-webfont.svg#ralewayregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaymedium'; font-display: swap; src: url('../font/raleway_m/raleway-medium-webfont.eot'); src: url('../font/raleway_m/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_m/raleway-medium-webfont.woff2') format('woff2'), url('../font/raleway_m/raleway-medium-webfont.woff') format('woff'), url('../font/raleway_m/raleway-medium-webfont.ttf') format('truetype'), url('../font/raleway_m/raleway-medium-webfont.svg#ralewaymedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaysemibold'; font-display: swap; src: url('../font/raleway_sb/raleway-semibold-webfont.eot'); src: url('../font/raleway_sb/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_sb/raleway-semibold-webfont.woff2') format('woff2'), url('../font/raleway_sb/raleway-semibold-webfont.woff') format('woff'), url('../font/raleway_sb/raleway-semibold-webfont.ttf') format('truetype'), url('../font/raleway_sb/raleway-semibold-webfont.svg#ralewaysemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaybold'; font-display: swap; src: url('../font/raleway_b/raleway-bold-webfont.eot'); src: url('../font/raleway_b/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway_b/raleway-bold-webfont.woff') format('woff'), url('../font/raleway_b/raleway-bold-webfont.ttf') format('truetype'), url('../font/raleway_b/raleway-bold-webfont.svg#ralewaybold') format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-black-webfont.woff2") format("woff2"), url("../font/pangram/pangram-black-webfont.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-bold-webfont.woff2") format("woff2"), url("../font/pangram/pangram-bold-webfont.woff") format("woff"); font-weight: lighter; font-style: normal; } @font-face { font-family: 'pangram'; font-display: swap; src: url("../font/pangram/pangram-extrabold-webfont.woff2") format("woff2"), url("../font/pangram/pangram-extrabold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-bold-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-bold-webfont.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-semibold-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-semibold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'buenos'; font-display: swap; src: url("../font/buenos/buenosaires-regular-webfont.woff2") format("woff2"), url("../font/buenos/buenosaires-regular-webfont.woff") format("woff"); font-weight: lighter; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Light.otf") format("opentype"), url("../font/buenos/buenosaires-thin-webfont.woff") format("woff"); font-weight: 200; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Book.otf") format("opentype"), url("../font/buenos/buenosaires-light-webfont.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Regular.otf") format("opentype"), url("../font/buenos/buenosaires-book-webfont.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-SemiBold.otf") format("opentype"), url("../font/buenos/buenosaires-regular-webfont.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-display: swap; font-family: 'Buenos Aires'; src: url("../font/buenos/BuenosAires-Black.otf") format("opentype"), url("../font/buenos/buenosaires-semibold-webfont.woff") format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: 'icomoon'; font-display: swap; src: url("/font/icons/~v17/icomoon.eot"); src: url("/font/icons/~v17/icomoon.eot#iefix") format("embedded-opentype"), url("/font/icons/~v17/icomoon.woff2") format("woff2"), url("/font/icons/~v17/icomoon.woff") format("woff"), url("/font/icons/~v17/icomoon.ttf") format("truetype"), url("/font/icons/~v17/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; } @media (min-width: 768px) { @-webkit-keyframes height { from { height: 0%; } to { height: 100%; } } @keyframes height { from { height: 0%; } to { height: 100%; } } } @media (max-width: 767px) { .gift-card .header { border-bottom: 1px solid #e5e5e5; } } .member-pages header.main-title-header { border-bottom: 1px solid #eaeaea; } .member-pages header.main-title-header > .wrapper { position: relative; } .member-pages header.main-title-header a.logout { position: absolute; right: 20px; top: 50%; text-decoration: underline; color: #898989; font-family: buenos; } .member-pages .earning-content { border-left: 1px solid #eaeaea !important; position: relative; left: -1px; padding-right: 1px !important; } .member-pages .earning-content h3 { font-size: 24px; font-family: buenos; } .member-pages .h2-like { letter-spacing: 0px; font-weight: normal; font-size: 48px; float: left; font-family: "pangram", Helvetica, Arial, sans-serif; } .member-pages ul.sub-navigation { font-family: buenos; } .member-pages ul.sub-navigation li { letter-spacing: 4px; text-transform: uppercase; font-weight: bold; font-size: 12px; font-family: buenos; } .member-pages ul.sub-navigation li.isTitle { margin-top: 40px; margin-bottom: 17px; color: black; } .member-pages ul.sub-navigation li a { font-family: buenos; padding: 0 0 0 20px; border-bottom: none; font-weight: normal; text-transform: none; letter-spacing: 0; margin-top: 3px !important; color: #898989; } .member-pages ul.sub-navigation li a.text-main { color: #F15B41 !important; font-weight: bold; } @media only screen and (max-width: 767px) { .member-pages header.main-title-header { border-bottom: none; position: relative; } .member-pages header.main-title-header > .wrapper { position: static; } .member-pages header.main-title-header a.logout { display: none; } .member-pages .earning-content { border-left: none; border-top: 1px solid #eaeaea; padding-bottom: 0px; } .member-pages .xs-pb1 { padding-bottom: 0px !important; } .member-pages .h2-like { font-size: 36px; float: none; line-height: 100%; } .member-pages ul.sub-navigation li.isTitle { margin-top: 20px; margin-bottom: 10px; } } /* CSS Snippet Request by Bijoi 2019-11-05 */ /* Desktop */ @media (min-width: 768px) { /* Header */ header.main-title-header { padding-left: 4vw; padding-right: 4vw; } header.main-title-header .wrapper { max-width: unset; } header.main-title-header .wrapper h2 { font-size: 6vh; font-weight: 900; font-family: 'Pangram'; letter-spacing: .02vh; height: unset; line-height: 6vh; margin-top: 8.0vh; margin-bottom: 8.0vh; cursor: default; } header.main-title-header .wrapper a.logout { font-size: 1.8vh; letter-spacing: .02vh; line-height: 1.8vh; position: absolute; right: 0; bottom: 8.0vh; margin: auto auto; top: unset; font-weight: 600; font-family: 'Buenos'; transition: color .2s ease; -o-transition: color .2s ease; -ms-transition: color .2s ease; -moz-transition: color .2s ease; -webkit-transition: color .2s ease; color: #898989; } header.main-title-header .wrapper a.logout:hover { color: rgba(137, 137, 137, 0.4); } /* Drop-down Menu */ .container > div.wrapper { margin: unset; padding-left: 4vw; padding-right: 4vw; max-width: unset; } .container > div.wrapper div.column4 { padding-left: unset; padding-right: 4vw; border-right: 1px solid #eaeaea; } #setting__navigation { width: 100%; margin-top: 2.0vh; margin-bottom: 4.0vh; } #setting__navigation ul.sub-navigation { width: 100%; } #setting__navigation ul.sub-navigation li.isTitle { margin-top: 21px; margin-bottom: 21px; font-size: 14px; letter-spacing: 4px; line-height: 14px; font-family: 'Buenos'; font-weight: 600; color: #b7b7b7; cursor: default; } /*#setting__navigation ul.sub-navigation li:nth-child(5){display:none;}*/ #setting__navigation ul.sub-navigation li a { font-size: 17px; line-height: 17px; padding-top: 14px; padding-bottom: 14px; padding-left: 21px; color: black; font-weight: 600; letter-spacing: .02vh; text-transform: capitalize; font-family: 'Buenos'; margin-top: unset !important; transition: color .2s ease; -o-transition: color .2s ease; -ms-transition: color .2s ease; -moz-transition: color .2s ease; -webkit-transition: color .2s ease; } #setting__navigation ul.sub-navigation li a:hover { color: rgba(0, 0, 0, 0.4); } #setting__navigation ul.sub-navigation li a.text-main { pointer-events: none; } #customer-sub-nav { width: 100%; } /* Content */ /* Content - Store Statistics Title */ .container > div.wrapper div.column8 { border: unset; padding-left: 4vw; padding-right: unset; } .container > div.wrapper div.column8 div.pb2 { padding-top: unset; margin-top: 4.0vh; padding-bottom: unset; } /* Content - Withdrawable Balance */ .container > div.wrapper div.column8 div.pb2 > div.pl2:last-child { padding: unset; } /* Confirmation Light Box*/ /* Payout Light Box*/ } /* Mobile */ @media (max-width: 767px) { /* Header */ header.main-title-header { padding: 40px 4vw; } header.main-title-header .wrapper h2 { font-size: 36px; letter-spacing: .2px; line-height: 44px; font-family: 'Pangram'; font-weight: 900; } /* Drop-down Menu */ .container > div.wrapper div.column4 { padding: 0 4vw 20px 4vw; } .container > div.wrapper div.column4 .clearfix-overflow .xs-pb1 a { border-radius: unset; border: 1px solid black; box-shadow: unset; padding: 15px 4vw; line-height: 15px; font-size: 15px; letter-spacing: .2px; font-weight: 600; font-family: 'Buenos'; color: black; text-transform: capitalize; } .container > div.wrapper div.column4 .clearfix-overflow .xs-pb1 a i { font-size: 15px; line-height: 15px; height: 15px; } .container > div.wrapper div.column4 .clearfix-overflow .xs-pb1 a i:before { line-height: 15px; } #setting__navigation { width: 100%; border: 1px solid black; border-top: unset; padding-top: 4vw; padding-bottom: 4vw; } #setting__navigation ul.sub-navigation { width: 100%; } #setting__navigation ul.sub-navigation li.isTitle { marginfont-size: 12px; letter-spacing: 3.2px; color: #b7b7b7; line-height: 12px; font-family: 'Buenos'; font-weight: 900; margin: 4vw; } /*#setting__navigation ul.sub-navigation li:nth-child(5){display:none;}*/ #setting__navigation ul.sub-navigation li a { font-size: 15px; font-weight: 600; color: black; letter-spacing: .2px; line-height: 15px; padding-top: 15px; padding-bottom: 15px; margin: unset !important; padding-left: 8vw; padding-right: 8vw; text-transform: capitalize; } #setting__navigation ul.sub-navigation li a.text-main { pointer-events: none; } #customer-sub-nav { width: 100%; } /* Content */ /* Content - Store Statistics Title */ .container > div.wrapper div.column8 { padding: 40px 4vw; } .container > div.wrapper div.column8 div.pb2 { padding: unset; } .container > div.wrapper div.column8 div.pb2 > div.pl2 { padding: unset; } /* Content - Withdrawable Balance */ /* Confirmation Light Box*/ /* Payout Light Box*/ } /* End CSS Snippet Request by Bijoi 2019-11-05 */ @supports (padding: constant(safe-area-inset-left)) { header.navigation { padding-left: constant(safe-area-inset-left); padding-right: constant(safe-area-inset-right); } .main-footer { padding-bottom: constant(safe-area-inset-bottom); padding-left: constant(safe-area-inset-left); padding-right: constant(safe-area-inset-right); } .event-ribbon .close-btn { right: calc(11px + constant(safe-area-inset-right)); } } @supports (padding: env(safe-area-inset-left)) { header.navigation { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); } .main-footer { padding-bottom: env(safe-area-inset-bottom); padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); } .event-ribbon .close-btn { right: calc(11px + env(safe-area-inset-right)); } } body.show-cart-overlay{overflow:hidden}body.show-cart-overlay .cart-overlay{pointer-events:auto;opacity:1;z-index:500;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}body.show-cart-overlay .navigation-header{max-height:none!important;overflow:auto!important;min-height:100vh!important}body.show-cart-panel .cart-overlay .vue-cart-panel{transform:translateX(0)} /*# sourceMappingURL=hovercart.css.map*/