/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Comfortaa|Roboto+Condensed|Roboto+Slab|Unica+One&display=swap);

body { cursor: default; }
b, strong { font-weight: 900; }
[align=right] { text-align: right !important; }
[align=left] { text-align: left !important; }
[align=center] { text-align: center !important; }
[align=justify] { text-align: justify !important; }
#logo { position: relative; z-index: 1; }
#logo img { width: auto !important; max-width: 100%; }
a { cursor: pointer; }
small { font-family: inherit; }
[disabled]:not(a),[disabled]:not(a):hover,[disabled]:not(a):focus,[disabled]:not(a):active { color: #aaa !important; background: #F3F4F5 !important; cursor: not-allowed !important; }
a[disabled],a[disabled]:hover,a[disabled]:focus,a[disabled]:active { color: #ccc !important; cursor: not-allowed !important; }

body:not(.logged-in) .logged-in, body.logged-in .not-logged-in { display: none !important; }

#gotoTop { display: none !important; }

[class*="col_"].col_last_row { margin-bottom: 0 !important; }
#output { display: block; font-size: 0; line-height: 0; text-align: center; color: #333; border: 1px solid #ccc; overflow: hidden; position: relative; max-height: 0; margin: 0; opacity: 0; transition: opacity .51s cubic-bezier(0.390, 0.575, 0.565, 1.000); }
#output > * { position: relative; z-index: 2; }
#output img { max-width: 100%; width: auto; height: auto; line-height: 0; display: inline-block; margin: 0 5px 0 0; }
#output[class]:not([class='']) { max-height: 100px; margin-top: 15px; padding: 8px; font-size: 14px; line-height: 18px; opacity: 1; }
#output[class]:not([class='']):before { content: ''; display: block; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; opacity: .076; z-index: 1; }
#output.s { color: #28a745; border-color: #28a745; }
#output.s:before { background: #28a745; }
#output.e { color: #dc3545; border-color: #dc3545; }
#output.e:before { background: #dc3545; }
#output.w { color: #ffc107; border-color: #ffc107; }
#output.w:before { background: #ffc107; }
#output.i { color: #333; border-color: #333; }
#output.i:before { background: #333; }
form#checkout-#output[class]:not([class='']) { margin: 20px 0 0; }

#top-cart .top-cart-content { width: 400px; }
#top-cart .top-cart-empty { display: none; }
#top-cart .top-cart-empty figure { display: block; padding: 0 20px; margin: 0; }
#top-cart .top-cart-empty img { display: block; line-height: 0; }
#top-cart .top-cart-empty h4 { padding: 10px 10px 0; text-align: center; margin: 0; color: #5d4be9; }
#top-cart .top-cart-empty p { padding: 10px; text-align: center; margin: 0; font-size: 14px; color: #222; }
#top-cart .top-cart-empty p small { display: block; font-size: 12px; }
#top-cart .top-cart-items { padding: 0; }
#top-cart .top-cart-title h4 span { background: #5d4be9; color: #fff; display: inline-block; border-radius: 3px; padding: 3px 5px; font-family: Lato; font-size: 10px; vertical-align: middle; font-weight: 300; margin: -2px 0 0 5px; letter-spacing: 1px; user-select: none; white-space: nowrap; }
#top-cart .top-cart-title h4 span b { font-weight: 700; display: inline-block; background: #fff; padding: 1px 4px; color: #5d4be9; border-radius: 2px; font-size: 9px; height: 15px; line-height: 14px; margin: 0 3px 0 0; letter-spacing: 0; }
#top-cart .top-cart-title h4 img { display: inline-block; margin-left: 10px; }
#top-cart #top-cart-items { padding: 15px; overflow: hidden; overflow-y: auto; }
#top-cart .button { display: block; width: 100%; text-align: center; }
#top-cart .top-cart-extras { margin: 0; padding: 0 15px; border-top: 1px solid #eee; background: #f6f6f6; max-height: 0; overflow: hidden; transition: max-height .3s ease-in-out; }
#top-cart .top-cart-extras > div { margin: 15px -5px; }
#top-cart .top-cart-extras > div:after { content: ''; clear: both; display: table; }
#top-cart .top-cart-extras > div > b { display: block; float: left; width: 50%; padding: 0 5px; font-size: 15px; }
#top-cart .top-cart-extras > div > b + b { text-align: right; font-weight: 400; }
#top-cart .cart-items-total { color: #5d4be9; font-weight: 700 !important; }
#top-cart .cart-notes { display: block; clear: both; margin: 5px 0 0; font-size: 11px; text-align: center; }
#top-cart .top-cart-item-image { width: 65px !important; height: auto !important; }
#top-cart .top-cart-item-image a, #top-cart .top-cart-item-image img { width: 100% !important; height: auto !important; }
#top-cart .top-cart-item { text-align: left; }
#top-cart .top-cart-item a { font-family: 'Roboto Slab'; }
#top-cart .top-cart-item .flavor { font-size: 10px; background: #eeeeee; color: #E6631A; padding: 2px 5px; margin: 2px 0 3px; display: table; font-family: 'Lato'; }
#top-cart .top-cart-item .flavor:empty { display: none; }
#top-cart .top-cart-item-price { display: inline-block; color: #333; font-size: 12px; }
#top-cart .top-cart-item-remove { display: inline-block; font-family: 'Roboto Condensed' !important; letter-spacing: 1px; font-size: 10px !important; line-height: 11px !important; padding: 2px 5px; background: black; border-radius: 2px; text-decoration: none; margin-left: 10px; color: #fff !important; }
#top-cart .top-cart-item-remove:hover { background: #5d4be9; }
#top-cart .top-cart-item-quantity { right: 100px; }
#top-cart .top-cart-item-subtotal { position: absolute; top: 0; right: 0; }
#top-cart.top-cart-open .top-cart-content .top-cart-extras { max-height: 150px; transition-delay: .13s; }
#top-cart.adding .top-cart-empty, #top-cart.adding .top-cart-items { opacity: .5; position: relative; cursor: wait; user-select: none; }
#top-cart.adding .top-cart-empty:after, #top-cart.adding .top-cart-items:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; cursor: wait; }
body.cart-empty #top-cart #top-cart-trigger span { display: none !important; }
body.cart-empty #top-cart .top-cart-empty { display: block; }
body.cart-empty #top-cart .top-cart-items, body.cart-empty #top-cart .top-cart-title h4 span { display: none; }
body.page-checkout #top-cart { display: none !important; }

#top-search { display: none !important; }
#top-search form { margin-top: -10000px; }
body.top-search-open #top-search form { margin-top: 0; }

#top-user { float: right; position: relative; margin: 40px 0 40px 15px; -webkit-transition: margin .4s ease, opacity .3s ease; -o-transition: margin .4s ease, opacity .3s ease; transition: margin .4s ease, opacity .3s ease; }
#top-user > a { display: block; cursor: pointer; position: relative; width: 24px; height: 24px; font-size: 14px; line-height: 20px; text-align: center; color: #333; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; }
#top-user > div { list-style: none; opacity: 0; z-index: -2; position: absolute; width: 200px; background-color: #FFF; box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05); border: 1px solid #e2e2e2 !important; border-top: 2px solid #5d4be9 !important; top: 60px; right: -15px; left: auto; margin: -10000px 0 0; -webkit-transition: opacity .5s ease, top .4s ease; -o-transition: opacity .5s ease, top .4s ease; transition: opacity .5s ease, top .4s ease; }
#top-user > div > h4 { margin: 0; padding: 10px 15px; font-size: 11px; border-bottom: 1px solid #e2e2e2; }
#top-user > div > h4 > b { font-size: 15px; color: #5d4be9; }
#top-user > div > a { padding: 10px 15px; display: block; padding: 10px 15px; color: #333; font-weight: 600; }
#top-user > div > a.logout { border-top: 1px solid #e2e2e2; color: #5d4be9; background: #F5F5F5; text-transform: uppercase; font-weight: 900; }
#top-user > div > a.a, #top-user > div > a:hover { color: #5d4be9; }
body.top-user-open #top-user > div { opacity: 1; z-index: 11; margin-top: 0 !important; display: block !important; padding: 0 !important; }
body.top-user-open #top-user > a, #top-user > a:hover { color: #5d4be9; }
#header.sticky-header:not(.static-sticky) #top-user { margin-top: 20px !important; margin-bottom: 20px !important; }
#header.sticky-header:not(.static-sticky) #top-user > div { top: 40px; }

#top-search, #top-cart, #side-panel-trigger, #top-account, #top-user { margin-left: 25px; z-index: 5; }
#top-cart .top-cart-content, #top-user > div { box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.25); }

body.top-search-open #top-user { opacity: 0; }
body:not(.top-search-open) #top-user { opacity: 1; -webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease; -o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease; transition: height .4s ease, margin .4s ease, opacity .2s .2s ease; }

.popup { position: fixed; display: none; z-index: 9999999; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; overflow-y: auto; font-size: 14px; line-height: 16px; font-weight: 400; font-family: 'Roboto Condensed'; }
.popup > div { display: block; text-align: center; padding: 100px 20px; position: relative; z-index: 10; }
.popup .popup-back { position: fixed; display: block; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0; visibility: hidden; transition: .2s cubic-bezier(0.390, 0.575, 0.565, 1.000); backdrdop-filter: blur(2px); z-index: 1; }
.popup .popup-box { position: relative; box-shadow: 0 1.2rem 3rem rgba(0,0,0,.815); z-index: 20; display: table; min-width: 370px; margin: 0 auto; text-align: left; opacity: 0; visibility: hidden; transition: .12s cubic-bezier(0.390, 0.575, 0.565, 1.000); transform-origin: 50% 100%; transform: translateY(-40px) translateZ(0); }
.popup .popup-box:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background: #fff; opacity: .98; abackdrop-filter: blur(20px); filter: ablur(1px); }
.popup .popup-box:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; }
.popup .popup-box > * { position: relative; z-index: 2; }
.popup .popup-box p { margin-bottom: 0; }
.popup .popup-box > .popup-close { position: absolute; right: -15px; top: -15px; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #000; font-size: 17px; opacity: 1; background: #fff; border-radius: 2132132px; box-shadow: #999 0 0 10px 1px; z-index: 99; }
.popup .popup-box > .popup-close:before { content: '✖'; }
.popup .popup-box form { margin: 0; padding: 0; display: block; }
.popup .popup-heading { padding: 15px 15px 0; border-bottdom: 1px solid #F1F1F1; font-size: 16px; line-height: 16px; font-weight: 700; color: #111; white-space: nowrap; }
.popup .popup-heading h1, .popup .popup-heading h2, .popup .popup-heading h3, .popup .popup-heading h4, .popup .popup-heading h5, .popup .popup-heading h6 { margin-bottom: 0; font-weight: 700; color: #000; text-shadow: rgba(255,255,255,.3) 0 1px 0; }
.popup .popup-content { padding: 25px 15px; }
.popup .popup-content:after { content: ''; clear: both; display: table; }
.popup .popup-buttons { padding: 0 15px 15px; text-align: right; overflow: hidden; font-size: 0; }
.popup .popup-buttons .button { margin: 0; vertical-align: middle; border-radius: 0 !important; }
.popup .popup-buttons .button-text-only { background: #F8F8FA; border-color: #F8F8FA; border-width: 1px; }
.popup .popup-buttons .button-text-only:hover { border-color: #EFF0F2; background: #EFF0F2; }
.popup .popup-buttons .popup-close:not(.btn), .popup .popup-buttons [type=close], .popup .popup-buttons [type=cancel] { float: none; color: #777 }
.popup .popup-buttons .popup-close:hover { opacity: 1 }
.popup .popup-buttons .btn-trans:hover { background-color: #f9f9f9; }
.popup.o .popup-back { transition-delay: 0; opacity: .12; visibility: visible; }
.popup.o .popup-box { transition-delay: .1s; opacity: 1; visibility: visible; transform: translateY(0) translateZ(0); }
.popup.c .popup-back { transition-delay: .1s; opacity: 0; visibility: hidden; }
.popup.c .popup-box { transition-delay: 0; opacity: 0; visibility: hidden; transform: translateY(-40px) translateZ(0); }
.popup.a { z-index: 999999999; }

label { margin-bottom: 5px; cursor: default; }
label[for] { cursor: pointer; }
label req { color: red; font-family: Lato; font-size: 17px; line-height: 1px; position: relative; top: 4px; }
#popup-login .popup-box { max-width: 350px; }
#popup-register .popup-box { max-width: 500px; }
#popup-login .popup-box:after, #popup-register .popup-box:after { opacity: .913; background: #f7f7f7  50% 50% / cover no-repeat; }

.sidebar .user-menu { border: 1px solid #ccc; }
.sidebar .user-menu h4 { border-bottom: 1px solid #ccc; background: #F5F5F5; margin: 0; padding: 10px 15px; }
.sidebar .user-menu a { display: block; padding: 10px 15px; color: #333; font-weight: 600; }
.sidebar .user-menu a.logout { border-top: 1px solid #e2e2e2; color: #5d4be9; background: #F9F9F9; text-transform: uppercase; font-weight: 900; }
.sidebar .user-menu a.a, .sidebar .user-menu a:hover { color: #5d4be9; }

.box { border: 1px solid #ccc; margin: 30px 0; font-size: 16px; color: #000; }
.box h4 { padding: 15px 20px; margin: 0; font-weight: 600; font-size: 16px; text-transform: uppercase; background: #F9FBFC; }
.box .table { margin: 0; }
.box .table td { padding: 10px 20px; }
.box .table tr > td:first-of-type { width: 30%; color: #777; }

.restricted-content { background: #F7f7f7; padding: 20px; }
.restricted-content h3 { margin-bottom: 10px; line-height: 1; }
.restricted-content h3 + p { margin-bottom: 15px; line-height: 22px; font-size: 16px; font-family: Lato; }
.restricted-content .button { margin: 0 10px 0 0; }

body.page-checkout .cart-empty { display: none; }
body.page-checkout .flavor { font-size: 10px; background: #eeeeee; color: #E6631A; padding: 2px 5px !important; margin: 2px 0 3px; display: table; font-family: 'Lato'; }
body.page-checkout.cart-empty .cart-empty { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; display: block; padding: 100px 20px 0; text-align: center; backdrop-filter: blur(3px); }
body.page-checkout.cart-empty .cart-empty:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; display: block; background: #fff; opacity: .8; }
body.page-checkout.cart-empty .cart-empty > * { position: relative; z-index: 2; }
body.page-checkout .cart-total { font-weight: 600; }
body.page-checkout .total-summary tr:first-of-type { border-top: 1px solid #E5E5E5 !important; }
body.page-checkout .total-summary td { font-weight: 300; font-size: 14px; border: 0; padding: 5px 15px !important; font-family: 'Roboto Condensed'; }
body.page-checkout .total-summary tr.total td { font-weight: 500; font-size: 22px; border-top: 1px solid #E5E5E5; padding: 15px !important; }
body.page-checkout .cart-item-remove { display: inline-block; font-family: 'Roboto Condensed' !important; letter-spacing: 1px; font-size: 10px !important; line-height: 11px !important; padding: 2px 5px; background: white; border-radius: 2px; text-decoration: none; margin-left: 10px; color: black !important; }
body.page-checkout .cart-item-remove:hover { background: #FF6A1A; }
body.page-checkout #checkout-form.paying { position: relative; user-select: none; overflow: hidden; cursor: wait; }
body.page-checkout #checkout-form.paying:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff; opacity: .7; z-index: 5; }
body.page-checkout #checkout-form.paying > * { position: relative; z-index: 1; }
body.page-checkout #checkout-form [type=submit] { float: none !important; width: 100%; display: block; margin: 0; }
body.page-checkout #card { border: 2px solid #DDD; border-radius: 0; padding: 10px; transition: border-color ease-in-out .15s; }
body.page-checkout #card.StripeElement--focus { border-color: #AAA; }
body.page-checkout #card.StripeElement--invalid { border-color: #dc3545; }
body.page-checkout #card.StripeElement--complete { border-color: #28a745; }
body.page-checkout .billing-different { margin: 0 0 20px; }
body.page-checkout .checkbox-style-1-label { margin: 5px 0; }
body.page-checkout #shipping-address { opacity: 0; position: absolute; top: -99999999px; transition: opacity .43s ease-in-out; pointer-events: none; z-index: -1; }
body.page-checkout #shipping-address.s { opacity: 1; position: relative; top: auto; pointer-events: auto; z-index: 1; }

body.page-checkout-success #content { text-align: center; }
body.page-checkout-success h2 { color: #28a745; }

body.page-checkout [name=payment_method] { position: absolute; margin: 16px 0 0; z-index: 10; }
body.page-checkout [name=payment_method] + .accordion { margin: 0; }
body.page-checkout [name=payment_method] + .accordion .acc_content { display: none !important; }
body.page-checkout [name=payment_method]:checked + .accordion .acc_content { display: block !important; }
body.page-checkout [name=payment_method]:last-of-type + .accordion { margin-bottom: 20px; }

body.page-my-orders #refresh-orders { margin: 0; }

#my-orders > h1 { float: left; margin: 0; }
#my-orders .order { background: #F9FBFC; border: 1px solid #E7EFF3; margin: 30px 0; }
#my-orders .order > div { padding: 0; }
#my-orders .order h4 { margin-bottom: 10px; }
#my-orders .order .order-top { overflow: hidden; padding: 20px; }
#my-orders .order .order-top > p { float: left; border-radiuss: 20234234px; font-size: 14px; line-height: 14px; white-space: nowrap; padding: 5px 15px; margin: 0; color: #888; }
#my-orders .order .order-top > p > b { font-weight: 500; margin-right: 3px; }
#my-orders .order .order-top > p .fa { margin-right: 5px; vertical-align: middle; }
#my-orders .order .order-top > p span { display: inline-block; }
#my-orders .order .order-top > p.order-id { background: #D6EDFA; color: #444; font-size: 14px; line-height: 18px; height: 25px; padding: 5px 12px; white-space: normal; word-break: break-all; text-align: left !important; }
#my-orders .order .order-top > p.order-id { font-weight: 500; }
#my-orders .order .order-top > p.order-id > b { font-weight: 600; display: inline-block }
#my-orders .order .order-top > p.order-status { float: right; padding: 6px 15px; color: #888; text-transform: uppercase; font-weight: 600; font-size: 13px; }
#my-orders .order .order-top > p.warning { background: #FF9C00; color: #fff; }
#my-orders .order .order-top > p.success { background: #2EA600; color: #fff; }
#my-orders .order .order-top > p.danger { background: #FD262F; color: #fff; }
#my-orders .order .order-top > p.order-total { font-weight: 700; color: #000; font-size: 14px; }
#my-orders .order .order-top > p.order-total > b { font-weight: 600; }
#my-orders .order .payment-status { font-size: 12px; line-height: 12px; padding: 3px 5px; color: #fff; text-transform: uppercase; }
#my-orders .order .payment-status .fa { margin-right: 0 !important; vertical-align: top !important; margin-right: 2px !important; }
#my-orders .order .payment-status.success { color: #2EA600; }
#my-orders .order .payment-status.warning { color: #FF9C00; }
#my-orders .order .payment-status.danger { color: #FD262F; }
#my-orders .order .order-mid { margin: 0 20px; padding: 10px 0; border-top: 1px solid #E7EFF3; display: none; }
#my-orders .order .order-mid .table { margin-bottom: 0; }
#my-orders .order .order-mid .container { padding: 0 !important; }
#my-orders .order .order-bottom { border-top: 2px solid #E7EFF3; text-align: center; background: #fff; }
#my-orders .order .order-bottom a { text-transform: uppercase; font-size: 15px; line-height: 15px;  white-space: nowrap; font-weight: 600; display: block; padding: 10px 0; }
#my-orders .order.a .order-mid { display: block; }
#my-orders .order:last-of-type { margin-bottom: 0; }
#my-orders .order-sort { float: right; }
#my-orders .order-sort select { margin-left: 10px; display: inline-block; border-radius: 0; height: 30px; line-height: 30px; padding: 0 20px 0 10px; position: relative; background: #fff url(/assets/i/arrowdown.gif) 98% 50% no-repeat; font-size: 14px; }

.cart-shipping, .cart-subtotal, .cart-total, .amount, .product-price, .top-cart-item-price { font-family: 'Comfortaa'; }

.show-img-md > img, .show-img-sm > img { display: none; }

#content h3 small { font-size: 70%; font-weight: 600; }
#content h3 .user-firstname, #content h3 .user-lastname { color: #5d4be9; }

select { display: inline-block; padding: 5px; border: 1px solid #ccc; border-radius: 0; background: #fff; transition: .2s; }
select:focus, select:hover { border-color: #444; }
select[readonly] { border-color: #fff !important; -webkit-appearance: none !important; appearance: none !important; pointer-events: none !important; padding: 0 !important }

.accordion.accordion-bg .acc_content { padding-left: 0; padding-right: 0; }
ul.price-table li { line-height: 1.4; }

.hero { background: url() 50% 0% / cover no-repeat; position: relative; height: 100vh; max-height: 800px; }
.hero .hero-content { position: absolute; z-index: 2; width: 100%; left: 0; top: 50%; transform: translateY(-50%); text-align: center; color: #fff; padding: 20px; }
.hero .hero-content h2 { font-size: calc(100% + 3vw + 8px); line-height: calc(100% + 1vw + 1px); font-weight: 700; margin: 20px 0; text-transform: uppercase; text-shadow: rgba(0,0,0,.5) 0 2px 10px, rgba(0,0,0,.4) 0 3px 15px, rgba(0,0,0,.2) 0 5px 20px; }
.hero .hero-content h4 { font-size: calc(100% + 1vw - 9px); line-height: calc(100% + 2vw - 3px); margin: 20px 0; letter-spacing: 5px; font-weight: 400; text-transform: uppercase; opacity: .68; text-shadow: rgba(0,0,0,.75) 0 2px 10px, rgba(0,0,0,.64) 0 3px 15px, rgba(0,0,0,.52) 0 5px 20px; }
.hero .hero-content a { font-size: 13px; font-weight: 400; line-height: 43px; padding: 0 22px; border: 1px solid #ececec; text-transform: capitalize; display: inline-block; color: #fff; transition: .3s; margin: 20px 0; letter-spacing: 1px; box-shadow: rgba(0,0,0,.275) 0 2px 3px, rgba(0,0,0,.164) 0 3px 5px, rgba(0,0,0,.052) 0 5px 10px; background: rgba(255,255,255,.2); text-shadow: rgba(0,0,0,.6) 0 1px 3px; }
.hero .hero-content a .zmdi { margin-left: 5px; }
.hero .hero-content a:hover { color: #333; background: #ECECEC; box-shadow: rgba(0,0,0,.375) 0 2px 10px, rgba(0,0,0,.264) 0 3px 15px, rgba(0,0,0,.152) 0 5px 20px; text-shadow: none; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991.98px), not all, not all, not all, only screen and (max-width: 991.98px) and (min-resolution: 192dpi), only screen and (max-width: 991.98px) and (min-resolution: 2dppx){
	#logo a.standard-logo { display: block; text-align: center; }
	#logo a.standard-logo img { display: inline-block; }
	#logo a.retina-logo { display: none; }
}

@media (orientation: landscape){
	#top-cart #top-cart-items { max-height: 700px !important; }
}
@media (max-width: 1199px){
	#my-orders .order .order-top > p.order-date { clear: both; padding-left: 0; }
	#my-orders .order .order-top > p:not(.order-id):not(.order-status) { padding-bottom: 0; white-space: normal; word-break: break-all; }
}
@media (max-width: 991.98px){
	.hero { max-height: 350px; }

	#primary-menu-trigger { z-index: 5; }
	#top-search, #top-cart, #top-account, #top-user { position: absolute; left: 0; top: 0; right: 0; margin: 0; float: none; -webkit-transition: margin .4s ease; -o-transition: margin .4s ease; transition: margin .4s ease; }
	#top-search > a, #top-cart > a, #top-account > a, #top-user > a { position: absolute; right: 15px; top: 40px; margin: 0; }

	#top-cart .top-cart-content { top: 100px; right: 0; }
	#top-cart > a { right: 15px; }
	#top-user > div { top: 100px; right: 50px; }
	#top-user > a { right: 55px; }
	#top-search a { right: 95px; }
	body.top-search-open #top-search a { right: 15px; }

	#my-orders { margin-top: 20px; }

	header { position: absolute; z-index: 10; left: 0; width: 100%; background: #fff; }

	#logo a.standard-logo { position: relative; top: -45px; }
}
@media (max-width: 767.98px){
	.hero { max-height: 300px; }

	.col_half.force_half, .postcontent.bothsidebar.force_half { width: 48%; float: left; margin-right: 4%; }
	.col_one_third.force_one_third { width: 30.63%; float: left; margin-right: 4%; }
	.col_two_third.force_two_third { width: 65.33%; float: left; margin-right: 4%; }
	.col_one_fourth.force_one_fourth, .sidebar.force_one_fourth { width: 22%; float: left; margin-right: 4%; }
	.col_three_fourth.force_three_fourth, .postcontent.force_three_fourth { width: 74%; float: left; margin-right: 4%; }
	.col_one_fifth.force_one_fifth { width: 16.8%; float: left; margin-right: 4%; }
	.col_two_fifth.force_two_fifth { width: 37.6%; float: left; margin-right: 4%; }
	.col_three_fifth.force_three_fifth { width: 58.4%; float: left; margin-right: 4%; }
	.col_four_fifth.force_four_fifth { width: 79.2%; float: left; margin-right: 4%; }
	.col_one_sixth.force_one_sixth { width: 13.33%; float: left; margin-right: 4%; }
	.col_five_sixth.force_five_sixth { width: 82.67%; float: left; margin-right: 4%; }

	.col_last_row:last-of-type { margin-top: 20px; }

	.show-img-md { background-image: none !important; }
	.show-img-md > img { display: block !important; }
}
@media (max-width: 620px){
	.hero { max-height: 250px; }
	#my-orders .order .order-top > p:not(.order-status) { float: none; display: block; text-align: center; padding-right: 0; }
	#my-orders > h1 { float: none; margin-bottom: 20px; }
	#my-orders .order-sort { display: table; margin: 0 auto; float: none; }
	#my-orders > [clear=all] { display: none; }
}
@media (max-width: 575.98px){
	.hero { max-height: 250px; }
	#top-cart .top-cart-content { right: 20px; width: 280px; }
	#top-cart { display: block; }
	#top-cart > a { right: 35px; }
	#top-user > a { right: 75px; }
	#top-search a { display: block; right: 95px; }

	.box .table td { display: block; width: 100% !important; }
	.box .table tr > td:last-of-type { border-top: 0 !important; padding-top: 0 !important; }

	.show-img-sm { background-image: none !important; height: auto !important; padding: 0 !important; }
	.show-img-sm > img { display: block !important; }

	#logo a.standard-logo { max-width: 200px; height: auto; position: relative; top: 20px; }
	#logo a.standard-logo img { height: auto; }
}
@media (max-width: 480px){
	#my-orders .order .order-mid .col-xs-6 { width: 100%; margin-bottom: 10px; }
}
@media (max-width: 425px){
	#logo a.standard-logo { max-width: 150px; top: 27px; }

	#top-cart > a { right: 35px; }
	#top-user > a { right: 65px; }

	.popup .popup-box { min-width: auto !important; max-width: none !important; width: 100% !important; }

	#my-orders .order .order-top > p.order-id, #my-orders .order .order-top > p.order-status { float: none; display: table; margin: 0 auto 15px; }

	.title-1 { font-size: 30px; }
	.title-2 { font-size: 30px; }
}
@media (max-width: 375px){
	#logo a.standard-logo { max-width: 150px; }

	#top-cart .top-cart-content, #top-user > div { right: 10px; left: 10px; width: auto; max-width: none; }
	[class*="force_"] { width: 100% !important; margin-right: 0 !important; }
	[class*="col_"].tleft, [class*="col_"].tright { text-align: center !important; }
}
/*
.added { -moz-animation:added 0.01s linear; -moz-animation-iteration-count:1; -ms-animation:added 0.01s linear; -ms-animation-iteration-count:1; -o-animation:added 0.01s linear; -o-animation-iteration-count:1; -webkit-animation:added 0.01s linear; -webkit-animation-iteration-count:1; animation:added 0.01s linear; animation-iteration-count:1 }
@-moz-keyframes added {	0% { color:#fff } }
@-o-keyframes added { 0% { color:#fff } }
@-webkit-keyframes added { 0% { color:#fff } }
@keyframes added { 0% { color:#fff } }*/