/** Shopify CDN: Minification failed Line 4153:3 Unexpected "height" Line 4204:5 Unexpected "display" **/ /*============================================================================ Shopify Ajax Cart Copyright 2014 Shopify Inc. Author Carson Shold @cshold Built with Sass - http://sass-lang.com/ Some things to know about this file: - This file uses the same grid as timber.scss.liquid. - If you want to use this separately, please include the following sections from timber.scss.liquid: * #Breakpoint and Grid Variables * #Grid Setup - You may need to massage the code so it doesn't reference any non-existent mixins. This file includes - Sass helpers - Colour variables to customize - Styles for cart drawer, modal, and the flipped add to cart button ==============================================================================*/ /*============================================================================ #Breakpoint and Grid Variables (from timber.scss.liquid) ==============================================================================*/ /*============================================================================ Ajaxify Colours Add your theme colors in here, or create new styles. - If creating new styles, you may have to restyle text, headers and links ==============================================================================*/ /*============================================================================ Sass Helpers ==============================================================================*/ /*============================================================================ General Styles ==============================================================================*/ @media screen and (max-width: 480px) { body.ajaxify-modal--visible { overflow: hidden; } } .ajaxifyCart-loader { display: none; opacity: 0; position: absolute; left: -24px; top: 50%; margin-top: -8px; padding: 0; width: 16px; height: 16px; -webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -ms-transition: opacity 0.1s; -o-transition: opacity 0.1s; transition: opacity 0.1s; background-repeat: no-repeat; background-image: url(data:image/gif;base64,R0lGODlhEAAQAPYAAP///8zMzPX19enp6d7e3tjY2NnZ2eHh4evr6/f39+zs7NPT09PT09XV1dbW1tjY2ODg4PDw8NHR0eLi4vr6+vr6+vLy8ufn59vb297e3vHx8fT09NfX19DQ0Ofn5+3t7d7e3uTk5Pj4+Obm5s7OzuDg4Orq6uDg4O/v79nZ2c3Nze7u7unp6dDQ0M3Nzfn5+fz8/OPj4+Xl5fz8/OXl5e3t7f39/f39/fHx8fPz8/z8/Pb29u7u7vv7+/X19fj4+Pf39/T09PLy8vHx8fj4+Pb29vv7+/b29uTk5O/v7+/v79ra2tzc3N3d3d/f39jY2NfX1/Ly8uPj49XV1fr6+tTU1Ofn593d3dTU1NHR0evr69vb28/Pz+bm5t/f39bW1vPz8/T09Pn5+fDw8OTk5Ojo6Ovr69zc3Ojo6Nra2tra2tLS0uzs7M/Pz87Ozu3t7czMzOrq6tPT08/Pz9fX1+Li4tXV1c3NzeLi4tLS0tzc3OHh4eXl5QAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAHjYAAgoOEhYUbIykthoUIHCQqLoI2OjeFCgsdJSsvgjcwPTaDAgYSHoY2FBSWAAMLE4wAPT89ggQMEbEzQD+CBQ0UsQA7RYIGDhWxN0E+ggcPFrEUQjuCCAYXsT5DRIIJEBgfhjsrFkaDERkgJhswMwk4CDzdhBohJwcxNB4sPAmMIlCwkOGhRo5gwhIGAgAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYU7A1dYDFtdG4YAPBhVC1ktXCRfJoVKT1NIERRUSl4qXIRHBFCbhTKFCgYjkII3g0hLUbMAOjaCBEw9ukZGgidNxLMUFYIXTkGzOmLLAEkQCLNUQMEAPxdSGoYvAkS9gjkyNEkJOjovRWAb04NBJlYsWh9KQ2FUkFQ5SWqsEJIAhq6DAAIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhQkKE2kGXiwChgBDB0sGDw4NDGpshTheZ2hRFRVDUmsMCIMiZE48hmgtUBuCYxBmkAAQbV2CLBM+t0puaoIySDC3VC4tgh40M7eFNRdH0IRgZUO3NjqDFB9mv4U6Pc+DRzUfQVQ3NzAULxU2hUBDKENCQTtAL9yGRgkbcvggEq9atUAAIfkECQoAAAAsAAAAABAAEAAAB4+AAIKDhIWFPygeEE4hbEeGADkXBycZZ1tqTkqFQSNIbBtGPUJdD088g1QmMjiGZl9MO4I5ViiQAEgMA4JKLAm3EWtXgmxmOrcUElWCb2zHkFQdcoIWPGK3Sm1LgkcoPrdOKiOCRmA4IpBwDUGDL2A5IjCCN/QAcYUURQIJIlQ9MzZu6aAgRgwFGAFvKRwUCAAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYUUYW9lHiYRP4YACStxZRc0SBMyFoVEPAoWQDMzAgolEBqDRjg8O4ZKIBNAgkBjG5AAZVtsgj44VLdCanWCYUI3txUPS7xBx5AVDgazAjC3Q3ZeghUJv5B1cgOCNmI/1YUeWSkCgzNUFDODKydzCwqFNkYwOoIubnQIt244MzDC1q2DggIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhTBAOSgrEUEUhgBUQThjSh8IcQo+hRUbYEdUNjoiGlZWQYM2QD4vhkI0ZWKCPQmtkG9SEYJURDOQAD4HaLuyv0ZeB4IVj8ZNJ4IwRje/QkxkgjYz05BdamyDN9uFJg9OR4YEK1RUYzFTT0qGdnduXC1Zchg8kEEjaQsMzpTZ8avgoEAAIfkECQoAAAAsAAAAABAAEAAAB4iAAIKDhIWFNz0/Oz47IjCGADpURAkCQUI4USKFNhUvFTMANxU7KElAhDA9OoZHH0oVgjczrJBRZkGyNpCCRCw8vIUzHmXBhDM0HoIGLsCQAjEmgjIqXrxaBxGCGw5cF4Y8TnybglprLXhjFBUWVnpeOIUIT3lydg4PantDz2UZDwYOIEhgzFggACH5BAkKAAAALAAAAAAQABAAAAeLgACCg4SFhjc6RhUVRjaGgzYzRhRiREQ9hSaGOhRFOxSDQQ0uj1RBPjOCIypOjwAJFkSCSyQrrhRDOYILXFSuNkpjggwtvo86H7YAZ1korkRaEYJlC3WuESxBggJLWHGGFhcIxgBvUHQyUT1GQWwhFxuFKyBPakxNXgceYY9HCDEZTlxA8cOVwUGBAAA7AAAAAAAAAAAA); } .flip--is-loading .ajaxifyCart-loader { display: block; opacity: 1; } form[action="/cart/add"]:after, form[action^="/cart/add"]:after { content: ""; display: table; clear: both; } /*============================================================================ Ajaxify Cart - General ==============================================================================*/ .ajaxifyCart--content { position: relative; background-color: white; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -moz-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -ms-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -o-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); padding-top: 24px; padding-bottom: 24px; overflow: hidden; } .is-visible .ajaxifyCart--content { -webkit-transition: all 550ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -moz-transition: all 550ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -ms-transition: all 550ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -o-transition: all 550ms cubic-bezier(0.57, 0.06, 0.05, 0.95); transition: all 550ms cubic-bezier(0.57, 0.06, 0.05, 0.95); } .ajaxifyCart--content form { margin-bottom: 0; } @media screen and (max-width: 768px) { .ajaxifyCart--content { padding-top: 15px; padding-bottom: 15px; } } .ajaxifyCart--products { padding-bottom: 10px; margin-bottom: 20px; } .ajaxifyCart--product { position: relative; padding: 10px 0; } .ajaxifyCart--product:first-child { padding-top: 0; } .ajaxifyCart--product, .cart-row { -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -moz-transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -ms-transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -o-transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95); transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95); max-height: 500px; visibility: visible; } .ajaxifyCart--product.is-removed, .cart-row.is-removed { overflow: hidden; opacity: 0; padding: 0; margin: -24px 0 0; visibility: hidden; -webkit-transform: rotateX(-92deg); -moz-transform: rotateX(-92deg); -ms-transform: rotateX(-92deg); -o-transform: rotateX(-92deg); transform: rotateX(-92deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -moz-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -ms-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -o-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); max-height: 0; } .ajaxifyCart--row { clear: both; } .ajaxifyCart--row:after { content: ""; display: table; clear: both; } .ajaxCart--product-image { display: block; overflow: hidden; margin-bottom: 15px; } .ajaxCart--product-image img { display: block; margin: 0 auto; max-width: 100%; } /*============================================================================ #Quantity Selectors ==============================================================================*/ .js-qty, .ajaxifyCart--qty { position: relative; margin-bottom: 1em; max-width: 100px; min-width: 75px; overflow: visible; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .js-qty input[type="text"], .ajaxifyCart--qty input[type="text"] { display: block; background: none; text-align: center; width: 100%; padding: 5px 25px; margin: 0; } .addToCartForm--payment-button .js-qty, .addToCartForm--payment-button .ajaxifyCart--qty { margin-bottom: 13px; } .js--qty-adjuster, .ajaxifyCart--qty-adjuster { cursor: pointer; position: absolute; display: block; top: 0; bottom: 0; padding: 5px 0; width: 20px; text-align: center; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .js--qty-adjuster:hover, .ajaxifyCart--qty-adjuster:hover { background-color: #ca172a; } .js--qty-adjuster:active, .ajaxifyCart--qty-adjuster:active { background-color: #9c1220; } .js--add, .ajaxifyCart--add { right: 0; border-left: 1px solid #ca172a; } .js--minus, .ajaxifyCart--minus { left: 0; border-right: 1px solid #ca172a; } /*============================================================================ #Quantity Selectors in the Ajax Cart ==============================================================================*/ .ajaxifyCart--qty { margin: 0; } .ajaxifyCart--is-loading .ajaxifyCart--qty { opacity: 0.5; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .ajaxifyCart--num { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .supports-no-touch .ajaxifyCart--num { border: 1px solid rgba(0, 0, 0, 0); } .cart-row:hover .ajaxifyCart--num, .ajaxifyCart--product:hover .ajaxifyCart--num, .supports-touch .ajaxifyCart--num { border-color: #ca172a; } .ajaxifyCart--qty-adjuster { opacity: 0; } .cart-row:hover .ajaxifyCart--qty-adjuster, .ajaxifyCart--product:hover .ajaxifyCart--qty-adjuster, .supports-touch .ajaxifyCart--qty-adjuster { opacity: 1; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .ajaxifyCart--product:hover .ajaxifyCart--qty-adjuster:hover { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /*============================================================================ Ajaxify Flip ==============================================================================*/ .flip { display: block; float: left; position: relative; -webkit-perspective: 600px; -moz-perspective: 600px; -ms-perspective: 600px; -o-perspective: 600px; perspective: 600px; } .flip-front, .flip-back { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; position: relative; z-index: 10; } .flip-front:focus, .flip-back:focus { outline: 0 none; } .flip-front { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; } .is-flipped .flip-front { -webkit-transform: rotateX(92deg) translateY(-50%); -moz-transform: rotateX(92deg) translateY(-50%); -ms-transform: rotateX(92deg) translateY(-50%); -o-transform: rotateX(92deg) translateY(-50%); transform: rotateX(92deg) translateY(-50%); } .flip-back { display: block; position: absolute; top: 0; left: 0; width: 100%; opacity: 0; text-align: center; background-color: #464646; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotateX(-90deg) translateY(50%); -moz-transform: rotateX(-90deg) translateY(50%); -ms-transform: rotateX(-90deg) translateY(50%); -o-transform: rotateX(-90deg) translateY(50%); transform: rotateX(-90deg) translateY(50%); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } .is-flipped .flip-back { opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } .flip.no-transforms .flip-back { display: none; } .flip.no-transforms.is-flipped .flip-back { display: block; } .flip-extra { display: inline-block; opacity: 0; visibility: hidden; padding: 4px 0; overflow: visible; width: 0; white-space: nowrap; z-index: 5; line-height: 34px; -webkit-transition: opacity 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -moz-transition: opacity 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -ms-transition: opacity 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -o-transition: opacity 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); transition: opacity 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); } .is-flipped + .flip-extra { opacity: 1; visibility: visible; width: auto; padding-left: 10px; -webkit-transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 750ms; -moz-transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 750ms; -ms-transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 750ms; -o-transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 750ms; transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 750ms; } .flip-cart { display: inline-block; padding: 0 8px; } .flip-checkout { margin: 0; } /*============================================================================ Ajaxify Modal ==============================================================================*/ .ajaxify-modal { position: absolute; top: 170px; left: -200%; margin-left: -500px; width: 100%; max-width: 760px; height: auto; z-index: 99999999; visibility: hidden; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transition: left 0s linear 700ms, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out; -moz-transition: left 0s linear 700ms, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out; -ms-transition: left 0s linear 700ms, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out; -o-transition: left 0s linear 700ms, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out; transition: left 0s linear 700ms, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out; } @media only screen and (max-height: 645px) { .ajaxify-modal { top: 70px; } } @media screen and (max-width: 768px) { .ajaxify-modal { max-width: 90%; } } @media screen and (max-width: 480px) { .ajaxify-modal { position: fixed; top: 0; bottom: 0; margin: 0 !important; max-height: none; max-width: none; } } .ajaxify-modal .ajaxifyCart--content { padding-left: 24px; padding-right: 24px; } @media screen and (max-width: 768px) { .ajaxify-modal .ajaxifyCart--content { padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 480px) { .ajaxify-modal .ajaxifyCart--content { padding-bottom: 60px; min-height: 100%; } } .ajaxify-modal.is-visible { visibility: visible; left: 50%; -webkit-transition: left 0s linear, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out; -moz-transition: left 0s linear, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out; -ms-transition: left 0s linear, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out; -o-transition: left 0s linear, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out; transition: left 0s linear, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out; } @media screen and (min-width: 769px) { .ajaxify-modal.is-visible { box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.25); } } @media screen and (max-width: 480px) { .ajaxify-modal.is-visible { left: 0; } } .ajaxify-modal .ajaxifyCart--row > div { padding-left: 20px; } .ajaxify-modal .ajaxifyCart--row > div:first-child { padding-left: 0; } .ajaxify-modal .ajaxifyCart--product { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .ajaxify-modal .update-cart { display: none !important; } .ajaxify-modal.no-transforms { border: 1px solid #ca172a; } #ajaxifyCart-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 99999998; opacity: 0; cursor: pointer; -webkit-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -moz-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -ms-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -o-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); background-color: #d3d3d3; } @media screen and (min-width: 481px) { .is-visible ~ #ajaxifyCart-overlay { visibility: visible; -webkit-transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -moz-transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -ms-transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -o-transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95); transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95); opacity: 0.8; } .lt-ie9 .is-visible ~ #ajaxifyCart-overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } } .ajaxify-modal .ajaxifyCart--content { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); opacity: 0; } .ajaxify-modal.is-visible .ajaxifyCart--content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } @media screen and (max-width: 768px) { .ajaxify-modal input[type="text"] { border-color: #ca172a; } .ajaxify-modal .ajaxifyCart--qty-adjuster { opacity: 1; } } /*============================================================================ Ajaxify Drawer ==============================================================================*/ .ajaxify-drawer { height: 0px; overflow: hidden; border-bottom: 0px solid transparent; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95); -moz-transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95); -ms-transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95); -o-transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95); transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95); } .ajaxify-drawer.is-visible { -webkit-transition: all 550ms cubic-bezier(0.47, 0, 0, 0.95); -moz-transition: all 550ms cubic-bezier(0.47, 0, 0, 0.95); -ms-transition: all 550ms cubic-bezier(0.47, 0, 0, 0.95); -o-transition: all 550ms cubic-bezier(0.47, 0, 0, 0.95); transition: all 550ms cubic-bezier(0.47, 0, 0, 0.95); border-bottom: 1px solid #ca172a; } .ajaxify-drawer .update-cart { display: none !important; } .ajaxify-drawer .ajaxifyCart--content { margin: 0 auto; opacity: 0; overflow: hidden; padding-top: 24px; padding-bottom: 24px; -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); } .ajaxify-drawer.is-visible .ajaxifyCart--content { opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } .ajaxifyDrawer-caret { position: relative; display: block; height: 0; opacity: 0; overflow: hidden; } @media screen and (max-width: 768px) { .ajaxifyDrawer-caret { display: none; } } .is-visible + .ajaxifyDrawer-caret { opacity: 1; overflow: visible; } .ajaxifyDrawer-caret > span { position: absolute; top: 0; left: 100%; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; margin-left: -6px; opacity: 0; -webkit-transform: translate(0, -12px); -moz-transform: translate(0, -12px); -ms-transform: translate(0, -12px); -o-transform: translate(0, -12px); transform: translate(0, -12px); -webkit-transition: all 0.25s ease-in-out 0.2s; -moz-transition: all 0.25s ease-in-out 0.2s; -ms-transition: all 0.25s ease-in-out 0.2s; -o-transition: all 0.25s ease-in-out 0.2s; transition: all 0.25s ease-in-out 0.2s; } .is-visible + .ajaxifyDrawer-caret > span { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .sprite, .ajaxifyCart--add, .ajaxifyCart--minus, .ajaxifyCart--close { display: block; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0; } .ajaxifyCart--add { background-position: center center; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIxNTJBNEY1NDY1OTExRTM4ODdCODU0OEQ4MDA1MjgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIxNTJBNEY2NDY1OTExRTM4ODdCODU0OEQ4MDA1MjgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUU4MjYyOEE0NjU3MTFFMzg4N0I4NTQ4RDgwMDUyODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjE1MkE0RjQ0NjU5MTFFMzg4N0I4NTQ4RDgwMDUyODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6VbCy4AAAAWklEQVR42mJsampigAIeIH4GZUsB8RcQg4UBAUACvEhsBpgCkE5GKA0DklBF/0EKXgExJwMqgFn1nYmBAACZIIZkBbojwVbAHPQZSeNzZBOQvfkZiQ3WCBBgALZlEm83dptmAAAAAElFTkSuQmCC); } .ajaxifyCart--minus { background-position: center center; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIxNTJBNEZENDY1OTExRTM4ODdCODU0OEQ4MDA1MjgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIxNTJBNEZFNDY1OTExRTM4ODdCODU0OEQ4MDA1MjgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjE1MkE0RkI0NjU5MTFFMzg4N0I4NTQ4RDgwMDUyODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjE1MkE0RkM0NjU5MTFFMzg4N0I4NTQ4RDgwMDUyODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6MzbYiAAAALElEQVR42mL6//8/Az7MxEAAEFTA2NTU9A1Ic+KQ/07YBJBDKHIDQQUAAQYAbksecMSS2doAAAAASUVORK5CYII=); } .ajaxifyCart--close { position: absolute; top: 24px; right: 20px; opacity: 0; visibility: hidden; border: 0 none; width: 30px; height: 25px; cursor: pointer; background-color: transparent; background-position: center center; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMzRUY2REVBNDY1QjExRTM4ODdCODU0OEQ4MDA1MjgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkMzRUY2REVCNDY1QjExRTM4ODdCODU0OEQ4MDA1MjgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzNFRjZERTg0NjVCMTFFMzg4N0I4NTQ4RDgwMDUyODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzNFRjZERTk0NjVCMTFFMzg4N0I4NTQ4RDgwMDUyODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7sdZ8fAAAAp0lEQVR42nSPQQ6CMBBFx4ZEj+DSY8BGt9SVwRP1QBDdULeygaN4BFzpn+Q3mZCW5DFk/uvQ2YUQfiIygYuUnzc4O7wW/QCxIEbmi8oNG23mgO03js0reDF4gCNry77mUpkpHvSgo7QHA7gnwW1+q8FKcbViTtbJB/Bl7Uty5BWe4MTa2aWTPJplbuDDmpYe04IzqBn4zbU8J2udHcUpI9oDmtd/AQYAX20mtnhTCxQAAAAASUVORK5CYII=); z-index: 999999999; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -moz-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -ms-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); -o-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); } .is-visible .ajaxifyCart--close { opacity: 0.8; visibility: visible; -webkit-transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 200ms; -moz-transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 200ms; -ms-transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 200ms; -o-transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 200ms; transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 200ms; } .ajaxifyCart--close:hover { opacity: 1; } @media screen and (max-width: 768px) { .ajaxifyCart--close { top: 15px; right: 8px; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ajaxifyCart--add { background-size: 8px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFODI2Mjg4NDY1NzExRTM4ODdCODU0OEQ4MDA1MjgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFODI2Mjg5NDY1NzExRTM4ODdCODU0OEQ4MDA1MjgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUU4MjYyODY0NjU3MTFFMzg4N0I4NTQ4RDgwMDUyODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUU4MjYyODc0NjU3MTFFMzg4N0I4NTQ4RDgwMDUyODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Q1IXcAAAAL0lEQVR42mJsampiwAH+o/EZsSliYqAQjBrAwMCCJbSJjZXhFAaMoylxgA0ACDAAufIFqTR3duwAAAAASUVORK5CYII=); } .ajaxifyCart--minus { background-size: 8px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIxNTJBNEY5NDY1OTExRTM4ODdCODU0OEQ4MDA1MjgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIxNTJBNEZBNDY1OTExRTM4ODdCODU0OEQ4MDA1MjgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjE1MkE0Rjc0NjU5MTFFMzg4N0I4NTQ4RDgwMDUyODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjE1MkE0Rjg0NjU5MTFFMzg4N0I4NTQ4RDgwMDUyODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz54TqQaAAAAKElEQVR42mL8//8/AyWAiYFCMGoAAwNLc3Pz/xEeBoyjKXEQGAAQYABVgwijPO94YQAAAABJRU5ErkJggg==); } } /*============================================================================ Shopify Timber v1.4.0 Copyright 2014 Shopify Inc. Author Carson Shold @cshold Built with Sass - http://sass-lang.com/ Some things to know about this file: - Sass is compiled on Shopify's server so you don't need to convert it to CSS yourself - The output CSS is compressed and comments are removed - You cannot use @imports in this file * Use grunt or gulp tasks to enable @imports - https://github.com/Shopify/shopify-css-import - Helpers variables, mixins, and starter classes are provided. Change as needed. ==============================================================================*/ /*============================================================================ Table of Contents #Breakpoint and Grid Variables #General Variables #Sass Mixins #Normalize #Grid Setup #Basic Styles #Helper Classes #Typography #Rich Text Editor #Links and Buttons #Lists #Tables #OOCSS Media Object #Images and Iframes #Forms #Icons #Pagination #Site Header #Site Nav and Dropdowns #Mobile Nav Bar #Site Footer #Product Grid and List Views #Collection Filters #Breadcrumbs #Product Page #Blogs and Comments #Notes and Form Feedback #Cart Page #Demo Styles - for empty store state #FlexSlider #Magnific Popup #Product Reviews #Password Page #Custom Content #Blank States #Lazysizes #Featured blog post ==============================================================================*/ /*============================================================================ #Breakpoint and Grid Variables ==============================================================================*/ /*================ The following are dependencies of csswizardry grid ================*/ /*============================================================================ #General Variables ==============================================================================*/ /*================ Typography ================*/ /*============================================================================ Get font-families from theme settings ==============================================================================*/ @font-face { font-family: "icons"; src: url("/cdn/shop/t/61/assets/icons.eot?v=25147251975227670231680594493"); src: url("/cdn/shop/t/61/assets/icons.eot?v=25147251975227670231680594493#iefix") format("embedded-opentype"), url("/cdn/shop/t/61/assets/icons.woff?v=121356130655409874481680594493") format("woff"), url("/cdn/shop/t/61/assets/icons.ttf?v=95520017555164913141680594493") format("truetype"), url("/cdn/shop/t/61/assets/icons.svg?v=174001438949313080741680594493#timber-icons") format("svg"); font-weight: normal; font-style: normal; } /*============================================================================ #Sass Mixins ==============================================================================*/ .clearfix:after { content: ""; display: table; clear: both; } /*============================================================================ Prefix mixin for generating vendor prefixes. Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_prefixer.scss Usage: // Input: .element { @include prefix(transform, scale(1), ms webkit spec); } // Output: .element { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } ==============================================================================*/ /*============================================================================ Flexbox prefix mixins from Bourbon https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/css3/_flex-box.scss ==============================================================================*/ /*============================================================================ #Normalize ==============================================================================*/ *, input, :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .vertical-middle { position: relative; top: 50%; transform: translate(0, -50%); } /*============================================================================ #Grid Setup - Based on csswizardry grid, but with floated columns and a fixed gutter size - Breakpoints defined above, under #Breakpoint and Grid Variables - Note the inclusion of .grid-uniform to take care of clearfixes on evenly sized grid-items ==============================================================================*/ /* Force clearfix on grids */ .grid:after, .grid--rev:after, .grid--full:after, .grid-uniform:after { content: ""; display: table; clear: both; } /* Manual grid-item clearfix */ .grid-item.clear { clear: both; } /*============================================================================ Drop relative positioning into silent classes which can't take advantage of the `[class*="push--"]` and `[class*="pull--"]` selectors. ==============================================================================*/ /*============================================================================ Grid Setup 1. Allow the grid system to be used on lists. 2. Remove any margins and paddings that might affect the grid system. 3. Apply a negative `margin-left` to negate the columns' gutters. ==============================================================================*/ .grid, .grid--rev, .grid--full, .grid-uniform { list-style: none; margin: 0; padding: 0; margin-left: -30px; } .grid-item { float: left; padding-left: 30px; vertical-align: top; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*============================================================================ Reversed grids allow you to structure your source in the opposite order to how your rendered layout will appear. ==============================================================================*/ .grid--rev { direction: rtl; text-align: left; } .grid--rev > .grid-item { direction: ltr; text-align: left; float: right; } /* Gutterless grids have all the properties of regular grids, minus any spacing. */ .grid--full { margin-left: 0; } .grid--full > .grid-item { padding-left: 0; } /*============================================================================ WIDTHS - Create width classes, prefixed by the specified namespace. ==============================================================================*/ /*================ Clearfix helper on uniform grids ================*/ /*============================================================================ HELPERS ==============================================================================*/ /*================ Helper show/hide classes around our breakpoints ================*/ /*================ Our regular, non-responsive width and helper classes ================*/ /** Whole */ .one-whole { width: 100%; } /* Halves */ .one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths { width: 50%; } /* Thirds */ .one-third, .two-sixths, .four-twelfths { width: 33.333%; } .two-thirds, .four-sixths, .eight-twelfths { width: 66.666%; } /* Quarters */ .one-quarter, .two-eighths, .three-twelfths { width: 25%; } .three-quarters, .six-eighths, .nine-twelfths { width: 75%; } /* Fifths */ .one-fifth, .two-tenths { width: 20%; } .two-fifths, .four-tenths { width: 40%; } .three-fifths, .six-tenths { width: 60%; } .four-fifths, .eight-tenths { width: 80%; } /* Sixths */ .one-sixth, .two-twelfths { width: 16.666%; } .five-sixths, .ten-twelfths { width: 83.333%; } /* Eighths */ .one-eighth { width: 12.5%; } .three-eighths { width: 37.5%; } .five-eighths { width: 62.5%; } .seven-eighths { width: 87.5%; } /* Tenths */ .one-tenth { width: 10%; } .three-tenths { width: 30%; } .seven-tenths { width: 70%; } .nine-tenths { width: 90%; } /* Twelfths */ .one-twelfth { width: 8.333%; } .five-twelfths { width: 41.666%; } .seven-twelfths { width: 58.333%; } .eleven-twelfths { width: 91.666%; } .show { display: block !important; } .hide { display: none !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .left { float: left !important; } .right { float: right !important; } /*================ Our responsive classes, if we have enabled them ================*/ @media only screen and (max-width: 480px) { /** Whole */ .small--one-whole { width: 100%; } /* Halves */ .small--one-half, .small--two-quarters, .small--three-sixths, .small--four-eighths, .small--five-tenths, .small--six-twelfths { width: 50%; } /* Thirds */ .small--one-third, .small--two-sixths, .small--four-twelfths { width: 33.333%; } .small--two-thirds, .small--four-sixths, .small--eight-twelfths { width: 66.666%; } /* Quarters */ .small--one-quarter, .small--two-eighths, .small--three-twelfths { width: 25%; } .small--three-quarters, .small--six-eighths, .small--nine-twelfths { width: 75%; } /* Fifths */ .small--one-fifth, .small--two-tenths { width: 20%; } .small--two-fifths, .small--four-tenths { width: 40%; } .small--three-fifths, .small--six-tenths { width: 60%; } .small--four-fifths, .small--eight-tenths { width: 80%; } /* Sixths */ .small--one-sixth, .small--two-twelfths { width: 16.666%; } .small--five-sixths, .small--ten-twelfths { width: 83.333%; } /* Eighths */ .small--one-eighth { width: 12.5%; } .small--three-eighths { width: 37.5%; } .small--five-eighths { width: 62.5%; } .small--seven-eighths { width: 87.5%; } /* Tenths */ .small--one-tenth { width: 10%; } .small--three-tenths { width: 30%; } .small--seven-tenths { width: 70%; } .small--nine-tenths { width: 90%; } /* Twelfths */ .small--one-twelfth { width: 8.333%; } .small--five-twelfths { width: 41.666%; } .small--seven-twelfths { width: 58.333%; } .small--eleven-twelfths { width: 91.666%; } .small--show { display: block !important; } .small--hide { display: none !important; } .small--text-left { text-align: left !important; } .small--text-right { text-align: right !important; } .small--text-center { text-align: center !important; } .small--left { float: left !important; } .small--right { float: right !important; } .grid-uniform .small--one-half:nth-child(2n+1), .grid-uniform .small--two-quarters:nth-child(2n+1), .grid-uniform .small--three-sixths:nth-child(2n+1), .grid-uniform .small--four-eighths:nth-child(2n+1), .grid-uniform .small--five-tenths:nth-child(2n+1), .grid-uniform .small--six-twelfths:nth-child(2n+1), .grid-uniform .small--one-third:nth-child(3n+1), .grid-uniform .small--two-sixths:nth-child(3n+1), .grid-uniform .small--four-twelfths:nth-child(3n+1), .grid-uniform .small--one-quarter:nth-child(4n+1), .grid-uniform .small--two-eighths:nth-child(4n+1), .grid-uniform .small--three-twelfths:nth-child(4n+1), .grid-uniform .small--one-fifth:nth-child(5n+1), .grid-uniform .small--two-tenths:nth-child(5n+1), .grid-uniform .small--one-sixth:nth-child(6n+1), .grid-uniform .small--two-twelfths:nth-child(6n+1), .grid-uniform .small--two-sixths:nth-child(3n+1), .grid-uniform .small--three-sixths:nth-child(2n+1), .grid-uniform .small--two-eighths:nth-child(4n+1), .grid-uniform .small--four-eighths:nth-child(2n+1), .grid-uniform .small--five-tenths:nth-child(2n+1), .grid-uniform .small--one-twelfth:nth-child(12n+1), .grid-uniform .small--two-twelfths:nth-child(6n+1), .grid-uniform .small--three-twelfths:nth-child(4n+1), .grid-uniform .small--four-twelfths:nth-child(3n+1), .grid-uniform .small--six-twelfths:nth-child(2n+1) { clear: both; } } @media only screen and (min-width: 481px) and (max-width: 768px) { /** Whole */ .medium--one-whole { width: 100%; } /* Halves */ .medium--one-half, .medium--two-quarters, .medium--three-sixths, .medium--four-eighths, .medium--five-tenths, .medium--six-twelfths { width: 50%; } /* Thirds */ .medium--one-third, .medium--two-sixths, .medium--four-twelfths { width: 33.333%; } .medium--two-thirds, .medium--four-sixths, .medium--eight-twelfths { width: 66.666%; } /* Quarters */ .medium--one-quarter, .medium--two-eighths, .medium--three-twelfths { width: 25%; } .medium--three-quarters, .medium--six-eighths, .medium--nine-twelfths { width: 75%; } /* Fifths */ .medium--one-fifth, .medium--two-tenths { width: 20%; } .medium--two-fifths, .medium--four-tenths { width: 40%; } .medium--three-fifths, .medium--six-tenths { width: 60%; } .medium--four-fifths, .medium--eight-tenths { width: 80%; } /* Sixths */ .medium--one-sixth, .medium--two-twelfths { width: 16.666%; } .medium--five-sixths, .medium--ten-twelfths { width: 83.333%; } /* Eighths */ .medium--one-eighth { width: 12.5%; } .medium--three-eighths { width: 37.5%; } .medium--five-eighths { width: 62.5%; } .medium--seven-eighths { width: 87.5%; } /* Tenths */ .medium--one-tenth { width: 10%; } .medium--three-tenths { width: 30%; } .medium--seven-tenths { width: 70%; } .medium--nine-tenths { width: 90%; } /* Twelfths */ .medium--one-twelfth { width: 8.333%; } .medium--five-twelfths { width: 41.666%; } .medium--seven-twelfths { width: 58.333%; } .medium--eleven-twelfths { width: 91.666%; } .medium--show { display: block !important; } .medium--hide { display: none !important; } .medium--text-left { text-align: left !important; } .medium--text-right { text-align: right !important; } .medium--text-center { text-align: center !important; } .medium--left { float: left !important; } .medium--right { float: right !important; } .grid-uniform .medium--one-half:nth-child(2n+1), .grid-uniform .medium--two-quarters:nth-child(2n+1), .grid-uniform .medium--three-sixths:nth-child(2n+1), .grid-uniform .medium--four-eighths:nth-child(2n+1), .grid-uniform .medium--five-tenths:nth-child(2n+1), .grid-uniform .medium--six-twelfths:nth-child(2n+1), .grid-uniform .medium--one-third:nth-child(3n+1), .grid-uniform .medium--two-sixths:nth-child(3n+1), .grid-uniform .medium--four-twelfths:nth-child(3n+1), .grid-uniform .medium--one-quarter:nth-child(4n+1), .grid-uniform .medium--two-eighths:nth-child(4n+1), .grid-uniform .medium--three-twelfths:nth-child(4n+1), .grid-uniform .medium--one-fifth:nth-child(5n+1), .grid-uniform .medium--two-tenths:nth-child(5n+1), .grid-uniform .medium--one-sixth:nth-child(6n+1), .grid-uniform .medium--two-twelfths:nth-child(6n+1), .grid-uniform .medium--two-sixths:nth-child(3n+1), .grid-uniform .medium--three-sixths:nth-child(2n+1), .grid-uniform .medium--two-eighths:nth-child(4n+1), .grid-uniform .medium--four-eighths:nth-child(2n+1), .grid-uniform .medium--five-tenths:nth-child(2n+1), .grid-uniform .medium--one-twelfth:nth-child(12n+1), .grid-uniform .medium--two-twelfths:nth-child(6n+1), .grid-uniform .medium--three-twelfths:nth-child(4n+1), .grid-uniform .medium--four-twelfths:nth-child(3n+1), .grid-uniform .medium--six-twelfths:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 768px) { /** Whole */ .medium-down--one-whole { width: 100%; } /* Halves */ .medium-down--one-half, .medium-down--two-quarters, .medium-down--three-sixths, .medium-down--four-eighths, .medium-down--five-tenths, .medium-down--six-twelfths { width: 50%; } /* Thirds */ .medium-down--one-third, .medium-down--two-sixths, .medium-down--four-twelfths { width: 33.333%; } .medium-down--two-thirds, .medium-down--four-sixths, .medium-down--eight-twelfths { width: 66.666%; } /* Quarters */ .medium-down--one-quarter, .medium-down--two-eighths, .medium-down--three-twelfths { width: 25%; } .medium-down--three-quarters, .medium-down--six-eighths, .medium-down--nine-twelfths { width: 75%; } /* Fifths */ .medium-down--one-fifth, .medium-down--two-tenths { width: 20%; } .medium-down--two-fifths, .medium-down--four-tenths { width: 40%; } .medium-down--three-fifths, .medium-down--six-tenths { width: 60%; } .medium-down--four-fifths, .medium-down--eight-tenths { width: 80%; } /* Sixths */ .medium-down--one-sixth, .medium-down--two-twelfths { width: 16.666%; } .medium-down--five-sixths, .medium-down--ten-twelfths { width: 83.333%; } /* Eighths */ .medium-down--one-eighth { width: 12.5%; } .medium-down--three-eighths { width: 37.5%; } .medium-down--five-eighths { width: 62.5%; } .medium-down--seven-eighths { width: 87.5%; } /* Tenths */ .medium-down--one-tenth { width: 10%; } .medium-down--three-tenths { width: 30%; } .medium-down--seven-tenths { width: 70%; } .medium-down--nine-tenths { width: 90%; } /* Twelfths */ .medium-down--one-twelfth { width: 8.333%; } .medium-down--five-twelfths { width: 41.666%; } .medium-down--seven-twelfths { width: 58.333%; } .medium-down--eleven-twelfths { width: 91.666%; } .medium-down--show { display: block !important; } .medium-down--hide { display: none !important; } .medium-down--text-left { text-align: left !important; } .medium-down--text-right { text-align: right !important; } .medium-down--text-center { text-align: center !important; } .medium-down--left { float: left !important; } .medium-down--right { float: right !important; } .grid-uniform .medium-down--one-half:nth-child(2n+1), .grid-uniform .medium-down--two-quarters:nth-child(2n+1), .grid-uniform .medium-down--three-sixths:nth-child(2n+1), .grid-uniform .medium-down--four-eighths:nth-child(2n+1), .grid-uniform .medium-down--five-tenths:nth-child(2n+1), .grid-uniform .medium-down--six-twelfths:nth-child(2n+1), .grid-uniform .medium-down--one-third:nth-child(3n+1), .grid-uniform .medium-down--two-sixths:nth-child(3n+1), .grid-uniform .medium-down--four-twelfths:nth-child(3n+1), .grid-uniform .medium-down--one-quarter:nth-child(4n+1), .grid-uniform .medium-down--two-eighths:nth-child(4n+1), .grid-uniform .medium-down--three-twelfths:nth-child(4n+1), .grid-uniform .medium-down--one-fifth:nth-child(5n+1), .grid-uniform .medium-down--two-tenths:nth-child(5n+1), .grid-uniform .medium-down--one-sixth:nth-child(6n+1), .grid-uniform .medium-down--two-twelfths:nth-child(6n+1), .grid-uniform .medium-down--two-sixths:nth-child(3n+1), .grid-uniform .medium-down--three-sixths:nth-child(2n+1), .grid-uniform .medium-down--two-eighths:nth-child(4n+1), .grid-uniform .medium-down--four-eighths:nth-child(2n+1), .grid-uniform .medium-down--five-tenths:nth-child(2n+1), .grid-uniform .medium-down--one-twelfth:nth-child(12n+1), .grid-uniform .medium-down--two-twelfths:nth-child(6n+1), .grid-uniform .medium-down--three-twelfths:nth-child(4n+1), .grid-uniform .medium-down--four-twelfths:nth-child(3n+1), .grid-uniform .medium-down--six-twelfths:nth-child(2n+1) { clear: both; } } @media only screen and (min-width: 769px) { /** Whole */ .large--one-whole { width: 100%; } /* Halves */ .large--one-half, .large--two-quarters, .large--three-sixths, .large--four-eighths, .large--five-tenths, .large--six-twelfths { width: 50%; } /* Thirds */ .large--one-third, .large--two-sixths, .large--four-twelfths { width: 33.333%; } .large--two-thirds, .large--four-sixths, .large--eight-twelfths { width: 66.666%; } /* Quarters */ .large--one-quarter, .large--two-eighths, .large--three-twelfths { width: 25%; } .large--three-quarters, .large--six-eighths, .large--nine-twelfths { width: 75%; } /* Fifths */ .large--one-fifth, .large--two-tenths { width: 20%; } .large--two-fifths, .large--four-tenths { width: 40%; } .large--three-fifths, .large--six-tenths { width: 60%; } .large--four-fifths, .large--eight-tenths { width: 80%; } /* Sixths */ .large--one-sixth, .large--two-twelfths { width: 16.666%; } .large--five-sixths, .large--ten-twelfths { width: 83.333%; } /* Eighths */ .large--one-eighth { width: 12.5%; } .large--three-eighths { width: 37.5%; } .large--five-eighths { width: 62.5%; } .large--seven-eighths { width: 87.5%; } /* Tenths */ .large--one-tenth { width: 10%; } .large--three-tenths { width: 30%; } .large--seven-tenths { width: 70%; } .large--nine-tenths { width: 90%; } /* Twelfths */ .large--one-twelfth { width: 8.333%; } .large--five-twelfths { width: 41.666%; } .large--seven-twelfths { width: 58.333%; } .large--eleven-twelfths { width: 91.666%; } .large--show { display: block !important; } .large--hide { display: none !important; } .large--text-left { text-align: left !important; } .large--text-right { text-align: right !important; } .large--text-center { text-align: center !important; } .large--left { float: left !important; } .large--right { float: right !important; } .grid-uniform .large--one-half:nth-child(2n+1), .grid-uniform .large--two-quarters:nth-child(2n+1), .grid-uniform .large--three-sixths:nth-child(2n+1), .grid-uniform .large--four-eighths:nth-child(2n+1), .grid-uniform .large--five-tenths:nth-child(2n+1), .grid-uniform .large--six-twelfths:nth-child(2n+1), .grid-uniform .large--one-third:nth-child(3n+1), .grid-uniform .large--two-sixths:nth-child(3n+1), .grid-uniform .large--four-twelfths:nth-child(3n+1), .grid-uniform .large--one-quarter:nth-child(4n+1), .grid-uniform .large--two-eighths:nth-child(4n+1), .grid-uniform .large--three-twelfths:nth-child(4n+1), .grid-uniform .large--one-fifth:nth-child(5n+1), .grid-uniform .large--two-tenths:nth-child(5n+1), .grid-uniform .large--one-sixth:nth-child(6n+1), .grid-uniform .large--two-twelfths:nth-child(6n+1), .grid-uniform .large--two-sixths:nth-child(3n+1), .grid-uniform .large--three-sixths:nth-child(2n+1), .grid-uniform .large--two-eighths:nth-child(4n+1), .grid-uniform .large--four-eighths:nth-child(2n+1), .grid-uniform .large--five-tenths:nth-child(2n+1), .grid-uniform .large--one-twelfth:nth-child(12n+1), .grid-uniform .large--two-twelfths:nth-child(6n+1), .grid-uniform .large--three-twelfths:nth-child(4n+1), .grid-uniform .large--four-twelfths:nth-child(3n+1), .grid-uniform .large--six-twelfths:nth-child(2n+1) { clear: both; } } /*============================================================================ PUSH - Push classes, to move grid items over to the right by certain amounts ==============================================================================*/ [class*="push--"] { position: relative; } /* Whole */ .push--one-whole { left: 100%; } /* Halves */ .push--one-half, .push--two-quarters, .push--three-sixths, .push--four-eighths, .push--five-tenths, .push--six-twelfths { left: 50%; } /* Thirds */ .push--one-third, .push--two-sixths, .push--four-twelfths { left: 33.333%; } .push--two-thirds, .push--four-sixths, .push--eight-twelfths { left: 66.666%; } /* Quarters */ .push--one-quarter, .push--two-eighths, .push--three-twelfths { left: 25%; } .push--three-quarters, .push--six-eighths, .push--nine-twelfths { left: 75%; } /* Fifths */ .push--one-fifth, .push--two-tenths { left: 20%; } .push--two-fifths, .push--four-tenths { left: 40%; } .push--three-fifths, .push--six-tenths { left: 60%; } .push--four-fifths, .push--eight-tenths { left: 80%; } /* Sixths */ .push--one-sixth, .push--two-twelfths { left: 16.666%; } .push--five-sixths, .push--ten-twelfths { left: 83.333%; } /* Eighths */ .push--one-eighth { left: 12.5%; } .push--three-eighths { left: 37.5%; } .push--five-eighths { left: 62.5%; } .push--seven-eighths { left: 87.5%; } /* Tenths */ .push--one-tenth { left: 10%; } .push--three-tenths { left: 30%; } .push--seven-tenths { left: 70%; } .push--nine-tenths { left: 90%; } /* Twelfths */ .push--one-twelfth { left: 8.333%; } .push--five-twelfths { left: 41.666%; } .push--seven-twelfths { left: 58.333%; } .push--eleven-twelfths { left: 91.666%; } @media only screen and (min-width: 481px) and (max-width: 768px) { /* Whole */ .push--medium--one-whole { left: 100%; } /* Halves */ .push--medium--one-half, .push--medium--two-quarters, .push--medium--three-sixths, .push--medium--four-eighths, .push--medium--five-tenths, .push--medium--six-twelfths { left: 50%; } /* Thirds */ .push--medium--one-third, .push--medium--two-sixths, .push--medium--four-twelfths { left: 33.333%; } .push--medium--two-thirds, .push--medium--four-sixths, .push--medium--eight-twelfths { left: 66.666%; } /* Quarters */ .push--medium--one-quarter, .push--medium--two-eighths, .push--medium--three-twelfths { left: 25%; } .push--medium--three-quarters, .push--medium--six-eighths, .push--medium--nine-twelfths { left: 75%; } /* Fifths */ .push--medium--one-fifth, .push--medium--two-tenths { left: 20%; } .push--medium--two-fifths, .push--medium--four-tenths { left: 40%; } .push--medium--three-fifths, .push--medium--six-tenths { left: 60%; } .push--medium--four-fifths, .push--medium--eight-tenths { left: 80%; } /* Sixths */ .push--medium--one-sixth, .push--medium--two-twelfths { left: 16.666%; } .push--medium--five-sixths, .push--medium--ten-twelfths { left: 83.333%; } /* Eighths */ .push--medium--one-eighth { left: 12.5%; } .push--medium--three-eighths { left: 37.5%; } .push--medium--five-eighths { left: 62.5%; } .push--medium--seven-eighths { left: 87.5%; } /* Tenths */ .push--medium--one-tenth { left: 10%; } .push--medium--three-tenths { left: 30%; } .push--medium--seven-tenths { left: 70%; } .push--medium--nine-tenths { left: 90%; } /* Twelfths */ .push--medium--one-twelfth { left: 8.333%; } .push--medium--five-twelfths { left: 41.666%; } .push--medium--seven-twelfths { left: 58.333%; } .push--medium--eleven-twelfths { left: 91.666%; } } @media only screen and (max-width: 768px) { /* Whole */ .push--medium-down--one-whole { left: 100%; } /* Halves */ .push--medium-down--one-half, .push--medium-down--two-quarters, .push--medium-down--three-sixths, .push--medium-down--four-eighths, .push--medium-down--five-tenths, .push--medium-down--six-twelfths { left: 50%; } /* Thirds */ .push--medium-down--one-third, .push--medium-down--two-sixths, .push--medium-down--four-twelfths { left: 33.333%; } .push--medium-down--two-thirds, .push--medium-down--four-sixths, .push--medium-down--eight-twelfths { left: 66.666%; } /* Quarters */ .push--medium-down--one-quarter, .push--medium-down--two-eighths, .push--medium-down--three-twelfths { left: 25%; } .push--medium-down--three-quarters, .push--medium-down--six-eighths, .push--medium-down--nine-twelfths { left: 75%; } /* Fifths */ .push--medium-down--one-fifth, .push--medium-down--two-tenths { left: 20%; } .push--medium-down--two-fifths, .push--medium-down--four-tenths { left: 40%; } .push--medium-down--three-fifths, .push--medium-down--six-tenths { left: 60%; } .push--medium-down--four-fifths, .push--medium-down--eight-tenths { left: 80%; } /* Sixths */ .push--medium-down--one-sixth, .push--medium-down--two-twelfths { left: 16.666%; } .push--medium-down--five-sixths, .push--medium-down--ten-twelfths { left: 83.333%; } /* Eighths */ .push--medium-down--one-eighth { left: 12.5%; } .push--medium-down--three-eighths { left: 37.5%; } .push--medium-down--five-eighths { left: 62.5%; } .push--medium-down--seven-eighths { left: 87.5%; } /* Tenths */ .push--medium-down--one-tenth { left: 10%; } .push--medium-down--three-tenths { left: 30%; } .push--medium-down--seven-tenths { left: 70%; } .push--medium-down--nine-tenths { left: 90%; } /* Twelfths */ .push--medium-down--one-twelfth { left: 8.333%; } .push--medium-down--five-twelfths { left: 41.666%; } .push--medium-down--seven-twelfths { left: 58.333%; } .push--medium-down--eleven-twelfths { left: 91.666%; } } @media only screen and (min-width: 769px) { /* Whole */ .push--large--one-whole { left: 100%; } /* Halves */ .push--large--one-half, .push--large--two-quarters, .push--large--three-sixths, .push--large--four-eighths, .push--large--five-tenths, .push--large--six-twelfths { left: 50%; } /* Thirds */ .push--large--one-third, .push--large--two-sixths, .push--large--four-twelfths { left: 33.333%; } .push--large--two-thirds, .push--large--four-sixths, .push--large--eight-twelfths { left: 66.666%; } /* Quarters */ .push--large--one-quarter, .push--large--two-eighths, .push--large--three-twelfths { left: 25%; } .push--large--three-quarters, .push--large--six-eighths, .push--large--nine-twelfths { left: 75%; } /* Fifths */ .push--large--one-fifth, .push--large--two-tenths { left: 20%; } .push--large--two-fifths, .push--large--four-tenths { left: 40%; } .push--large--three-fifths, .push--large--six-tenths { left: 60%; } .push--large--four-fifths, .push--large--eight-tenths { left: 80%; } /* Sixths */ .push--large--one-sixth, .push--large--two-twelfths { left: 16.666%; } .push--large--five-sixths, .push--large--ten-twelfths { left: 83.333%; } /* Eighths */ .push--large--one-eighth { left: 12.5%; } .push--large--three-eighths { left: 37.5%; } .push--large--five-eighths { left: 62.5%; } .push--large--seven-eighths { left: 87.5%; } /* Tenths */ .push--large--one-tenth { left: 10%; } .push--large--three-tenths { left: 30%; } .push--large--seven-tenths { left: 70%; } .push--large--nine-tenths { left: 90%; } /* Twelfths */ .push--large--one-twelfth { left: 8.333%; } .push--large--five-twelfths { left: 41.666%; } .push--large--seven-twelfths { left: 58.333%; } .push--large--eleven-twelfths { left: 91.666%; } } /*============================================================================ PULL - Pull classes, to move grid items back to the left by certain amounts ==============================================================================*/ /*================ IE8 grid uniform clearfix ================*/ .lt-ie9 .grid-uniform { text-align: left; margin-left: 0; } .lt-ie9 .grid-uniform .grid-item { display: inline-block; float: none; padding: 0; margin-left: -3px; } /*================ Home page section helpers ================*/ .template-index main.main-content .shopify-section:nth-child(1) hr:first-child { display: none; } /*============================================================================ #Basic Styles ==============================================================================*/ html, body { padding: 0; margin: 0; background-color: white; } html.js .no-js, body.js .no-js { display: block; } html.no-js .no-js, body.no-js .no-js { display: none !important; } /*============================================================================ Commented out CSS for background for easy background image uploading in case customers ask. Simply upload a file called 'bg.jpg' and delete lines as necessary. ==============================================================================*/ .wrapper { max-width: 1060px; margin: 0 auto; padding: 0 15px; } .wrapper:after { content: ""; display: table; clear: both; } @media screen and (min-width: 481px) { .wrapper { padding: 0 30px; } } .main-content { display: block; padding-top: 30px; padding-bottom: 60px; } .grid-border > .grid-item { padding-top: 30px; } @media screen and (min-width: 769px) { .grid-border--right { border-right: 1px solid #ca172a; } .grid-border--left { border-left: 1px solid #ca172a; } } /*============================================================================ #Helper Classes ==============================================================================*/ .left { float: left; } .right { float: right; } .text-center { text-align: center; } .text-right { text-align: right; } .hidden { display: none; } .display-table { display: table; table-layout: fixed; width: 100%; } .display-table-cell { display: table-cell; vertical-align: middle; float: none; } @media screen and (min-width: 769px) { .large--display-table { display: table; table-layout: fixed; width: 100%; } .large--display-table-cell { display: table-cell; vertical-align: middle; float: none; } } .visually-hidden { clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; height: 1px; width: 1px; } /*============================================================================ #Typography ==============================================================================*/ body, input, textarea, button, select { font-size: 15px; line-height: 1.6; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: black; font-weight: 400; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } h1, .h1, #shopify-product-reviews .spr-header-title, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { display: block; margin: 0 0 0.5em; line-height: 1.4; font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", sans-serif; font-weight: 700; text-transform: uppercase; } h1 a, .h1 a, #shopify-product-reviews .spr-header-title a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { text-decoration: none; font-weight: inherit; } /*================ Pixel to EM conversion tool - http://pxtoem.com/ ================*/ h1, .h1, #shopify-product-reviews .spr-header-title { font-size: 1.733em; margin-bottom: 30px; } h2, .h2 { font-size: 1.333em; } h3, .h3 { font-size: 1.133em; } h4, .h4 { font-size: 1.067em; } h5, .h5 { font-size: 1em; } h6, .h6 { font-size: 1em; } .main-content h1, .main-content .h1, .main-content #shopify-product-reviews .spr-header-title, #shopify-product-reviews .main-content .spr-header-title, .main-content h2, .main-content .h2, .main-content h3, .main-content .h3, .main-content h4, .main-content .h4, .main-content h5, .main-content .h5 { color: black; } .sidebar h2, .sidebar .h2, .sidebar h3, .sidebar .h3, .sidebar h4, .sidebar .h4, .sidebar h5, .sidebar .h5 { margin-top: 4px; } p { margin: 0 0 15px 0; } p img { margin: 0; } em { font-style: italic; } b, strong { font-weight: bold; } small { font-size: 80%; } sup, sub { position: relative; font-size: 60%; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.5em; } .text-light, s { color: black; } /*================ Blockquotes ================*/ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } blockquote { font-size: 1.125em; line-height: 1.45; font-style: italic; margin: 0 0 30px; padding: 15px 30px; border-left: 1px solid #ca172a; } blockquote p { margin-bottom: 0; } blockquote p + cite { margin-top: 15px; } blockquote cite { display: block; font-size: 0.75em; } blockquote cite:before { content: "\2014 \0020"; } /*================ Code ================*/ code, pre { background-color: #faf7f5; font-family: Consolas,monospace; font-size: 1em; border: 0 none; padding: 0 2px; color: #51ab62; } pre { overflow: auto; padding: 0.5em; margin: 0 0 1em; } /*================ Horizontal Rules ================*/ hr { clear: both; border-top: solid #ca172a; border-width: 1px 0 0; margin: 30px 0; height: 0; } hr.hr--small { margin: 15px 0; } hr.hr--clear { border-top-color: transparent; } footer hr { border-top-color: #b31425; } hr.product-template-hr { margin: 36px 0; } @media screen and (min-width: 769px) { hr.hr--offset-left { margin-left: -30px; } } /*================ Section Headers ================*/ .section-header { margin-bottom: 20px; } .section-header--title { margin-bottom: 12px; } @media screen and (min-width: 769px) { .section-header { display: table; width: 100%; } .section-header--left { display: table-cell; vertical-align: middle; margin-bottom: 0; } .section-header--left h1, .section-header--left .h1, .section-header--left #shopify-product-reviews .spr-header-title, #shopify-product-reviews .section-header--left .spr-header-title, .section-header--left h2, .section-header--left .h2, .section-header--left h3, .section-header--left .h3, .section-header--left h4, .section-header--left .h4, .section-header--left .h1, .section-header--left .h2, .section-header--left .h3, .section-header--left .h4 { margin-bottom: 0; } .section-header--right { display: table-cell; vertical-align: middle; text-align: right; width: 335px; } } @media screen and (min-width: 769px) and (max-width: 768px) { .section-header--right { margin-bottom: 30px; } } .section-header--right .form-horizontal { display: inline-block; vertical-align: middle; } @media screen and (min-width: 481px) { .section-header--right label + select, .section-header--right .collection-view { margin-left: 15px; } } .collection-view { display: none; border: 1px solid #ca172a; border-radius: 2px; padding: 11px; height: 39px; vertical-align: middle; /*================ We use SVG icons, so simply hide this in oldIE ================*/ /*================ Only show on larger screens ================*/ } .lt-ie9 .collection-view { display: none; } @media screen and (min-width: 769px) { .collection-view { display: inline-block; } } .collection-view a { color: black; display: block; float: left; opacity: 0.7; cursor: pointer; line-height: 100%; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; -ms-transition: opacity 0.15s ease-out; -o-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .collection-view a + a { margin-left: 10px; } .collection-view a:hover { opacity: 0.9; -webkit-transition: opacity 0.05s ease-in; -moz-transition: opacity 0.05s ease-in; -ms-transition: opacity 0.05s ease-in; -o-transition: opacity 0.05s ease-in; transition: opacity 0.05s ease-in; } .collection-view a.collection-view--active { opacity: 1; cursor: default; } .collection-view img { display: block; opacity: inherit; } .newsletter-section { padding: 20px 0; } .newsletter-section .h1 { margin-bottom: 10px; } @media screen and (min-width: 769px) { .newsletter-section #contact_form { width: 50%; margin: 0 auto; } } /*============================================================================ #Rich Text Editor ==============================================================================*/ .rte { margin-bottom: 15px; } .rte img { max-width: 100%; height: auto; } .rte h1, .rte .h1, .rte #shopify-product-reviews .spr-header-title, #shopify-product-reviews .rte .spr-header-title, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 { margin-top: 0.5em; } .rte h1:first-child, .rte .h1:first-child, .rte #shopify-product-reviews .spr-header-title:first-child, #shopify-product-reviews .rte .spr-header-title:first-child, .rte h2:first-child, .rte .h2:first-child, .rte h3:first-child, .rte .h3:first-child, .rte h4:first-child, .rte .h4:first-child, .rte h5:first-child, .rte .h5:first-child, .rte h6:first-child, .rte .h6:first-child { margin-top: 0; } .rte > div { margin-bottom: 15px; } .rte ul, .rte ol { margin-left: 35px; } .rte ul ul { list-style: circle outside; } .rte li { margin-bottom: 0.4em; } .rte table { table-layout: fixed; } .rte--header { margin-bottom: 0; } .announcement-bar__message { margin-bottom: 0; } .announcement-bar__message a { color: #b5adad; } .announcement-bar__message a:hover, .announcement-bar__message a:focus { color: #000; } /*============================================================================ #Links and Buttons ==============================================================================*/ a { color: #ca172a; text-decoration: none; background: transparent; } a:hover, a:focus { color: #ea4455; } button { overflow: visible; } button[disabled], html input[disabled] { cursor: default; } .btn, .btn-secondary, input.btn-secondary, input[type="submit"], .header-cart-btn, .shopify-payment-button .shopify-payment-button__button--unbranded { display: inline-block; padding: 8px 20px; margin: 0; line-height: 1.42; text-decoration: none; text-align: center; vertical-align: middle; white-space: nowrap; cursor: pointer; border: 1px solid transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 2px; font-family: "Dosis", "HelveticaNeue", "Helvetica Neue", sans-serif; font-weight: 600; font-size: 17px; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; /*================ Set primary button colors - can override later ================*/ background-color: #ca172a; color: white; } .btn.btn--add-to-cart, .btn--add-to-cart.btn-secondary, input.btn--add-to-cart[type="submit"], .btn--add-to-cart.header-cart-btn, .shopify-payment-button .btn--add-to-cart.shopify-payment-button__button--unbranded { min-height: 44px; white-space: normal; } .btn.btn--small, .btn--small.btn-secondary, input.btn--small[type="submit"], .btn--small.header-cart-btn, .shopify-payment-button .btn--small.shopify-payment-button__button--unbranded { padding: 8px 12px 7px; font-size: 15px; } .btn.btn--wide, .btn--wide.btn-secondary, input.btn--wide[type="submit"], .btn--wide.header-cart-btn, .shopify-payment-button .btn--wide.shopify-payment-button__button--unbranded { min-width: 40%; } @media screen and (max-width: 768px) { .btn.btn--wide, .btn--wide.btn-secondary, input.btn--wide[type="submit"], .btn--wide.header-cart-btn, .shopify-payment-button .btn--wide.shopify-payment-button__button--unbranded { width: 100%; } } .btn.btn--full, .btn--full.btn-secondary, input.btn--full[type="submit"], .btn--full.header-cart-btn, .shopify-payment-button .btn--full.shopify-payment-button__button--unbranded, .payment-buttons--large .shopify-payment-button .shopify-payment-button__button--unbranded { width: 100%; } .btn.btn--large, .btn--large.btn-secondary, input.btn--large[type="submit"], .btn--large.header-cart-btn, .shopify-payment-button .btn--large.shopify-payment-button__button--unbranded, .payment-buttons--large .shopify-payment-button .shopify-payment-button__button--unbranded { padding: 5px 20px; font-weight: 700; min-height: 55px; margin-bottom: 30px; } .btn:hover, .btn-secondary:hover, input[type="submit"]:hover, .header-cart-btn:hover, .shopify-payment-button .shopify-payment-button__button--unbranded:hover { background-color: #b31425; color: white; -webkit-transition: background-color 0.05s ease-in; -moz-transition: background-color 0.05s ease-in; -ms-transition: background-color 0.05s ease-in; -o-transition: background-color 0.05s ease-in; transition: background-color 0.05s ease-in; } .btn:active, .btn-secondary:active, input[type="submit"]:active, .header-cart-btn:active, .shopify-payment-button .shopify-payment-button__button--unbranded:active { background-color: #9c1220; color: white; } .btn[disabled], [disabled].btn-secondary, input[disabled][type="submit"], [disabled].header-cart-btn, .shopify-payment-button [disabled].shopify-payment-button__button--unbranded, .btn.disabled, .disabled.btn-secondary, input.disabled[type="submit"], .disabled.header-cart-btn, .shopify-payment-button .disabled.shopify-payment-button__button--unbranded { cursor: default; color: #b6b6b6; background-color: #f6f6f6; } .btn.btn--secondary-accent, .btn--secondary-accent.btn-secondary, input.btn--secondary-accent[type="submit"], .btn--secondary-accent.header-cart-btn, .shopify-payment-button .btn--secondary-accent.shopify-payment-button__button--unbranded { background-color: white; border: 2px solid #ca172a; color: #ca172a; } .btn.btn--secondary-accent:hover, .btn--secondary-accent.btn-secondary:hover, input.btn--secondary-accent[type="submit"]:hover, .btn--secondary-accent.header-cart-btn:hover, .shopify-payment-button .btn--secondary-accent.shopify-payment-button__button--unbranded:hover { background-color: white; border-color: #b31425; color: #b31425; } .btn.btn--secondary-accent:active, .btn--secondary-accent.btn-secondary:active, input.btn--secondary-accent[type="submit"]:active, .btn--secondary-accent.header-cart-btn:active, .shopify-payment-button .btn--secondary-accent.shopify-payment-button__button--unbranded:active { background-color: white; border: 2px solid #9c1220; color: #9c1220; } .btn.btn--secondary-accent[disabled], .btn--secondary-accent[disabled].btn-secondary, input.btn--secondary-accent[disabled][type="submit"], .btn--secondary-accent[disabled].header-cart-btn, .shopify-payment-button .btn--secondary-accent[disabled].shopify-payment-button__button--unbranded, .btn.btn--secondary-accent.disabled, .btn--secondary-accent.disabled.btn-secondary, input.btn--secondary-accent.disabled[type="submit"], .btn--secondary-accent.disabled.header-cart-btn, .shopify-payment-button .btn--secondary-accent.disabled.shopify-payment-button__button--unbranded { border-color: #f6f6f6; color: #b6b6b6; background-color: #f6f6f6; } .btn.btn--secondary-accent.btn--full, .btn--secondary-accent.btn--full.btn-secondary, input.btn--secondary-accent.btn--full[type="submit"], .btn--secondary-accent.btn--full.header-cart-btn, .shopify-payment-button .btn--secondary-accent.btn--full.shopify-payment-button__button--unbranded, .payment-buttons--large .shopify-payment-button .btn--secondary-accent.shopify-payment-button__button--unbranded { margin-bottom: 0px; } .btn-secondary, input.btn-secondary { background-color: #333333; color: black; } .btn-secondary:hover, input.btn-secondary:hover { background-color: #262626; color: black; } .btn-secondary:active, input.btn-secondary:active { background-color: #1a1a1a; color: black; } /*================ Force an input/button to look like a text link ================*/ .text-link { display: inline; border: 0 none; background: none; padding: 0; margin: 0; } /*============================================================================ #Lists ==============================================================================*/ ul, ol { margin: 0 0 1em; padding: 0; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, .rte ul ul ul, ul.disc, .rte ul { margin-left: 20px; } ul.square, .rte ul ul ul { list-style: square outside; } ul.disc, .rte ul { list-style: disc outside; } ol.alpha { list-style: lower-alpha outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 20px; } li { margin-bottom: 0.25em; } .inline-list li { display: inline-block; margin-bottom: 0; } /*============================================================================ #Tables ==============================================================================*/ table { border-collapse: collapse; border-spacing: 0; min-width: 50%; } table.full { width: 100%; margin-bottom: 15px; } th { font-weight: bold; } th, td { text-align: left; padding: 15px; border: 1px solid #ca172a; } .media, .media-flex { overflow: hidden; _overflow: visible; zoom: 1; } .media-img { float: left; margin-right: 30px; } .media-img-right { float: right; margin-left: 30px; } .media-img img, .media-img-right img { display: block; } /*============================================================================ #Images and Iframes ==============================================================================*/ img { border: 0 none; } svg:not(:root) { overflow: hidden; } img.auto, .grid-item img, .grid-item iframe { max-width: 100%; } .video-wrapper { position: relative; overflow: hidden; max-width: 100%; padding-bottom: 56.25%; height: 0; height: auto; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*============================================================================ #Forms ==============================================================================*/ form { margin-bottom: 30px; } button, input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="tel"], input[type="submit"], textarea { -webkit-appearance: none; -moz-appearance: none; } input, textarea, select, fieldset { border-radius: 2px; max-width: 100%; } input.input-full, textarea.input-full, select.input-full, fieldset.input-full { width: 100%; } .addToCartForm input, .addToCartForm textarea, .addToCartForm select, .addToCartForm fieldset { min-height: 44px; } input, select, textarea { font-size: 1em; padding: 8px 10px; line-height: 1.42; background: transparent; } .cart-row input[type="submit"], .cart-row button[type="submit"] { margin-bottom: 2px; } fieldset { border: 1px solid #ca172a; padding: 15px 0; } legend { border: 0; padding: 0; } optgroup { font-weight: bold; } input { display: inline-block; width: auto; } button, input[type="submit"] { cursor: pointer; } /*================ Input width and border ================*/ input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="tel"], textarea, select { border: 1px solid #ca172a; background-color: rgba(0, 0, 0, 0.1); width: 100%; max-width: 100%; display: block; margin: 0 0 20px; } input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="file"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus, select:focus { border: 1px solid #9c1220; } input[type="text"][disabled], input[type="text"].disabled, input[type="search"][disabled], input[type="search"].disabled, input[type="password"][disabled], input[type="password"].disabled, input[type="email"][disabled], input[type="email"].disabled, input[type="file"][disabled], input[type="file"].disabled, input[type="number"][disabled], input[type="number"].disabled, input[type="tel"][disabled], input[type="tel"].disabled, textarea[disabled], textarea.disabled, select[disabled], select.disabled { cursor: default; background-color: #f6f6f6; border-color: #b6b6b6; } @media screen and (min-width: 480px) { input[type="number"] { width: 50%; } } textarea { min-height: 100px; } input[type="checkbox"], input[type="radio"] { display: inline; margin: 0; padding: 0; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: right center; background-image: url("/cdn/shop/t/61/assets/arrow-down.svg?v=41228625652702211461680594493"); background-repeat: no-repeat; background-position: right 10px center; background-color: white; padding-right: 28px; text-indent: 0.01px; text-overflow: ''; cursor: pointer; /*================ Hide the svg arrow in IE9 and below ================*/ } .ie9 select, .lt-ie9 select { padding-right: 10px; background-image: none; } select::-ms-expand { display: none; } /*================ Form labels ================*/ label, legend { display: block; margin-bottom: 6px; font-size: 14px; } label.inline, legend.inline { display: inline; } .form-horizontal label.hidden-label, label.hidden-label, .form-horizontal legend.hidden-label, legend.hidden-label { height: 0; width: 0; margin-bottom: 0; overflow: hidden; } .ie9 .form-horizontal label.hidden-label, .lt-ie9 .form-horizontal label.hidden-label, .ie9 label.hidden-label, .lt-ie9 label.hidden-label, .ie9 .form-horizontal legend.hidden-label, .lt-ie9 .form-horizontal legend.hidden-label, .ie9 legend.hidden-label, .lt-ie9 legend.hidden-label { height: auto; margin-bottom: 2px; overflow: visible; } /*================ We don't want the same label treatment for checkboxes/radios ================*/ input[type="checkbox"] + label, input[type="radio"] + label { font-weight: normal; } label[for] { cursor: pointer; } .label-hint { color: #999; } /*================ Horizontal Form ================*/ form.form-horizontal, .form-horizontal { margin-bottom: 0; } form.form-horizontal input[type="text"], form.form-horizontal input[type="search"], form.form-horizontal input[type="password"], form.form-horizontal input[type="email"], form.form-horizontal input[type="file"], form.form-horizontal input[type="number"], form.form-horizontal input[type="tel"], form.form-horizontal textarea, form.form-horizontal select, form.form-horizontal label, .form-horizontal input[type="text"], .form-horizontal input[type="search"], .form-horizontal input[type="password"], .form-horizontal input[type="email"], .form-horizontal input[type="file"], .form-horizontal input[type="number"], .form-horizontal input[type="tel"], .form-horizontal textarea, .form-horizontal select, .form-horizontal label { display: inline-block; margin-bottom: 0; width: auto; } /*================ Error styles ================*/ input[type="text"].error, input[type="search"].error, input[type="password"].error, input[type="email"].error, input[type="file"].error, input[type="number"].error, input[type="tel"].error, textarea.error { border-color: #dc0000; background-color: #fff6f6; color: #dc0000; } label.error { color: #dc0000; } /*================ Input Group ================*/ .input-group { position: relative; display: table; border-collapse: separate; } .input-group .input-group-field:first-child, .input-group .input-group-btn:first-child, .input-group .input-group-btn:first-child > .btn, .input-group .input-group-btn:first-child > .btn-secondary, .input-group .input-group-btn:first-child > input[type="submit"], .input-group .input-group-btn:first-child > .header-cart-btn, .input-group .shopify-payment-button .input-group-btn:first-child > .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group .input-group-btn:first-child > .shopify-payment-button__button--unbranded, .input-group input[type="hidden"]:first-child + .input-group-field, .input-group input[type="hidden"]:first-child + .input-group-btn > .btn, .input-group input[type="hidden"]:first-child + .input-group-btn > .btn-secondary, .input-group input[type="hidden"]:first-child + .input-group-btn > input[type="submit"], .input-group input[type="hidden"]:first-child + .input-group-btn > .header-cart-btn, .input-group .shopify-payment-button input[type="hidden"]:first-child + .input-group-btn > .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group input[type="hidden"]:first-child + .input-group-btn > .shopify-payment-button__button--unbranded { border-radius: 2px 0 0 2px; border-right: none; } .input-group .input-group-field:last-child, .input-group .input-group-btn:last-child > .btn, .input-group .input-group-btn:last-child > .btn-secondary, .input-group .input-group-btn:last-child > input[type="submit"], .input-group .input-group-btn:last-child > .header-cart-btn, .input-group .shopify-payment-button .input-group-btn:last-child > .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group .input-group-btn:last-child > .shopify-payment-button__button--unbranded { border-radius: 0 2px 2px 0; } .input-group input::-moz-focus-inner { border: 0; padding: 0; margin-top: -1px; margin-bottom: -1px; } .input-group-field, .input-group-btn { display: table-cell; vertical-align: middle; margin: 0; } .input-group .btn, .input-group .btn-secondary, .input-group input[type="submit"], .input-group .header-cart-btn, .input-group .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group .shopify-payment-button__button--unbranded, .input-group .input-group-field { height: 42px; } .input-group .input-group-field { width: 100%; margin-bottom: 0; border-color: #6e0d17; border-right: none; } .input-group-btn { position: relative; white-space: nowrap; width: 1%; padding: 0; } .form-spacer { margin: 0 15px; } /*============================================================================ #Icons ==============================================================================*/ .icon-fallback-text .icon { display: none; } .supports-fontface .icon-fallback-text .icon { display: inline-block; } /*============================================================================ A generic way to visually hide content while remaining accessible to screen readers (h5bp.com) ==============================================================================*/ .supports-fontface .icon-fallback-text .fallback-text { clip: rect(0 0 0 0); overflow: hidden; position: absolute; height: 1px; width: 1px; } .icon:before { display: none; } .supports-fontface .icon:before { display: inline; font-family: "icons"; text-decoration: none; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*================ Icon mapping ================*/ .icon-amazon_payments:before { content: "\e90c"; } .icon-american_express:before { content: "\41"; } .icon-apple_pay:before { content: "\e90b"; } .icon-arrow-down:before { content: "\34"; } .icon-arrow-left:before { content: "\e900"; } .icon-arrow-right:before { content: "\e901"; } .icon-bitcoin:before { content: "\42"; } .icon-cart:before { content: "\5b"; } .icon-cirrus:before { content: "\43"; } .icon-collection-view-grid:before { content: "\e902"; } .icon-collection-view-list:before { content: "\e903"; } .icon-dankort:before { content: "\64"; } .icon-diners_club:before { content: "\63"; } .icon-discover:before { content: "\44"; } .icon-dogecoin:before { content: "\e905"; } .icon-dwolla:before { content: "\e906"; } .icon-facebook:before { content: "\66"; } .icon-fancy:before { content: "\46"; } .icon-forbrugsforeningen:before { content: "\e907"; } .icon-google_pay:before { content: "\e911"; } .icon-google_plus:before { content: "\e90a"; } .icon-hamburger:before { content: "\e904"; } .icon-instagram:before { content: "\e908"; } .icon-interac:before { content: "\49"; } .icon-jcb:before { content: "\4a"; } .icon-klarna:before { content: "\e90f"; } .icon-litecoin:before { content: "\e909"; } .icon-maestro:before { content: "\6d"; } .icon-master:before { content: "\4d"; } .icon-paypal:before { content: "\50"; } .icon-pin:before { content: "\e90e"; } .icon-pinterest:before { content: "\70"; } .icon-rss:before { content: "\72"; } .icon-search:before { content: "\73"; } .icon-shopify_pay:before { content: "\e910"; } .icon-snapchat:before { content: "\e90d"; } .icon-stripe:before { content: "\53"; } .icon-tumblr:before { content: "\74"; } .icon-twitter:before { content: "\54"; } .icon-vimeo:before { content: "\76"; } .icon-visa:before { content: "\56"; } .icon-x:before { content: "\78"; } .icon-youtube:before { content: "\79"; } /*================ Button icons ================*/ .icon-cart { line-height: 0; } .icon-cart:before { position: relative; top: -2px; font-size: 19px; line-height: 12px; vertical-align: middle; margin-right: 6px; } .payment-icons { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: default; margin: 0; } .payment-icons li { margin: 0 7.5px 7.5px; color: #dddddd; cursor: default; } .payment-icons .icon { font-size: 30px; line-height: 30px; } .payment-icons .icon-shopify_pay { font-size: 25px; line-height: 25px; } .payment-icons .fallback-text { text-transform: capitalize; } .social-icons li { margin: 0 10px 0 0; vertical-align: middle; } @media screen and (min-width: 481px) { .social-icons li { margin-left: 0; } } .social-icons li .icon { font-size: 20px; line-height: 16px; } .social-icons li a { color: #dddddd; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .social-icons li a:hover { color: #b7b7b7; -webkit-transition: color 0.05s ease-in; -moz-transition: color 0.05s ease-in; -ms-transition: color 0.05s ease-in; -o-transition: color 0.05s ease-in; transition: color 0.05s ease-in; } ul.social-icons { margin-bottom: 0; } /*================ Social share buttons ================*/ .social-sharing { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; padding-top: 15px; /*================ Large Buttons ================*/ } .social-sharing a { display: inline-block; color: #fff; border-radius: 2px; margin: 0 10px 10px 0; height: 22px; line-height: 22px; text-decoration: none; font-weight: normal; } .social-sharing a:hover { color: #fff; } .social-sharing span { display: inline-block; vertical-align: top; height: 22px; line-height: 22px; font-size: 12px; } .social-sharing .icon { padding: 0 5px 0 10px; } .social-sharing .icon:before { line-height: 22px; } .social-sharing.is-large a { height: 44px; line-height: 44px; } .social-sharing.is-large a span { height: 44px; line-height: 44px; font-size: 18px; } .social-sharing.is-large a .icon { padding: 0 10px 0 18px; } .social-sharing.is-large a .icon:before { line-height: 44px; } .share-title { font-weight: 900; font-size: 12px; padding-right: 10px; } .is-large .share-title { padding-right: 16px; } .share-facebook { background-color: #3b5998; } .share-facebook:hover { background-color: #2d4373; } .share-twitter { background-color: #00aced; } .share-twitter:hover { background-color: #0087ba; } .share-pinterest { background-color: #cb2027; } .share-pinterest:hover { background-color: #9f191f; } .share-fancy { background-color: #4999dc; } .share-fancy:hover { background-color: #2780cb; } .share-google { background-color: #dd4b39; } .share-google:hover { background-color: #c23321; } /*================ Clean Buttons ================*/ .social-sharing.is-clean a { background-color: #fff; border: 1px solid #ececec; color: #333; height: 30px; line-height: 30px; } .social-sharing.is-clean a span { height: 30px; line-height: 30px; font-size: 13px; } .social-sharing.is-clean a:hover { background-color: #f9f9f9; } .social-sharing.is-clean a .share-title { font-weight: normal; } .social-sharing.is-clean .icon-facebook { color: #3b5998; } .social-sharing.is-clean .icon-twitter { color: #00aced; } .social-sharing.is-clean .icon-pinterest { color: #cb2027; } /*============================================================================ #Pagination ==============================================================================*/ .pagination-border-top { border-top: 1px solid #ca172a; } /*================ Custom Pagination ================*/ .pagination-custom { display: inline-block; padding-left: 0; margin: 0 0 30px; width: 100%; text-align: center; } .pagination-custom > li { display: inline-block; } .pagination-custom > li > a, .pagination-custom > li > span { position: relative; float: left; padding: 5px 10px; margin-left: -1px; line-height: 1.42; text-decoration: none; border: 1px solid #6e0d17; } .pagination-custom > li:first-child > a, .pagination-custom > li:first-child > span { margin-left: 0; } .pagination-custom > .active > a, .pagination-custom > .active > span, .pagination-custom > .active > a:hover, .pagination-custom > .active > span:hover, .pagination-custom > .active > a:focus, .pagination-custom > .active > span:focus { z-index: 2; cursor: default; color: black; } .pagination-custom > .disabled > span, .pagination-custom > .disabled > a, .pagination-custom > .disabled > a:hover, .pagination-custom > .disabled > a:focus { color: #999999; cursor: not-allowed; } .pagination-custom-lg > li > a, .pagination-custom-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-custom-sm > li > a, .pagination-custom-sm > li > span { padding: 5px 10px; font-size: 0.75em; } /*============================================================================ #Site Header ==============================================================================*/ .site-header { padding: 15px 0; background-color: white; color: #5f5447; } @media screen and (min-width: 769px) { .site-header { padding: 30px 0; } } @media screen and (max-width: 768px) { .site-header.site-header--hidden { display: none; } } .site-header .site-header--text-links a { color: #5f5447; } .site-header .site-header--text-links a:hover { opacity: 0.9; } @media screen and (min-width: 769px) { .site-header .grid, .site-header .grid--rev, .site-header .grid--full { display: table; table-layout: fixed; width: 100%; } .site-header .grid > .grid-item, .site-header .grid--rev > .grid-item, .site-header .grid--full > .grid-item { float: none; display: table-cell; vertical-align: middle; } } .header-logo { margin: 30px auto; } @media screen and (min-width: 769px) { .header-logo { margin: 15px 0; } } @media screen and (max-width: 768px) { .header-logo { text-align: center; } .header-logo .lazyload__image-wrapper { margin: 0 auto; } } .header-logo a, .header-logo a:hover, .header-logo a:focus { text-decoration: none; color: #5f5447; } .header-logo a, .header-logo img { display: block; } .header-logo img { margin: 0 auto; } @media screen and (min-width: 769px) { .header-logo img { float: left; } } .site-header--text-links { display: inline-block; font-size: 0.85em; margin-bottom: 15px; } .site-header--text-links a { font-weight: bold; } .site-header--meta-links { display: inline-block; margin-left: 15px; } .site-header--spacer { padding: 0 5px; } .header-cart-btn { position: relative; line-height: 26px; padding-bottom: 10px; border: 0 none; margin-left: 15px; vertical-align: top; background-color: #ca172a; color: white; } @media screen and (max-width: 768px) { .header-cart-btn { display: none; } } .header-cart-btn:hover, .header-cart-btn:focus { color: white; background-color: #b31425; } .cart-count { display: inline-block; text-align: center; background-color: #9c9c9c; color: white; font-weight: 700; font-size: 13px; min-width: 20px; height: 20px; line-height: 20px; border-radius: 20px; } .cart-count.hidden-count { display: none; } .cart-badge--desktop { position: absolute; top: -5px; right: -5px; } .search-bar { position: relative; max-width: 60%; width: 100%; margin: 0 auto 30px; } .search-bar .icon-search { font-size: 18px; } @media screen and (max-width: 768px) { .search-bar { display: block; max-width: 100%; margin-bottom: 15px; } } .search-bar input[type="text"], .search-bar input[type="search"] { width: 100%; margin-bottom: 0; padding: 10px 45px 10px 10px; font-family: "Dosis", "HelveticaNeue", "Helvetica Neue", sans-serif; font-weight: 600; font-size: 17px; line-height: normal; } .search-bar input:-ms-input-placeholder { line-height: normal; display: inline-block; } .search-bar input[type="submit"], .search-bar .search-bar--submit { position: absolute; top: 2px; bottom: 0; right: 0; width: 45px; margin: 0; border: 0 none; background: none; text-align: center; cursor: pointer; } .site-header .search-bar input[type="submit"], .site-header .search-bar .search-bar--submit { color: white; } .search-bar input[type="submit"] { text-indent: -9999px; } .site-header .search-bar { display: none; margin-bottom: 0; } @media screen and (min-width: 769px) { .site-header .search-bar { display: inline-block; } } .site-header .search-bar input[type="text"], .site-header .search-bar input[type="search"] { height: 44px; border: 0 none; background-color: #ca172a; color: white; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .site-header .search-bar input[type="text"]:hover, .site-header .search-bar input[type="text"]:focus, .site-header .search-bar input[type="search"]:hover, .site-header .search-bar input[type="search"]:focus { background-color: #b31425; -webkit-transition: background-color 0.05s ease-in; -moz-transition: background-color 0.05s ease-in; -ms-transition: background-color 0.05s ease-in; -o-transition: background-color 0.05s ease-in; transition: background-color 0.05s ease-in; } .site-header .search-bar input[type="text"]:focus, .site-header .search-bar input[type="search"]:focus { outline: 0; } .site-header input::-webkit-input-placeholder { color: white; } .site-header input::-moz-placeholder { color: white; } /*============================================================================ #Site Nav and Dropdowns ==============================================================================*/ .nav-bar { top: 110%; bottom: 0; left: 0; right: 0; background-color: #ca172a; } .nav-bar a, .nav-bar button { color: white; } .nav-bar a:active, .nav-bar a:focus, .nav-bar button:active, .nav-bar button:focus { opacity: 0.9; } .site-nav { display: none; margin: 0; text-align: left; margin-left: -15px; font-family: "Dosis", "HelveticaNeue", "Helvetica Neue", sans-serif; font-weight: 600; font-size: 19px; text-transform: uppercase; cursor: default; } .site-nav li { margin: 0; display: block; position: relative; } .site-nav > li { display: inline-block; } .site-nav a, .site-nav button { display: block; text-decoration: none; padding: 15px; white-space: nowrap; } .site-nav button { background: none; border: 0; font-size: 19px; text-transform: uppercase; } .site-nav .customer-navlink { color: white; background-color: #ea4455; border-bottom: 0; border-top: 1px solid #e11a2f; margin-top: -1px; } /*================ Small screen nav styles ================*/ @media screen and (max-width: 480px) { .show-nav .nav-bar { bottom: 0; top: 50px; } .show-nav, .show-nav body { height: 100%; overflow: hidden; } } /*================ Medium-down screen nav styles ================*/ @media screen and (max-width: 768px) { .nav-bar { position: fixed; z-index: 2000; -webkit-transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95); -moz-transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95); -ms-transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95); -o-transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95); transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95); } .show-nav .nav-bar { max-height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transition: all 450ms cubic-bezier(0.47, 0, 0, 0.95); -moz-transition: all 450ms cubic-bezier(0.47, 0, 0, 0.95); -ms-transition: all 450ms cubic-bezier(0.47, 0, 0, 0.95); -o-transition: all 450ms cubic-bezier(0.47, 0, 0, 0.95); transition: all 450ms cubic-bezier(0.47, 0, 0, 0.95); } .nav-bar .wrapper { padding: 15px 0 0; } .show-nav .nav-bar .wrapper { min-height: 101%; } .nav-bar .search-bar { margin: 0 15px 15px; width: auto; } .nav-bar .search-bar input[type="search"]::-webkit-input-placeholder { color: white; } .nav-bar .search-bar input::-webkit-input-placeholder { color: white; } .nav-bar .search-bar .search-bar--submit .icon { color: white; } } /*================ Medium screen size only ================*/ @media screen and (min-width: 481px) and (max-width: 768px) { .show-nav .nav-bar { top: 50px; bottom: 0; } } /*================ Large screen bar navigation ================*/ @media screen and (min-width: 769px) { .nav-bar .search-bar { display: none; } .site-nav { display: block; } .mobile-nav { display: none; } } /*================ Dropdowns ================*/ .icon-arrow-down { position: relative; top: -2px; font-size: 12px; } .mobile-nav--dropdown .icon-arrow-down { -ms-transform: none; -webkit-transform: none; transform: none; } .mobile-nav--has-dropdown .icon-arrow-down { top: 0; } .site-nav--dropdown .icon-arrow-down { display: inline-block; line-height: 1; top: 0; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .site-nav--dropdown, .site-nav--dropdown-grandchild { position: absolute; top: 100%; left: 0; border: 1px solid #ca172a; background-color: white; opacity: 0; pointer-events: none; z-index: 20; margin: 0; -webkit-transition: all 150ms; -moz-transition: all 150ms; -ms-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms; } .site-nav--dropdown--more .site-nav--dropdown, .site-nav--dropdown--more .site-nav--dropdown-grandchild { top: -1px; left: auto; right: 100%; } .no-touch .site-nav--has-dropdown:hover > .site-nav--dropdown, .site-nav--has-dropdown.nav-hover > .site-nav--dropdown, .nav-focus + .site-nav--dropdown, .nav-hover > .site-nav--dropdown, .no-touch .site-nav--has-dropdown:hover > .site-nav--dropdown-grandchild, .site-nav--has-dropdown.nav-hover > .site-nav--dropdown-grandchild, .nav-focus + .site-nav--dropdown-grandchild, .nav-hover > .site-nav--dropdown-grandchild { opacity: 1; box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05); pointer-events: auto; -webkit-transition: all 90ms; -moz-transition: all 90ms; -ms-transition: all 90ms; -o-transition: all 90ms; transition: all 90ms; } .site-nav--dropdown a, .site-nav--dropdown-grandchild a { color: #ca172a; text-transform: none; padding: 10px 45px 10px 15px; } .site-nav--dropdown a:hover, .site-nav--dropdown a:active, .site-nav--dropdown a:focus, .site-nav--dropdown-grandchild a:hover, .site-nav--dropdown-grandchild a:active, .site-nav--dropdown-grandchild a:focus { color: #9c1220; } .site-nav--dropdown a:focus, .site-nav--dropdown-grandchild a:focus { background-color: #f2f2f2; } .site-nav--dropdown-grandchild { top: -1px; left: 100%; } .site-nav--dropdown-grandchild.nav-outside { left: -100%; } .mobile-nav { text-align: center; border-top: 1px solid #e72d41; margin: 0; font-family: "Dosis", "HelveticaNeue", "Helvetica Neue", sans-serif; font-weight: 600; font-size: 19px; text-transform: uppercase; cursor: default; } .mobile-nav li { border-bottom: 1px solid #ec5b6a; -webkit-tap-highlight-color: rgba(255, 255, 255, 0.2); margin: 0; } .mobile-nav li.mobile-nav--has-dropdown.nav-active a { background-color: #ea4455; } .mobile-nav li.mobile-nav--has-dropdown-grandchild.nav-active a { background-color: #ef727f; } .mobile-nav a { display: block; text-decoration: none; padding: 15px; white-space: nowrap; } .mobile-nav--dropdown, .mobile-nav--dropdown-grandchild { display: none; margin: 0; } .mobile-nav--dropdown > li, .mobile-nav--dropdown-grandchild > li { float: none; width: 100%; border: none; text-transform: none; border-top: 1px solid #e11a2f; } .nav-active > .mobile-nav--dropdown, .nav-active > .mobile-nav--dropdown-grandchild { display: block; } /*============================================================================ #Mobile Nav Bar ==============================================================================*/ #mobileNavBar { display: none; width: 100%; background-color: #ca172a; /*================ Small mobile nav bar ================*/ /*================ Medium-down mobile nav bar ================*/ } #mobileNavBar:after { content: ""; display: table; clear: both; } #mobileNavBar .display-table-cell { padding: 0 15px; } #mobileNavBar .cart-toggle { text-align: right; } @media screen and (max-width: 480px) { #mobileNavBar { position: fixed; top: 0; left: 0; right: 0; } } @media screen and (max-width: 768px) { #mobileNavBar { display: table; height: 50px; z-index: 999999999; } .show-nav #mobileNavBar { position: fixed; left: 0; top: 0; } } .mobileNavBar-link { display: block; padding: 10px 0; color: white; cursor: pointer; border: 0; background: none; } .mobileNavBar-link:hover, .mobileNavBar-link:focus { color: white; } .mobileNavBar-link.menu-toggle .icon { font-size: 12px; margin-right: 10px; } .mobileNavBar-link.menu-toggle .lt-ie9 { background-image: none; padding-left: 0; } @media screen and (max-width: 768px) { :target { padding-top: 50px; } } /*============================================================================ #Site Footer ==============================================================================*/ .site-footer { background-color: #ca172a; padding: 30px 0 10px; color: #dddddd; } @media screen and (min-width: 769px) { .site-footer { padding: 60px 0 6px; } } .site-footer h3, .site-footer .h3 { margin: 0 0 15px 0; } .site-footer a { color: #dddddd; } .site-footer a:hover { color: #aaaaaa; } .legal-links { margin-bottom: 0; } @media screen and (max-width: 768px) { .legal-links { margin-bottom: 15px; } } .legal-links + .legal-links { margin-bottom: 15px; } .legal-links li { padding: 0 15px 0 0; font-size: 13px; } /*============================================================================ #Product Grid and List Views ==============================================================================*/ .row-negative-bottom { margin-bottom: -30px; } .sold-out .product-grid-image, .sold-out .product-list-image { position: relative; } .sold-out .product-grid-image img, .sold-out .product-list-image img { opacity: 0.7; } .badge { display: none; position: absolute; top: 50%; width: 100%; margin-top: -15px; text-align: center; z-index: 5; } .badge-label { display: inline-block; margin: 0 auto; padding: 5px; font-size: 13px; font-weight: bold; color: white; background-color: black; text-transform: uppercase; border-radius: 2px; } .sold-out .badge--sold-out { display: block; } @media screen and (max-width: 768px) { .product-list-item .spr-badge { clear: both; } } @media screen and (min-width: 769px) { .product-list-item .grid, .product-list-item .grid--rev, .product-list-item .grid--full { display: table; table-layout: fixed; width: 100%; } .product-list-item .grid-item { display: table-cell; } } .product-grid-image { display: table; table-layout: fixed; width: 100%; max-width: 100%; min-width: 100%; margin: 0 auto 15px; } .product-grid-image img { display: block; margin: 0 auto; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .product-list-image { display: block; margin: 0 auto; } .product-grid-image--centered { display: table-cell; vertical-align: middle; } a.product-grid-item, .product-grid-item { display: block; color: black; margin-bottom: 60px; } a.product-grid-item:hover img, .product-grid-item:hover img { opacity: 0.9; -webkit-transition: opacity 0.05s ease-out; -moz-transition: opacity 0.05s ease-out; -ms-transition: opacity 0.05s ease-out; -o-transition: opacity 0.05s ease-out; transition: opacity 0.05s ease-out; } @media screen and (min-width: 769px) { a.product-grid-item, .product-grid-item { margin-bottom: 30px; } .template-list-collections a.product-grid-item, .template-list-collections .product-grid-item { margin-bottom: 0; } } .product-item--price:after { content: ""; display: table; clear: both; } .product-item--price .h1 { margin-bottom: 15px; } .product-item--price span { line-height: 22px; } .product-item--price small { white-space: nowrap; } .sale-tag { display: inline-block; text-transform: uppercase; font-size: 13px; font-weight: 900; padding: 0 8px; border-radius: 3px; vertical-align: text-bottom; color: #ca172a; border: 2px solid #ca172a; } .sale-tag sup { display: none; } .sale-tag.large { font-size: 16px; padding: 0 12px; } .product-meta .sale-tag { position: relative; top: 2px; } .sale-tag.has-reviews { margin-bottom: 10px; } .featured-box { position: relative; display: block; padding: 15px 0; border: 1px solid #ca172a; margin-bottom: 30px; } .featured-box:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.02); z-index: 5; } .featured-box img, .featured-box svg { -webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; -ms-transition: opacity 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .featured-box:hover img { opacity: 0.9; } .featured-box--inner { display: block; margin: 0 auto; } .featured-box--image { display: block; vertical-align: middle; width: 100%; padding: 0 15px; } .featured-box--image img, .featured-box--image svg { width: 100%; } .featured-box--image img.placeholder-svg, .featured-box--image svg.placeholder-svg { max-width: 100%; max-height: 100%; margin: 0 auto; } .featured-box--title { position: relative; display: block; color: black; font-family: "Dosis", "HelveticaNeue", "Helvetica Neue", sans-serif; font-weight: 600; padding-top: 15px; line-height: 1; z-index: 10; } /*============================================================================ #Collection Filters ==============================================================================*/ @media screen and (max-width: 768px) { .collection-filters { display: none; } } @media screen and (min-width: 769px) { .toggle-filters { display: none; } } .advanced-filters { margin-bottom: 30px; } .advanced-filters a { display: block; position: relative; padding-left: 20px; } .advanced-filters a:before, .advanced-filters a:after { content: ''; display: block; position: absolute; } .advanced-filters a:before { top: 6px; left: 0; width: 12px; height: 12px; background-color: white; border: 1px solid #ca172a; } .advanced-filters a:after { top: 9px; left: 3px; width: 6px; height: 6px; background-color: transparent; } .advanced-filters a:hover:after { background-color: #ca172a; } .advanced-filter.active-filter a:after { background-color: #000; } .advanced-filter.active-filter a:hover:after { content: '\78'; top: 6px; left: 0; width: 12px; height: 12px; background-color: #000; font-size: 8px; text-align: center; color: #fff; font-family: "icons"; line-height: 12px; speak: none; } /*============================================================================ #Breadcrumbs ==============================================================================*/ .breadcrumb { font-size: 13px; border-bottom: 1px solid #ca172a; margin-bottom: 30px; /* margin-top: -$gutter; // offset .main-content padding height: 52px;*/ margin-top: 0 !important; } .lt-ie9 .breadcrumb { margin-top: 0; } @media screen and (min-width: 769px) { .template-page .breadcrumb, .template-product .breadcrumb { margin-bottom: 60px; } } @media screen and (max-width: 768px) { .breadcrumb { height: auto; } } .breadcrumb a { color: black; } .breadcrumb a:hover { color: black; } .breadcrumb a, .breadcrumb span { display: inline-block; padding: 15px 7px 15px 0; margin-right: 7px; overflow: hidden; } .breadcrumb a:first-child, .breadcrumb span:first-child { padding-left: 0; } .breadcrumb .divider { font-size: 15px; font-family: 'Verdana', sans-serif; padding: 13px 7px 13px 0; color: #767676; } .breadcrumb + .grid-border { margin-top: -30px; } .breadcrumb--truncate { width: auto !important; /* white-space: nowrap; text-overflow: ellipsis;*/ } /*============================================================================ #Product Page ==============================================================================*/ /*================ Select fields ================*/ .product-variants { display: none; } .no-js .product-variants { display: block; } @media screen and (min-width: 769px) { .selector-wrapper select, .product-variants select { max-width: 40%; } } .payment-buttons { display: inline-flex; flex-direction: column; } .payment-buttons.payment-buttons--medium { min-width: 40%; } @media screen and (max-width: 768px) { .payment-buttons.payment-buttons--medium { width: 100%; } } .payment-buttons.payment-buttons--large { width: 100%; } .shopify-payment-button .shopify-payment-button__button { margin-top: 10px; min-height: 44px; } @media screen and (min-width: 769px) { .shopify-payment-button .shopify-payment-button__button { margin-top: 13px; } } .shopify-payment-button .shopify-payment-button__button--branded { border-radius: 2px; overflow: hidden; } .payment-buttons--large .shopify-payment-button .shopify-payment-button__button--branded { min-height: 55px; } .shopify-payment-button .shopify-payment-button__button--unbranded { border-radius: 2px; } .shopify-payment-button .shopify-payment-button__button--unbranded:hover { background-color: #b31425 !important; } .payment-buttons--large .shopify-payment-button .shopify-payment-button__button--unbranded { margin-bottom: 0; } .shopify-payment-button .shopify-payment-button__more-options { color: #ca172a; margin-top: 16px; text-decoration: underline; } .shopify-payment-button .shopify-payment-button__more-options:hover, .shopify-payment-button .shopify-payment-button__more-options:focus { color: #ea4455; } .payment-buttons--medium .shopify-payment-button { min-width: 40%; } @media screen and (min-width: 481px) { #addToCartForm select { max-width: 50%; } } /*================ Product details ================*/ #productPrice { font-size: 32px; margin-bottom: 0; white-space: nowrap; } #comparePrice { white-space: nowrap; } .product-meta { margin-bottom: 5px; } .product-meta .product-meta--review { display: block; } .product-meta span { margin-bottom: 0; } @media screen and (min-width: 481px) { .product-meta { display: table; } .product-meta li, .product-meta .product-meta--review { display: table-cell; vertical-align: middle; padding-right: 15px; } } .full-details { display: inline-block; margin-top: 20px; cursor: pointer; } /*================ Notice of < 10 items left ================*/ .variant-quantity { display: none; color: black; font-size: 14px; line-height: 34px; margin-bottom: 13px; } .variant-quantity.is-visible { display: flex; justify-content: flex-start; align-items: center; } /*================ Product photos ================*/ .product-photo-container { margin-bottom: 30px; max-width: 100%; } .product-photo-container a, .product-photo-container img, .product-photo-thumbs a, .product-photo-thumbs img { display: block; margin: 0 auto; } .product-photo-container li, .product-photo-thumbs li { margin-bottom: 30px; } @media screen and (min-width: 769px) { .image-zoom { display: inline-block; cursor: move; } } /*============================================================================ #Blogs and Comments ==============================================================================*/ .comment { margin-bottom: 30px; } .comment + .comment { border-top: 1px solid #ca172a; padding-top: 30px; } /*============================================================================ #Notes and Form Feedback ==============================================================================*/ .note, .errors { border-radius: 2px; padding: 15px; margin-bottom: 15px; border: 1px solid transparent; } .note ul, .note ol, .errors ul, .errors ol { margin-top: 0; margin-bottom: 0; } .note li:last-child, .errors li:last-child { margin-bottom: 0; } .note p, .errors p { margin-bottom: 0; } .note { border-color: #ca172a; } .errors ul { list-style: disc outside; margin-left: 20px; } .form-success { color: #0a942a; background-color: #ecfef0; border-color: #0a942a; padding: 0.5em; } .form-error, .errors { color: #dc0000; background-color: #fff6f6; border-color: #dc0000; padding: 0.5em; } /*============================================================================ #Cart Page ==============================================================================*/ .cart-row { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ca172a; } .cart-row:first-child { margin-top: 0; } .cart-row:first-child { padding-top: 0; border-top: 0 none; } .cart-row a { color: black; } .cart-row a:hover { color: #ca172a; } .cart-row input[type="image"] { padding: 15px 0px; } .cart-row .additional-checkout-buttons > *:not(script) { padding: 10px 0 0 10px; vertical-align: top; line-height: 1; } .cart-row .additional-checkout-buttons > *:not(script):first-child, .cart-row .additional-checkout-buttons > *:not(script):empty { padding-left: 0px; } .cart-image, .cart-image img { display: block; width: 100%; max-height: inherit; height: inherit; } @media screen and (max-width: 768px) { .cart-image { margin-bottom: 15px; } } .cart-subtotal { margin-bottom: 30px; } .cart-subtotal--price { margin: 0 0 0 10px; display: inline; } .cart-subtotal--savings, .cart-item--discount { display: block; padding-bottom: 15px; font-weight: 700; } .cart--no-cookies .cart--empty-message { display: none; } .cart--no-cookies .cart--continue-message { display: none; } .cart--cookie-message { display: none; padding-bottom: 25px; } .cart--no-cookies .cart--cookie-message { display: block; } /*================ Remove from cart icon ================*/ a.remove { display: inline-block; margin-top: 7px; height: 19px; line-height: 19px; padding: 0 5px; border-radius: 19px; font-size: 9px; text-align: center; border: 0 none; } .supports-fontface a.remove { padding: 0; width: 19px; } /*================ Ajax Cart ================*/ #ajaxifyDrawer .ajaxifyCart--content a.remove { color: black; } @media screen and (max-width: 480px) { body { padding-top: 50px; } .ajaxify-modal .ajaxifyCart--close { top: 67px; } .ajaxify-modal .ajaxifyCart--content { margin-top: 50px; margin-bottom: -50px; } } /*============================================================================ #Demo Styles - for empty store state ==============================================================================*/ .demo-image { background: url("//cdn.shopify.com/s/files/1/0383/9765/t/1/assets/blankslate-producticon.png?4") no-repeat center center #eeeeee; display: block; text-align: center; padding: 100px 0; color: #aaa; font-size: 0.875em; text-decoration: none; } /*============================================================================ #FlexSlider - jQuery FlexSlider v2.2.2 | http://www.woothemes.com/flexslider/ - Contributing author: Tyler Smith (@mbmufffin) ==============================================================================*/ .flexslider { margin: 0 0 45px; padding: 0; } .flexslider li { margin: 0; max-width: 100%; } .flexslider .slides > li { display: none; /* Hide the slides before the JS is loaded. Avoids image jumping */ margin: 0; position: relative; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .flexslider .slides > li .slide-hide { visibility: hidden; } .flexslider .slides img { max-width: 100%; margin: 0 auto; display: block; } .flexslider .slides .placeholder-noblocks { height: auto; width: 100%; max-height: 100%; } @media screen and (min-width: 769px) { .flexslider .slides .placeholder-noblocks { height: 430px; } } @media screen and (max-width: 768px) { .flexslider .slides .placeholder-noblocks { height: 30vh; } } .slides:after { content: ""; display: table; clear: both; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /*================ No JS Fallback ================*/ .no-js .slides > li:first-child { display: block; } .flexslider { position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /*================ Direction Nav ================*/ .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { display: block; width: 45px; position: absolute; top: 0; bottom: 0; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; } .flex-direction-nav a { text-indent: -9999px; background-color: transparent; background-repeat: no-repeat; background-size: 20px auto; /*================ Hide SVG arrows in oldIE ================*/ } .lte-ie9 .flex-direction-nav a { display: none; } .flex-direction-nav a.flex-prev { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjIuM3B4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCAyMi4zIDQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMi4zIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNEM0QzRDMiIGQ9Ik0xOC43LDBMMCwxOS43TDE4LjcsNDBjMCwwLDUuMi0xLDMuMS0zLjFTNS43LDE5LjcsNS43LDE5LjdzMTQtMTQuNSwxNi4xLTE2LjZTMTguNywwLDE4LjcsMHoiLz4NCjwvc3ZnPg0K"); background-position: center left; } .flex-direction-nav a.flex-next { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjIuM3B4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCAyMi4zIDQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMi4zIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNEM0QzRDMiIGQ9Ik0wLjUsMy4xYzIuMSwyLjEsMTYuMSwxNi42LDE2LjEsMTYuNlMyLjYsMzQuOCwwLjUsMzYuOVMzLjYsNDAsMy42LDQwbDE4LjctMjAuM0wzLjYsMEMzLjYsMC0xLjYsMSwwLjUsMy4xDQoJeiIvPg0KPC9zdmc+DQo="); background-position: center right; } /*================ Control Nav ================*/ .flex-control-nav { position: absolute; bottom: -30px; width: 100%; text-align: center; margin: 0; padding: 0; list-style: none; } .flex-control-nav li { margin: 0 4px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } .flex-control-paging li a { width: 12px; height: 12px; display: block; background-color: #ca172a; cursor: pointer; text-indent: -9999px; border-radius: 20px; border: 2px solid white; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .flex-control-paging li a:hover { background-color: #9c1220; } .flex-control-paging li a.flex-active { background-color: white; border-color: #ca172a; cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 768px) { .flex-direction-nav a { opacity: 1; width: 25px; } .flex-direction-nav a.flex-prev { left: 0; background-position: center right; } .flex-direction-nav a.flex-next { right: 0; background-position: center left; } } @media screen and (min-width: 769px) { .flex-direction-nav .flex-prev { left: 10px; } .flex-direction-nav .flex-next { right: 10px; } .flexslider:hover .flex-prev { opacity: 1; left: -25px; } .flexslider:hover .flex-next { opacity: 1; right: -25px; } } @media screen and (min-width: 1120px) { .flex-direction-nav .flex-prev { left: 20px; } .flex-direction-nav .flex-next { right: 20px; } .flexslider:hover .flex-prev { opacity: 1; left: -45px; } .flexslider:hover .flex-next { opacity: 1; right: -45px; } } /*================ Custom Flexslider Styles ================*/ .flexslider .slides { margin: 0; padding: 0; list-style-type: none; } .slide-link { display: block; } .slide-link img { display: block; } /*============================================================================ #Magnific Popup http://dimsemenov.com/plugins/magnific-popup/ ==============================================================================*/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /*======================== Magnific Popup custom styles ===================== */ .mfp-bg { background-color: white; } .mfp-close { color: inherit; } .mfp-bg.mfp-fade { -webkit-backface-visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* overlay animate in */ .mfp-bg.mfp-fade.mfp-ready { opacity: 1; filter: alpha(opacity=100); } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; filter: alpha(opacity=100); } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /*============================================================================ #Product Reviews - Free Shopify App - https://apps.shopify.com/product-reviews ==============================================================================*/ #shopify-product-reviews { margin: 0; /*================ Summary Rating ================*/ /*================ Content ================*/ /*================ Individual Ratings ================*/ /*================ Review Form ================*/ } #shopify-product-reviews .spr-container { padding: 0; border: 0 none; } #shopify-product-reviews .spr-summary { border-bottom: 1px solid #ca172a; padding-bottom: 15px; margin-bottom: 30px; } @media screen and (min-width: 769px) { #shopify-product-reviews .spr-summary { float: left; border: 1px solid #ca172a; width: 30%; padding: 10px; } #shopify-product-reviews .spr-summary .spr-summary-starrating { display: block; margin: 0; } } #shopify-product-reviews .spr-summary-caption { font-size: 14px; } @media screen and (min-width: 769px) { #shopify-product-reviews .spr-summary-caption { display: block; border-bottom: 1px solid #ca172a; margin-bottom: 10px; padding-bottom: 10px; } } #shopify-product-reviews .spr-summary-actions-newreview:after { content: ' \203A'; clear: none; display: inline; } @media screen and (min-width: 769px) { #shopify-product-reviews .spr-summary-actions-newreview { float: none; } } #shopify-product-reviews .spr-header:after { clear: none; } @media screen and (min-width: 769px) { #shopify-product-reviews .spr-content { float: left; width: 70%; padding-left: 30px; } } #shopify-product-reviews .spr-reviews { margin: 0; } #shopify-product-reviews .spr-review { padding: 0; margin: 0; border: 0 none; } #shopify-product-reviews .spr-review + .spr-review { margin-top: 15px; } #shopify-product-reviews .spr-review-content-body { font-size: inherit; } #shopify-product-reviews .spr-review-content-body br { content: ''; display: block; overflow: hidden; height: 1px; } #shopify-product-reviews .spr-review-header { margin-bottom: 0; } #shopify-product-reviews .spr-review-header:after { content: ""; display: table; clear: both; } #shopify-product-reviews .spr-review-header-title { margin-right: 15px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; text-transform: uppercase; font-size: 17px; line-height: 20px; position: relative; top: 2px; } @media screen and (min-width: 769px) { #shopify-product-reviews .spr-review-header-starratings, #shopify-product-reviews .spr-review-header-title { display: inline; } #shopify-product-reviews .spr-review-header-title { float: left; } } #shopify-product-reviews .spr-review-header-starratings { position: relative; top: -2px; margin: 0 15px 10px 0; } #shopify-product-reviews .spr-review-header-byline { position: relative; top: -2px; display: inline-block; margin: 0; } #shopify-product-reviews .spr-review-reportreview { display: none; } #shopify-product-reviews .spr-form { border: 0 none; border-bottom: 1px solid #ca172a; margin: 0 0 30px; padding: 0 0 30px; } /*================ Star Icons ================*/ .spr-badge-starrating { white-space: nowrap; } .spr-badge-starrating, .spr-icon { color: #e5c649; font-size: inherit; } /*================ Review count ================*/ .spr-badge-caption { display: inline-block; font-size: 13px; } /*================ Hide review badge if no reviews ================*/ .product-grid-item .spr-badge[data-rating="0.0"], .product-meta--review .spr-badge[data-rating="0.0"] { display: none; } /*============================================================================ #Password Page ==============================================================================*/ .template-password { height: 100vh; text-align: center; padding: 0; } .password-page__wrapper { display: table; height: 100%; width: 100%; background-image: url(/cdn/shop/t/61/assets/password-page-background.jpg?v=103614272200887375531680594493); background-size: cover; background-repeat: no-repeat; color: #ffffff; } .password-page__wrapper a { color: inherit; } .password-page__wrapper .social-sharing a { color: #ffffff; } .password-page__header { display: table-row; height: 1px; } .password-page__header__inner { display: table-cell; padding: 15px 30px; width: 100vw; } .password-page__logo { margin-top: 90px; } .password-page__logo .logo { max-width: 100%; } .password-page__main { display: table-row; width: 100%; height: 100%; margin: 0 auto; } .password-page__main__inner { display: table-cell; vertical-align: middle; padding: 15px 30px; width: 100vw; } .password-page__hero { font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", sans-serif; font-weight: 700; font-size: 2.8em; line-height: 1.25; text-transform: none; letter-spacing: 0; text-rendering: optimizeLegibility; } @media screen and (min-width: 481px) { .password-page__hero { font-size: 4em; } } @media screen and (min-width: 769px) { .password-page__hero { font-size: 4.26667em; } } .password-page__message { font-style: italic; font-size: 120%; } .password-page__message img { max-width: 100%; } .password-page__message, .password-page__login-form, .password-page__signup-form { max-width: 500px; margin: 0 auto; } .password-page__login-form { text-align: center; padding: 30px; } .password-page__signup-form .input-group-field { color: #ffffff; } @media screen and (min-width: 480px) { .password-page__login-form, .password-page__signup-form { padding: 0 30px; } } .password-page__login-form .input-group, .password-page__signup-form .input-group { width: 100%; } .password-page__login-form .errors ul, .password-page__signup-form .errors ul { list-style-type: none; margin-left: 0; } .storefront-password-form { margin-bottom: 15px; } .password-page__social-sharing { margin-top: 30px; } .password-page__social-sharing .social-sharing { padding-top: 0; } .password-login, .admin-login { margin-top: 15px; } .password-login a:hover, .admin-login a:hover { color: inherit; } .password-login { font-size: 0.93333em; line-height: 14px; } .lock-icon-svg { width: 14px; height: 14px; display: inline-block; vertical-align: baseline; /* Hiding the SVG logo in IE8 */ } .lock-icon-svg path { fill: currentColor; } .lt-ie9 .lock-icon-svg { display: none; } .stock-icon-svg { height: 12px; width: 12px; margin-right: 5px; } .stock-icon-svg path { fill: currentColor; } .admin-login { font-size: 95%; } .password-page__footer { display: table-row; height: 1px; } .password-page__footer_inner { display: table-cell; vertical-align: bottom; padding: 30px; line-height: 22.5px; font-size: 95%; } .shopify-link { color: inherit; } .shopify-link:hover { color: inherit; } .shopify-logo-svg { width: 77.14286px; height: 22.5px; display: inline-block; line-height: 0; vertical-align: top; /* Hiding the SVG logo in IE8, we show the word 'Shopify' instead */ } .shopify-logo-svg path { fill: currentColor; } .lt-ie9 .shopify-logo-svg { display: none; } /* ========= Hiding the word 'Shopify' but not from screen readers. IE8 does not support SVG, so in it we hide the logo and show the word. To target all browsers except IE8, we use the class 'modern', which needs to be added to the html element. ========= */ .modern .shopify-name { clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; height: 1px; width: 1px; } /*============================================================================ #Image with text ==============================================================================*/ .feature-row { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } @media screen and (max-width: 480px) { .feature-row { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .feature-row__item { -webkit-flex: 0 1 50%; -moz-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } @media screen and (max-width: 480px) { .feature-row__item { -webkit-flex: 1 1 100%; -moz-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .feature-row__image-wrapper { position: relative; margin: 0 auto; } .feature-row__image { display: block; margin: 0 auto; } @media screen and (max-width: 480px) { .feature-row__image { order: 1; } } .js .feature-row__image { position: absolute; top: 0; left: 0; width: 100%; } .feature-row__text { padding-top: 30px; padding-bottom: 30px; } @media screen and (max-width: 480px) { .feature-row__text { order: 2; padding-bottom: 0; } } @media screen and (min-width: 481px) { .feature-row__text--left { padding-left: 30px; } .feature-row__text--right { padding-right: 30px; } } @media screen and (min-width: 481px) { .featured-row__subtext { font-size: 1.13333em; } } /*============================================================================ #Custom Content ==============================================================================*/ .custom-content { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; margin-bottom: 30px; margin-left: -30px; } @media screen and (max-width: 480px) { .custom-content { margin-bottom: 15px; margin-left: -15px; } } .custom__item { -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 30px; padding-left: 30px; max-width: 100%; } @media screen and (max-width: 480px) { .custom__item { -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 15px; margin-bottom: 15px; } .custom__item.small--one-half { -webkit-flex: 1 0 50%; -moz-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 400px; margin-left: auto; margin-right: auto; } } .custom__item-inner { position: relative; display: inline-block; text-align: left; max-width: 100%; } .custom__item-inner--video, .custom__item-inner--html { display: block; } /*================ Flex item alignment ================*/ .align--top-middle { text-align: center; } .align--top-right { text-align: right; } .align--middle-left { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; } .align--center { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; text-align: center; } .align--middle-right { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; text-align: right; } .align--bottom-left { -ms-flex-item-align: flex-end; -webkit-align-self: flex-end; align-self: flex-end; } .align--bottom-middle { -ms-flex-item-align: flex-end; -webkit-align-self: flex-end; align-self: flex-end; text-align: center; } .align--bottom-right { -ms-flex-item-align: flex-end; -webkit-align-self: flex-end; align-self: flex-end; text-align: right; } /*============================================================================ #Blank States ==============================================================================*/ .placeholder-svg { display: block; fill: rgba(0, 0, 0, 0.35); background-color: rgba(0, 0, 0, 0.1); width: 100%; height: 100%; max-width: 100%; max-height: 100%; border: 1px solid rgba(0, 0, 0, 0.2); } .placeholder-noblocks { padding: 40px; text-align: center; max-width: 100%; fill: rgba(0, 0, 0, 0.35); } .placeholder-noblocks.slide-link { background-color: rgba(0, 0, 0, 0.1); } .placeholder-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; background-color: rgba(0, 0, 0, 0.1); } .placeholder-background .icon { border: 0; } .placeholder-background.imagebox { background-color: #333333; } .placeholder-background.imagebox svg.placeholder-image { fill: rgba(255, 255, 255, 0.35); border: 0px; align-self: center; width: 100%; height: 100%; } .image-bar__content .placeholder-svg { position: absolute; top: 0; left: 0; } /*============================================================================ #Lazysizes ==============================================================================*/ .lazyload__image-wrapper { display: block; margin-bottom: 10px; position: relative; margin: 0 auto; } .lazyload__image-wrapper img { display: block; } .lazyload__image-wrapper img { display: block; width: 100%; margin: 0 auto; position: absolute; top: 0; } .lazyload__image-wrapper img.lazyload { opacity: 0; } .box { background: no-repeat; background-color: #f7f7f7; background-size: contain; } /*============================================================================ #Featured blog post ==============================================================================*/ .article__featured-image { position: absolute; top: 0; left: 0; display: block; width: 100%; } .article__featured-image-wrapper { position: relative; margin-bottom: 30px; } .no-js .article__featured-image-wrapper { clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; height: 1px; width: 1px; } .article__featured-image-wrapper-nojs { margin-bottom: 30px; } .featured-blog__meta { margin-bottom: 0.5em; } .featured-blog__post { margin-bottom: 37.5px; } .placeholder .article__featured-link { margin-bottom: 30px; } /*============================================================================ #Map section ==============================================================================*/ .map-section__wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ie9 .map-section__wrapper { display: block; position: relative; } .map-section__content { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 290px; overflow: hidden; position: relative; } @media screen and (max-width: 768px) { .map-section__content { -webkit-flex: 0 1 100%; -moz-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } } @media screen and (min-width: 769px) { .ie9 .map-section__content { width: 50%; } } .map-section__content .icon-pin { font-size: 13.6px; } .map-section__image { height: 100%; background-size: cover; background-position: center; padding-top: 50%; } @media screen and (max-width: 768px) { .map-section__image { order: 1; } } @media screen and (min-width: 769px) { .map-section__image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } } .map-section--display-map .map-section__image { display: none !important; } @media screen and (min-width: 769px) { .ie9 .map-section__background-wrapper { left: 50%; height: 100%; top: 0; position: absolute; } } .map-section__placeholder { height: 100%; } @media screen and (min-width: 769px) { .map-section__placeholder { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } } .map-section--display-map .map-section__placeholder { display: none !important; } .map-section__text { padding: 30px; background-color: #f8f8f8; } @media screen and (max-width: 768px) { .map-section__text { order: 0; } } .map-section__container { width: 100%; height: 55vh; } @media screen and (min-width: 769px) { .map-section__container { position: absolute !important; top: 0; left: 0; height: 100%; } } /*============================================================================== #Rich text section ==============================================================================*/ .rich-text__heading p { margin-bottom: 0; } .rich-text__heading--large { font-size: 1.15em; } .rich-text__heading--small { font-size: 0.88em; } .rich-text__text--large { font-size: 1.26667em; } .rich-text__text--small { font-size: 0.86667em; } /* Custom Css */ p { margin-bottom: 16px; } .site-header .grid-item.large--one-half { width: 30%; height: auto !important; } .content_test p:last-child { margin-bottom: 0; } .site-header .grid-item.large--one-half.large--text-right { width: 70%; float: right; margin: 0 auto; display: flex; } .site-header { padding: 5px 0; } .site-header .grid-item.large--one-half.large--text-right .site-header--text-links p { margin-bottom: 0; color: rgba(255, 255, 255, 0.5); font-size: 14px; font-style: italic; font-family: 'Fira Sans', sans-serif; font-weight: 400; } .site-header .grid-item.large--one-half.large--text-right .site-header--text-links p span { font-size: 20px; } .site-header .grid-item.large--one-half.large--text-right .site-header--meta-links { font-size: 15px; } .site-header .grid-item.large--one-half.large--text-right .site-header--meta-links a, .site-header .grid-item.large--one-half.large--text-right .site-header--meta-links span { color: #000; } .social-icons li .icon { font-size: 30px; } #shopify-section-footer .wrapper .hr--small { display: none; } #shopify-section-footer .wrapper .hr--small + .grid + .hr--small, #shopify-section-footer .wrapper .hr--small + .grid--rev + .hr--small, #shopify-section-footer .wrapper .hr--small + .grid--full + .hr--small { display: block; } #shopify-section-footer ul.social-icons { padding-top: 20px; padding-left: 26%; padding-bottom: 20px; text-align: left; } .site-nav--dropdown a, .site-nav--dropdown-grandchild a { font-size: 14px; text-align: left; } .template-index .main-content { padding-bottom: 0; } .site-nav { text-align: center; } .template-index .custom__item-inner { position: static !important; } #shopify-section-footer .wrapper .grid .grid-item p strong, #shopify-section-footer .wrapper .grid--rev .grid-item p strong, #shopify-section-footer .wrapper .grid--full .grid-item p strong { font-size: 20px; } #shopify-section-footer ul.social-icons li { vertical-align: inherit; } #shopify-section-footer ul.social-icons li img { max-height: 26px; } .site-nav > li > a { padding: 15px 45px; } .template-page .breadcrumb, .template-product .breadcrumb { margin-bottom: 40px; } h1, .h1, #shopify-product-reviews .spr-header-title, .h1, #shopify-product-reviews .spr-header-title { margin: 0 0 20px; line-height: 32px; } h2, .h2 { margin: 0 0 20px; } h3, .h3 { margin: 0 0 15px; } .rte ul { margin-bottom: 20px; } .rte ul li { margin-bottom: 6px; } .rte ul li:last-child { margin-bottom: 0; } blockquote { padding-top: 0; padding-bottom: 0; margin-bottom: 20px !important; } blockquote p { margin-bottom: 10px; } blockquote p:last-child { margin-bottom: 0px; } .reviews-block { background: #f6f6f6 url(../../bkp/quotes1.png) no-repeat 20px 20px; padding: 20px 20px 20px 65px; border-left: solid 4px #831518; margin-bottom: 20px !important; } .reviews-block p { margin-bottom: 15px; } .reviews-block h6, .reviews-block .h6 { color: #831518; } .video-block { padding: 15px; background: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); } .section-header .rte.rte--header ul { margin-bottom: 0; } .section-header .section-header--title { margin-bottom: 15px; } .sidebar ul li { color: #831518; text-transform: lowercase; } .sidebar ul li { text-transform: capitalize; } .template-collection .grid-uniform .product-grid-image { min-height: 100px; } .ajaxifyCart--content .icon-fallback-text { background: #831518; color: white !important; line-height: 16px !important; min-width: 1px !important; } .ajaxifyCart--content .cart-subtotal { margin-bottom: 10px; } .ajaxifyCart--content .cart-row .btn, .ajaxifyCart--content .cart-row .btn-secondary, .ajaxifyCart--content .cart-row input[type="submit"], .ajaxifyCart--content .cart-row .header-cart-btn, .ajaxifyCart--content .cart-row .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .ajaxifyCart--content .cart-row .shopify-payment-button__button--unbranded { margin-bottom: 15px; } .template-cart .cart-form .cart-row .cart-subtotal { margin-bottom: 15px; } .template-cart .cart-form .cart-row .additional-checkout-buttons { margin-top: 15px; } .template-cart .cart-form .cart-row .btn-secondary { color: #fff; } .content_test { display: inline-block; margin-top: 0; width: 56%; } .content_test p { font-size: 20px; margin-bottom: 0; } .content-text-block { display: table-cell; vertical-align: middle; } ol, ul.square, .rte ul ul ul, .rte ul ul ul, ul.disc, .rte ul, .rte ul, ol, ol.square, .rte ol ol ol, ol.disc, .rte ol { margin-left: 14px; } #cross-sell { margin-top: 20px; } .template-collection .section-header .section-header--title { margin-bottom: 0; } .template-collection .section-header .rte--header ul li { margin-top: 15px; } .template-collection .section-header .rte--header ul li h3, .template-collection .section-header .rte--header ul li .h3 { margin-bottom: 0; } .template-collection .section-header .rte--header p { margin: 15px 0 0; } .sidebar { padding-right: 10px; } .shopify-buy-frame { margin-bottom: 20px !important; } .south-carolina-block { list-style: none outside none; padding: 0; margin: 0 !important; display: inline-block; } .south-carolina-block li { padding-left: 15px; padding-right: 15px; padding-bottom: 20px; text-align: center; list-style: none outside none; margin: 0 !important; } .south-carolina-block li span { display: block; padding-top: 15px; } .site-footer .small--one-whole, .site-footer .small--one-whole a { color: #fff; } #shopify-section-footer .wrapper .grid .grid-item p + p, #shopify-section-footer .wrapper .grid--rev .grid-item p + p, #shopify-section-footer .wrapper .grid--full .grid-item p + p { margin-bottom: 0; } #shopify-section-footer .wrapper .grid .grid-item p:last-child, #shopify-section-footer .wrapper .grid--rev .grid-item p:last-child, #shopify-section-footer .wrapper .grid--full .grid-item p:last-child { margin-bottom: 20px; } .template-index .custom-content .custom__item { margin-bottom: 0; } .site-nav--dropdown a, .site-nav--dropdown-grandchild a, .site-nav--dropdown a:hover, .site-nav--dropdown-grandchild a:hover, .site-nav--dropdown a:focus, .site-nav--dropdown-grandchild a:focus { color: #831518 !important; } a, a:hover { color: #831518; } .grid-uniform .grid-item .product-grid-item p { line-height: 1.3; font-weight: bold; } .sale-tag { color: #831518; border-color: #831518; } .template-product .product-template-section .grid-item > h1.h2, .template-product .product-template-section .grid-item > .h2.h1, .template-product .product-template-section #shopify-product-reviews .grid-item > .h2.spr-header-title, #shopify-product-reviews .template-product .product-template-section .grid-item > .h2.spr-header-title { line-height: 1.2; } .template-product .product-template-section .grid-item #variantBreak { margin-top: 20px; margin-bottom: 0; } .template-product .product-template-section .social-sharing { padding-top: 0; } .btn, .btn-secondary, input.btn-secondary, input[type="submit"], .header-cart-btn, .shopify-payment-button .shopify-payment-button__button--unbranded, .btn-secondary, input.btn-secondary, input[type="submit"], .header-cart-btn, .shopify-payment-button .shopify-payment-button__button--unbranded { background: #831518; } .btn:hover, .btn-secondary:hover, input[type="submit"]:hover, .header-cart-btn:hover, .shopify-payment-button .shopify-payment-button__button--unbranded:hover, .btn-secondary:hover, input.btn-secondary:hover, input[type="submit"]:hover, .header-cart-btn:hover, .shopify-payment-button .shopify-payment-button__button--unbranded:hover { background: #6d1114; } #cross-sell .grid-uniform.cross-sell { margin-left: -15px; margin-right: -15px; } #cross-sell .grid-uniform.cross-sell .grid-item { padding-left: 15px; padding-right: 15px; width: 25%; border-right: solid 1px #cacaca; clear: none !important; } #cross-sell .grid-uniform.cross-sell .grid-item .js--qty-adjuster:hover, #cross-sell .grid-uniform.cross-sell .grid-item .ajaxifyCart--qty-adjuster:hover { color: #fff; } #cross-sell .grid-uniform.cross-sell .grid-item .cs_add-to-cart { margin-top: 20px; } .breadcrumb { padding-top: 18px; padding-bottom: 18px; } .breadcrumb a, .breadcrumb span { padding-top: 0 !important; padding-bottom: 0 !important; font-weight: 400 !important; font-size: 13px !important; text-transform: none !important; } .site-nav > li > a:hover { color: #fff; } .reviews-block { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .sidebar ul li { font-weight: bold; } .row { margin-left: -15px; margin-right: -15px; zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } blockquote { padding-left: 0; padding-bottom: 20px !important; border-bottom: solid 1px #831518; border-left: none !important; } .site-header .grid-item.large--one-half.large--text-right .site-header--text-links p span { color: #831518; } #customer_login p .btn, #customer_login p .btn-secondary, #customer_login p input[type="submit"], #customer_login p .header-cart-btn, #customer_login p .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button #customer_login p .shopify-payment-button__button--unbranded, #create_customer p .btn, #create_customer p .btn-secondary, #create_customer p input[type="submit"], #create_customer p .header-cart-btn, #create_customer p .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button #create_customer p .shopify-payment-button__button--unbranded { text-transform: uppercase; } .rte table { width: 100% !important; max-width: 70%; min-width: 10px !important; margin-bottom: 20px; } .rte table tr th, .rte table tr td { padding: 10px 15px; } .rte table tr th { background: #eaeaea; } .nevada-list-block, .nevada-list-block .row { margin-bottom: 0; } .nevada-list-block .row .col-sm-3 { padding-bottom: 30px; text-align: center; } .nevada-list-block .row .col-sm-3 img { height: auto !important; max-height: 180px; width: auto !important; } .nevada-list-block .row .col-sm-3 h4, .nevada-list-block .row .col-sm-3 .h4 { margin-bottom: 0; font-size: 14px; } .nevada-list-block { padding-top: 10px; } .site-logo-block .h1.header-logo { margin: 0 auto; } .ajaxify-modal .cart-row .grid .text-right .btn, .ajaxify-modal .cart-row .grid--rev .text-right .btn, .ajaxify-modal .cart-row .grid--full .text-right .btn, .ajaxify-modal .cart-row .grid .text-right .btn-secondary, .ajaxify-modal .cart-row .grid--rev .text-right .btn-secondary, .ajaxify-modal .cart-row .grid--full .text-right .btn-secondary, .ajaxify-modal .cart-row .grid .text-right input[type="submit"], .ajaxify-modal .cart-row .grid--rev .text-right input[type="submit"], .ajaxify-modal .cart-row .grid--full .text-right input[type="submit"], .ajaxify-modal .cart-row .grid .text-right .header-cart-btn, .ajaxify-modal .cart-row .grid--rev .text-right .header-cart-btn, .ajaxify-modal .cart-row .grid--full .text-right .header-cart-btn, .ajaxify-modal .cart-row .grid .text-right .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .ajaxify-modal .cart-row .grid .text-right .shopify-payment-button__button--unbranded, .ajaxify-modal .cart-row .grid--rev .text-right .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .ajaxify-modal .cart-row .grid--rev .text-right .shopify-payment-button__button--unbranded, .ajaxify-modal .cart-row .grid--full .text-right .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .ajaxify-modal .cart-row .grid--full .text-right .shopify-payment-button__button--unbranded { min-width: 150px; text-align: center; } .template-cart .cart-row .text-right .btn, .template-cart .cart-row .text-right .btn-secondary, .template-cart .cart-row .text-right input[type="submit"], .template-cart .cart-row .text-right .header-cart-btn, .template-cart .cart-row .text-right .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .template-cart .cart-row .text-right .shopify-payment-button__button--unbranded { min-width: 150px; text-align: center; } #thank-you .grid-item h1, #thank-you .grid-item .h1, #thank-you .grid-item #shopify-product-reviews .spr-header-title, #shopify-product-reviews #thank-you .grid-item .spr-header-title { text-align: center; } #thank-you .grid-item .rte { max-width: 1200px; margin: auto; } .container { max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; } @media (min-width: 1051px) { .site-logo-block { min-height: 191px; } } @media (min-width: 769px) { #cross-sell .grid-uniform.cross-sell .grid-item:nth-child(4n+0) { border-right: none; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-1 { width: 8.333333333333332%; } } @media (min-width: 480px) and (max-width: 768px) { #cross-sell .grid-uniform.cross-sell .grid-item:nth-child(2n+0) { border-right: none; } #cross-sell .grid-uniform.cross-sell .grid-item { width: 50%; } } @media (min-width: 481px) { .south-carolina-block li { float: left; width: 33.33%; } } @media (max-width: 1199px) { .site-nav > li > a { padding: 15px 40px; } } @media (max-width: 1050px) { .content_test p { font-size: 13px; line-height: 18px; } .site-header .grid-item.large--one-half.large--text-right { width: 54%; } .content_test { width: 42%; margin-top: 20px; } .payment-icons .icon { font-size: 24px; } } @media (max-width: 991px) { .site-nav > li > a { padding: 15px 20px; } } @media (max-width: 768px) { .header-logo { margin: 0 auto; } .site-logo-block { display: block; width: 100%; } .site-header .grid-item.large--one-half.large--text-right { width: 100%; margin-top: 20px; } .site-header .search-bar { display: block; } .site-header .search-bar input[type="search"] { color: #FFF !important; } .site-footer .grid .grid-item.small--one-whole, .site-footer .grid--rev .grid-item.small--one-whole, .site-footer .grid--full .grid-item.small--one-whole { width: 100%; text-align: center; } .site-footer .grid .grid-item.small--one-whole + .grid-item.small--one-whole, .site-footer .grid--rev .grid-item.small--one-whole + .grid-item.small--one-whole, .site-footer .grid--full .grid-item.small--one-whole + .grid-item.small--one-whole { padding-top: 10px; } #shopify-section-footer ul.social-icons { text-align: center; width: 100% !important; } #shopify-section-footer .grid .grid-item, #shopify-section-footer .grid--rev .grid-item, #shopify-section-footer .grid--full .grid-item { text-align: center; width: 100% !important; } .nav-bar .search-bar input[type="search"] { color: white !important; } .grid-item.site-logo-block { height: auto !important; text-align: center; max-width: 130px; width: 100% !important; } .content_test p { font-size: 14px; line-height: 18px; } .content_test { margin-top: 0; width: calc(100% - 145px); float: right; text-align: right; } .content_test .site-logo-block { height: 135px !important; display: table-cell; vertical-align: middle; } .content_test .content-text-box { float: right; } .responsive-text-c { text-align: center; } .responsive-text-c .shopify-buy-frame { margin-left: auto; margin-right: auto; } } @media (max-width: 480px) { .site-header { border-bottom: solid 1px #d2d2d2; } } @media (max-width: 479px) { .content_test p { font-size: 13px; line-height: 16px; } #cross-sell .grid-uniform.cross-sell .grid-item { width: 100%; } } /* Added by Gearoid at Shopify on March 27, 2019 */ .payment-buttons.payment-buttons--small { display: inline; } .payment-buttons.payment-buttons--small .shipping-message { padding-left: 20px; font-weight: 700; } @media screen and (max-width: 480px) { .payment-buttons.payment-buttons--small .shipping-message { font-size: 12px; } } /* Added by Robert S at Shopify Theme Support June 26 2019 */ /*----------------------------------------------------------------------------------------*/ /*------------------------------------------*/ /* FEATURE BOX /*------------------------------------------*/ .srt_prc a { color: #fff; background-color: #ca1829; padding: 8px 15px; border-radius: 4px; font-weight: 400; text-align: left; font-family: 'Fira Sans', sans-serif; font-size: 17px; border: 2px solid #ca1829; display: block; position: relative; } .srt_prc a span { font-weight: 700; } .srt_prc a::after { content: ""; background: url("/cdn/shop/t/61/assets/left_arrow.png?v=65449660660072307301680594493") no-repeat right top; width: 28px; height: 21px; position: absolute; right: 16px; background-size: 22px; top: 13px; } .state_lander_right .grid-uniform .product-grid-image { display: none; } .state_lander_right .template-collection .grid-uniform .product-grid-image { display: none; } .state_lander_right .product-item--price { color: #fff; background-color: #ca1829; padding: 8px 15px; border-radius: 4px; font-weight: 400; text-align: left; font-family: 'Fira Sans', sans-serif; font-size: 17px; display: block; position: absolute; width: 100%; bottom: 20px; left: 0; right: 0; max-width: 90%; margin: 0 auto; } .state_lander_right .product-item--price small { font-size: 17px; font-weight: 600; } .state_lander_right sup { color: #fff; font-size: 17px !important; } .state_lander_right .product-item--price span { line-height: 22px; font-family: 'Fira Sans', sans-serif; font-size: 14px; font-weight: 400; color: #fff; margin: 0 auto; line-height: 1.6; } .state_lander_right .grid-item { padding-left: 15px; } .state_lander_right .grid-uniform { margin-left: -15px; padding-top: 20px; } .state_btm_right { padding-top: 40px; } .state_lander_right .product-grid-item { background-color: #fff; padding: 20px; box-shadow: 3px 3px 5px 6px #eee; min-height: 185px; margin-bottom: 0; position: relative; width: 100%; } .state_lander_right .grid-uniform .grid-item .product-grid-item p { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 15px; letter-spacing: 0.75px; line-height: 20px; font-weight: 700; } .state_lander_right .grid-item .grid-item.small--one-half.medium--one-quarter.large--one-quarter { max-width: 100%; height: 231px; position: relative; overflow: hidden; padding-left: 0; width: 100%; display: block; } body#alabama-courses .main-content { max-width: 100%; padding: 0; margin: 0 auto; } body#arkansas-courses .main-content { max-width: 100%; padding: 0; } .state_lander_right h2, .state_lander_right .h2 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 34px; letter-spacing: 0.75px; line-height: 40px; font-weight: 700; } .state_lander_left ol li { list-style: none; } .state_lander_left ol li i { font-size: 15px; margin-right: 6px; } .state_lander_left ul { margin: 0 auto; } .state_lander_left li { font-family: 'Fira Sans', sans-serif; font-size: 17px; font-weight: 400; } .state_lander_left li a { color: #000; } .state_lander_left li a:hover { color: #ca1829; } .state_lander_left p { font-family: 'Fira Sans', sans-serif; font-size: 17px; font-weight: 400; margin: 0 auto; padding-bottom: 5px; } .state_lander_left h3, .state_lander_left .h3 { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 700; color: #c0153d; text-transform: capitalize; margin: 0 auto; padding-bottom: 5px; } .state_lander_left { background-color: #fff; padding: 30px; width: 100%; max-width: 80%; position: absolute; z-index: 9999; } .state_lander_box { background-color: #fff; padding: 20px; margin-top: 20px; -webkit-box-shadow: 3px 3px 5px 6px #eee; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 3px 3px 5px 6px #eee; /* Firefox 3.5 - 3.6 */ box-shadow: 3px 3px 5px 6px #eee; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ } .state_box h3, .state_box .h3 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 22px; letter-spacing: 0.75px; line-height: 32px; font-weight: 700; } .right_con a.read_more:hover { color: #fff; background-color: transparent; transition: 0.5s; } .state_lander_right .product-item--price:after { content: ""; background: url("/cdn/shop/t/61/assets/left_arrow.png?v=65449660660072307301680594493") no-repeat right top; width: 28px; height: 21px; position: absolute; right: 16px; background-size: 22px; top: 13px; } /*////////////////////////////////////////*/ .state_lander .theme-title { background-position: right bottom !important; max-width: 675px; min-height: 265px; background-size: 100% !important; } .theme-btm .custom-select { transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .theme-btm .custom-select { display: inline-block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem 1.75rem .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='red' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; fill: red; height: 45px; } .theme-btm { padding-top: 25px; } .theme-btm .custom-select { color: #000; max-width: 65%; float: left; margin: 0 auto; overflow: scroll !important; } .theme-btm .btn, .theme-btm .btn-secondary, .theme-btm input[type="submit"], .theme-btm .header-cart-btn, .theme-btm .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .theme-btm .shopify-payment-button__button--unbranded { float: left; background-color: #ca1829; line-height: 01.52; padding: 8px 40px; margin-left: 10px; } .theme-btm .btn:after, .theme-btm .btn-secondary:after, .theme-btm input[type="submit"]:after, .theme-btm .header-cart-btn:after, .theme-btm .shopify-payment-button .shopify-payment-button__button--unbranded:after, .shopify-payment-button .theme-btm .shopify-payment-button__button--unbranded:after { content: "\f178"; font-family: 'FontAwesome'; padding-left: 6px; } .theme-btm .custom-select { text-transform: uppercase; font-size: 14px; font-family: 'Mukta', sans-serif; font-weight: 800; } .state_lander-mid { padding: 80px 0 40px; } .state_lander_two { padding-top: 40px; } .state_lander-mid .col-sm-8 { padding: 0 15px; } .expect-container .col-sm-8 { padding: 0 15px; } .state_lander_right .sale-tag.medium--right { display: none; } .state_lander_one .state_btm_right { padding-top: 60px; } .state_lander_right .col-sm-4 { padding: 0 8px; } .state_btm_right span { color: rgba(6, 36, 71, 0.5); text-transform: uppercase; font-size: 14px; font-weight: 800; font-family: 'Mukta', sans-serif; letter-spacing: 0.75px; padding-bottom: 7px; display: block; } .state_btm_right p { font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 400; } .state_btm_right ul { margin-bottom: 20px; } .state_btm_right ul li { font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 400; list-style: disc; margin-left: 0; } .expect-container a.read_more { color: #fff; background-color: #ca1829; padding: 8px 26px; border-radius: 4px; font-weight: 700; display: inline-block; font-family: 'Mukta', sans-serif; font-size: 17px; border: 2px solid #ca1829; text-transform: uppercase; } .expect-container a.read_more:hover { color: #fff; background-color: transparent; transition: 0.5s; } .expect-container h2, .expect-container .h2 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 36px; letter-spacing: 0.75px; line-height: 40px; font-weight: 800; color: #fff; } .expect-container p { font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 400; color: #fff; } #expect-sec .expect-container ul li, #expect-sec .expect-container ol li { font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 400; color: #fff; } .state_lander_bottom { padding: 120px 0; background-size: cover !important; } .expect-sec { padding: 112px 0; background-size: cover !important; } .expect-sec .seven-tenths { float: right; } .state_lander_one .expect-container h2, .state_lander_one .expect-container .h2 { color: #000; } .state_lander_one .expect-container p { color: #000; } .box_sec_lan h4, .box_sec_lan .h4 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 24px; letter-spacing: 0.75px; line-height: 25px; font-weight: 800; padding-bottom: 10px; min-height: 65px; } .box_sec_lan p { font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 400; color: #fff; } .icon_box { width: 70px; height: auto; padding-bottom: 40px; } .icon_box img { max-width: 100%; height: auto; } .state_lander_one .expect-container .state_lander_three { padding: 20px 0 20px; } .state_lander_four img { padding-bottom: 30px; } .img-responsive { max-width: 100%; height: auto; } .state_lander_four span { color: rgba(6, 36, 71, 0.5); text-transform: uppercase; font-size: 14px; font-weight: 800; font-family: 'Mukta', sans-serif; letter-spacing: 0.75px; padding-bottom: 7px; display: block; } .clear { clear: both; } .state_lander_five .icon-box span { background-color: #ca1829; color: #fff; width: 60px; display: block; height: 60px; font-family: 'Mukta', sans-serif; font-size: 24px; font-weight: 800; line-height: 60px; border-radius: 0; } .state_lander .theme-title { background-position: right bottom !important; max-width: 675px; min-height: 265px; } .state_lander_five h4, .state_lander_five .h4 { font-family: 'Mukta', sans-serif; text-transform: capitalize; font-size: 20px; letter-spacing: 0.75px; line-height: 40px; font-weight: 800; margin: 0 auto; padding-bottom: 10px; } .box_sec_lan .icon_box { padding-bottom: 20px; } .lander_info { /* background-image:url('/cdn/shop/t/61/assets/inner_bg.png?v=105078220943617949221680594493');*/ padding-top: 20px; padding-right: 20px; background-size: 100%; margin-bottom: 75px; background-repeat: no-repeat; background-size: cover; background: #fff; position: relative; z-index: 9; } /* .lander_info:after{ position:absolute; content: ''; background-image:url('/cdn/shop/t/61/assets/inner_bg.png?v=105078220943617949221680594493'); bottom: 0; width: 100%; height: 100%; left: 0; right: 0; z-index: -1; background-size: contain; } */ .lander_info::after { content: ""; position: absolute; background: url(/cdn/shop/t/34/assets/cutbtm.png?v=1576844853) no-repeat 0 0; width: 100%; height: 90px; bottom: -54px !important; max-width: 770px; z-index: -1; } .state_lander_five p { font-size: 14px; padding-right: 50px; } .lander_info .features-text { padding: 13px 0px 0px 20px; } .land_bg { /* background-color: #fff;*/ } .land_info-features-text { overflow: hidden; padding: 0px 0px 0px 10px; } .state_lander_five .land_info-features-text h4, .state_lander_five .land_info-features-text .h4 { padding-bottom: 0; line-height: 30px; } .state_lander_five .land_features-box .icon-box span { background-color: #f8e6e7; color: #ca1829; border-radius: 4px; } .land_info .btn, .land_info .btn-secondary, .land_info input[type="submit"], .land_info .header-cart-btn, .land_info .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .land_info .shopify-payment-button__button--unbranded { background: #ca1829; font-family: 'Mukta', sans-serif; font-size: 17px; font-weight: 700; text-transform: uppercase; padding: 8px 25px; color: #FFF; } .land_info .btn:hover, .land_info .btn-secondary:hover, .land_info input[type="submit"]:hover, .land_info .header-cart-btn:hover, .land_info .shopify-payment-button .shopify-payment-button__button--unbranded:hover, .shopify-payment-button .land_info .shopify-payment-button__button--unbranded:hover { background: #831518; transition: 0.5s; color: #FFF; } .state_lander_five .features-box { margin-bottom: 0; } .land_features-box { padding-bottom: 30px; } .state_lander_six { text-align: center; color: #FFF; padding: 35px 30px; } .state_lander_one .state_lander_six h2, .state_lander_one .state_lander_six .h2 { font-family: 'Mukta', sans-serif; color: #fff; font-size: 24px; text-transform: uppercase; margin: 0 auto; padding-bottom: 25px; } .state_lander_one .state_lander_six p { color: #fff; font-size: 14px; margin-bottom: 15px; } .state_lander_six ul { margin: 0 auto; padding-top: 10px; } .state_lander_six ul li { list-style: none; display: block; font-family: 'Fira Sans', sans-serif; } .state_lander_six ul li a { color: #fff; } .section_last::after { background: none; } .state_lander_five { padding-top: 30px; } .state_lander_seven { padding: 60px 0; } .state_lander_seven_top span { color: rgba(6, 36, 71, 0.5); text-transform: uppercase; font-size: 14px; font-weight: 800; font-family: 'Mukta', sans-serif; letter-spacing: 0.75px; padding-bottom: 7px; display: block; } .state_lander_seven_top h2, .state_lander_seven_top .h2 { font-family: 'Fira Sans', sans-serif; text-transform: uppercase; font-size: 34px; letter-spacing: 0.75px; line-height: 40px; font-weight: 700; } .state_lander_seven .tab_icon:before { content: "Q"; background-color: #ca1829; color: #fff; width: 46px; height: 46px; display: inline-block; text-align: center; border-radius: 50%; line-height: 45px; margin-right: 10px; } .state_lander_seven #accordion .accordion { background-color: #fff; color: #000; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 18px; transition: 0.10s; font-family: 'Mukta', sans-serif; font-weight: 800; overflow: hidden; display: table; } .state_lander_seven .tab_con { padding-bottom: 10px; } .tab_icon, .tab_text { display: table-cell; vertical-align: middle; } .state_lander_seven #accordion .accordion:hover { background-color: #ca1829; color: #fff; transition: 0.40s; } .state_lander_seven #accordion .accordion:hover .tab_icon:before { background-color: #fff; color: #ca1829; transition: 0.10s; } .state_lander_seven #accordion .active { background-color: #fff; color: #000; } .state_lander_seven #accordion .panel { padding: 15px 18px; display: none; background-color: white; overflow: hidden; margin-bottom: 10px; transition: 0.10s; } .state_lander_last { padding: 60px 0px; background-color: #f7f7f7; } .lander_last_container span { color: rgba(6, 36, 71, 0.5); text-transform: uppercase; font-size: 14px; font-weight: 800; font-family: 'Mukta', sans-serif; letter-spacing: 0.75px; padding-bottom: 7px; display: block; } .lander_last_container h2, .lander_last_container .h2 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 34px; letter-spacing: 0.75px; line-height: 40px; font-weight: 700; } .lander_last_container p { font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 400; } .lander_last_container a.read_more:hover { color: #ca1829; background-color: transparent; transition: 0.5s; } .lander_last_container a.read_more { color: #fff; background-color: #ca1829; padding: 8px 26px; border-radius: 4px; font-weight: 700; display: inline-block; font-family: 'Mukta', sans-serif; font-size: 17px; border: 2px solid #ca1829; text-transform: uppercase; } /*/////////////////////////////////////////////*/ .webinar-section_six #cross-sell .grid-uniform.cross-sell .grid-item { border-right: none; } .webinar-section_six .cross-sell .product-grid-item { text-align: left; background-color: #fff; margin-top: 20px; -webkit-box-shadow: 3px 3px 5px 6px #eee; -moz-box-shadow: 3px 3px 5px 6px #eee; box-shadow: 3px 3px 5px 6px #eee; border-radius: 4px; } .webinar-lft h5, .webinar-lft .h5 { color: rgba(6, 36, 71, 0.5); font-size: 14px; font-weight: 800; font-family: 'Mukta', sans-serif; letter-spacing: 0.75px; padding-bottom: 7px; } .webinar-lft h2, .webinar-lft .h2 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 31px; letter-spacing: 0.75px; line-height: 35px; font-weight: 700; margin: 0 auto; padding-bottom: 10px; } .payment-buttons.payment-buttons--small button[type="submit"] { font-family: 'Mukta', sans-serif; font-size: 17px; font-weight: 700; padding: 8px 25px 8px 50px; text-transform: uppercase; background-color: #ca1829; position: relative; } .webinar-lft form { margin-bottom: 0px; } .payment-buttons.payment-buttons--small button .icon-cart::before { background-image: url("/cdn/shop/t/61/assets/cart.png?v=56871580015355632761680594493"); width: 22px; height: 28px; position: absolute; background-size: 20px; background-repeat: no-repeat; left: 20px; top: 6px; font-size: 0; } .payment-buttons.payment-buttons--small button[type="submit"]:hover { background: #831518; color: #fff; transition: 0.5s; } .aa-product-price { font-weight: bold; letter-spacing: 0.5px; font-size: 24px; color: #c0153d; font-family: 'Fira Sans', sans-serif; } .webinar-lft p { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 400; margin: 0 auto; } #productPrice-product-template-webinar { font-weight: bold; letter-spacing: 0.5px; font-size: 24px; color: #c0153d; font-family: 'Fira Sans', sans-serif; } .webinar-lft hr.hr--small { margin: 10px 0; } .price { padding: 15px 0; display: block; } .webinar-lft { padding-right: 35px; border-right: 2px solid #f2f2f2; margin-right: 35px; } .product-course-container { width: 100%; max-width: 800px; margin: 0 auto; text-align: center; padding: 60px 0 40px; } .product-course-container h5, .product-course-container .h5 { color: rgba(6, 36, 71, 0.5); font-size: 14px; font-weight: 800; font-family: 'Mukta', sans-serif; letter-spacing: 0.75px; padding-bottom: 7px; } .product-course-container h2, .product-course-container .h2 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 36px; letter-spacing: 0.75px; line-height: 40px; font-weight: 700; } .product-course-container p { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 400; } .webinar-top-sec .addToCartForm label { display: none; } .addToCartForm .single-option-selector { display: inline-block; text-transform: uppercase; width: 100%; font-family: 'Mukta', sans-serif; height: calc(1.5em + .75rem + 2px); padding: .375rem 1.75rem .375rem 1.75rem; font-size: 14px; font-weight: 800; line-height: 1.5; color: #000; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='red' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; fill: red; height: 47px; max-width: 60%; float: left; margin-right: 10px; margin-bottom: 0; } .book_more .custom-select { display: inline-block; text-transform: uppercase; width: 100%; font-family: 'Mukta', sans-serif; height: calc(1.5em + .75rem + 2px); padding: .375rem 1.75rem .375rem .75rem; font-size: 14px; font-weight: 800; line-height: 1.5; color: #000; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='red' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; fill: red; height: 47px; max-width: 60%; float: left; margin-right: 10px; margin-bottom: 0; } .book_more .btn img, .book_more .btn-secondary img, .book_more input[type="submit"] img, .book_more .header-cart-btn img, .book_more .shopify-payment-button .shopify-payment-button__button--unbranded img, .shopify-payment-button .book_more .shopify-payment-button__button--unbranded img { max-width: 30px; height: auto; display: inline-block; padding-right: 10px; } .book_more .btn span, .book_more .btn-secondary span, .book_more input[type="submit"] span, .book_more .header-cart-btn span, .book_more .shopify-payment-button .shopify-payment-button__button--unbranded span, .shopify-payment-button .book_more .shopify-payment-button__button--unbranded span { position: relative; top: -3px; } .course-box .icon-box { float: none; clear: both; display: block; } .course-box h4, .course-box .h4 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 18px; padding-top: 15px; } .course-box p { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 400; } .course-box p span { color: #ca1829; font-weight: 700; } .webinar-section_one { clear: both; display: block; padding-top: 60px; background-color: #f4f4f4; } .webinar-section_one:before { content: ''; position: absolute; width: 530px; height: 790px; right: -132px; background-image: url("/cdn/shop/t/61/assets/bg2.png?v=157986744266194511871680594493"); background-size: 508px; background-repeat: no-repeat; top: 410px; } .webinar-btm { clear: both; display: block; background-color: #f4f4f4; } .info_sec { background-color: #fff; border-left: 5px solid #ca1829; padding: 5px; } .info_sec ul { margin: 0 auto; } .info_sec ul li { display: inline-block; list-style: none; padding: 10px 15px 10px 15px; margin: 0 auto; } .info_sec ul li a { display: flex; } .info_sec ul li a img { max-width: 30px; height: auto; } .info_sec ul li a span { font-family: 'Mukta', sans-serif; text-transform: uppercase; color: #000; font-size: 17px; font-weight: 600; padding-left: 10px; } .webinar-top-sec { background-image: url("/cdn/shop/t/61/assets/inner_bg.png?v=105078220943617949221680594493"); background-size: 100%; box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.2); width: 100%; background-repeat: no-repeat; padding: 40px; } .webinar-top { background-color: #f4f4f4; padding-top: 65px; margin: 0 auto; } .img-responsive { display: block; max-width: 100%; height: auto; } .webinar-section_two_left { padding-right: 30px; } .webinar-section_two_right { padding-left: 30px; } .webinar-section_two_right h3, .webinar-section_two_right .h3 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 32px; letter-spacing: 0.75px; line-height: 36px; font-weight: 700; padding-top: 10px; } .webinar-section_two_right p { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 400; } .webinar-section_two { padding: 50px 0 20px; background-color: #f4f4f4; } .icon-box span { background-color: #f8e6e7; color: #ca1829; width: 60px; display: block; height: 60px; font-family: 'Mukta', sans-serif; font-size: 24px; font-weight: 800; line-height: 60px; border-radius: 4px; } .webinar-section_two_right .features-text p { font-size: 14px; } .webinar-section_two_right .features-text p span { text-transform: uppercase; color: #f3273b; } .features-text h4, .features-text .h4 { font-family: 'Mukta', sans-serif; font-size: 24px; text-transform: uppercase; font-weight: 800; } .webinar-section_two_right .features-box { margin-bottom: 30px; } .web_info { padding-top: 10px; } .webinar-section_two .feature-row { align-items: initial; } .selector-wrapper { position: relative; } .webinar-section_three { background-image: url("/cdn/shop/t/61/assets/bg4.jpg?v=104019985647022095901680594493"); background-attachment: fixed; background-repeat: no-repeat; background-position: bottom center; background-size: cover; padding-top: 70px; padding-bottom: 70px; color: #fff; text-align: center; } .webinar-section_three .webinar_top_three p { display: none; } .webinar-section_three .webinar_top_three h2, .webinar-section_three .webinar_top_three .h2 { margin: 0 auto; color: #fff; font-size: 'Fira Sans', sans-serif; font-size: 34px; } .webinar_top_three h3, .webinar_top_three .h3 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 34px; letter-spacing: 0.75px; line-height: 36px; font-weight: 700; padding-bottom: 5px; color: #fff; } .webinar_top_three p { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 400; } .webinar_top_three a { color: #f3273b; font-family: 'Fira Sans', sans-serif; font-size: 26px; font-weight: 700; } .webinar_top_four h2, .webinar_top_four .h2 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 34px; letter-spacing: 0.75px; line-height: 40px; font-weight: 700; padding-bottom: 30px; } .webinar-section_four { background-color: #fff; padding: 80px 0 50px; overflow: hidden; } .webinar_top_four { display: block; clear: both; } .webinar_btm_four { display: block; clear: both; } .webinar_btm_four h3, .webinar_btm_four .h3 { font-family: 'Mukta', sans-serif; text-transform: uppercase; font-size: 24px; font-weight: 800; } .webinar_btm_four ul { margin: 0 auto; padding-bottom: 25px; } .webinar_btm_four ul li { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 800; margin: 0 auto; } .webinar_btm_four ul li span { color: #f3273b; } .webinar_btm_four ol { margin: 0 auto; padding-bottom: 25px; padding-left: 15px; } .webinar_btm_four ol li { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 400; margin: 0 auto; color: #000; list-style: decimal; } .webinar-section_five .feature-row { align-items: initial; } .webinar-section_five { background-color: #fff; padding-bottom: 20px; } .webinar-section_six { background-color: #f4f4f4; padding: 60px 0; } .webinar-section_six #cross-sell h1, .webinar-section_six #cross-sell .h1, .webinar-section_six #cross-sell #shopify-product-reviews .spr-header-title, #shopify-product-reviews .webinar-section_six #cross-sell .spr-header-title { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 34px; letter-spacing: 0.75px; line-height: 40px; font-weight: 700; padding-bottom: 10px; } .webinar-section_six .cross-sell .cartbtn, .cross-sell .js-qty, .cross-sell .ajaxifyCart--qty { display: none; } .webinar-section_six .grid-uniform .grid-item .product-grid-item p { padding: 0 15px; min-height: auto; margin-bottom: 10px; } .webinar-section_six .cross-sell .product-grid-item > p a { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 23px; letter-spacing: 0.75px; line-height: 32px; font-weight: 700; color: #000; } .webinar-section_six .cross-sell .product-grid-item .product-item--price .starting_text { color: #000; font-weight: 400; text-align: left; font-family: 'Fira Sans', sans-serif; font-size: 17px; position: relative; display: inline-block; } .webinar-section_six .cross-sell .product-grid-item .product-item--price .h1 { margin-bottom: 0; display: inline-block; padding-left: 5px; } .webinar-section_six .cross-sell .product-grid-item .product-item--price small { color: #c0153d; font-weight: 800; text-align: left; font-family: 'Fira Sans', sans-serif; font-size: 17px; display: block; position: relative; } .webinar-section_six .cross-sell .product-grid-item .product-item--price { position: relative; padding: 0 15px; } .webinar-section_six .cross-sell .product-grid-item .product-item--price:after { content: ""; background: url("/cdn/shop/t/61/assets/red_arrow.png?v=137339345525189406411680594493") no-repeat right top; width: 28px; height: 21px; position: absolute; right: 15px; background-size: 22px; top: 6px; } .product-course-top .book_top { padding: 40px; } .product-course-lft .btn span#addToCartText1, .product-course-lft .btn-secondary span#addToCartText1, .product-course-lft input[type="submit"] span#addToCartText1, .product-course-lft .header-cart-btn span#addToCartText1, .product-course-lft .shopify-payment-button .shopify-payment-button__button--unbranded span#addToCartText1, .shopify-payment-button .product-course-lft .shopify-payment-button__button--unbranded span#addToCartText1 { position: relative; top: 0; } .product-course-top .book-btm { padding: 40px 0; } .product-course-top form { margin-bottom: 0; } .product-course-top .product-course-lft { padding-right: 50px; border-right: 2px solid #f2f2f2; margin-right: 50px; } .product-course-btm { background-color: #f4f4f4; } .product-course-top .book-btm { padding: 40px 0 40px; } .product-course-lft .shipping-message { position: relative; color: #131313; font-size: 18px; font-family: 'Fira Sans', sans-serif; } .cart-count { background-color: #fff; color: #ca1829; } .product-course-lft .shipping-message img { max-width: 60px; height: auto; display: inline-block; padding-right: 10px; position: absolute; top: 13px; } .product-course-lft .shipping-message .ship_con { padding-left: 60px; position: relative; top: 8px; font-weight: 400; } .book_img .large--eleven-twelfths { width: 100%; } .book_img { padding-right: 30px; } .book_top { background-image: url("/cdn/shop/t/61/assets/inner_bg.png?v=105078220943617949221680594493"); background-size: cover; box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.2); width: 100%; background-repeat: round; height: 100%; padding: 40px 0; } .book_page .product-course-lft { padding-right: 30px; padding-left: 30px; } .book_img .product-photo-container { margin-bottom: 0; max-width: 100%; } .product-course-lft .btn, .product-course-lft .btn-secondary, .product-course-lft input[type="submit"], .product-course-lft .header-cart-btn, .product-course-lft .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .product-course-lft .shopify-payment-button__button--unbranded { background: #ca1829; font-family: 'Mukta', sans-serif; font-size: 18px; font-weight: 700; padding: 5px 20px; text-transform: uppercase; } .product-course-lft .btn:hover, .product-course-lft .btn-secondary:hover, .product-course-lft input[type="submit"]:hover, .product-course-lft .header-cart-btn:hover, .product-course-lft .shopify-payment-button .shopify-payment-button__button--unbranded:hover, .shopify-payment-button .product-course-lft .shopify-payment-button__button--unbranded:hover { background: #831518; color: #fff; transition: 0.5s; } .product-course-lft .btn img, .product-course-lft .btn-secondary img, .product-course-lft input[type="submit"] img, .product-course-lft .header-cart-btn img, .product-course-lft .shopify-payment-button .shopify-payment-button__button--unbranded img, .shopify-payment-button .product-course-lft .shopify-payment-button__button--unbranded img { max-width: 30px; height: auto; display: inline-block; padding-right: 8px; position: relative; top: 3px; } .product-course-top .product-course-lft h2, .product-course-top .product-course-lft .h2 { padding-bottom: 15px; } .product-course-lft .btn span, .product-course-lft .btn-secondary span, .product-course-lft input[type="submit"] span, .product-course-lft .header-cart-btn span, .product-course-lft .shopify-payment-button .shopify-payment-button__button--unbranded span, .shopify-payment-button .product-course-lft .shopify-payment-button__button--unbranded span { position: relative; top: -3px; } .template-product main.wrapper { position: relative; max-width: 100%; margin: 0 auto; padding: 0; } .product-course-top { padding: 80px 0 30px; background-color: #f4f4f4; } .features_sec h4, .features_sec .h4 { font-family: 'Mukta', sans-serif; font-size: 24px; font-weight: 700; text-transform: uppercase; } .features_sec ul { margin: 0 auto; } .features_sec ul li { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 800; } .features_sec ul li span { color: #f3273b; } .product-course-top .selector-wrapper { display: none; } .book_page { padding: 22px 0 30px; background-color: #f4f4f4; } .site-header .wrapper { background-color: transparent; } .product-course-lft h5, .product-course-lft .h5 { color: rgba(6, 36, 71, 0.5); font-size: 14px; font-weight: 800; font-family: 'Mukta', sans-serif; letter-spacing: 0.75px; padding-bottom: 4px; } .product-course-lft h2, .product-course-lft .h2 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 36px; letter-spacing: 0.75px; line-height: 40px; font-weight: 700; margin: 0 auto; } .product-course-lft p { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 400; } .product-course-lft .product-meta { margin-bottom: 0; padding: 15px 0 0; margin-left: 0; } .product-course-lft hr.hr--small { display: none; } #productPrice-product-template { font-weight: bold; letter-spacing: 0.5px; font-size: 24px; color: #747474; font-family: 'Fira Sans', sans-serif; } .product-meta .sale-tag { display: none; } #productPrice-product-template sup { font-family: 'Fira Sans', sans-serif; } .book_last:before { content: ''; position: absolute; width: 255px; height: 696px; right: -112px; background-image: url("/cdn/shop/t/61/assets/bg2.png?v=157986744266194511871680594493"); background-size: 100%; background-repeat: no-repeat; top: 150px; } .book_last { position: relative; } .book-btm { width: 100%; max-width: 800px; margin: 0 auto; padding: 70px 0 5px; } .book-btm h5, .book-btm .h5 { color: rgba(6, 36, 71, 0.5); font-size: 14px; font-weight: 800; font-family: 'Mukta', sans-serif; letter-spacing: 0.75px; padding-bottom: 7px; text-align: center; } .book-btm h1, .book-btm .h1, .book-btm #shopify-product-reviews .spr-header-title, #shopify-product-reviews .book-btm .spr-header-title { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 36px; letter-spacing: 0.75px; line-height: 40px; font-weight: 700; text-align: center; margin-top: 0; } .book-btm p { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 400; } .additional-checkout-buttons { text-align: right; } .additional-checkout-buttons #dynamic-checkout-cart { float: right; clear: both; display: block; padding-top: 20px; } .additional-checkout-buttons .shopify-cleanslate { float: right; text-align: right; } .additional-checkout-buttons .shopify-cleanslate ._3mgStMpRn3ZERlUsxma1Bc { float: right; text-align: right; } .additional-checkout-buttons .shopify-cleanslate ._1mqqPYZtCQtz5_i0b-po4l { display: inline-block !important; width: 100%; float: right; margin: 0 -15px !important; } .additional-checkout-buttons .shopify-cleanslate ._3TUeZPsTWjDxakSmeDcA4D { display: inline-block; width: 100%; max-width: 47%; float: left; margin: 0 0px 15px 10px !important; } .cart-subtotal-btm { padding-top: 35px; } .cart-subtotal-btm .cart-subtotal { margin-bottom: 0; } .cart-subtotal-btm .cart-subtotal--price { margin: 0 auto; display: inline; } .cart-subtotal-btm .btn img, .cart-subtotal-btm .btn-secondary img, .cart-subtotal-btm input[type="submit"] img, .cart-subtotal-btm .header-cart-btn img, .cart-subtotal-btm .shopify-payment-button .shopify-payment-button__button--unbranded img, .shopify-payment-button .cart-subtotal-btm .shopify-payment-button__button--unbranded img { max-width: 25px; height: auto; display: inline-block; padding-right: 5px; position: relative; top: 2px; } .cart-subtotal-btm .btn span.btn_txt, .cart-subtotal-btm .btn-secondary span.btn_txt, .cart-subtotal-btm input[type="submit"] span.btn_txt, .cart-subtotal-btm .header-cart-btn span.btn_txt, .cart-subtotal-btm .shopify-payment-button .shopify-payment-button__button--unbranded span.btn_txt, .shopify-payment-button .cart-subtotal-btm .shopify-payment-button__button--unbranded span.btn_txt { position: relative; top: -5px; } .cart-subtotal__note { color: rgba(0, 0, 0, 0.8); font-size: 14px; font-style: italic; text-align: right; font-family: 'Fira Sans', sans-serif; } .cart-subtotal--price small, .cart-subtotal--price span { font-family: 'Mukta', sans-serif; text-transform: uppercase; font-size: 24px; font-weight: 900; text-align: right; display: inline-block; padding: 0; } .sub_toatal { font-family: 'Mukta', sans-serif; text-transform: uppercase; font-size: 24px; font-weight: 900; text-align: right; display: inline-block; padding: 0; } .cart-page .price small { font-family: 'Fira Sans', sans-serif; font-size: 24px; font-weight: 800; color: #c0153d; } .template-cart main.wrapper { background-color: #f4f4f4; position: relative; max-width: 100%; margin: 0 auto; } .cart-page { padding-top: 60px; padding-bottom: 20px; } .cart-subtotal-btm .update-cart { display: none; } .cart-subtotal-btm .btn, .cart-subtotal-btm .btn-secondary, .cart-subtotal-btm input[type="submit"], .cart-subtotal-btm .header-cart-btn, .cart-subtotal-btm .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .cart-subtotal-btm .shopify-payment-button__button--unbranded { background: #ca1829; font-family: 'Mukta', sans-serif; font-size: 17px; font-weight: 700; padding: 8px 25px; text-transform: uppercase; display: inline-block; border-radius: 3px; color: #fff; } .cart-subtotal-btm button[type="submit"] { padding: 4px 25px; } .cart-page .large--one-quarter { padding-left: 0; } .cart-page .js--minus, .cart-page .ajaxifyCart--minus { border-right: none; } .cart-page .js--add, .cart-page .ajaxifyCart--add, .cart-page .ajaxifyCart--add { border-left: none; width: 30px; } .cart-page .js--add:hover, .cart-page .ajaxifyCart--add:hover, .cart-page .ajaxifyCart--add:hover { background-color: transparent; } .cart-page .js-qty input[type="text"], .cart-page .ajaxifyCart--qty input[type="text"], .cart-page .ajaxifyCart--qty input[type="text"] { border: none; } .cart-page .js-qty, .cart-page .ajaxifyCart--qty { border: 1px solid #000; font-family: 'Mukta', sans-serif; font-size: 18px; font-weight: 800; } .template-cart .cart-page .cart-form .cart-row .btn-secondary { width: auto; min-width: inherit !important; color: #ccc; background-color: transparent; height: auto; font-size: 15px; padding-right: 40px; } .cart-page .cart-row { padding-top: 0; border-top: none; background-color: #fff; } .cart-form .large--seven-twelfths { padding-left: 0; } .cart-page .cart-image img { display: block; width: 100%; max-height: 110px; } .cart-page .price small sup { top: 0 !important; font-size: 24px !important; padding-left: 5px; color: #c0153d; } .cart-page .price small sup:before { content: "."; position: absolute; left: 0; } sup { /* top: 0 !important; font-size: 24px !important; padding-left: 5px; */ color: #c0153d; } .cart-subtotal sup { top: 0 !important; font-size: 24px !important; padding-left: 5px; color: #c0153d; } .cart-subtotal sup:before { content: "."; position: absolute; left: 0; } .cart-page .js--qty-adjuster:hover, .cart-page .ajaxifyCart--qty-adjuster:hover, .cart-page .ajaxifyCart--qty-adjuster:hover { background-color: transparent; } .cart-page h1, .cart-page .h1, .cart-page #shopify-product-reviews .spr-header-title, #shopify-product-reviews .cart-page .spr-header-title { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 36px; letter-spacing: 0.75px; line-height: 40px; font-weight: 700; padding-bottom: 15px; } .cart-page a.product-name { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 800; color: #131313; padding-bottom: 5px; display: block; } .cart-page p.pro_con { font-family: 'Fira Sans', sans-serif; font-size: 14px; font-weight: 400; color: #131313; display: block; margin: 0 auto; } .cart-page p.pro_con { background: url("/cdn/shop/t/61/assets/calendar.png?v=80377909199909819791680594493") no-repeat left top 3px; content: ""; background-size: 16px; padding-left: 25px; } .cart-page .js-qty, .cart-page .ajaxifyCart--qty { margin-bottom: 0; } .menu .icon-arrow-down { top: 1px; } .menu .site-nav--dropdown, .menu .site-nav--dropdown-grandchild { z-index: 999999999; } .site-nav > li > a:hover, .site-nav > li > a.selected-nav { color: #ca1829; } .site-nav > li.site-nav--active > a { color: #ca1829; } .site-nav li ul.sub-menu li.site-nav--active > a { color: #ca1829; } .site-nav > li > a.selected-nav { color: #ca1829; } .site-nav > li.site-nav--active > a { color: #ca1829; } .site-nav > li > a:hover, .site-nav > li > a.selected-nav { color: #ca1829; } .site-nav > li > a { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .site-nav > li > a::before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 4px; background: #ca1829; height: 3px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .site-nav > li > a:hover:before, .site-nav > li > a:focus:before, .site-nav > li > a:active:before { right: 0; width: 80%; margin: 0 auto; } .site-nav > li.site-nav--active > a:before { right: 0; width: 80%; margin: 0 auto; } .site-nav > li.menu-item:hover > a { color: #ca1829; } .site-nav > li.menu-item:hover > a:before { right: 0; } .offer-bottom { padding-top: 10px; } .home_arrow { position: absolute; bottom: 100px; right: 0; } .home_arrow img { width: 50px; height: auto; } .home-form .wrapper { position: relative; } .template-article main.wrapper { max-width: 100%; padding: 0; margin: 0 auto !important; } .cart .icon-cart::before { background-image: url("/cdn/shop/t/61/assets/cart.png?v=56871580015355632761680594493"); width: 22px; height: 28px; position: absolute; background-size: 20px; background-repeat: no-repeat; left: 20px; top: 10px; font-size: 0; } .cart .cart-count.hidden-count { display: block; } .tab_wrapper { z-index: 9999999; } .cart .cart-badge--desktop { top: 15px; right: 15px; background-color: transparent; font-size: 16px; width: auto; height: auto; } .cart-text { display: inline-block; padding-left: 30px; } .news-top h1, .news-top .h1, .news-top #shopify-product-reviews .spr-header-title, #shopify-product-reviews .news-top .spr-header-title { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 36px; letter-spacing: 0.75px; line-height: 40px; font-weight: 800; margin: 0 auto; color: #282828; } .news_bottom .pagination-custom li.disabled a, .news_bottom .pagination-custom li.disabled span { border: 2px solid #ca1829; color: #ca1829; border-radius: 50%; padding: 0; line-height: 41px; font-size: 20px; background-color: #fff; } .news_bottom .pagination-custom li:last-child a, .news_bottom .pagination-custom li:last-child span { border: 2px solid #ca1829; color: #ca1829; border-radius: 50%; padding: 0; line-height: 41px; font-size: 20px; background-color: #fff; } .news_bottom .pagination-custom li.active a, .news_bottom .pagination-custom li.active span { border: 2px solid #ca1829; background-color: #fff; } .news_bottom .pagination-custom > li > a, .news_bottom .pagination-custom > li > span { border: none; font-size: 16px; margin: 0 10px; font-family: 'Fira Sans', sans-serif; width: 45px; height: 45px; line-height: 45px; padding: 0; color: #000; } .news-container { padding-top: 50px; } .news-top { padding: 35px 0 20px; } .news_tab_sec ul li { list-style: none; display: inline-block; } .news_tab_sec ul li a { color: #000; font-size: 16px; font-family: 'Mukta', sans-serif; text-transform: uppercase; padding: 0 15px; font-weight: 800; } .news_tab_sec ul li:first-child a { padding-left: 0; } .news-img { height: 280px; overflow: hidden; background: #eaeaea; } .news-img .lazyload__image-wrapper { max-width: 100% !important; } .news-img .lazyload__image-wrapper { padding-top: 0 !important; } .news-img .lazyload__image-wrapper img { display: block; position: relative; height: 100%; } .tab_right { padding: 25px 40px 30px 0; } .tab_grid { margin-top: 30px; background-image: url("/cdn/shop/t/61/assets/inner_bg_new.png?v=87722289053345546541680594493"); background-position: right bottom; background-size: 120%; box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.2); width: 100%; background-repeat: no-repeat; } .tab_grid .lazyload__image-wrapper { margin: 0; } .tab_right h2, .tab_right .h2 { font-family: 'Fira Sans', sans-serif; padding-bottom: 15px; font-size: 36px; letter-spacing: 0.75px; line-height: 40px; font-weight: 800; margin: 0 auto; color: #282828; text-transform: uppercase; } .tab_right span { font-family: 'Fira Sans', sans-serif; font-size: 17px; font-weight: 400; color: rgba(6, 36, 71, 0.5); padding-bottom: 7px; padding-bottom: 10px; letter-spacing: 0.75px; } .tab_right span a { font-weight: 700; color: #ca1829; } .tab_right a.read_more { border: 2px solid #831518; padding: 8px 20px; border-radius: 4px; font-family: 'Mukta', sans-serif; font-weight: 800; display: inline-block; color: #000; font-size: 17px; text-transform: uppercase; } .tab_right p { font-family: 'Fira Sans', sans-serif; font-size: 17px; font-weight: 400; } .news-box-con { background-color: #fff; padding: 20px; position: relative; } .news-box-con span { color: rgba(6, 36, 71, 0.5); padding-bottom: 7px; font-size: 14px; font-weight: 800; font-family: 'Mukta', sans-serif; text-transform: uppercase; letter-spacing: 0.75px; } .news-box-con h2, .news-box-con .h2 { font-family: 'Fira Sans', sans-serif; text-transform: uppercase; font-size: 26px; line-height: 30px; font-weight: 600; margin: 0 auto; padding-bottom: 5px; } .news-box { padding-bottom: 30px; } .news-box-con h2 a, .news-box-con .h2 a { color: #000; } .news-box-con p { font-family: 'Fira Sans', sans-serif; font-size: 17px; font-weight: 400; color: rgba(6, 36, 71, 0.5); padding-bottom: 7px; letter-spacing: 0.75px; margin: 0 auto; } .news-box-con .arrow { position: absolute; right: 30px; bottom: 21px; } .news-box-con .arrow a { color: #ca1829; } .pagination-custom { padding-top: 30px; } .news_bottom hr { display: none; } .news-box-con p a { color: #ca1829; font-weight: 700; } .features-box { margin-bottom: 40px; } #features { border-top: 1px solid #e6e6e6; padding-top: 60px; } .slideshow-container .feature-row { align-items: initial; } /*------------------------------------------*/ /* Feature Icon /*------------------------------------------*/ .template-index main.wrapper { margin: 0 auto !important; } .icon-box { width: 70px; height: 70px; line-height: 70px; text-align: center; float: left; font-size: 22px; color: #fff; } .icon-box img { max-width: 100%; height: auto; } #features .feature-row { align-items: inherit; } #navBar .wrapper { margin: 0 auto; } /*------------------------------------------*/ /* Feature Text /*------------------------------------------*/ .article-top { text-align: center; padding-top: 60px; } .article-top h1, .article-top .h1, .article-top #shopify-product-reviews .spr-header-title, #shopify-product-reviews .article-top .spr-header-title { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 35px; line-height: 35px; margin: 0 auto; padding-bottom: 6px; } .article-top span { color: rgba(6, 36, 71, 0.5); padding-bottom: 7px; font-size: 14px; font-weight: 800; font-family: 'Mukta', sans-serif; text-transform: uppercase; letter-spacing: 0.75px; } .article-top p { font-family: 'Fira Sans', sans-serif; font-size: 17px; font-weight: 400; color: rgba(6, 36, 71, 0.5); padding-bottom: 7px; padding-bottom: 10px; letter-spacing: 0.75px; } .article-top p a { font-weight: 700; color: #ca1829; } .article-con .lazyload__image-wrapper { width: 100%; height: auto; max-width: 100% !important; } .article-con { width: 100%; max-width: 800px; margin: 0 auto; } .article-con img { max-width: 100%; height: auto; } .article-con p { font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 400; color: #131313; } .bullet_sec p { padding-left: 35px; } .article-con-btm { padding: 30px 30px 30px 30px; overflow: hidden; } .share_sec { float: right; } .share_sec .social-sharing a { background-color: transparent; margin: 0 auto; width: auto; height: auto; padding: 0 5px; } .share_sec .share-facebook { background-color: transparent; } .share_sec .share-twitter { background-color: transparent; } .share_sec .share-pinterest { background-color: transparent; } .share_sec .social-sharing .icon { color: #ca1829; padding: 0; font-size: 20px; } .share_sec .social-sharing .share-title { display: none; } .article-con-btm h3, .article-con-btm .h3 { font-family: 'Fira Sans', sans-serif; text-transform: uppercase; font-size: 35px; line-height: 35px; } .bullet_sec h5 span.nubmer, .bullet_sec .h5 span.nubmer { width: 25px; height: 25px; background-color: #ca1829; color: #fff; display: inline-block; text-align: center; border-radius: 50%; line-height: 25px; font-size: 14px; margin-right: 12px; } .bullet_sec h5, .bullet_sec .h5 { color: #000; font-size: 24px; padding: 8px 0; text-transform: uppercase; font-family: 'Mukta', sans-serif; font-weight: 800; } .article-con h4, .article-con .h4 { font-family: 'Fira Sans', sans-serif; text-transform: uppercase; font-size: 18px; font-weight: 700; } .share_btm { border-top: 1px solid #dddddd; padding-top: 20px; } .share_btm hr { display: none; } .share_btm .left a { color: #c0153d; font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 700; } .share_btm .right a { color: #c0153d; font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 700; } .share_btm .news-back .fa { padding-right: 5px; } .share_sec h2, .share_sec .h2 { list-style: none; padding-right: 10px; color: #000; font-size: 18px; text-transform: uppercase; font-family: 'Mukta', sans-serif; font-weight: 800; display: inline-block; margin-bottom: 0; } .share_sec .social-sharing { display: inline-block; padding-top: 0; } .share_btm .col-sm-6 { padding: 0; } .share_sec ul { float: right; } .share_sec ul li { list-style: none; display: inline-block; color: #000; font-size: 18px; text-transform: uppercase; font-family: 'Mukta', sans-serif; font-weight: 800; } .share_sec ul li a { color: #c0153d; } .share_sec ul li a .fa { padding-right: 5px; } #states_part { color: #fff; padding: 80px 30px; position: relative; } #states_part::before { content: ''; position: absolute; width: 605px; height: 797px; right: -120px; background-image: url("/cdn/shop/t/61/assets/bg2.png?v=157986744266194511871680594493"); background-size: 508px; background-repeat: no-repeat; top: -54px; } .states-box .states-text h3, .states-box .states-text .h3 { font-size: 36px; letter-spacing: 0.75px; text-transform: capitalize; font-family: 'Fira Sans', sans-serif; line-height: 40px; color: #fff; font-weight: 700; } .states-box .states-text p { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 400; } .states-box .states-text h4, .states-box .states-text .h4 { font-size: 26px; font-family: 'Fira Sans', sans-serif; text-transform: capitalize; color: #fff; padding-top: 20px; margin: 0 auto; padding-bottom: 5px; } .states-box .states-text a.read_more { color: #ca1829; background-color: #FFF; padding: 6px 25px; border-radius: 4px; font-weight: 700; display: inline-block; font-family: 'Mukta', sans-serif; text-transform: uppercase; font-size: 19px; border: 2px solid #fff; } .states-box .states-text a.read_more:hover { background-color: transparent; transition: 0.5s; color: #fff; } .states-box .states-text ul { padding-left: 40px; } .states-box .states-text ul li { list-style: disc; padding-left: 5px; font-family: 'Fira Sans', sans-serif; font-size: 18px; } .states-right .counter { display: block; margin: 0 auto; font-size: 40px; background-color: transparent; width: auto; border-radius: 0; height: auto; vertical-align: initial; font-family: 'Fira Sans', sans-serif; font-weight: 700; line-height: 40px; } .states-right ul li { display: inline-block; width: 100%; max-width: 47%; float: left; margin-left: 0; } .states-right ul li p { margin: 0 auto; display: block; clear: both; font-size: 36px; letter-spacing: 0.75px; font-weight: bold; line-height: 35px; font-family: 'Fira Sans', sans-serif; } .states-right ul li span { font-family: 'Fira Sans', sans-serif; font-size: 12px; } .states-right ul li:first-child { border-bottom: 1px dashed #fff; border-right: 1px dashed #fff; padding-bottom: 30px; padding-left: 15px; text-align: left; padding-top: 50px; } .states-right ul li:nth-child(2) { border-bottom: 1px dashed #fff; padding-bottom: 30px; padding-right: 15px; text-align: right; padding-top: 50px; } .states-right ul li:nth-child(3) { border-right: 1px dashed #fff; padding-top: 30px; padding-left: 15px; padding-bottom: 50px; } .states-right ul li:nth-child(4) { padding-top: 30px; padding-right: 15px; text-align: right; padding-bottom: 50px; } .features-text { overflow: hidden; padding: 0px 0px 0px 30px; } #features .features-text h2, #features .features-text .h2 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 36px; letter-spacing: 0.75px; line-height: 40px; font-weight: 700; } #features .features-text p { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 400; } .team-member { text-align: left !important; color: #fff; } #section_five_full { width: 100%; max-width: 100%; padding: 50px 0 0; position: relative; } .feature-row__item { position: relative; } .feature-row { display: flex; } .one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths { display: inline-block; padding: 0 38px !important; } #section_five_full #team { height: 460px; } .team-img-meta { color: #fff; padding: 60px 50px 60px; left: 0; position: absolute; top: -50px; background-size: 100% !important; } .container { width: 100%; margin: 0 auto; max-width: 1170px; } .team-img-meta h2, .team-img-meta .h2 { color: #fff; text-transform: capitalize; font-family: 'Fira Sans', sans-serif; font-size: 36px; letter-spacing: 0.75px; line-height: 40px; font-weight: 700; } .team-img-meta p { font-family: 'Fira Sans', sans-serif; color: #fff; font-size: 17px; font-weight: 400; padding-bottom: 10px; } #team { margin-bottom: 0px; } .team-img-meta a.read_more { color: #fff; background-color: #ca1829; padding: 8px 27px; border-radius: 4px; font-weight: 700; display: inline-block; font-family: 'Mukta', sans-serif; font-size: 17px; border: 2px solid #ca1829; } .team-img-meta a.read_more:hover { background-color: transparent; transition: 0.5s; border: 2px solid #fff; } .image_text { padding-top: 20px; align-items: initial; } .image_text .lazyload__image-wrapper { margin: 0; text-align: left; margin-top: 39px; } .features-text a.read_more { border: 2px solid #ca1829; padding: 8px 30px; border-radius: 4px; font-family: 'Mukta', sans-serif; font-weight: 800; display: inline-block; margin-top: 10px; color: #000; font-size: 17px; text-transform: uppercase; } .features-text a.read_more:hover { border: 2px solid #000; color: #ca1829; transition: 0.5s; } .image_text h2, .image_text .h2 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 36px; letter-spacing: 0.75px; line-height: 40px; font-weight: 700; } .image_text h5, .image_text .h5 { color: rgba(6, 36, 71, 0.5); padding-bottom: 7px; font-size: 14px; font-weight: 800; font-family: 'Mukta', sans-serif; text-transform: uppercase; letter-spacing: 0.75px; } .image_text .feature-row__text { padding-top: 0; padding-bottom: 10px; padding-left: 30px; } .image_text .feature-row__text p { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 400; } .image_text .feature-row__text .btn, .image_text .feature-row__text .btn-secondary, .image_text .feature-row__text input[type="submit"], .image_text .feature-row__text .header-cart-btn, .image_text .feature-row__text .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .image_text .feature-row__text .shopify-payment-button__button--unbranded { background: #ca1829; font-family: 'Mukta', sans-serif; font-size: 17px; font-weight: 700; padding: 8px 35px; } .image_text .feature-row__text .btn:hover, .image_text .feature-row__text .btn-secondary:hover, .image_text .feature-row__text input[type="submit"]:hover, .image_text .feature-row__text .header-cart-btn:hover, .image_text .feature-row__text .shopify-payment-button .shopify-payment-button__button--unbranded:hover, .shopify-payment-button .image_text .feature-row__text .shopify-payment-button__button--unbranded:hover { background: #831518; color: #fff; transition: 0.5s; } .image_text .feature-row { align-items: initial; } .offer-part { padding-bottom: 60px; z-index: 9999; padding-top: 30px; } .offer-bottom .grid-item { padding: 0 15px; } .offer-box { position: relative; min-height: 265px; } .offer-box h4, .offer-box .h4 { font-size: 18px; text-transform: capitalize; font-family: 'Fira Sans', sans-serif; padding-top: 15px; } .offer-box a { color: #c0153d; font-size: 16px; font-family: 'Fira Sans', sans-serif; font-weight: 700; position: absolute; bottom: 0; } .offer-box a:hover { color: #000; transition: 0.5s; } .offer-box a .fa { padding-left: 10px; } .offer-top h5, .offer-top .h5 { color: rgba(6, 36, 71, 0.5); padding-bottom: 7px; font-size: 14px; font-weight: 800; font-family: 'Mukta', sans-serif; letter-spacing: 0.75px; padding-bottom: 7px; } .offer-top h2, .offer-top .h2 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 36px; letter-spacing: 0.75px; line-height: 40px; font-weight: 700; } .offer-top a { font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 700; color: #c0153d; } .offer-top p { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 400; } #section_siminar_full .home_tab { margin-top: 20px; } .contact_info ul { display: table; } .contact_info ul li { overflow: hidden; word-break: break-all; padding-bottom: 5px; } .contact_info ul li a { word-wrap: break-word; } .contact_info ul li a .fa { display: table-cell; padding-right: 9px; } .contact_info ul li a span { display: table-cell; } .starting-at { text-transform: initial; font-size: 0.9rem; } .site-header--text-links { width: 100%; max-width: 40%; margin: 0 auto; } .site-header .search-bar { width: 100%; max-width: 58%; margin: 0 auto; } .site-header { background-color: #ca1829; padding: 5px 0 20px; } .search-bar input::placeholder { /*color: rgba(255,255,255,0.5); opacity: 1;*/ /* Firefox */ } .search-bar input:-ms-input-placeholder { /* Internet Explorer 10-11 */ /* color: rgba(255,255,255,0.5);*/ } .search-bar input::-ms-input-placeholder { /* Microsoft Edge */ /* color:rgba(255,255,255,0.5);*/ } .search-bar textarea::placeholder { /* color: rgba(255,255,255,0.5); opacity: 1;*/ /* Firefox */ } .search-bar textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ /*color: rgba(255,255,255,0.5);*/ } .site-header .search-bar input[type="text"]:hover, .site-header .search-bar input[type="text"]:focus, .site-header .search-bar input[type="search"]:hover, .site-header .search-bar input[type="search"]:focus { background-color: transparent; color: rgba(255, 255, 255, 0.5); } .site-header .grid-item.large--one-half.large--text-right .site-header--text-links p { margin-bottom: 0; color: rgba(255, 255, 255, 0.5); font-size: 14px; font-style: italic; font-family: 'Fira Sans', sans-serif; font-weight: 400; } .nav-bar { background-color: transparent; } .site-nav > li > a { color: #000; } .site-nav > li > a:hover { color: #ca1829; } .search-bar input[type="submit"], .search-bar .search-bar--submit { top: 8px; bottom: auto; height: auto; } .site-header .site-header--text-links a { color: #fff; font-style: initial; font-family: 'Fira Sans', sans-serif; font-size: 24px; font-weight: 500; } .site-header .grid-item.large--one-half.large--text-right .site-header--text-links p span { line-height: 25px; } .nav-bar .four-sixths { -webkit-box-flex: 0; -ms-flex: 0 0 66.666%; flex: 0 0 66.666%; max-width: 66.666%; } .nav-bar .two-sixths { -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } .site-nav { text-align: left; } .site-nav > li > a { padding: 11px 15px; text-transform: capitalize; font-size: 16px; font-weight: 500; font-family: 'Fira Sans', sans-serif; } .info { float: left; padding-top: 12px; width: 100%; max-width: 240px; } .info ul { margin: 0 auto; float: right; } .info ul li { list-style: none; display: inline-block; border-right: 1px solid #cdd3db; line-height: 14px; padding: 0 11px; } .site-header .icon-search:before { content: "\f002"; font-family: 'FontAwesome' !important; font-size: 20px; } .info ul li:last-child { border-right: none; padding-left: 0; } .info ul li a { color: #000; font-family: 'Fira Sans', sans-serif; font-size: 14px; font-weight: 400; } .cart { float: right; position: relative; width: 100%; max-width: 155px; } .header-cart-btn { margin-left: 0; } .header-logo { margin: 0 0; } .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; width: 100%; bottom: -22px; background-color: #fff; margin: 0 auto; left: 0; right: 0; z-index: 9; } .site-header .wrapper { padding: 0; } .menu .header-cart-btn { border-radius: 0; background-color: #000; padding: 12px 26px 12px 18px; position: relative; left: 1px; text-transform: uppercase; font-size: 14px; font-weight: 500; font-family: 'Fira Sans', sans-serif; display: block; width: 100%; text-align: left; } .info ul { margin: 0 auto; } .site-footer { background-color: #131313; } #shopify-section-footer .contact_social ul.social-icons { padding-left: 0; } .site-footer .contact_social .fa, .site-footer .contact_social a .fa { width: 45px; border: 1px solid #fff; height: 45px; text-align: center; font-size: 20px; border-radius: 50%; line-height: 45px; } .site-footer .small--one-whole .fa:hover, .site-footer .small--one-whole a .fa:hover { border: 1px solid #fff; background-color: #fff; color: #ca1829; transition: 0.5s; } .site-footer ul li { font-family: 'Fira Sans', sans-serif; font-size: 13px; font-weight: 500; } .footer_top { padding-bottom: 70px; } .footer_bottom { border-top: 3px solid #2b2b2b; padding-top: 15px; } .footer-logo { padding: 7px 0; } #payment_box { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #payments_icons { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; padding: 22px 0 10px; } #payments_big_icons { border-left: 3px solid #2b2b2b; padding-left: 30px; padding-top: 15px; padding-bottom: 15px; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; } #payments_icons ul li { padding: 0 3px 0 0; } #payments_big_icons ul li { padding: 0; } #payments_icons ul li.certificate_img img { max-width: 99px; height: auto; } #payments_icons ul li img { max-width: 40px; height: auto; border-radius: 3px; } #copyright { padding: 15px 0; } #copyright ul { text-align: right; } #copyright ul li { padding-right: 5px; font-weight: 400; line-height: 16px; padding-bottom: 0; } .footer_bottom .site-logo-block { min-height: auto; } .menu .site-nav { margin: 0 auto; } #navBar .wrapper { position: relative; } .search-bar input[type="text"], .search-bar input[type="search"] { border-bottom: 1px solid rgba(255, 255, 255, 0.7) !important; padding-left: 0; padding-right: 0; font-family: 'Fira Sans', sans-serif; font-weight: 500; background-color: transparent !important; color: rgba(255, 255, 255, 0.5); } .template-index main.wrapper { max-width: 100%; padding: 0; } .template-index main.wrapper > * { max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; } #shopify-section-slideshow { max-width: 100%; width: 100%; padding: 0; } .flexslider .slides img { width: 100%; } .slider-form .lic_text .form-control-license { padding: 11px 10px; font-weight: bold; color: #000; font-family: 'Fira Sans', sans-serif; } .slider-form { width: 100%; background: url("/cdn/shop/t/61/assets/form-bg.png?v=58866123516810933521680594493") no-repeat left top; max-width: 845px; background-size: 100%; padding: 35px 0 0 25px; position: absolute; bottom: 15px; height: 255px; } .slider-form::before { display: block; content: ""; height: 9px; width: 80px; background: #FFF; left: 0; position: absolute; top: -4px; } .home-form { position: relative; } .tab_top { padding-top: 20px; } .form_part p { color: #fff; margin: 0 auto; text-transform: uppercase; font-family: 'Mukta', sans-serif; font-weight: 800; letter-spacing: 0.75px; } .form_part h3, .form_part .h3 { color: #fff; font-size: 36px; letter-spacing: 0.75px; text-transform: capitalize; line-height: 45px; font-weight: 800; font-family: 'Fira Sans', sans-serif; padding-top: 10px; padding-bottom: 10px; } .form_part .reservation { margin: 0 auto; } .form_part .reservation select { margin: 0 auto; border: none; border-radius: 4px; text-transform: uppercase; font-size: 14px; height: 42px; font-family: 'Mukta', sans-serif; font-weight: 800; } .form_part .one-third .form-group, .form_part .two-sixths .form-group, .form_part .four-twelfths .form-group { padding-right: 10px; } .form_part .one-third .form-group .btn, .form_part .two-sixths .form-group .btn, .form_part .four-twelfths .form-group .btn, .form_part .one-third .form-group .btn-secondary, .form_part .two-sixths .form-group .btn-secondary, .form_part .four-twelfths .form-group .btn-secondary, .form_part .one-third .form-group input[type="submit"], .form_part .two-sixths .form-group input[type="submit"], .form_part .four-twelfths .form-group input[type="submit"], .form_part .one-third .form-group .header-cart-btn, .form_part .two-sixths .form-group .header-cart-btn, .form_part .four-twelfths .form-group .header-cart-btn, .form_part .one-third .form-group .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .form_part .one-third .form-group .shopify-payment-button__button--unbranded, .form_part .two-sixths .form-group .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .form_part .two-sixths .form-group .shopify-payment-button__button--unbranded, .form_part .four-twelfths .form-group .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .form_part .four-twelfths .form-group .shopify-payment-button__button--unbranded { height: 42px; background-color: #fff; color: #c32940; font-family: 'Mukta', sans-serif; font-weight: 800; margin: 0 auto; } .form_part .one-third .form-group .btn::after, .form_part .two-sixths .form-group .btn::after, .form_part .four-twelfths .form-group .btn::after, .form_part .one-third .form-group .btn-secondary::after, .form_part .two-sixths .form-group .btn-secondary::after, .form_part .four-twelfths .form-group .btn-secondary::after, .form_part .one-third .form-group input[type="submit"]::after, .form_part .two-sixths .form-group input[type="submit"]::after, .form_part .four-twelfths .form-group input[type="submit"]::after, .form_part .one-third .form-group .header-cart-btn::after, .form_part .two-sixths .form-group .header-cart-btn::after, .form_part .four-twelfths .form-group .header-cart-btn::after, .form_part .one-third .form-group .shopify-payment-button .shopify-payment-button__button--unbranded::after, .shopify-payment-button .form_part .one-third .form-group .shopify-payment-button__button--unbranded::after, .form_part .two-sixths .form-group .shopify-payment-button .shopify-payment-button__button--unbranded::after, .shopify-payment-button .form_part .two-sixths .form-group .shopify-payment-button__button--unbranded::after, .form_part .four-twelfths .form-group .shopify-payment-button .shopify-payment-button__button--unbranded::after, .shopify-payment-button .form_part .four-twelfths .form-group .shopify-payment-button__button--unbranded::after { content: "\f178"; font-family: 'FontAwesome'; padding-left: 6px; } .tab { float: left; max-width: 40%; width: 100%; } .tabcontent { width: 100%; float: left; max-width: 60%; padding-left: 35px; } .states-box { padding-right: 65px; } .tabcontent p { font-size: 18px; font-family: 'Fira Sans', sans-serif; } .tabcontent a.read_more { border: 2px solid #ca1829; padding: 8px 20px; border-radius: 4px; font-family: 'Mukta', sans-serif; font-weight: 800; display: inline-block; margin-top: 10px; color: #000; font-size: 17px; } .tabcontent a.read_more:hover { border: 2px solid #000; color: #ca1829; transition: 0.5s; } .tab_span { color: rgba(6, 36, 71, 0.5) !important; font-size: 14px; font-weight: 800; font-family: 'Mukta', sans-serif; text-transform: uppercase; letter-spacing: 0.75px; } /* Style the buttons inside the tab */ .tab button { display: block; background: transparent; color: #000000; padding: 0 16px 20px 0; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; font-size: 24px; text-transform: uppercase; font-family: 'Fira Sans', sans-serif; font-weight: 700; } .tab button h2, .tab button .h2 { font-size: 28px; margin: 0 auto; display: inline-block; font-family: 'Fira Sans', sans-serif; font-weight: 800; line-height: 50px; } /* Change background color of buttons on hover */ .tab button:hover { background-color: transparent; } /* Create an active/current "tab button" class */ .tab button.active { background-color: transparent; color: #ca2c34; } .tab button.active h2, .tab button.active .h2 { color: #ca2c34; } .tab button.active:before { content: "\f105"; font-family: 'FontAwesome'; padding-right: 8px; color: #ca2c34; } .tab button:after { display: block; content: ""; height: 3px; width: 50px; background: #ca2c34; } .tab button.tab_button2::after { background: #b069bc; } .tab button.tab_button2.active::after { background: #ca2c34; } .tab button.tab_button3::after { background: #2f94c3; } .tab button.tab_button3.active::after { background: #ca2c34; } .tab button.active:after { width: 98% !important; } .home_tab { align-items: inherit !important; } #section_six_full { background-color: #f7f7f7; width: 100%; max-width: 100%; padding: 120px 0 0; } #section_six_full .tab_list { border-bottom: none; } #section_six_full ul li { border: none; background-color: #fff; margin: 0 4px 0 0; width: 230px; text-align: center; align-content: center; font-size: 14px; height: 60px; color: #000; font-family: 'Mukta', sans-serif; line-height: 20px; font-weight: 700; display: flex; border-bottom: 4px solid #fff; } #section_six_full .content_wrapper { border: none; background-color: #fff; } #section_six_full ul li:last-child { border-right: 0; } #section_six_full ul li.active { border-bottom: 3px solid #ca1829; } .tab_wrapper > ul li.active::after { display: none; } #section_six_full ul li h3, #section_six_full ul li .h3 { font-size: 13px; margin: 0 auto; display: flex; align-items: center; } #section_seven_full { background-color: #ca1829; width: 100%; padding: 0; max-width: 100%; } .first_tab .accordion_head { background-color: transparent; color: #000; font-size: 20px; padding: 8px 0; text-transform: uppercase; font-family: 'Mukta', sans-serif; font-weight: 800; display: block; clear: both; } #section_six_full h2, #section_six_full .h2 { text-transform: capitalize; font-size: 36px; letter-spacing: 0.75px; font-weight: 700; line-height: 40px; font-family: 'Fira Sans', sans-serif; padding-bottom: 15px; padding-top: 15px; } .first_tab h4, .first_tab .h4 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 24px; font-weight: 700; } .first_tab .accordion_container p { font-family: 'Fira Sans', sans-serif; font-size: 17px; font-weight: 400; } .tab_wrapper.first_tab .content_wrapper .tab_content { padding: 35px 20px; overflow: hidden; } .first_tab .plusminus { float: right; color: #8292a4; font-size: 25px; line-height: 30px; } .first_tab .numb { width: 25px; height: 25px; background-color: #ca1829; color: #fff; display: inline-block; text-align: center; border-radius: 50%; line-height: 25px; font-size: 14px; margin-right: 12px; } .tab_wrapper.first_tab .content_wrapper .tab_content h3, .tab_wrapper.first_tab .content_wrapper .tab_content .h3, .tab_wrapper.first_tab .content_wrapper .tab_content .h3 { display: none; } .first_tab .accordion_body { background: transparent; padding: 0; } .first_tab .accordion_container .accordion_body p { padding: 0 5px; margin: 0px; font-family: 'Fira Sans', sans-serif; font-size: 14px; padding-left: 37px; } .theme-title { background-image: url("/cdn/shop/t/61/assets/inner_bg.png?v=105078220943617949221680594493"); background-position: right bottom; background-size: 100%; position: absolute; bottom: -30px; box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.2); padding: 40px 30px 30px 30px; width: 100%; max-width: 500px; min-height: 200px; background-repeat: no-repeat; } .theme-title:before { display: block; content: ""; height: 9px; width: 80px; background: #ca1829; left: 0; position: absolute; top: -4px; } .single-box img { max-width: 100%; height: auto; } .banner_con img { max-width: 100%; height: auto; width: 100%; } .theme-title p { color: #282828; text-transform: uppercase; font-size: 14px; margin: 0 auto; font-weight: 800; font-family: 'Mukta', sans-serif; letter-spacing: 0.25px; } #shopify-section-about_banner { background-color: #f4f4f4; position: relative; padding-bottom: 100px; } .inner-banner { position: relative; } .theme-title h1, .theme-title .h1, .theme-title #shopify-product-reviews .spr-header-title, #shopify-product-reviews .theme-title .spr-header-title { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 36px; letter-spacing: 0.75px; line-height: 40px; font-weight: 800; margin: 0 auto; color: #282828; } #shopify-section-about_section_one { background-color: #f4f4f4; position: relative; } #shopify-section-about_section_two { background-color: #f4f4f4; padding-bottom: 60px; position: relative; } #shopify-section-about_section_three { background-color: #f4f4f4; padding-bottom: 60px; position: relative; } .guarantee-top span { color: rgba(6, 36, 71, 0.5); padding-bottom: 7px; font-size: 14px; font-weight: 800; font-family: 'Mukta', sans-serif; text-transform: uppercase; letter-spacing: 0.75px; display: block; } .guarantee-top h3, .guarantee-top .h3 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 36px; letter-spacing: 0.75px; line-height: 40px; font-weight: 700; } .guarantee-top p { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 400; } .guarantee-box-right h4, .guarantee-box-right .h4, .guarantee-box-right .h4 { font-size: 26px; font-family: 'Fira Sans', sans-serif; text-transform: capitalize; margin: 0 auto; } .guarantee-top { padding-bottom: 20px; } .guarantee-box { padding-right: 30px; } .guarantee-box-right p { font-family: 'Fira Sans', sans-serif; font-size: 17px; font-weight: 400; margin-bottom: 20px; letter-spacing: 0.25px; } .guarantee-box img { width: 100%; height: auto; } .about-box-img img { width: 100%; height: auto; } .about-box-img { padding-right: 30px; } .about-box-right h3, .about-box-right .h3 { font-size: 26px; font-family: 'Fira Sans', sans-serif; text-transform: capitalize; margin: 0 auto; } .about-box-right p { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 400; } .about-box-right span { font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 700; color: #9b9b9b; display: block; padding: 8px 0; } .about-box-right a { font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 700; color: #c0153d; } .about-box-right a:before { content: "\f0e0"; font-family: 'FontAwesome'; padding-right: 10px; } .looping_sec { padding-bottom: 30px; clear: both; } .about_btm_sec { padding-top: 60px; } .single-about-content h4, .single-about-content .h4 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 24px; line-height: 28px; font-weight: 700; } .single-about-content h4:before, .single-about-content .h4:before { display: block; content: ""; height: 5px; width: 50px; background: #ca1829; margin: 0 0 15px 0; position: relative; } .single-about-content p { font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 400; } .single-about-content { padding-right: 20px; } .about-us { padding-bottom: 30px; width: 100%; max-width: 90%; margin: 0 auto; } .about-bottom { padding-top: 35px; } .right_con ul { margin: 0 auto; } .right_con ul li { list-style: none; padding-bottom: 10px; color: #fff; font-size: 17px; font-family: 'Fira Sans', sans-serif; } .right_con ul li a { color: #fff; } .right_con ul li i { padding-right: 8px; } .right_con ul li i, .right_con ul li span { display: table-cell; vertical-align: top; } .right_con ul li i { line-height: 26px; } .footer-contact ul li i, .footer-contact ul li span { display: table-cell; vertical-align: top; } .banner-container { position: relative; } .container { position: relative; } .single-box-right { position: relative; } .right_con { padding: 30px 45px; background-position: right bottom !important; position: relative; bottom: 0; left: -45px; width: 100%; max-width: 600px; height: 330px; background-size: 490px !important; } .right_con h2, .right_con .h2 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 36px; letter-spacing: 0.75px; line-height: 40px; color: #fff; font-weight: 700; } .right_con a.read_more { color: #fff; background-color: #ca1829; padding: 8px 26px; border-radius: 4px; font-weight: 700; display: inline-block; font-family: 'Mukta', sans-serif; font-size: 17px; border: 2px solid #ca1829; } .right_con a.read_more:hover { color: #fff; background-color: transparent; transition: 0.5s; } .single-box { max-width: 100%; } /* Slideshow container */ .slideshow-container img { max-width: 100%; height: auto; } .next_prev { text-align: right; padding-right: 75px; } .slide_con { padding: 0 75px 30px; min-height: 285px; } .slide_con p { font-family: 'Fira Sans', sans-serif; font-size: 14px; line-height: 28px; padding-top: 10px; font-weight: 400; } .slide_con span { color: rgba(6, 36, 71, 0.5); padding-bottom: 7px; font-size: 14px; font-weight: 800; font-family: 'Mukta', sans-serif; text-transform: uppercase; letter-spacing: 0.75px; display: block; } .slide_con h4, .slide_con .h4 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 26px; line-height: 33px; font-weight: 500; } .slideshow-container { position: relative; background: #FFF; } /* Slides */ .slideshow-container .mySlides { display: none; padding: 0; } .slider_sec img { max-width: 100%; height: auto; } /* Next & previous buttons */ .slider_sec .prev, .slider_sec .next { cursor: pointer; line-height: 36px; top: 0; border: 2px solid #ca1829; text-align: center; display: inline-block; color: #ca1829; font-size: 16px; border-radius: 50%; user-select: none; width: 40px; height: 40px; } /* Position the "next button" to the right */ .slider_sec .next { position: relative; } /* On hover, add a black background color with a little bit see-through */ .slider_sec .prev:hover, .slider_sec .next:hover { background-color: #ca1829; color: white; } /* The dot/bullet/indicator container */ .slider_sec .dot-container { text-align: left; float: left; position: absolute; width: auto; bottom: 11px; left: 25%; } /* The dots/bullets/indicators */ .slider_sec .dot { cursor: pointer; height: 6px; width: 50px; margin: 0 1px; background-color: #e6e6e6; display: inline-block; transition: background-color 0.6s ease; } /* Add a background color to the active dot/circle */ .slider_sec .active, .slider_sec .dot:hover { background-color: #ca1829; } .slider_sec { position: relative; width: 100%; max-width: 1170px; margin: 0 auto 50px; padding-top: 60px; } /* Add an italic font style to all quotes */ .slideshow-container q { font-style: italic; } /* Add a blue color to the author */ .slideshow-container .author { color: cornflowerblue; } #section_two_full { width: 100%; max-width: 100%; padding: 50px 0 0; position: relative; } #section_two_full::before { content: ''; position: absolute; width: 607px; height: 1099px; left: 0; background-image: url("/cdn/shop/t/61/assets/section_two_bg.png?v=174994384569548066801680594493"); background-size: 607px; background-repeat: no-repeat; top: 31%; } #section_two_full .shopify-section { max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; } .site-footer h3, .site-footer .h3 { font-family: 'Mukta', sans-serif; text-transform: uppercase; font-weight: 800; color: #898989; } .template-page main.wrapper { max-width: 100%; padding: 0; margin: 0 auto !important; } #shopify-section-review_banner { background-color: #f4f4f4; position: relative; padding-bottom: 100px; } .review .video-block { padding: 0; background: transparent; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: none; } .review .feature-row { align-items: initial; } .review-content h4, .review-content .h4 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 36px; letter-spacing: 0.75px; line-height: 40px; } .review-content p { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 400; } .review-content { padding-right: 40px; } .review-box { background-position: right bottom !important; background-size: 100% !important; height: auto; margin-bottom: 85px; padding: 35px; position: relative; min-height: 180px; } .review-bottom { position: relative; padding: 0 15px; } .review-box:before { display: block; content: ""; height: 9px; width: 80px; background: #ca1829; left: 0; position: absolute; top: -5px; } .review-box p { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 16px; line-height: 23px; } .review-box a { font-weight: bold; position: absolute; bottom: 25px; color: #ca1829; } .review-box a:hover { color: #000; } .inner-wrapper { background-color: #f4f4f4; } .review-mid { background-color: #f4f4f4; } #shopify-section-review_banner { background-color: #f4f4f4; position: relative; padding-bottom: 100px; } #shopify-section-review_section_one { background-color: #f4f4f4; position: relative; padding-bottom: 50px; } #shopify-section-review_section_two { background-color: #f4f4f4; position: relative; padding-bottom: 20px; } #shopify-section-review_banner .theme-title { background-size: 100%; min-height: 155px; background-repeat: no-repeat; } #shopify-section-about_section_three:before { content: ''; position: absolute; width: 835px; height: 965px; right: -335px; background-image: url("/cdn/shop/t/61/assets/bg3.png?v=120917908260620796661680594493"); background-size: 65%; background-repeat: no-repeat; top: -339px; } .banner_part { background-color: #f4f4f4; position: relative; } .contact_part { background-color: #f4f4f4; position: relative; padding-bottom: 350px; } .contact_left { box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.2); padding: 40px 30px 30px 30px; z-index: 999; background-color: #fff; margin-top: -50px; position: relative; top: 0 !important; } .contact_left:before { display: block; content: ""; height: 9px; width: 80px; background: #ca1829; left: 0; position: absolute; top: -4px; } .contact_left span.top-heading { color: #282828; text-transform: uppercase; font-size: 14px; margin: 0 auto; font-weight: 800; font-family: 'Mukta', sans-serif; } .contact_left h2, .contact_left .h2 { font-family: 'Fira Sans', sans-serif; text-transform: capitalize; font-size: 36px; letter-spacing: 0.75px; line-height: 40px; font-weight: 800; margin: 0 auto; color: #282828; } .contact_left p { font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 400; padding-top: 20px; } .contact_left ul { margin: 0 auto; } .contact_left ul li { list-style: none; padding-bottom: 10px; color: #282828; font-size: 17px; font-family: 'Fira Sans', sans-serif; } .contact_left ul li span { color: #282828; font-size: 17px; font-family: 'Fira Sans', sans-serif; font-weight: 400; text-transform: capitalize; } .contact_left ul li i { line-height: 26px; color: #ca1829; padding-right: 8px; } .contact_left ul li i, .contact_left ul li span { display: table-cell; vertical-align: top; } .contact_left ul li a { color: #282828; } .contact_left a.read_more { color: #282828; background-color: #fff; padding: 9px 28px; border-radius: 4px; font-weight: 700; display: inline-block; font-family: 'Mukta', sans-serif; font-size: 17px; border: 2px solid #ca1829; margin-top: 10px; } .contact_right { box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.2); padding: 40px 30px 30px 30px; z-index: 999; background-color: #fff; width: 100%; margin: 0 auto; display: block; max-width: 97%; margin-top: -100px; position: relative; top: 0 !important; margin-bottom: -40px; } .contact_right:before { display: block; content: ""; height: 9px; width: 80px; background: #ca1829; left: 0; position: absolute; top: -4px; } .contact_right form { margin-bottom: 0; } .contact_right input[type="text"], .contact_right input[type="name"], .contact_right input[type="email"], .contact_right input[type="search"], .contact_right input[type="password"], .contact_right .contact_right input[type="email"], .contact_right .contact_right input[type="file"], .contact_right input[type="number"], .contact_right input[type="tel"], .contact_right textarea, .contact_right select { border: none; background-color: #f4f4f4; width: 100%; max-width: 100%; height: 50px; padding: 8px 15px; text-transform: uppercase; font-family: 'Mukta', sans-serif; color: #000; font-size: 14px; font-weight: 800; } .contact_right input::placeholder { color: #000; opacity: 1; /* Firefox */ } .contact_right input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; } .contact_right input::-ms-input-placeholder { /* Microsoft Edge */ color: #000; } .contact_right textarea::placeholder { color: #000; opacity: 1; /* Firefox */ } .contact_right textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; } .contact_right textarea::-ms-input-placeholder { /* Microsoft Edge */ color: #000; } .contact_right textarea { min-height: 132px; } .template-blog main.wrapper { max-width: 100%; padding: 0; margin: 0 auto; } /*//////////////////////////////////////////////////////////////////////*/ @media (min-width: 481px) and (max-width: 767px) { .webinar-section_six .cross-sell .product-grid-item .product-item--price { padding: 0 15px 15px; } } @media (min-width: 240px) and (max-width: 360px) { .about-box-right a { font-size: 13px; } .about-box-right a::before { padding-right: 6px; } .cart-subtotal-btm .btn, .cart-subtotal-btm .btn-secondary, .cart-subtotal-btm input[type="submit"], .cart-subtotal-btm .header-cart-btn, .cart-subtotal-btm .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .cart-subtotal-btm .shopify-payment-button__button--unbranded { font-size: 12px; padding: 8px 20px; } .cart-subtotal-btm .btn img, .cart-subtotal-btm .btn-secondary img, .cart-subtotal-btm input[type="submit"] img, .cart-subtotal-btm .header-cart-btn img, .cart-subtotal-btm .shopify-payment-button .shopify-payment-button__button--unbranded img, .shopify-payment-button .cart-subtotal-btm .shopify-payment-button__button--unbranded img { max-width: 21px; } .product-course-lft .btn, .product-course-lft .btn-secondary, .product-course-lft input[type="submit"], .product-course-lft .header-cart-btn, .product-course-lft .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .product-course-lft .shopify-payment-button__button--unbranded { display: block; margin-bottom: 20px; } .payment-buttons.payment-buttons--small .shipping-message { padding-left: 0; display: block; clear: both; } } @media (min-width: 240px) and (max-width: 991px) { .state_lander_left { margin: 0 auto !important; } .state_lander_right .grid-item .grid-item.small--one-half.medium--one-quarter.large--one-quarter { max-width: 100%; height: auto !important; } .state_lander_right .product-item--price { overflow: hidden; display: block; position: relative; bottom: 0; max-width: 100%; } .webinar-section_two .feature-row { align-items: initial; display: block; } .webinar-section_five .feature-row { align-items: initial; display: block; } .webinar-top-sec .feature-row { display: block; } .features-text h4, .features-text .h4, .features-text .h4 { padding-top: 5px; } .course-box .icon-box { padding-bottom: 0; } .product-course-top .book_top { padding: 20px; } .book_last .book-btm { padding: 0; } .book_last .product-course-container { padding: 10px 0 10px; } .webinar-section_one:before { display: none; } .webinar-top-sec { background-image: none; background-size: 100%; width: 100%; background-repeat: no-repeat; background-color: #fff; padding: 20px; } .webinar-lft { padding: 0; border-right: none; margin-right: 0; } .webinar-lft br { display: none; } .webinar-lft h2, .webinar-lft .h2 { font-size: 25px; line-height: 34px; } .addToCartForm .single-option-selector { display: block; max-width: 100%; margin-right: 0; margin-bottom: 20px; } .payment-buttons.payment-buttons--small button[type="submit"] { margin-bottom: 20px; } .book_more .btn, .book_more .btn-secondary, .book_more input[type="submit"], .book_more .header-cart-btn, .book_more .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .book_more .shopify-payment-button__button--unbranded { margin-bottom: 20px; } .info_sec { padding: 10px 0; } .product-course-container { padding: 40px 0 10px; } .webinar_top_four h2 br, .webinar_top_four .h2 br { display: none; } .product-course-container h2, .product-course-container .h2 { font-size: 25px; line-height: 34px; } .webinar-section_two_right h3, .webinar-section_two_right .h3 { font-size: 25px; line-height: 34px; padding-top: 10px; } .webinar-section_one { padding-top: 30px; } .webinar_top_four h2, .webinar_top_four .h2 { font-size: 25px; line-height: 34px; margin-bottom: 0; } .webinar_btm_four ol { padding-left: 20px; padding-bottom: 40px; } .webinar-section_six #cross-sell h1, .webinar-section_six #cross-sell .h1, .webinar-section_six #cross-sell #shopify-product-reviews .spr-header-title, #shopify-product-reviews .webinar-section_six #cross-sell .spr-header-title { font-size: 30px; padding-bottom: 0; margin-bottom: 0; } .webinar_btm_four .col-sm-4 { padding: 0; } .product-course-top .product-course-lft { padding-right: 0; border-right: none; margin-right: 0; padding-bottom: 30px; } .product-course-top { padding: 30px 0 30px; } .product-course-top .three-quarters, .product-course-top .six-eighths, .product-course-top .nine-twelfths { width: 100%; } .book_top { background-image: none; background-size: 100%; width: 100%; background-repeat: no-repeat; background-color: #fff; } .book-btm { max-width: 100%; } .rte table, .rte table tr td { width: 100% !important; max-width: 100%; } .slideshow-container .feature-row { display: block; } div#bf-revz-widget-3746348172 { width: 254px; margin: auto; } .book_last { padding-top: 20px; } .slider_sec .slide_con { padding: 20px 20px 30px !important; } .book_img .lazyload__image-wrapper { max-width: 100% !important; } .book_img .product__image-wrapper { padding-top: 0 !important; } .book_img .lazyload__image-wrapper img { position: relative !important; top: 0 !important; } .book_page .product-course-lft { padding: 30px; } .book_last::before { display: none; } .book_img { padding-right: 0; } .book_top .feature-row { display: block; } #section_five_full { padding: 0px 0 0; } .footer-logo { margin: 0 auto; padding: 0; } .offer-part { padding-bottom: 0; padding-top: 0; } .image_text .lazyload__image-wrapper { margin-top: 0; } #shopify-section-review_section_one { padding-bottom: 0; } .footer-logo div { padding: 0 !important; margin: 0 auto; } .footer_top .grid, .footer_top .grid--rev, .footer_top .grid--full { margin: 0 auto; } .footer_top .grid-item { padding-left: 0px; } #payments_icons { padding: 10px 0 10px; } .site-footer .wrapper { margin: 0 auto; } #copyright ul { margin: 0 auto; } .site-footer .legal-links { margin: 0 auto; } .review-box { margin-bottom: 50px; padding: 35px; position: relative; min-height: auto; } .review-box a { position: relative; bottom: 0; } .tab_grid { margin-top: 0; } .site-header .wrapper { padding: 0; margin: 0 auto; } .offer-box { padding-bottom: 30px; min-height: inherit; } .offer-box a { position: relative; } #features { padding-top: 30px; } .mobile-nav { border-top: 1px solid #fff; background-color: #ca1829; color: #fff; } .show-nav #mobileNavBar { position: relative; } .nav-bar .search-bar { display: none; } .cart { display: none; } .row { margin: 0 auto; } .banner_con { padding-top: 0px; } .cart { max-width: 100%; } .cart-text { color: #fff; } .news_tab_sec ul { text-align: center; } .news_tab_sec ul li { text-align: center; } .news_tab_sec ul li a { text-align: center; } .contact_part { padding-bottom: 50px; } .contact_left { position: relative; top: 0; margin-top: 30px; padding: 40px 20px 20px 20px; } .contact_part .col-sm-6 { padding: 0; } .contact_left ul li i { padding-right: 0; width: 30px; } .contact_part input[type="name"] { margin: 0 0 20px; } .contact_right { position: relative; top: 0; width: 100%; max-width: 100%; margin-top: 30px; } #shopify-section-about_section_three::before { display: none; } #section_two_full .shopify-section { padding-left: 15px; padding-right: 15px; } #shopify-section-review_banner .theme-title { height: auto; } .review-content h4, .review-content .h4 { font-size: 25px; line-height: 30px; } #states_part::before { display: none; } .tab_wrapper .content_wrapper .accordian_header.active { color: #ca1829 !important; } .tab_wrapper .content_wrapper .accordian_header { border: 1px solid #ccc; } .tab_wrapper .content_wrapper .accordian_header.active .arrow { border-top: 3px solid #ca1829 !important; border-left: 3px solid #ca1829 !important; } .tab_wrapper .content_wrapper .accordian_header.active:after { background: #ca1829 !important; } .tab_wrapper { border-bottom: 1px solid #ccc; } .icon-box { width: 70px; height: auto; line-height: inherit; float: none; margin: 0 auto; display: block; padding-bottom: 10px; } .features-text { padding: 0; } #features .features-text h2, #features .features-text .h2 { font-size: 22px; line-height: 30px; } .states-box .states-text ul { padding-left: 20px; } .team-img-meta a.read_more { margin-bottom: 20px; } .contact_info ul { display: block; } .slider-form { position: relative !important; } .image_text h2, .image_text .h2 { font-size: 25px; line-height: 31px; } .features-box { text-align: center; } body { padding-top: 0 !important; } .search-bar input[type="text"], .search-bar input[type="search"] { border-bottom: 1px solid #831518 !important; padding-left: 10px; padding-right: 10px; color: #333 !important; } .nav-bar .search-bar input[type="search"] { color: #333 !important; } .nav-bar .search-bar .search-bar--submit .icon { color: #333; } .nav-bar .search-bar { margin: 0 auto 15px; width: 100%; max-width: 95%; } .nav-bar a, .nav-bar button { color: #fff; font-family: 'Fira Sans', sans-serif; font-weight: 400; } .nav-bar .mobile-nav a:hover { color: #ca1829; background: #eee; } .nav-bar .mobile-nav a:hover { color: #ca1829; background: #eee; } .nav-bar .mobile-nav li.mobile-nav--has-dropdown.nav-active a { color: #ca1829; background: #eee; } .nav-bar .mobile-nav a:active, .nav-bar .mobile-nav a:focus, .nav-bar .mobile-nav button:active, .nav-bar .mobile-nav button:focus { color: #ca1829; background: #eee; } .mobile-nav li { border-bottom: 1px solid #ccc; } #navBar .wrapper { position: relative; max-width: 100%; padding: 0; margin: 0 auto; } .footer_top .one-quarter, .footer_top .two-eighths, .footer_top .three-twelfths { padding-bottom: 30px; } .footer-logo .lazyload__image-wrapper img { display: block; width: 100%; margin: 0 auto; width: 100% !important; position: relative; } #payment_box { display: -ms-flexbox; display: block; -ms-flex-wrap: wrap; flex-wrap: wrap; } #payments_big_icons { border-left: none; padding-left: 0; padding-top: 15px; padding-bottom: 15px; -ms-flex: 0 0 100%; flex: 100%; max-width: 100%; } #payments_icons { -ms-flex: 0 0 100%; flex: 100%; max-width: 100%; } .grid-item.site-logo-block { max-width: 100% !important; width: 100% !important; float: none; } .one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .one-quarter, .two-eighths, .three-twelfths, .two-eighths, .three-twelfths { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #copyright ul { text-align: center; } .site-header { padding: 10px 0 10px; } .header-logo .lazyload__image-wrapper img { display: block; position: relative !important; margin: 0 auto; left: 0; right: 0; width: 100% !important; max-width: 259px !important; } .header-logo .lazyload__image-wrapper { margin: 0 auto; max-width: 100% !important; } .header-logo .lazyload__image-wrapper div { padding-top: 0 !important; } .menu { bottom: 0; position: relative; } .cart { float: none; } .nav-bar .four-sixths { -webkit-box-flex: 0; -ms-flex: 100%; flex: 100%; max-width: 100%; width: 100%; } .nav-bar .two-sixths { -webkit-box-flex: inherit; -ms-flex: 100%; flex: 100%; max-width: 95%; width: 100%; margin: 0 auto; } .info { float: none; padding: 10px 0; text-align: center; max-width: 100%; margin: 0 auto; } .info ul { margin: 0 auto; float: none; text-align: center; } .info ul li { text-align: center; } #shopify-section-about_banner { padding-bottom: 30px; } .site-header.site-header--hidden { display: block !important; } .show-nav .nav-bar { top: 115px !important; } #mobileNavBar { position: relative; } } @media (min-width: 240px) and (max-width: 767px) { ul.zg-ul-select1 li.active { font-size: 11px; } .lic_text ul.zg-ul-select li.active { font-size: 11px !important; font-weight: 500; } .lic_text #selected--zg-ul-select.active { font-size: 11px !important; } .form_part .one-third .form-group .btn, .form_part .two-sixths .form-group .btn, .form_part .four-twelfths .form-group .btn, .form_part .one-third .form-group .btn-secondary, .form_part .two-sixths .form-group .btn-secondary, .form_part .four-twelfths .form-group .btn-secondary, .form_part .one-third .form-group input[type="submit"], .form_part .two-sixths .form-group input[type="submit"], .form_part .four-twelfths .form-group input[type="submit"], .form_part .one-third .form-group .header-cart-btn, .form_part .two-sixths .form-group .header-cart-btn, .form_part .four-twelfths .form-group .header-cart-btn, .form_part .one-third .form-group .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .form_part .one-third .form-group .shopify-payment-button__button--unbranded, .form_part .two-sixths .form-group .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .form_part .two-sixths .form-group .shopify-payment-button__button--unbranded, .form_part .four-twelfths .form-group .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .form_part .four-twelfths .form-group .shopify-payment-button__button--unbranded { height: 38px; } #selected--zg-ul-select1.active { font-size: 11px; } .state_lander_left { width: 100%; max-width: 100%; margin-bottom: 30px; } .state_lander_right .grid-item .grid-item.small--one-half.medium--one-quarter.large--one-quarter { height: auto; } .flexslider { margin: 0 auto; } .slider-form { bottom: 0; } .state_lander_right { padding-top: 20px; } .home-form .wrapper { margin: 0 auto; } .state_lander_left { width: 100%; max-width: 100%; margin: 0 auto !important; position: relative !important; } .form_part .one-third .form-group, .form_part .two-sixths .form-group, .form_part .four-twelfths .form-group, .form_part .two-sixths .form-group, .form_part .four-twelfths .form-group { padding-right: 0; padding-bottom: 10px; } .expect-sec { background-size: cover !important; } .state_lander_right .product-item--price span { margin: 0 auto; } .state_lander_right .col-sm-12 { padding: 0; } .state_lander_right .state_lander_right_top h2, .state_lander_right .state_lander_right_top .h2 { padding-bottom: 30px; } .state_lander_right .grid-item .grid-item.small--one-half.medium--one-quarter.large--one-quarter .lazyload__image-wrapper img { height: auto; top: 0 !important; position: relative !important; } .state_lander_right .grid-uniform .grid-item .product-grid-item p { margin-bottom: 10px; } .state_lander_right a.product-grid-item { margin-bottom: 30px; min-height: inherit; } .state_lander_right .product-item--price small { font-size: 18px; } .state_lander_right .grid-item .grid-item.small--one-half.medium--one-quarter.large--one-quarter .lazyload__image-wrapper { max-width: 100% !important; } .state_lander_right .grid-item .grid-item.small--one-half.medium--one-quarter.large--one-quarter .lazyload__image-wrapper { height: auto; } .state_lander_right .grid-item .grid-item.small--one-half.medium--one-quarter.large--one-quarter { width: 100%; max-width: 100%; } .state_lander_right .grid-item { padding-left: 0; } .state_lander_right .grid-uniform { margin-left: 0; } .state_lander_right .product-grid-image { display: block; table-layout: inherit; width: 100%; max-width: 100%; min-width: 100%; height: auto !important; } .state_lander_right .product-grid-image--centered { display: block; } .state_lander_right .grid-item .grid-item.small--one-half.medium--one-quarter.large--one-quarter { padding-bottom: 0; } .box_sec_lan .icon_box { padding-bottom: 20px; } .state_lander-mid .col-sm-4 { padding: 0; } .box_sec_lan h4, .box_sec_lan .h4 { padding-bottom: 0; min-height: inherit; } .state_lander_right h2, .state_lander_right .h2 { font-size: 25px; line-height: 30px; } .box_sec_lan { padding-top: 20px; } .state_lander_right .row { margin: 0 auto; } .state_btm_right { padding-top: 30px; } .expect-sec { padding: 80px 0; } .expect-sec .row { margin: 0 auto; } .row { margin: 0 auto; } .expect-sec h2, .expect-sec .h2 { font-size: 25px; line-height: 30px; } .state_lander_one .expect-container h2, .state_lander_one .expect-container .h2 { font-size: 25px; line-height: 30px; } .state_lander_right_top h2, .state_lander_right_top .h2 { margin: 0 auto; } .state_lander_box { margin-top: 30px; } .state_lander-mid { padding: 30px 0 10px; } .state_lander .theme-title { background-position: right bottom !important; max-width: 100%; height: auto; background-image: none !important; background-color: #fff !important; overflow: hidden; position: relative; bottom: 0; } .inner-banner.state_lander { background-color: #f4f4f4; } .inner-banner.state_lander .theme-btm { overflow: hidden; } .theme-btm .custom-select { max-width: 100%; float: none; margin: 0 auto 15px; } .theme-btm .btn, .theme-btm .btn-secondary, .theme-btm input[type="submit"], .theme-btm .header-cart-btn, .theme-btm .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .theme-btm .shopify-payment-button__button--unbranded { max-width: 100%; float: none; margin-left: 0; } .lander_info { background: #fff !important; padding: 20px; background-color: #fff !important; clip-path: none !important; } .lander_info .features-text { padding: 0 !important; } .state_lander_five p { padding-right: 0; } .state_lander_five .lander_info .features-text h4, .state_lander_five .lander_info .features-text .h4 { padding-bottom: 10px; } .state_lander_five h4, .state_lander_five .h4 { font-size: 19px; padding-bottom: 0; line-height: 25px; } .state_lander_six { background-size: cover !important; padding: 35px 15px; } .state_lander_seven { padding: 30px 0; } .state_lander_seven #accordion .accordion { font-size: 14px; } .state_lander_seven .tab_icon::before { width: 30px; height: 30px; border-radius: 50%; line-height: 30px; } .tab_icon, .tab_text { vertical-align: top; } .state_lander_bottom { padding: 40px 0; } .expect-container h2, .expect-container .h2 { font-size: 25px; line-height: 30px; } .state_lander_last { padding: 30px 0px; } .lander_last_container .col-sm-4 { padding: 0; } .lander_last_container .col-sm-8 { padding: 0; } .lander_last_container span { padding-top: 30px; } .lander_last_container h2, .lander_last_container .h2 { font-size: 25px; line-height: 30px; } br { display: none; } .state_lander_two .col-sm-6 { padding: 0; } .state_lander_two { padding-top: 0; } .state_lander_five .land_features-box .icon-box span { margin: 0 auto; } .state_lander-mid .feature-row { display: block; } .state_lander_left { max-width: 100%; } .review-box { width: 100%; max-width: 100%; height: auto; background-color: #fff !important; margin-top: 35px; position: relative; padding: 20px; } .info_sec ul li { display: block; } .webinar-top { padding-top: 35px; } .course-box { text-align: center; } .webinar-section_six h2, .webinar-section_six .h2 { margin-bottom: 0; } .webinar_lander_box { margin-bottom: 40px; } .course-box h4, .course-box .h4 { padding-top: 0; } .webinar-section_two { padding: 10px 0 0; } .webinar-section_two_left { padding-right: 0; } .webinar-section_two_right { padding-left: 0; padding-top: 20px; } .webinar-section_four { padding: 30px 0 0; } .webinar-section_two_right .features-box { margin-bottom: 10px; } .webinar-section_five { padding-bottom: 20px; } .webinar-section_six { background-color: #f4f4f4; padding: 40px 0; } .webinar-section_six #cross-sell { margin-top: 0; } .cart-page .shopify-cleanslate ._1axiYDNHVzBHv3h8UhmWtr, .cart-page .shopify-cleanslate .iZJMuEDN4NxKS3mrxcBP9 { display: block !important; margin-right: -23px; } .cart-page .cart-row { max-height: inherit; } .cart-page p.pro_con { padding-bottom: 15px; } .cart-page .feature-row { -webkit-flex-wrap: inherit; -moz-flex-wrap: inherit; -ms-flex-wrap: inherit; flex-wrap: inherit; display: block; } .cart-page a.product-name { padding-bottom: 15px; } .cart-page { padding-top: 30px; } .cart-page .large--one-quarter { padding-left: 0; width: 100%; float: none; margin: 0 auto; clear: both; } .cart-page .cart-image img { max-height: inherit; } .cart-page .large--three-quarters { width: 100%; float: none; margin: 0 auto; clear: both; padding: 0 0px; } .cart-page .large--five-twelfths { width: 100%; float: none; margin: 0 auto; clear: both; padding: 0 0px; } .cart-items-area .grid-item.one-third, .cart-items-area .grid-item.two-sixths, .cart-items-area .grid-item.four-twelfths { width: auto; float: left; clear: inherit; padding: 4px 20px 0 0 !important; } .cart-items-area .grid-item.one-half, .cart-items-area .grid-item.two-quarters, .cart-items-area .grid-item.three-sixths, .cart-items-area .grid-item.four-eighths, .cart-items-area .grid-item.five-tenths, .cart-items-area .grid-item.six-twelfths { width: auto; float: left; padding: 0 20px 0 0 !important; } .cart-items-area .grid-item.one-sixth, .cart-items-area .grid-item.two-twelfths { width: auto; float: left; clear: inherit; padding-top: 22px; } .cart-page .one-half, .cart-page .two-quarters, .cart-page .three-sixths, .cart-page .four-eighths, .cart-page .five-tenths, .cart-page .six-twelfths { width: 100%; float: none; margin: 0 auto; clear: both; padding: 0 0; } .cart-page .shopify-cleanslate .kEwctmM5pguv6XkPR8mx6, .cart-page .shopify-cleanslate ._2PfRg7DFvcstLFRNRf5W1e { margin-top: 0 !important; margin-right: 10px !important; width: 100%; max-width: 46%; display: inline-block; float: left; margin-bottom: 15px; } .cart-page .js-qty, .cart-page .ajaxifyCart--qty, .cart-page .ajaxifyCart--qty { margin-top: 20px; margin-bottom: 20px !important; clear: both; display: block; } .cart-page .one-third, .cart-page .two-sixths, .cart-page .four-twelfths { width: 100%; float: none; margin: 0 auto; clear: both; padding: 0 0px; } .cart-page .one-sixth, .cart-page .two-twelfths { width: 100%; float: none; margin: 0 auto; clear: both; padding: 0 0; text-align: center !important; } .template-cart .cart-page .cart-form .cart-row .btn-secondary { width: initial; min-width: 19px !important; color: #fff; background-color: #c0153d; font-size: 8px; padding-right: 0; margin-bottom: 20px; } .footer_bottom .grid, .footer_bottom .grid--rev, .footer_bottom .grid--full { margin-left: 0; } .footer_bottom .grid .grid-item, .footer_bottom .grid--rev .grid-item, .footer_bottom .grid--full .grid-item { padding-right: 30px; } .footer_bottom .grid-item.two-quarters { padding: 0 0 !important; } .footer_bottom .grid-item.two-quarters #payments_icons { text-align: center; max-width: 100%; flex: 100%; } .footer_bottom .grid-item.two-quarters #payments_icons ul { width: auto; display: inline-block; margin: auto; } #payments_icons ul li { margin-left: 0px; } .contact_info ul li a span { font-size: 14px; } .contact_info ul { margin-left: 0; } .site-footer ul li { margin-left: 0; } #shopify-section-review_banner { padding-bottom: 30px; padding-top: 0; } .banner_con img { max-width: 600px; height: auto; width: auto; } .guarantee-top h3, .guarantee-top .h3 { font-size: 26px; } .right_con ul li i { padding-right: 0; width: 30px; } .slider_sec img { width: 100%; } .single-box-right { margin-top: 30px; } #shopify-section-about_section_two { padding-bottom: 30px; } .guarantee-top { padding-bottom: 10px; } .about_btm_sec { padding-top: 10px; } .site-footer ul li { font-size: 16px; } .footer-logo div { padding-top: 0 !important; } .guarantee-box-right { padding-top: 20px; } .looping_sec { padding-bottom: 30px; } .about-box-right { padding-top: 20px; } .about-bottom { padding-top: 0; padding-bottom: 30px; } .about-us { padding-bottom: 0; } .slider_sec { padding-top: 30px; } #shopify-section-about_section_three { padding-bottom: 10px; } .single-about-content p { margin: 0 auto; } .review-box a { position: relative; bottom: 0; } .two-fifths, .four-tenths, .four-tenths { width: 100%; } .three-fifths, .six-tenths, .six-tenths { width: 100%; } #reservationform .one-third, #reservationform .two-sixths, #reservationform .four-twelfths { width: 100%; padding-bottom: 20px; } .image_text .feature-row__text { padding-left: 0; } .home_arrow { bottom: 0px; right: 45px; } .home_arrow img { width: 30px; } .article-con-btm { padding: 30px 0; } .tab_grid { background-image: none; width: 100%; background-color: #fff; } .tab_right { padding: 0; } .review-mid .col-sm-6 { padding: 0; } .review-bottom { padding: 0 0; } .news_tab_sec ul li a { font-size: 11px; padding: 0 5px; } .news-img { height: auto; } .review-box { height: auto; } .review-content { padding-right: 0; } .slider-form:before { display: none; } .about-box-img { padding-right: 0; } .guarantee-box { padding-right: 0; } .guarantee-container .one-third, .guarantee-container .two-sixths, .guarantee-container .four-twelfths { width: 100%; } .slider_sec { padding-left: 15px; padding-right: 15px; } .theme-title { width: 100%; max-width: 100%; height: auto; background-color: #fff; margin-top: 30px; position: relative; padding: 20px; bottom: 0; } #shopify-section-review_section_two { padding-bottom: 0; } .contact_left h2, .contact_left .h2 { font-size: 25px; line-height: 30px; } .theme-title h1, .theme-title .h1, .theme-title #shopify-product-reviews .spr-header-title, #shopify-product-reviews .theme-title .spr-header-title { font-size: 25px; line-height: 30px; } .right_con h2, .right_con .h2, .right_con .h2 { font-size: 25px; line-height: 30px; } .guarantee-container .two-thirds, .guarantee-container .four-sixths, .guarantee-container .eight-twelfths { width: 100%; } .about-box-right a { word-wrap: break-word; } .about-us .one-third, .about-us .two-sixths, .about-us .four-twelfths { width: 100%; padding-bottom: 30px; } .banner-container .three-fifths, .banner-container .six-tenths { width: 100%; } .banner-container .two-fifths, .banner-container .four-tenths { width: 100%; } .right_con { padding: 30px 20px; background-position: right bottom !important; position: relative; bottom: 0; left: 0; width: 100%; max-width: inherit; height: auto; background-color: #000 !important; background-image: none !important; } .single-about-content { padding-right: 0; } .image_text .feature-row__text { padding-top: 30px; } #section_two_full { padding: 0 0 0; } #section_two_full::before { display: none; } .tab button::after { margin: 2px 0; } .offer-top h2, .offer-top .h2 { font-size: 25px; line-height: 30px; } .team-img-meta h2, .team-img-meta .h2 { font-size: 25px; line-height: 30px; } #section_six_full h2, #section_six_full .h2 { font-size: 25px; line-height: 30px; } .states-box .states-text h3, .states-box .states-text .h3, .states-box .states-text .h3 { font-size: 25px; line-height: 30px; } .first_tab .accordion_head { font-size: 11px; } .first_tab .plusminus { font-size: 17px; line-height: 17px; } .tab_wrapper.first_tab .content_wrapper .tab_content { padding: 35px 10px; } .first_tab .numb { width: 18px; height: 18px; line-height: 18px; font-size: 11px; margin-right: 5px; } .form_part h3, .form_part .h3 { font-size: 25px; line-height: 30px; } .form_part h3 br, .form_part .h3 br { display: none; } .container { padding-left: 15px; padding-right: 15px; } .first_tab h4, .first_tab .h4 { padding-top: 10px; } .image_text { padding-top: 30px; } .tab button h2, .tab button .h2, .tab button .h2 { font-size: 14px; } .flexslider { margin: 0 auto !important; padding: 0; } .header-logo .lazyload__image-wrapper img { width: 100% !important; max-width: 259px !important; } .tabcontent { padding-left: 0; } .slider-form { max-width: 100%; padding: 20px; height: auto; min-height: inherit; bottom: 0; background-size: cover !important; } .tab_top .col-sm-12 { padding: 0; } .tab button { padding: 0 0 5px 0; } .offer-box { min-height: inherit; } .offer-box a { position: relative; bottom: 0; } #states_part .two-thirds, #states_part .four-sixths, #states_part .eight-twelfths { width: 100%; } #states_part .one-third, #states_part .two-sixths, #states_part .four-twelfths { width: 100%; } .states-box { padding-right: 0; } .footer_top { padding-bottom: 0; } .slider_sec .dot-container { padding-bottom: 30px; } .tab_wrapper.first_tab .content_wrapper .accordian_header { padding: 8px 20px; font-size: 11px; clear: both; } .states-right ul li:first-child { border-bottom: 1px dashed #fff; border-right: 1px dashed #fff; padding-bottom: 20px; padding-left: 5px; text-align: left; padding-top: 20px; } .states-right ul li:nth-child(2) { padding-left: 0; text-align: right; padding-right: 5px; padding-top: 20px; padding-bottom: 20px; } .states-right ul li:nth-child(3) { border-right: 1px dashed #fff; padding-top: 20px; padding-left: 5px; padding-bottom: 20px; } .states-right ul li:nth-child(4) { padding-left: 0; text-align: right; padding-right: 5px; padding-top: 20px; padding-bottom: 20px; } .states-right { padding-top: 50px; width: 100%; max-width: 300px; margin: 0 auto; } #states_part { color: #fff; padding: 80px 15px; } #shopify-section-bottom_slider .slider_sec .feature-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .three-quarters, .six-eighths, .nine-twelfths, .six-eighths, .nine-twelfths { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .tab { float: none; max-width: 100%; width: 100%; clear: both; } .tabcontent { width: 100%; float: none; max-width: 100%; } .template-index main.wrapper > * { padding-left: 15px; padding-right: 15px; } .team-img-meta { padding: 15px; position: relative; top: 0px; background-color: rgba(0, 0, 0, 0.8) !important; background-image: none !important; } .tab_wrapper.first_tab .content_wrapper .tab_content .grid-item { padding-left: 0; } #section_five_full #team { height: auto; } #section_six_full { padding: 50px 0 0; } .slide_con { padding: 0 0 30px; } .next_prev { text-align: center; padding-right: 0; } .slider_sec .dot-container { text-align: center; float: none; position: relative; width: auto; bottom: 0; left: 0; padding-top: 20px; } /*---newcss---*/ .banner_con img { max-width: 100%; } .one-third, .two-sixths, .four-twelfths, .two-sixths, .four-twelfths { width: 100%; } .flex-viewport { height: auto; } } @media (min-width: 240px) and (max-width: 480px) { .bullet_sec h5 span.nubmer, .bullet_sec .h5 span.nubmer, .bullet_sec .h5 span.nubmer { width: 15px; height: 15px; line-height: 15px; font-size: 12px; } .slider_sec .slide_con { padding: 20px 0 30px; } #cross-sell .grid-uniform.cross-sell .grid-item { width: 100%; } .bullet_sec h5, .bullet_sec .h5 { font-size: 13px; } .product-course-lft h2, .product-course-lft .h2 { font-size: 25px; line-height: 34px; } .book-btm h1, .book-btm .h1, .book-btm #shopify-product-reviews .spr-header-title, #shopify-product-reviews .book-btm .spr-header-title { font-size: 23px; line-height: 28px; } .book-btm { padding: 30px 0 0; } .book_page { padding: 30px 0 10px; } .product-course-lft .shipping-message .ship_con { font-size: 16px; } .product-course-lft .shipping-message img { max-width: 50px; } .product-course-lft .shipping-message .ship_con { padding-left: 49px; font-size: 14px; } .product-course-lft .shipping-message { clear: both; display: block; margin-top: 30px; padding-left: 0 !important; } } @media (min-width: 768px) and (max-width: 991px) { .row { margin: 0 auto; } .flexslider { margin: 0 auto; } .slider-form { bottom: 0; } .state_lander_right a.product-grid-item { margin-bottom: 30px; min-height: inherit; } .home-form .wrapper { margin: 0 auto; } .lander_last_container span { padding-top: 30px; } .state_lander_right .product-item--price span { float: none !important; } .state_lander .theme-title h1, .state_lander .theme-title .h1, .state_lander .theme-title #shopify-product-reviews .spr-header-title, #shopify-product-reviews .state_lander .theme-title .spr-header-title { font-size: 30px; line-height: 34px; } .state_lander_right .grid-item .grid-item.small--one-half.medium--one-quarter.large--one-quarter { max-width: 50%; } .state_lander-mid .col-sm-4 { padding: 0; float: none; clear: both; } .state_lander_left { position: relative; } .state_lander-mid .feature-row { display: block; } .state_lander_left { max-width: 100%; margin: 30px 0; } .expect-sec { padding: 50px 0; } .state_btm_right { padding-top: 30px; } .state_lander-mid { padding: 70px 0 10px; } .state_lander .theme-title { max-width: 635px; min-height: 230px; bottom: -60px; background-size: 100% !important; } .state_lander-mid .col-sm-4 { padding: 0; } .box_sec_lan h4, .box_sec_lan .h4 { padding-bottom: 0; min-height: inherit; } .icon_box { padding-bottom: 10px; } .box_sec_lan { padding-bottom: 15px; } .state_lander_one .expect-container .state_lander_three p { padding: 0 0 20px; } .lander_info { background: #fff !important; padding: 20px; background-color: #fff !important; clip-path: none !important; } .tab button { font-size: 17px; } .info_sec ul li { padding: 10px 10px 10px 10px; } .info_sec ul li a span { font-size: 15px; } .webinar-section_two_right .features-box { margin-bottom: 10px; } .webinar-section_one { padding-top: 30px; } .webinar-top { padding-top: 30px; } .course-box .icon-box { margin: 0; } .webinar-top-sec .three-quarters, .webinar-top-sec .six-eighths, .webinar-top-sec .nine-twelfths { width: 100%; } .webinar-top-sec .feature-row { display: block; } .features_sec { padding-top: 10px; } .webinar-section_two .one-half, .webinar-section_two .two-quarters, .webinar-section_two .three-sixths, .webinar-section_two .four-eighths, .webinar-section_two .five-tenths, .webinar-section_two .six-twelfths { width: 100%; } .webinar-section_two .one-half, .webinar-section_two .two-quarters, .webinar-section_two .three-sixths, .webinar-section_two .four-eighths, .webinar-section_two .five-tenths, .webinar-section_two .six-twelfths { width: 100%; } .webinar-section_two .feature-row { display: block; } .webinar-section_two_right { padding-left: 0; } .webinar-section_two_left { padding-right: 0; } .webinar-section_two { padding: 50px 0 0; } .webinar-section_four { padding: 30px 0 0; } .webinar-section_six { padding: 30px 0; } #cross-sell { margin-top: 0; } .webinar-section_six #cross-sell { margin-top: 0; } .webinar-section_five .one-half, .webinar-section_five .two-quarters, .webinar-section_five .three-sixths, .webinar-section_five .four-eighths, .webinar-section_five .five-tenths, .webinar-section_five .six-twelfths { width: 100%; } .webinar-section_five .feature-row { display: block; } .web_info .icon-box { height: auto; } .webinar-section_five { padding-bottom: 5px; } .webinar_img .img-responsive { width: 100%; } .right_con ul li i { width: 25px; } .cart-page .medium-down--text-left { width: 100%; padding-left: 0; text-align: right !important; } .cart-page .push--medium--one-third, .cart-page .push--medium--two-sixths, .cart-page .push--medium--four-twelfths { left: 0 !important; } .cart-page .price small { font-size: 15px; } .cart-page a.product-name { font-size: 15px; } .guarantee-container .feature-row { align-items: initial; } .about-us { padding-top: 40px; } .review-bottom { padding: 0; } .single-about-content h4, .single-about-content .h4, .single-about-content .h4 { font-size: 16px; } .tab button { padding: 0 0 20px 0; } .offer-part { padding-bottom: 0; } .footer_top { padding-bottom: 0; } #shopify-section-footer ul.social-icons { padding-bottom: 0; } .legal-links { margin-bottom: 0; } .footer-logo div { margin: 0 auto; padding-top: 0 !important; } .footer-logo { margin-bottom: 0; } .tab_top { padding-top: 0; } #payments_icons { padding: 0 0 10px; } #copyright { padding: 10px 0 0; } .footer_top .grid, .footer_top .grid--rev, .footer_top .grid--full { margin: 0 auto; } .footer_top .grid-item { padding-left: 0; } .site-footer ul li { font-size: 15px; } #shopify-section-footer ul.social-icons { padding-bottom: 0; } .about-box-right p { font-size: 16px; margin-bottom: 10px; } .home_arrow { bottom: 30px; right: 30px; } .features-box { padding: 0 15px; } .news_tab_sec ul li a { font-size: 12px; padding: 0 5px; } .nav-bar { padding-bottom: 20px; } .slider-form { background-size: cover; padding: 35px 0 30px 25px; } .states-box { padding-right: 50px; } #states_part .two-thirds, #states_part .four-sixths, #states_part .eight-twelfths { width: 100%; } #states_part .one-third, #states_part .two-sixths, #states_part .four-twelfths { width: 100%; } #states_part { overflow: hidden; } .tab_top .col-sm-12 { padding: 0; } .tab_grid { background-image: none; width: 100%; background-color: #fff; } .news-img { height: auto; } .image_text .lazyload__image-wrapper img { position: relative; } .about-box-right a { font-size: 14px; } .slider_img { padding-right: 15px; } .right_con h2, .right_con .h2, .right_con .h2 { font-size: 22px; line-height: 27px; } .right_con ul li { font-size: 13px; } .right_con a.read_more { padding: 6px 15px; font-size: 12px; } .right_con { padding: 30px 25px; bottom: 0; left: 0; width: 100%; max-width: 100%; height: auto; } .icon-box { height: 90px; } .container { padding-left: 15px; padding-right: 15px; } .flexslider .lazyload__image-wrapper img { position: relative; } .flexslider .lazyload__image-wrapper { padding-top: 0 !important; } .tab button h2, .tab button .h2, .tab button .h2 { font-size: 14px; } .image_text { padding-top: 0; } #section_two_full::before { display: none; } .image_text div { padding-top: 0 !important; } .image_text .lazyload__image-wrapper { max-width: 100% !important; height: auto; padding-right: 30px; } .slider-form::before { display: none; } .slideshow-container .feature-row { display: block; } .slideshow-container .mySlides .three-quarters, .slideshow-container .mySlides .six-eighths, .slideshow-container .mySlides .nine-twelfths { width: 100%; } .next_prev { text-align: center; padding-right: 0; } .slider_sec .dot-container { text-align: center; float: none; position: relative; width: auto; bottom: 0; left: 0; padding-top: 20px; } .slider_sec .one-quarter, .slider_sec .two-eighths, .slider_sec .three-twelfths { width: 25%; } .slider_sec .mySlides .one-quarter, .slider_sec .mySlides .two-eighths, .slider_sec .mySlides .three-twelfths { width: 100%; } .slider_sec .feature-row { align-items: initial; padding-left: 15px; padding-right: 15px; } .slide_con { padding: 0 0 6px; } .tabcontent p { font-size: 15px; } #states_part .feature-row { width: 100%; display: block; } .states-right { padding-top: 35px; overflow: hidden; max-width: 400px; margin: 0 auto; } .slider_img img { width: 100%; height: auto; } #states_part .three-quarters, #states_part .six-eighths, #states_part .nine-twelfths { width: 100%; } .template-index main.wrapper > * { padding-left: 15px; padding-right: 15px; margin-bottom: 50px; } #team .feature-row__item { -webkit-flex: 0 1 80%; -moz-flex: 0 1 80%; -ms-flex: 0 1 80%; flex: 0 1 80%; } .tab_wrapper.first_tab .content_wrapper .tab_content .grid-item { padding-left: 0; padding-bottom: 20px; } .states-box .states-text h3, .states-box .states-text .h3, .states-box .states-text .h3 { font-size: 17px; line-height: 23px; } .states-right ul li:nth-child(2) { padding-left: 0; text-align: right; } .states-right ul li:nth-child(4) { padding-left: 0; text-align: right; } .state_lander_right .product-grid-item { width: 100%; } .offer-box img { width: 100%; height: auto; } #features .features-text p { font-size: 16px; } #section_six_full { padding: 70px 0 0; margin-bottom: 0; } .slider_sec { padding-top: 10px; } .three-quarters, .six-eighths, .nine-twelfths { width: 50%; } .one-quarter, .two-eighths, .three-twelfths { width: 50% !important; } .slider_sec .mySlides .one-quarter, .slider_sec .mySlides .two-eighths, .slider_sec .mySlides .three-twelfths, .slider_sec .mySlides .two-eighths, .slider_sec .mySlides .three-twelfths { width: 100% !important; } } @media (min-width: 992px) and (max-width: 1199px) { .site-header .wrapper { padding: 0; } .state_lander_left li { font-size: 15px; } .state_lander_left p { font-size: 15px; } .state_lander_left ul ul, .state_lander_left ul ol, ol ol, ol ul { margin: 4px 0 5px 10px; } .state_lander_left ol li { margin: 0; } .state_lander_left ol li i { font-size: 12px; } .state_lander_right .grid-uniform .grid-item .product-grid-item p { font-size: 14px; line-height: 18px; } .state_lander_right .product-item--price { font-size: 12px; } .state_lander_right .product-item--price span { font-size: 12px; } .state_lander_right .product-item--price small { font-size: 14px; } .state_lander_right sup { font-size: 12px !important; } .state_lander_right .grid-item .grid-item.small--one-half.medium--one-quarter.large--one-quarter { max-width: 50%; } .webinar-lft h2, .webinar-lft .h2 { font-size: 25px; } .webinar_box h3, .webinar_box .h3 { font-size: 18px; line-height: 27px; } .book-btm { padding: 30px 0 15px; } .product-course-top .book_top { padding: 30px; } .product-course-top .product-course-lft p { font-size: 17px; margin-bottom: 15px; } .product-course-top { padding: 30px 0 30px; } .product-course-top .product-course-lft h2, .product-course-top .product-course-lft .h2 { padding-bottom: 5px; } .book-btm { max-width: 70%; } .product-course-lft h5, .product-course-lft .h5, .product-course-lft .h5 { padding-bottom: 0; } .product-course-lft .product-meta { margin-bottom: 0; padding: 6px 0; } .product-course-lft p { font-size: 17px; margin-bottom: 10px; } .product-course-lft h2, .product-course-lft .h2, .product-course-lft .h2 { font-size: 28px; } .product-course-lft form { margin-bottom: 15px; } .right_con ul li i { width: 30px; } .guarantee-container .feature-row { align-items: initial; } .slider_sec { padding-left: 15px; padding-right: 15px; } .review-box { min-height: 180px; } #shopify-section-review_section_two { padding-bottom: 0; } .about-box-right p { margin-bottom: 10px; } .info ul li a { font-size: 13px; } .menu .header-cart-btn { font-size: 13px; } .info ul li { padding: 0 12px; } .home_arrow { right: 30px; } .tab_top .container { padding: 0 0; } .tab_grid .lazyload__image-wrapper { max-width: 100% !important; } #states_part::before { right: -232px; background-size: 450px; top: -1px; } #section_two_full:before { top: 41%; } .tab_grid .lazyload__image-wrapper img { position: relative; } .tab_grid div { padding-top: 0 !important; padding-right: 15px; padding-left: 0; padding-bottom: 0; } .tab_right h2, .tab_right .h2 { font-size: 30px; line-height: 30px; padding-top: 20px; padding-bottom: 0; } .tab_right p { font-size: 15px; } .row { margin: 0 auto; } .tab_grid { margin-bottom: 50px; } .news_tab_sec ul li a { font-size: 16px; padding: 0 11px; } .contact_right { max-width: 94%; } .states-box .states-text h3, .states-box .states-text .h3 { font-size: 30px; line-height: 35px; } .states-box .states-text br { display: none; } .tab button h2, .tab button .h2 { font-size: 20px; } .image_text { padding: 0 15px; } .image_text .lazyload__image-wrapper { max-width: 100% !important; padding-right: 20px; } .image_text .lazyload__image-wrapper img { position: relative; } .image_text div { padding-top: 0 !important; } #section_six_full ul li h3, #section_six_full ul li .h3 { font-size: 11px; } .first_tab .accordion_head { font-size: 18px; } .container { padding: 0 15px; } .right_con h2, .right_con .h2 { font-size: 28px; line-height: 36px; } .right_con ul li { font-size: 16px; } .right_con { padding: 30px 25px; } .info { max-width: 215px; } .cart { max-width: 125px; } #navBar .wrapper { margin: 20px auto !important; } .tab_wrapper > ul { padding: 0 20px; } .site-header { padding: 5px 15px 5px; } .team-img-meta { padding: 50px 30px 50px; } #section_six_full ul li { width: 19%; font-size: 10px; } .states-right ul li:nth-child(2) { padding-left: 0; text-align: right; } .states-right ul li:nth-child(4) { padding-left: 0; text-align: right; } .team-img-meta h2, .team-img-meta .h2, .team-img-meta .h2 { margin-bottom: 10px; } .team-img-meta p { padding-bottom: 0; } .site-header .grid-item.large--one-half.large--text-right { width: 70%; } .site-footer .small--one-whole, .site-footer .small--one-whole a { word-wrap: break-word; } .index-section { padding-bottom: 30px; } .wrapper { max-width: 100%; max-width: 95%; } .template-index main.wrapper > * { padding-left: 15px; padding-right: 15px; } .image_text .feature-row { align-items: initial; } } .state_lander_left p a { color: #1a1a1a; } .state_lander_left h3 a, .state_lander_left .h3 a { color: #1a1a1a; } .sticky { position: fixed; top: 0; max-width: 24%; z-index: 9; } .go-btn1 { margin-bottom: 20px; padding: 0 35px; } .one-third .form-group .form-control, .two-sixths .form-group .form-control, .four-twelfths .form-group .form-control { padding: 11px 10px; font-weight: bold; color: #000; font-family: 'Fira Sans', sans-serif; } /*-----newcss-----*/ .wrapper { padding: 0 !important; } .land_features-box:last-child { padding-bottom: 0; } .land_bg { width: 100%; height: 100%; background-size: cover; background-color: #fff; clip-path: polygon(50% 0%, 100% 0, 100% 35%, 100% 86%, 92% 91%, 78% 100%, 21% 100%, 0 100%, 0% 35%, 0 0); } .lander_info:last-child { background-color: #fff; margin-bottom: 0; background-image: none; } .state_lander_right .grid-item .grid-item.small--one-half.medium--one-quarter.large--one-quarter { max-width: 100%; height: 231px; } .state_lander_left { z-index: 1; } .template-collection main.wrapper { max-width: 100%; padding-top: 0 !important; } .section_last { background-image: none; background-color: #fff; margin-bottom: 0; } /*custom css by sah */ .state_lander_five ul li { font-size: 14px !important; list-style: disc; font-family: 'Fira Sans', sans-serif; font-weight: 400; } .expect-container ul { margin-bottom: 16px; list-style: disc; } .lander_last_container ol li { font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 400; } .lander_last_container ul { margin-bottom: 16px; } .lander_last_container ul li { font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 400; list-style: disc; } .state_lander_right p, .state_lander_right ol li { font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 400; } table { margin-bottom: 16px; } .state_lander_bottom .expect-container h3, .state_lander_bottom .expect-container .h3 { color: #fff; } .state_lander_one .expect-container ol li { font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 400; } .state_lander_one .expect-container ul li { font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 400; } .state_lander_bottom .expect-container ul li { font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 400; color: #fff; } #expect-sec .expect-container h2, #expect-sec .expect-container .h2 { text-transform: uppercase; } .state_lander_one .state_lander_six h4, .state_lander_one .state_lander_six .h4 { color: #fff; } .state_btm_right h2, .state_btm_right .h2 { text-transform: uppercase; } #shopify-section-book-template { width: 100%; max-width: 1200px; margin: 0 auto; } #shopify-section-book-template .grid-item.small--one-half.medium--one-quarter.large--one-quarter { width: 100%; padding-left: 0; border: 1px solid #ccc; margin-bottom: 30px; min-height: 320px; } #shopify-section-book-template .lazyload__image-wrapper { max-width: 100% !important; max-height: 160px; overflow: hidden; } #shopify-section-book-template .product-grid-image--centered .lazyload__image-wrapper img { width: 100%; } #shopify-section-book-template .lazyload__image-wrapper { max-width: 100% !important; max-height: 160px; overflow: hidden; } #shopify-section-book-template .grid-uniform .grid-item .product-grid-item p { padding: 0 15px; } #shopify-section-book-template .product-item--price { padding: 0 15px; } .template-cart #EmptyCart { width: 100%; max-width: 1200px; margin: 0 auto; padding: 50px 0; } .payment-buttons.payment-buttons--small .shipping-message { padding-top: 10px; font-weight: 700; display: block; clear: both; padding-left: 0; } .book_page .product-course-lft .addToCartForm .single-option-selector { padding-left: 10px; } .book_page .product-course-lft #addToCart-product-template { padding: 4px 25px 4px 25px; } .form_part #state { margin: 0 auto; } .lic_text #selected--zg-ul-select.active { background-color: #fff; border: none; color: #000; padding: 10px 10px; border-radius: 0; margin: 0 auto; } .lic_text ul.zg-ul-select li.active { background-color: #fff; border: none; color: #000; padding: 10px 10px; border-radius: 0; margin: 0 auto; font-family: 'Fira Sans', sans-serif; font-size: 1em; } ul.zg-ul-select { font-size: 1em !important; font-weight: bold; } .lic_text svg:not(:root) { font-size: 14px; width: 14px; height: 14px; font-weight: bold; } .lic_text #selected--zg-ul-select { color: #000; text-transform: uppercase; font-size: 14px; font-family: 'Fira Sans', sans-serif; font-weight: bold; } .lic_text #selected--zg-ul-select.active { background-color: #fff; border: none; color: #000; padding: 10px 10px; border-radius: 0; margin: 0 auto; } .lic_text ul.zg-ul-select.active li.active { background-color: #3399ff !important; } .lic_text ul.zg-ul-select li.active a { color: #000; font-size: 14px; font-family: 'Fira Sans', sans-serif; font-weight: bold; display: block; } .lic_text ul.zg-ul-select li #ul-arrow { font-size: 14px; width: 14px; height: 14px; font-weight: bold; } .lic_text ul.zg-ul-select.active li:hover { background-color: #3399ff !important; } .lic_text ul.zg-ul-select li { border-radius: 0px; padding: 10px 10px; } .lic_text ul.zg-ul-select li a { color: #000; text-transform: uppercase; font-size: 14px; font-family: 'Fira Sans', sans-serif; font-weight: bold; display: block; } .lic_text #be-select li { text-align: left; margin: 0 auto; } .lic_text ul.zg-ul-select li a { text-transform: capitalize; font-weight: 600; } .lic_text #be-select { background-color: #FFF; position: relative; z-index: 9; } .lic_text ul.zg-ul-select li { border-radius: 0px; padding: 5px 10px; } .lic_text #be-select { background-color: #FFF; } .lic_text .zg-ul-select li.active a { text-transform: uppercase; } .form_part .feature-row { align-items: inherit; } .step h2.os-header__title, .step .os-header__title.h2 { padding-bottom: 20px; } .template-search #shopify-section-search-template .search-bar input[type="text"], .template-search #shopify-section-search-template .search-bar input[type="search"] { border-bottom: 1px solid #ca172a !important; color: #000; padding: 10px 15px !important; } .form_part #state option:disabled { text-transform: uppercase; color: #000; padding: 10px; font-family: 'Fira Sans', sans-serif; font-size: 1em; display: block; opacity: 1; background-color: #0074d9; } .form_part #state select[disabled='disabled']::-ms-value { color: #000; background-color: #0074d9; } .form-group #state.form-control { padding: 12px 10px; height: 44px; } .form-group #state.form-control *, .form-group #state.form-control option, .theme-btm #my-dropdown.custom-select *, .theme-btm #my-dropdown.custom-select option { padding: 12px 10px; } .form-group #state.form-control *:checked, .form-group #state.form-control option:checked, .form-group #state.form-control option:checked { background: #3399ff; } .form-group select option:hover, select option:focus, select option:active { background: linear-gradient(#3399ff, #3399ff) !important; background: #3399ff !important; color: black !important; } .form-group select option:checked { background: linear-gradient(#3399ff, #3399ff) !important; background: #3399ff !important; color: black !important; } #course-box .one-half, #course-box .two-quarters, #course-box .three-sixths, #course-box .four-eighths, #course-box .five-tenths, #course-box .six-twelfths { padding: 0 15px; } /*-----new css (2.12.2020)-----*/ .lic_text #be-select1 li { text-align: left; margin: 0 auto; } .lic_text #be-select1 { background-color: #FFF; opacity: 1; position: relative; z-index: 9; } ul.zg-ul-select1 { border-radius: 0; box-sizing: border-box; cursor: pointer; font-family: 'Fira Sans', sans-serif; font-size: 14px; margin: 0; padding: 0; font-weight: 600; border: none; } ul.zg-ul-select1 li { border-radius: 0; display: none; padding: 10px 10px; } ul.zg-ul-select1 li.active { align-items: center; border: none; border-radius: 0; box-shadow: 0 0 2px #aaa; color: #111; display: flex; justify-content: space-between; padding: 10px 10px; } ul.zg-ul-select1.active { border: 1px solid #aaa; } ul.zg-ul-select1.active li { border: none; box-shadow: none; display: block; } ul.zg-ul-select1.active li:hover { background: #0074d9; } ul.zg-ul-select1.active li.active { background: #40a6ff; } ul.zg-ul-select1.active li.active:hover { background: #0074d9; } #selected--zg-ul-select1 { align-items: center; box-sizing: border-box; color: #111; display: flex; font-family: 'Fira Sans', sans-serif; justify-content: space-between; font-size: 14px; width: auto; font-weight: 700; } #selected--zg-ul-select1.active { border: none; border-radius: 0; box-shadow: 0 0 2px #aaa; padding: 10px 10px; background-color: #fff; } .lic_text #be-select1.active { background-color: #FFF; opacity: 1; position: absolute; z-index: 1; height: 200px; left: 0; right: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; } h3.crosssell-title, .crosssell-title.h3 { font-family: "Fira Sans",sans-serif; font-size: 30px; margin: 25px 0; text-align: left !important; text-transform: capitalize; } .cross-sell.xs-v2 .xs-card .xs-product-title { font-family: "Fira Sans",sans-serif; font-size: 18px !important; } .cross-sell.xs-v2 .xs-card .xs-card-body { text-align: left !important; } .cross-sell.xs-v2 { margin: 0 -10px !important; text-align: left !important; padding: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cross-sell.xs-v2 .xs-card .xs-image { width: 100% !important; min-height: 250px !important; } #cross-sell { margin: 0 !important; } .cross-sell.xs-v2 .xs-card { margin: 10px !important; width: 20% !important; text-align: left; } .cross-sell .flickity-viewport { width: 100% !important; } @media (max-width: 991px) { .cross-sell.xs-v2 .xs-card { width: 33.33% !important; } } @media (max-width: 767px) { .cross-sell.xs-v2 .xs-card { width: 50% !important; } .nav-bar { display: none !important; } .show-nav .nav-bar, .nav-bar { top: 0 !important; background: #ca1829; } .show-nav .nav-bar { display: block !important; } .mobile-nav { position: relative; padding-top: 45px; } .mobile-nav .MobileNav-close { position: absolute; right: 15px; top: 12px; cursor: pointer; width: 30px; height: 30px; text-align: center; } .form-group.lic_text #be-select1.zg-ul-select1 { z-index: 99 !important; } .custom-select { position: relative; } #shopify-section-product-template-webinar .webinar_btm_four table { width: 100% !important; } } @media (max-width: 479px) { .cross-sell.xs-v2 .xs-card { width: 100% !important; } #shopify-section-product-template-webinar .webinar_btm_four table tr td, #shopify-section-product-template-webinar .webinar_btm_four table tr th { padding: 15px 10px; } } @media (max-width: 768px) { .mobile-nav li.mobile-nav--has-dropdown.open .mobile-nav--dropdown { display: block; } .show-nav .nav-bar { z-index: 2147483647; } #mobileNavBar { z-index: 99 !important; } } #shopify-section-review_links.shopify-section { background: #f4f4f4 none repeat scroll 0 0; display: inline-block; padding-bottom: 35px; text-align: center; width: 100%; } #shopify-section-review_links.shopify-section p.text-align-center + p.text-align-center { display: none; } #expect-sec h3, #expect-sec .h3, #expect-sec h4, #expect-sec .h4 { color: #FFF; } .features-text .btn, .features-text .btn-secondary, .features-text input[type="submit"], .features-text .header-cart-btn, .features-text .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .features-text .shopify-payment-button__button--unbranded { background: #ca1829; font-family: Mukta,sans-serif; font-size: 17px; font-weight: 700; text-transform: uppercase; padding: 8px 25px; color: #fff; } .features-text .btn:hover, .features-text .btn-secondary:hover, .features-text input[type="submit"]:hover, .features-text .header-cart-btn:hover, .features-text .shopify-payment-button .shopify-payment-button__button--unbranded:hover, .shopify-payment-button .features-text .shopify-payment-button__button--unbranded:hover, .features-text .btn:focus, .features-text .btn-secondary:focus, .features-text input[type="submit"]:focus, .features-text .header-cart-btn:focus, .features-text .shopify-payment-button .shopify-payment-button__button--unbranded:focus, .shopify-payment-button .features-text .shopify-payment-button__button--unbranded:focus { background: #831518; transition: .5s; color: #fff; } .state_lander_six a { color: #fd5c6c; } .state_lander_six a:hover, .state_lander_six a:focus { color: #FFF; } .expect-sec a { color: #fd5c6c; } .expect-sec a:hover, .expect-sec a:focus { color: #FFF; } .state_lander_bottom a { color: #fd5c6c; } .state_lander_bottom a:hover, .state_lander_bottom a:focus { color: #FFF; } .product-item--price small sup { top: 0; padding-left: 5px; font-size: 19.4096px; } .product-item--price small sup:before { content: "."; position: absolute; left: 0; } #productPrice-product-template sup { padding-left: 5px; font-size: 24px; top: 0; } #productPrice-product-template sup:before { content: "."; position: absolute; left: 0; } #productPrice-product-template-webinar sup { padding-left: 5px; top: 0; } #productPrice-product-template-webinar sup:before { content: "."; position: absolute; left: 0; } #privacy .breadcrumb { margin-top: 10px; } #privacy .main-content .breadcrumb, #privacy .main-content > .grid, #privacy .main-content > .grid--rev, #privacy .main-content > .grid--full { max-width: 1200px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } #privacy .main-content > .grid > .grid-item, #privacy .main-content > .grid--rev > .grid-item, #privacy .main-content > .grid--full > .grid-item { padding-left: 0; } .features-text h3, .features-text .h3 { font-size: 24px; letter-spacing: 0.75px; font-weight: 600 !important; font-family: "Fira Sans",sans-serif; } .state_lander_two .box_sec_lan h3, .state_lander_two .box_sec_lan .h3 { font-size: 24px; letter-spacing: 0.75px; font-weight: 800 !important; min-height: 65px; font-family: "Fira Sans",sans-serif; text-transform: none; } .site-footer .h3, .site-footer h3, .site-footer .h3 { color: #fff; font-size: 15px; font-weight: 400; text-transform: capitalize; font-family: "Open Sans",sans-serif; } .state_lander_six h3, .state_lander_six .h3 { font-size: 1.067em; color: #fff; } #north-carolina-contractor-license-courses-classes-amp-exam-prep .features-text h4, #north-carolina-contractor-license-courses-classes-amp-exam-prep .features-text .h4 { font-size: 1em; margin: 0 0 0.5em; line-height: 1.4; padding: 0; } .state_lander_last .lander_last_container h2, .state_lander_last .lander_last_container .h2, .state_lander_last .lander_last_container h2 strong, .state_lander_last .lander_last_container .h2 strong { font-weight: 400 !important; } .webinar-lft ul.inline-list.product-meta #productPrice-product-template-webinar { min-width: 200px; } .product-course-lft .inline-list.product-meta #productPrice-product-template { min-width: 105px; color: #c0153d; } a, div, button, header, section { outline: none; } @media (max-width: 768px) { #shopify-section-book-template .grid-item.small--one-half.medium--one-quarter.large--one-quarter { margin-left: 30px; width: calc(100% - 30px); min-height: 1px; } #shopify-section-book-template .breadcrumb { padding-left: 15px; padding-top: 26px; } #shopify-section-book-template .theme-top h1, #shopify-section-book-template .theme-top .h1, #shopify-section-book-template .theme-top #shopify-product-reviews .spr-header-title, #shopify-product-reviews #shopify-section-book-template .theme-top .spr-header-title { margin-bottom: 0; } #shopify-section-book-template .theme-top h1, #shopify-section-book-template .theme-top .h1, #shopify-section-book-template .theme-top #shopify-product-reviews .spr-header-title, #shopify-product-reviews #shopify-section-book-template .theme-top .spr-header-title, #shopify-section-book-template .grid-border--left .section-header { padding-left: 15px; padding-right: 15px; } #shopify-section-book-template .grid-item.small--one-half.medium--one-quarter.large--one-quarter .product-grid-image, #shopify-section-book-template .grid-item.small--one-half.medium--one-quarter.large--one-quarter .product-grid-image .lazyload__image-wrapper { height: auto !important; max-height: inherit !important; } #shopify-section-book-template .grid-item.small--one-half.medium--one-quarter.large--one-quarter .product-grid-item { margin-bottom: 20px; } .contact_right { margin-bottom: 0; } } @media (min-width: 769px) { #florida-contractor-license-exam-prep-books .grid-uniform .col-sm-4 .product-grid-item .product-grid-image--centered { vertical-align: top !important; display: block !important; overflow: hidden !important; } #florida-contractor-license-exam-prep-books .grid-uniform .col-sm-4 .product-grid-item .product-grid-image { height: 160px !important; display: block !important; max-height: 160px !important; overflow: hidden !important; } } #my-welcome-message .hbspt-form { overflow: auto; max-height: 85vh; } .addToCart-checkbox-block { position: relative; padding-left: 20px; margin: 20px 0; } .addToCart-checkbox-block input { position: absolute; left: 0; top: 5px; min-height: 1px; margin: 0; } .addToCart-button-block { position: relative; } .addToCart-button-block.disabled:after { display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0.5; z-index: 2; } .template-product main.wrapper .breadcrumb { display: block !important; } #shopify-section-footer { height: auto !important; } footer.site-footer { top: auto !important; } /*.contractor-training-center-gdpr div.state_lander_one>div, .contractor-training-center-gdpr div.state_lander_one, .contractor-training-center-gdpr div.state_lander_one>div>div:nth-of-type(1), .contractor-training-center-gdpr div.expect-container>div:nth-of-type(2), .contractor-training-center-gdpr #state_lander_seven, .contractor-training-center-gdpr #state_lander_last, .contractor-training-center-gdpr .grid-uniform .row, .contractor-training-center-gdpr .grid-uniform .col-md-1, .contractor-training-center-gdpr .grid-uniform .col-md-2, .contractor-training-center-gdpr .grid-uniform .col-md-3, .contractor-training-center-gdpr .grid-uniform .col-md-4, .contractor-training-center-gdpr .grid-uniform .col-md-5, .contractor-training-center-gdpr .grid-uniform .col-md-6, .contractor-training-center-gdpr .grid-uniform .col-md-7, .contractor-training-center-gdpr .grid-uniform .col-md-8, .contractor-training-center-gdpr .grid-uniform .col-md-9, .contractor-training-center-gdpr .grid-uniform .col-md-10, .contractor-training-center-gdpr .grid-uniform .col-md-11, .contractor-training-center-gdpr .grid-uniform .col-md-12, .contractor-training-center-gdpr .grid-uniform .col-sm-1, .contractor-training-center-gdpr .grid-uniform .col-sm-2, .contractor-training-center-gdpr .grid-uniform .col-sm-3, .contractor-training-center-gdpr .grid-uniform .col-sm-4, .contractor-training-center-gdpr .grid-uniform .col-sm-5, .contractor-training-center-gdpr .grid-uniform .col-sm-6, .contractor-training-center-gdpr .grid-uniform .col-sm-7, .contractor-training-center-gdpr .grid-uniform .col-sm-8, .contractor-training-center-gdpr .grid-uniform .col-sm-9, .contractor-training-center-gdpr .grid-uniform .col-sm-10, .contractor-training-center-gdpr .grid-uniform .col-sm-11, .contractor-training-center-gdpr .grid-uniform .col-sm-12, .contractor-training-center-gdpr .grid-uniform .col-sm-4 .grid-item, .contractor-training-center-gdpr .grid-uniform .row .grid-item { top: inherit!important; height: auto!important; } .contractor-training-center-gdpr #license_type, .contractor-training-center-gdpr #identify_qualified_individual{ height: auto!important; } .contractor-training-center-gdpr .grid-uniform .col-sm-4 div{ height: auto!important; top: inherit!important; } .contractor-training-center-gdpr .grid-uniform .col-sm-4 div a{ top: inherit!important; } .contractor-training-center-gdpr .video-wrapper iframe { top: 0!important; height: 100%!important; } .contractor-training-center-gdpr .state_lander-mid .state_lander_right, .contractor-training-center-gdpr .state_lander-mid .state_lander_right .row, .contractor-training-center-gdpr .state_lander-mid .state_lander_right .grid-item{ height:auto!important; top:inherit!important; }*/ #bf-revz-widget-4182382484 { display: none !important; } /*.contractor-training-center-gdpr .grid-uniform .grid-item .product-grid-item{ height:auto!important; } .contractor-training-center-gdpr .row .grid-item .grid-uniform{ display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; height:auto!important; } .contractor-training-center-gdpr .row .grid-item .grid-uniform .col-sm-4{ height:auto!important; max-height:inherit!important; } .contractor-training-center-gdpr .row .grid-item .grid-uniform .col-sm-4 .grid-item, .contractor-training-center-gdpr .row .grid-item .grid-uniform .col-sm-4 .grid-item .product-grid-item{ display:block!important; height:auto!important; }*/ @media (min-width: 992px) { /*.contractor-training-center-gdpr .grid-uniform .grid-item{ height:auto!important; }*/ } @media (max-width: 767px) { .lander_info:after { display: none !important; } #cross-sells .flickity-slider .xs-card .xs-image { position: relative; padding-bottom: 80%; min-height: 1px !important; } #cross-sells .flickity-slider .xs-card .xs-image img { margin: 0; height: auto; min-height: 100%; width: 100%; z-index: 0; font-family: "object-fit: cover"; object-fit: cover; height: 100%; overflow: hidden; left: 0; position: absolute; right: 0; top: 0; } #cross-sells .flickity-slider .xs-card { margin: 0 !important; } #bf-revz-widget-3746348172 { text-align: center; } } .product-course-lft .shipping-message.new-shipping .ship_con { padding-left: 80px; } .product-course-lft .shipping-message.new-shipping img { max-width: 80px; } #shopify-section-article-template .article-sec .article-con h2, #shopify-section-article-template .article-sec .article-con .h2 { font-size: 30px; font-weight: 700; font-family: Fira Sans,sans-serif; } #shopify-section-article-template .article-sec .article-con h3, #shopify-section-article-template .article-sec .article-con .h3 { font-size: 24px; font-weight: 700; } #shopify-section-article-template .article-sec .article-con h4, #shopify-section-article-template .article-sec .article-con .h4 { font-size: 22px; font-weight: 700; } #shopify-section-article-template .article-sec .article-con h5, #shopify-section-article-template .article-sec .article-con .h5 { font-size: 20px; font-weight: 700; } #shopify-section-article-template .article-sec .article-con h6, #shopify-section-article-template .article-sec .article-con .h6 { font-size: 18px; font-weight: 700; } #shopify-section-article-template .article-sec .article-con h2 strong, #shopify-section-article-template .article-sec .article-con .h2 strong, #shopify-section-article-template .article-sec .article-con h2 b, #shopify-section-article-template .article-sec .article-con .h2 b, #shopify-section-article-template .article-sec .article-con h3 strong, #shopify-section-article-template .article-sec .article-con .h3 strong, #shopify-section-article-template .article-sec .article-con h3 b, #shopify-section-article-template .article-sec .article-con .h3 b { font-weight: 700; } .full-row-block { max-width: 100% !important; padding: 50px 0 15px; color: #fff; text-align: center; background: #ca172a; position: relative; margin: 70px 0 50px; } .full-row-block .expert-instructors-block { max-width: 1170px; margin-left: auto; margin-right: auto; } .expert-instructors-block h4, .expert-instructors-block .h4 { color: #fff; font-weight: 700 !important; font-size: 18px; font-family: Fira Sans,sans-serif; text-transform: none; } .expert-instructors-block .expert-instructors-image { height: 75px; position: relative; margin-bottom: 20px; } .expert-instructors-block .expert-instructors-image img { max-height: 75px; width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .expert-instructors-block .read-more { color: #fff; text-decoration: none; font-weight: 700; font-family: Fira Sans,sans-serif; font-size: 15px; } .expert-instructors-block .read-more i { margin-left: 5px; } .expert-instructors-block p:last-child { margin-bottom: 0; } .expert-instructors-block .offer-box-block { padding-bottom: 35px; } .expert-instructors-block .offer-box-block p { font-family: Fira Sans,sans-serif; font-size: 18px; font-weight: 400; } .expert-instructors-block .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .expert-instructors-block .row .grid-item { padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) and (max-width: 991px) { .expert-instructors-block .row .grid-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }