/* @override http://demo.wptouch.com/mobilestore/wp-content/wptouch-data/9/themes/mobilestore/default/style.css?ver=dedd978ae5fb3a373069b1e3fc92b8fd */

/* MobileStore CSS */

/*
Responsive styles can be applied via the '.smartphone', '.tablet', '.portrait' & '.landscape' classes respectively.
These classes are automatically applied to the body tag.
*/

/* @group Global */

* {
    -webkit-text-shadow: none !important;
    text-shadow: none !important;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body [class^="wptouch-icon-"]::before,
body [class*=" wptouch-icon-"]::before {
    width: 1em;
}

html {
    font-family: sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page-wrapper {
    background-color: #eaeaed;
    left: 0;
    right: 0;
    padding-bottom: 0;
}

#content {
    position: relative;
    min-height: 420px;
}

.tablet.single-product #content {
    margin: 0 40px;
}

.tablet.portrait.single-product #content {
    margin: 0 10px;
}

.demo_store {
    background-color: #fffae2;
    margin: 10px;
    padding: 8px;
    font-size: 95%;
    border-style: solid;
    border-color: #ffe67a;
}

/* @end */

/* @group Rubber Banding Cart Effect */

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        -ms-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -ms-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        -ms-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        -ms-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

/* @end */

/* @group Display None */

.small-header #header-area h4,
.menu-tree li.menu-item img,
#menu-right .cross-sells,
#menu-right dt,
.woocommerce-review-link,
.search-no-results a.load-more-products-link,
.woocommerce-checkout .login-wrap-box label.inline,
.payment_methods .input-radio,
.woocommerce-account .woocommerce>h2 {
    display: none !important;
}

/* @end */

/* @group Form Elements / Buttons / UI */

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
select,
textrea,
button,
.button,
a.edit,
.order-actions a,
.woocommerce-account #content .shop_table input {
    -webkit-appearance: none;
    appearance: none;
    background-image: none;
}

form input,
form select,
form textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-radius: 2px !important;
}

form input[type="radio"] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-radius: 20px !important;
}

#content .button,
#content a.button,
.pushit .button,
.pushit button,
button.button,
input#submit,
a.edit,
.order-actions a,
.woocommerce-account #content .shop_table input {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 140%;
    padding: 4px 16px;
    border-style: solid;
    border-width: 1px;
}

/* If the site admin chooses a very light colour for primary actions, make them a dark grey */

.light-primary-action #content .button.checkout,
.light-primary-action #content .single_add_to_cart_button,
.light-primary-action #content #place_order,
.light-primary-action #content input#submit,
.light-primary-action #content button#submit {
    color: #FFF !important;
    border-color: rgba( 0, 0, 0, .6) !important;
    background-color: rgba( 0, 0, 0, .6) !important;
}

a.load-more-products-link,
a.load-more-link {
    width: 60%;
    max-width: 70%;
    font-size: 85%;
    display: block;
    text-align: center;
    padding: 6px;
    border-style: solid;
    border-width: 1px;
    text-transform: uppercase;
    border-radius: 4px;
    margin: 10px auto 60px;
}

/* @group Next/Previous Link Arrows */

.theme-mobilestore .nav-controls a.next-post::after {
    font-weight: bold;
    content: '\e811';
    margin-left: 6px;
}

.theme-mobilestore .nav-controls a.prev-post::before {
    font-weight: bold;
    content: '\e810';
    margin-right: 6px;
}

/* @end */

/* @group Notices */

.notice {
    text-align: center;
    margin-bottom: 10px;
}

.notice.fail {
    color: red;
}

.notice.success {
    color: green;
    font-style: italic;
}

/* @end */

/* @end */

/* @group Header */

#header-area {
    text-align: center;
    overflow: hidden;
}

.small-header #header-logo {
    max-width: 80%;
    margin: 5px 0;
    height: 45px;
    padding: 0 1em 5px;
}

.large-header #header-area {
    text-align: center;
    overflow: hidden;
}

.large-header #header-logo {
    max-width: 40%;
    height: auto;
    margin: 15px 0;
    padding: 0;
}

.large-header #header-title-logo {
    margin: 0 auto;
}

#header-area h1 {
    position: relative;
    text-transform: uppercase;
    max-width: 68%;
    margin: 0 auto;
    height: 50px;
    visibility: hidden;
}

#header-area h4 {
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 15px;
    font-weight: 400;
    font-size: 90%;
}

h4.heading-desc {
    text-transform: uppercase;
    margin: 0;
}

.menu-icon {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 44px;
    width: 44px;
    display: block;
    font-size: 110%;
    white-space: nowrap;
}

.tablet .menu-icon {
    padding: 0 8px;
    width: auto;
}

.tablet .cart-btn {
    padding: 0 8px;
    width: auto;
}

.tablet .user-btn {
    padding: 0 8px;
    width: auto;
}

.cart-btn {
    right: 0;
    position: absolute;
    left: auto;
    top: 0;
    background-color: transparent;
}

.user-btn {
    right: 0;
    position: absolute;
    left: auto;
    top: 0;
    background-color: transparent;
}

.cart-btn i {
    font-size: 95%;
}
.user-btn i {
    font-size: 95%;
}

.cart-btn.filled {
    -webkit-animation-name: rubberBand;
    -moz-animation-name: rubberBand;
    -ms-animation-name: rubberBand;
    -o-animation-name: rubberBand;
    animation-name: rubberBand;
    -webkit-animation-delay: 1250ms;
    -moz-animation-delay: 1250ms;
    -ms-animation-delay: 1250ms;
    -o-animation-delay: 1250ms;
    animation-delay: 1250ms;
}

.user-btn.filled {
    -webkit-animation-name: rubberBand;
    -moz-animation-name: rubberBand;
    -ms-animation-name: rubberBand;
    -o-animation-name: rubberBand;
    animation-name: rubberBand;
    -webkit-animation-delay: 1250ms;
    -moz-animation-delay: 1250ms;
    -ms-animation-delay: 1250ms;
    -o-animation-delay: 1250ms;
    animation-delay: 1250ms;
}

i.wptouch-icon-menu,
i.wptouch-icon-basket {
    font-size: 120%;
    display: inline-block;
    position: relative;
    padding: 0;
    width: 44px;
    height: 44px;
    line-height: 50px;
}

i.wptouch-icon-menu,
i.wptouch-icon-user {
    font-size: 120%;
    display: inline-block;
    position: relative;
    padding: 0;
    width: 44px;
    height: 44px;
    line-height: 50px;
}

.tablet i.wptouch-icon-menu,
.tablet i.wptouch-icon-basket {
    height: auto;
    width: auto;
}

.cart-btn.filled i:after {
    content: ' \25CF';
    position: absolute;
    z-index: -1;
    right: 15px;
    top: -8px;
    font-weight: normal;
    font-style: normal;
}

.user-btn.filled i:after {
    content: ' \25CF';
    position: absolute;
    z-index: -1;
    right: 15px;
    top: -8px;
    font-weight: normal;
    font-style: normal;
}

.tablet .cart-btn.filled i:after {
    right: 5px;
}

.tablet .user-btn.filled i:after {
    right: 5px;
}

.dark-header #header-area .menu-btn,
.dark-header #header-area .cart-btn,
.dark-header #header-area .user-btn,
.dark-header #header-area h1,
.dark-header #header-area h4 {
    color: rgba(255, 255, 255, .9);
}

.dark-header #search-text {
    background-color: rgba( 255, 255, 255, 0.2);
}

.dark-header #search-text:focus {
    background-color: rgba( 255, 255, 255, 0.8);
}

/* @group Google Fonts */

.fonts-vollkorn_lato #header-area h1 {
    height: 56px;
}

.fonts-slab_ekmukta #header-area h1 {
    height: 46px;
}

.fonts-robotocond_notosans #header-area h1,
.fonts-raleway_roboto #header-area h1 {
    height: 52px;
}

/* @end */

/* @group Search */

#wptouch-search-inner {
    padding: 0 0 10px;
    text-align: center;
}

#search-text {
    border-radius: 3px;
    border-style: none;
    padding: 4px;
    font-size: 90%;
    background-color: rgba(0, 0, 0, .08);
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    width: 96%;
    width: calc( 100% - 36px);
}

.tablet #search-text {
    width: 96%;
    width: calc( 100% - 20px);
}

.light-header #search-text:focus {
    background-color: rgba(0, 0, 0, .05);
}

body.search #search-submit,
#search-text:focus+#search-submit {
    opacity: 1;
}

#search-submit {
    border-radius: 3px;
    border-style: none;
    color: #fff;
    text-transform: uppercase;
    padding: 4px 10px;
    font-size: 90%;
    opacity: 0.4;
    margin-left: 5px;
}

/* Mozilla Firefox 4-18 */

#search-text:-moz-placeholder {
    color: rgba(255, 255, 255, .5);
    opacity: 1;
}

/* Mozilla Firefox 19+ */

#search-text::-moz-placeholder {
    color: rgba(255, 255, 255, .5);
    opacity: 1;
}

#search-text::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5);
}

#search-text:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5);
}

.light-header #search-text:-moz-placeholder {
    color: rgba(0, 0, 0, .4);
    opacity: 1;
}

.light-header #search-text::-moz-placeholder {
    color: rgba(0, 0, 0, .4);
    opacity: 1;
}

.light-header #search-text::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .4);
}

.light-header #search-text:-ms-input-placeholder {
    color: rgba(0, 0, 0, .4);
}

.recent-searches {
    display: none;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    margin: 2% auto;
    width: 96%;
    width: calc( 100% - 36px);
}

.dark-header .recent-searches,
.dark-header .recent-searches a {
    border-color: rgba(255, 255, 255, .4);
    color: rgba(255, 255, 255, .8);
}

.recent-searches h4 {
    text-align: left;
    position: relative;
    font-size: 90%;
    text-transform: uppercase;
    padding-left: 12px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.recent-searches h4 span {
    position: absolute;
    right: 12px;
    padding-left: 4px;
    font-size: 80%;
    line-height: 150%;
}

.recent-searches li a {
    display: block;
    padding: 8px 12px;
}

.recent-searches li:nth-child(odd) {
    background-color: rgba(255, 255, 255, .2);
}

.recent-searches li:nth-child(even) {
    background-color: rgba(255, 255, 255, .1);
}

/* @end */

/* @end */

/* @group Page Menu */

.pushit li.touched {
    background-color: rgba(0, 0, 0, .1);
}

.pushit-left {
    border-right: 1px solid rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset -2px 0px 2px rgba(0, 0, 0, .25);
    box-shadow: inset -2px 0px 2px rgba(0, 0, 0, .25);
}

.pushit-left h3 {
    font-size: 110%;
    margin-top: 0;
    padding: 12px;
}

#menu-left .wptouch-menu {
    background-color: transparent;
}

#menu-left li {
    font-size: 95%;
    font-weight: 700;
    border-top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    clear: both;
    overflow: hidden;
}

#menu-left .menu-tree li.no-icon {
    padding-left: 0;
}

#menu-left li a {
    -webkit-touch-callout: none;
    white-space: nowrap;
    padding: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#menu-left li span {
    -webkit-box-shadow: inset rgba(0, 0, 0, .05) 1px 0px 0px;
    box-shadow: inset rgba(0, 0, 0, .05) 1px 0px 0px;
    border-left: 1px solid rgba(255, 255, 255, .05);
    padding: 12px 15px 11px;
}

#menu-left li span.toggle {
    -webkit-box-shadow: inset rgba(0, 0, 0, .1) 0px 4px 4px;
    box-shadow: inset rgba(0, 0, 0, .1) 0px 4px 4px;
    border: none;
}

#menu-left li span:before {
    font-family: 'wptouch-icons';
    content: "\e80f";
}

#menu-left li span.toggle:before {
    content: "\e80e";
    font-weight: normal;
    font-style: normal;
}

.recently-viewed.empty {
    opacity: 0.3;
    font-style: italic;
}

.recently-viewed li img {
    border-radius: 30px;
    height: 30px;
    margin-right: 10px;
    width: 30px;
    vertical-align: bottom;
}

.recently-viewed li a {
    display: block;
    height: 54px;
    line-height: 30px;
    padding: 0;
}

.dark-cart #menu-left li a {
    color: rgba(255, 255, 255, .8);
}

.dark-cart #menu-left h3 {
    background-color: rgba(255, 255, 255, .05);
    color: rgba(255, 255, 255, .5);
}

.dark-cart #menu-left li {
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.dark-cart #menu-left span {
    color: rgba(255, 255, 255, .3);
}

/* @end */

/* @group Mini Cart */

.pushit-right {
    border-left: 1px solid rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 0px 2px rgba(0, 0, 0, .25);
    box-shadow: inset 2px 0px 2px rgba(0, 0, 0, .25);
}

#menu-right .actions {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    height: 50px;
    position: relative;
}

#menu-right .edit_button,
#menu-right .checkout_button {
    padding: 2px 10px;
    font-size: 70%;
    line-height: 150%;
}

#menu-right .button.edit_button {
    top: 12px;
    position: absolute;
    left: 0;
    margin-left: 12px;
}

#menu-right .button.checkout_button {
    position: absolute;
    top: 12px;
    right: 0;
    margin-right: 12px;
}

#menu-right .cart_list li {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

#menu-right li a {
    display: block;
    font-size: 85%;
    padding: 18px 12px;
}

#menu-right li img {
    width: 40px;
    height: 40px;
    border-radius: 48px;
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -20px;
}

#menu-right li .product-title {
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 48px;
    margin: 0;
    width: 72%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#menu-right li .variation {
    text-transform: lowercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 72%;
    padding-left: 48px;
    margin: 0;
}

#menu-right li .variation * {
    padding: 0;
    margin: 0;
    display: inline;
    color: rgba(0, 0, 0, .4);
}

#menu-right li .quantity {
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    right: 12px;
    font-size: 12px;
    margin-top: -6px;
    color: rgba(0, 0, 0, .6);
}

#menu-right li .amount {
    color: rgba(0, 0, 0, .7);
    font-weight: bold;
}

#menu-right .total {
    margin-top: 20px;
    text-align: center;
    font-size: 95%;
}

#menu-right .buttons {
    margin-top: 50px;
    text-align: center;
}

.dark-cart .pushit-right,
.dark-cart #menu-right a {
    color: rgba(255, 255, 255, .8);
}

.dark-cart #menu-right li {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.dark-cart #menu-right li .quantity {
    color: rgba(255, 255, 255, .6);
}

.dark-cart #menu-right li .amount {
    color: rgba(255, 255, 255, .8);
}

.dark-cart #menu-right li .variation * {
    color: rgba(255, 255, 255, .3);
}

/* @group Empty */

.light-cart.primary-cart-conflict #menu-right button.checkout_button {
    border-color: rgba( 0, 0, 0, 0.7) !important;
    color: rgba( 0, 0, 0, 0.7) !important;
}

.dark-cart.primary-cart-conflict #menu-right button.checkout_button {
    border-color: #fff !important;
    color: #fff !important;
}

.dark-cart #menu-right .actions {
    border-bottom-color: rgba(255, 255, 255, .1);
}

#menu-right .cart_list li.empty,
.woocommerce-cart .cart-empty {
    border-style: none;
    text-align: center;
    font-weight: 600;
    padding-top: 30px;
}

.cart_list li.empty:before,
.woocommerce-cart .cart-empty:before {
    content: '\e80b';
    clear: both;
    display: block;
    font: 5em 'wptouch-icons';
}

.dark-cart #menu-right li.empty {
    color: rgba(255, 255, 255, .8);
}

/* @end */

/* @end */

/* @group Sorting & Filtering */

.sort-filter-wrap {
    background-color: rgba(255, 255, 255, .5);
    padding-top: 8px;
    padding-bottom: 8px;
}

/* @group Buttons */

.sort-filter-wrap span.layout-buttons {
    border: 1px solid rgba(0, 0, 0, .1);
    display: block;
    float: right;
    border-radius: 4px;
    margin-right: 8px;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 28px;
}

.sort-filter-wrap span.layout-buttons i {
    display: inline-block;
    width: 32px;
    text-align: center;
    padding-top: 3px;
    margin: 0;
    height: 32px;
}

.sort-filter-wrap span.layout-buttons i.active {
    color: #fff;
}

.sort-filter-buttons {
    position: relative;
    overflow: hidden;
    margin-left: 8px;
}

.sort-filter-buttons button {
    font-weight: normal;
    font-style: normal;
    color: rgba(0, 0, 0, .7);
    padding: 4px 12px 4px 6px;
    margin: 0;
    border-width: 1px;
    border-color: rgba(0, 0, 0, .1);
    font-size: 70%;
    height: 28px;
    line-height: 100%;
}

.sort-filter-buttons button i {
    font-size: 120%;
    line-height: 140%;
}

.sort-filter-buttons button:first-child {
    margin-right: 2%;
}

.sort-filter-buttons button.touched {
    background-color: white;
}

/* @end */

.sorting,
.filtering {
    display: none;
    padding-bottom: 4px;
    background-color: rgba(255, 255, 255, .1);
    padding-top: 4px;
    text-align: center;
}

.sorting.sorted,
.filtering.filtered {
    display: block;
}

.filtering .widget {
    width: 46%;
    display: inline-block;
    vertical-align: top;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .2);
    margin-right: 0;
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    overflow: hidden;
}

.filtering .widget:nth-child(odd) {
    margin-right: 2%;
    margin-left: 0;
}

.filtering h2 {
    font-size: 13px;
    text-transform: uppercase;
    padding-left: 8px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin: -8px;
    color: #fff;
}

.light-header .filtering h2 {
    color: #555;
}

.filtering .widget ul {
    padding-top: 10px;
    margin: 0 -8px -8px;
}

.filtering .widget ul li {
    font-size: 80%;
    position: relative;
}

.filtering .widget ul li a {
    display: block;
    padding: 6px 8px;
    font-weight: bold;
}

.filtering .widget ul li:nth-child(odd) {
    background-color: rgba(255, 255, 255, .5);
    margin-right: 0;
}

.filtering .widget ul li .count {
    text-align: right;
    color: #888;
    position: absolute;
    top: 5px;
    right: 8px;
}

.woocommerce-ordering {
    text-align: center;
    position: relative;
    margin-left: 2%;
    margin-right: 2%;
}

.woocommerce-ordering .orderby {
    background-color: white;
    font-size: 85% !important;
    line-height: 170%;
    padding-left: 4px;
    padding-right: 4px;
    border-color: rgba(0, 0, 0, .15);
    width: 96%;
    width: calc( 100% - 16px);
}

.woocommerce-ordering:after {
    content: '\e802';
    position: absolute;
    right: 5%;
    top: 50%;
    font: 14px/0 'wptouch-icons';
}

/* @group Active Filters */

.active-filters {
    color: #666;
    font-size: 70%;
    text-transform: uppercase;
    margin-right: 2%;
    margin-left: 2%;
    padding: 10px 0;
    text-align: left;
}

.active-filters ul {
    display: inline-block;
}

.active-filters li {
    display: inline-block;
    font-size: 110%;
}

.active-filters li a {
    border-radius: 3px;
    padding: 1px 20px 2px 8px;
    display: block;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(255, 255, 255, .8);
    font-size: 90%;
    text-transform: uppercase;
    position: relative;
    line-height: 15px;
    margin-left: 4px;
    margin-right: 4px;
}

.active-filters li a:after {
    content: '\e834';
    color: rgba(255, 255, 255, .8);
    font-family: 'wptouch-icons';
    position: absolute;
    right: 4px;
    line-height: 17px;
}

/* @end */

/* @end */

/* @group Top Products Carousel */

.owl-item.active {
    background: transparent !important;
}

.product-carousel {
    padding-top: 5px;
    background-color: rgba(0, 0, 0, .05);
    margin-top: 0px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.product-carousel h2 {
    font-size: 95%;
    margin: 4px 0 10px 4px;
    text-transform: uppercase;
}

.product-slider li,
.product-carousel li {
    visibility: hidden;
}

.product-carousel li {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.product-carousel .cropped li {
    min-height: 120px;
}

ul.products.owl-carousel h3 {
    padding: 5px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-carousel ul.products .price {
    display: none;
}

.tablet .product-carousel .cropped li {
    min-height: 170px;
}

.product-slider .owl-loaded,
.product-carousel .owl-loaded li {
    visibility: visible;
}

.product-carousel .owl-carousel .owl-stage-outer {
    margin-right: 10px;
    padding-bottom: 3px;
}

.product-carousel li.more {
    background: #d6d6d6;
    text-align: center;
    height: 175px;
    padding-top: 40px;
}

.product-carousel li.more i {
    display: block;
    font-size: 300%;
}

.product-carousel li.more a {
    color: #ababab;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 120%;
}

.product-slider {
    margin: 0 10px 10px;
    border-bottom: 1px solid rgba( 0, 0, 0, 0.05);
    padding-bottom: 10px;
    position: relative;
}

.product-slider .active {
    background: transparent;
}

.product-slider .products li a {
    padding-bottom: 2px;
}

.product-slider img {
    height: auto;
}

/* @end */

/* @group Landing, Archive Views */

#content ul.products {
    font-size: 0;
    margin-bottom: 20px;
}

ul.products li {
    position: relative;
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
    background: #fff;
    display: inline-block;
    font-size: 16px;
    overflow: hidden;
    padding: 2px 2px 0;
    border-radius: 3px;
}

.post ul.products li {
    -webkit-box-shadow: none;
    line-height: 100%;
    box-shadow: none;
}

ul.products li.touched a {
    -webkit-touch-callout: none;
}

ul.products li a {
    display: block;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 6px;
}

ul.products li img {
    border-radius: 2px 2px 0 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

ul.products li del {
    font-weight: 100;
    color: #999;
}

#content ul.products h3,
ul.products.owl-carousel h3 {
    text-transform: uppercase;
    margin: 0;
    color: #555;
    padding: 3px 3px 0;
    line-height: 110%;
}

ul.products .price {
    display: block;
    font-size: 75%;
    font-weight: bold;
    padding: 6px;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.page #content .woocommerce ul.products {
    margin: auto -10px;
}

.smartphone ul.products.owl-carousel li,
.smartphone.landscape ul.products.owl-carousel li {
    width: 100%;
}

.smartphone ul.products li.touched * {
    color: #fff !important;
}

.smartphone ul.products li {
    width: 48%;
    width: calc(50% - 6px);
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 6px;
}

.smartphone.landscape ul.products li {
    width: 32%;
    width: calc(33.29999% - 6px);
}

.tablet ul.products li {
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    width: 32%;
    width: calc( 33.29999% - 10px);
}

.tablet .related ul.products li {
    width: 18%;
    width: calc( 20% - 10px);
}

.tablet.landscape ul.products li {
    margin-left: 5px;
    margin-right: 5px;
    width: 22%;
    width: calc( 25% - 10px);
}

.tablet ul.products.owl-carousel li {
    margin: 0;
    width: 100%;
}

.smartphone ul.products li.vertical {
    width: 98%;
    margin: 1%;
    margin-bottom: 2%;
    padding-bottom: 2px;
}

.tablet ul.products li.vertical {
    display: inline-block;
    width: 98%;
    width: calc( 100% - 10px);
    margin: 5px;
    margin-bottom: 10px;
    padding-bottom: 2px;
}

ul.products li.vertical img {
    border-radius: 2px;
    width: 80px;
    height: 80px;
    float: left;
}

#content ul.products li.vertical h3 {
    text-transform: uppercase;
    color: #555;
    padding: 10px 3px 0;
    line-height: 120%;
    font-size: 110%;
    width: 55%;
    display: block;
    margin-left: 85px;
    overflow: hidden;
}

#content ul.products li.vertical .price {
    margin-left: 85px;
    width: 50%;
}

.products a .onsale {
    display: block;
    color: #fff;
    right: 0px;
    padding: 5px 0;
    width: 100%;
    position: absolute;
    top: 0px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 60%;
    z-index: 1;
}

.locale-lang-en .products a .onsale {
    display: block;
    color: #fff;
    right: -60px;
    padding: 30px 0 5px;
    width: 136px;
    position: absolute;
    top: -15px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: rotate( 45deg);
    -moz-transform: rotate( 45deg);
    -ms-transform: rotate( 45deg);
    -o-transform: rotate( 45deg);
    transform: rotate( 45deg);
    font-weight: 700;
    font-size: 60%;
}

.woocommerce-pagination {
    padding-bottom: 30px;
}

.woocommerce-pagination ul {
    text-align: center;
}

.woocommerce-pagination li {
    display: inline-block;
}

.woocommerce-pagination li a,
.woocommerce-pagination li span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 30px;
}

/* @end */

/* @group Single Product & Gallery */

.product {
    padding: 8px;
}

.product-top {
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
    position: relative;
    overflow: hidden;
}

.tablet .product-top {
    width: 58%;
    width: calc(60% - 5px);
    vertical-align: top;
    display: inline-block;
}

#content .product-top h1 {
    line-height: 110%;
    padding: 12px;
    margin: 0;
    width: 90%;
}

.product-top p.price {
    font-weight: bold;
    color: gray;
    font-size: 90%;
    margin-left: 12px;
}

.product-top .amount,
.product-top ins .amount {
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
}

.product-top del .amount {
    color: gray;
    background-color: #fff;
}

.product-top .onsale {
    font-size: 90%;
    display: block;
    color: white;
    text-align: center;
    text-transform: uppercase;
    padding-top: 3px;
    padding-bottom: 3px;
}

.zoomer {
    position: absolute;
    display: block;
    z-index: 1;
    left: 5%;
    bottom: 5%;
    font-size: 26px;
    background-color: rgba(0, 0, 0, .2);
    width: 46px;
    height: 46px;
    text-align: center;
    padding: 0;
    line-height: 44px;
    border-radius: 50px;
    color: #fff;
}

#content .product .images {
    position: relative;
    max-height: 300px;
    overflow: hidden;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}

.tablet #content .product .images {
    max-height: 441px;
}

#content .product .images.zoomed {
    min-height: 300px;
    max-height: 460px;
}

#content .thumbnails {
    position: relative;
    text-align: center;
    margin: 0;
}

#content .thumbnails li {
    display: inline-block;
    border-radius: 3px;
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    position: relative;
    margin: 4px 2px;
}

.summary .star-rating {
    padding-bottom: 10px;
}

.star-rating i {
    margin-left: 3px;
}

/* @group Product Summary */

#content .product .summary {
    border-bottom: 1px solid rgba( 0, 0, 0, 0.1);
    margin-top: 6px;
    margin-bottom: 10px;
    text-align: center;
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 3px;
}

.tablet #content .product .summary {
    display: inline-block;
    margin: 0 10px 0 0;
    width: 38%;
    width: calc( 40% - 10px);
}

.tablet #content .product .summary h1 {
    margin-top: 0;
}

.product .product_meta {
    border-top: 1px solid rgba( 0, 0, 0, 0.1);
    display: block;
    font-size: 80%;
    opacity: .6;
    padding-top: 10px;
    text-transform: uppercase;
    margin-top: 10px;
}

.single-product .summary p.price del,
.product .product_meta .sku_wrapper {
    opacity: .5;
}

.product .product_meta>span {
    display: inline-block;
    margin-right: 10px;
}

.product .product_meta>span:last-of-type {
    margin-right: 0;
}

#content .product .summary .stock {
    font-weight: bold;
    margin-top: 0;
}

#content .product.product-type-simple .summary .stock {
    padding-top: 15px;
}

.single-product .summary span.price {
    padding: 15px 0 20px;
    text-align: center;
    font-size: 120%;
    display: block;
}

.single-product .summary span.price:before,
.single-product .summary span.price:after {
    content: '';
    height: 1px;
    border-bottom: 3px double rgba( 0, 0, 0, 0.2);
    display: inline-block;
    position: relative;
    top: -4px;
    text-decoration: line-through;
    width: 40px;
}

.single-product .summary span.price:before {
    margin-right: 5px;
}

.single-product .summary span.price:after {
    margin-left: 5px;
}

#content .product .summary form {
    margin-bottom: 0;
}

#content .product .quantity {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid black;
    overflow: hidden;
    margin: 0;
    height: 26px;
    border-radius: 4px;
    position: relative;
    width: 50px;
}

#content .product .quantity.spinner {
    width: 100px;
}

#content .product .quantity .button {
    margin: 0 -1px;
    padding: 6px 0;
    border-style: none;
}

.woocommerce-page #content .product input.qty {
    border: 0;
    width: 34px;
    text-align: center;
    vertical-align: baseline;
    font-size: 16px !important;
    margin: 0;
    padding: 0;
}

.woocommerce-page #content .summary .minus {
    border-right-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 33px;
    border-radius: 0px;
    padding: 2px;
    background-color: rgba(0, 0, 0, .05);
}

.woocommerce-page #content .summary .plus {
    border-left-style: solid;
    width: 33px;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 0px;
    padding: 2px;
    background-color: rgba(0, 0, 0, .05);
}

#content .product button.button {
    padding-bottom: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 10px;
}

.woocommerce-page table.variations {
    text-align: left;
    width: 100%;
    background: transparent;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    position: static;
}

table.variations td {
    position: relative;
    padding-bottom: 0;
    width: 25%;
}

.tablet table.variations td {
    display: block;
    width: 100%;
}

table.variations td.label {
    text-align: right;
    font-size: 80%;
    text-transform: uppercase;
    padding-right: 5px;
}

.tablet table.variations td {
    text-align: left;
}

.product td.value {
    position: relative;
}

.product .variations select {
    background-color: white;
    padding-left: 5px;
    padding-right: 5px;
    border-style: dotted;
    margin-top: 5px;
    margin-bottom: 5px;
    min-width: 170px;
    width: 100%;
    line-height: 100%;
    font-size: 100% !important;
    position: relative;
}

.tablet .product .variations select {
    width: 100%;
}

.product td.value:after {
    font: 13px/0 'wptouch-icons';
    content: '\e802';
    position: absolute;
    right: 10px;
    top: 19px;
}

.product .variations .reset_variations {
    font-size: 0;
}

/*

 @end */

/* @group Product Tabs */

.product .woocommerce-tabs {
    margin-bottom: 40px;
}

.tablet .product .woocommerce-tabs {
    margin-top: 20px;
}

.product .woocommerce-tabs .tabs>li {
    display: inline-block;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-bottom: -2px;
}

.product .woocommerce-tabs .tabs a {
    display: block;
    text-align: center;
    color: rgba(0, 0, 0, .4);
    height: 40px;
    width: 50px;
    font: 120%/200% 'wptouch-icons';
}

.tablet .product .woocommerce-tabs .tabs a {
    font-size: 95%;
    padding: 0 10px;
    width: auto;
}

.tablet .product .woocommerce-tabs .tabs a:before {
    margin-right: 7px;
}

.product .woocommerce-tabs .description_tab a:before {
    content: '\e825';
}

.product .woocommerce-tabs .additional_information_tab a:before {
    content: '\e84d';
}

.product .woocommerce-tabs .reviews_tab a:before {
    content: '\e84e';
}

.product .woocommerce-tabs .active {
    background: #fff;
}

.product .woocommerce-tabs>div {
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: 3px;
    padding: 10px;
}

#content .woocommerce-tabs .panel th,
#content .woocommerce-tabs .panel td {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: left;
}

#content .woocommerce-tabs td p {
    font-size: 90%;
}

#content table.shop_attributes {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0px;
    padding: 0px;
    width: 100%;
}

/* @group Comments */

#comments h2 {
    text-transform: capitalize;
    font-size: 110%;
}

#content .woocommerce-tabs #comments {
    padding: 0;
}

#content .woocommerce-tabs #comments img.avatar {
    border-radius: 20px;
    width: 44px;
    height: 44px;
    border: 1px solid #eee;
    float: left;
    margin-right: 6px;
    margin-top: 6px;
}

#content .woocommerce-tabs #comments p.woocommerce-noreviews {
    margin-top: 0;
}

.woocommerce-tabs .comment-text {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    position: relative;
    margin-top: 0;
}

.comment-text .description {
    font-size: 90%;
}

.woocommerce-tabs .comment-text p.meta {
    color: #fff;
    margin: 0 0 -10px;
    height: auto;
}

.woocommerce-tabs .meta strong,
.woocommerce-tabs .meta em {
    color: #111 !important;
    font-size: 95%;
}

.woocommerce-tabs .comment-text time {
    font-weight: normal;
    font-style: normal;
    font-size: 70%;
    line-height: 0;
    color: #555;
    display: block;
    margin-left: 48px;
    margin-top: 5px;
}

.woocommerce-tabs .comment-text .star-rating i {
    font-size: 80%;
    margin-right: -1px;
    margin-bottom: 0;
    margin-left: -1px;
}

.comment-form-rating .stars a {
    font-size: 140%;
    color: white;
    display: inline-block;
    width: 22px;
}

.comment-form-rating .stars a:before {
    font-family: 'wptouch-icons';
    content: '\e835';
    color: #ccc;
    margin-left: 4px;
}

h3#reply-title {
    text-transform: capitalize;
}

#content form#commentform input[type="text"],
form#commentform input[type="email"],
form#commentform input[type="url"] {
    width: 60%;
    display: block;
    background-color: rgba(0, 0, 0, .03);
}

form#commentform input,
form#commentform textarea {
    background-color: rgba(0, 0, 0, .03);
}

#content #commentform input:focus,
#content #commentform textarea:focus {
    background-color: #fff;
}

#commentform input#submit {
    padding-left: 12px;
    padding-right: 12px;
    margin: 0;
}

.product #commentform label {
    text-transform: uppercase;
}

/* @end */

/* @end */

/* @group Related Products */

.product .related.products {
    height: auto !important;
    margin-left: -8px;
    margin-right: -8px;
}

.product .related.products h2 {
    margin-left: 8px;
}

/* Hidden for now */

.single-product .upsells {
    display: none;
}

/* @end */

/*

 @end */

/* @group Archives */

/* @group Search */

.no-results {
    text-align: center;
    min-height: 300px;
}

.no-results i {
    font-size: 800%;
    display: block;
    clear: both;
    text-align: center;
}

/* @end */

.archive #content h1 {
    line-height: 110%;
    padding: 8px;
    margin: 2%;
    border-radius: 2px;
}

/* @group 404 */

.error404 #content {
    color: #555;
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: 3px;
    padding: 0 15px 15px;
    margin: 8px;
}

.error404 #content .not-found:after {
    font-family: 'wptouch-icons';
    content: "\e83b";
    color: red;
    display: block;
    font-size: 300%;
    margin-top: 0px;
    margin-bottom: 0px;
}

.error404 #content .not-found-text {
    width: 90%;
}

/* @end */

/* @end */

/* @group Single Page */

.page .post,
.search-no-results .post {
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: 3px;
    padding: 5px 15px 15px;
    margin: 8px;
}

.search-no-results #content {
    min-height: 300px;
}

/* @end */

/* @group Blog */

/* @group Index */

.blog #content {
    padding: 0;
}

.blog .post {
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
    padding: 3px;
    margin: 12px 12px 30px;
}

.blog .post:first-child {
    border: none;
}

.blog #content .post h2 {
    margin: 0 0 10px;
}

.blog .post-meta {
    opacity: .6;
}

.blog .post-excerpt {
    padding-top: 10px;
}

.post .post-head {
    display: block;
    text-align: center;
    padding: 5%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
    margin-right: -3px;
    margin-top: -3px;
    margin-left: -3px;
}

.post .post-head:after {
    content: '';
    background-color: rgba( 0, 0, 0, 0.3);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.post .post-head p {
    color: rgba( 255, 255, 255, 0.6);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 1px;
    margin-top: -40px;
    padding-bottom: 40px;
    position: relative;
    z-index: 2;
}

.post .post-head h2,
.single .post .post-head h2 {
    display: block;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    text-shadow: rgba(0, 0, 0, .5) 1px 0px 4px;
    max-width: 500px;
    line-height: 130%;
    margin: 50px auto !important;
    position: relative;
    word-wrap: break-word;
    z-index: 2;
}

.post .content {
    line-height: 150%;
    padding: 0 15px;
}

/* @end */

/* @group Single */

.single a#blog-back {
    color: #fff;
    display: block;
    font-size: 80%;
    text-align: center;
    opacity: .6;
    padding: 15px 0 15px;
    text-transform: uppercase;
}

.single #content {
    padding: 0 0 20px;
    word-wrap: break-word;
}

.single .content {
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
    padding: 6px 12px;
    margin: 12px;
}

.single .post-date,
.single .post-author {
    opacity: .6;
}

.single #content p {
    line-height: 145%;
    font-size: 95%;
}

.single .nav-bar {
    border: 1px solid rgba( 0, 0, 0, 0.1);
    border-width: 1px 0;
}

/* @end */

/* @group Comments */

.single #comments {
    padding: 0 12px 20px;
}

.single #comments label {
    display: block;
    text-transform: uppercase;
}

.comment .comment-avatar {
    float: left;
    height: 40px;
}

.comment .comment-avatar img {
    height: 40px;
    margin-right: 15px;
    width: auto;
}

.comment .meta {
    opacity: .6;
}

.comment .comment-time {
    font-size: 80%;
    margin-top: 3px;
}

.comment .comment-body {
    line-height: 140%;
    word-wrap: break-word;
}

.comment .comment-body a {
    word-wrap: break-word;
}

.single button#submit {
    border-radius: 3px !important;
    text-transform: uppercase;
}

/* @end */

/* @end */

/* @group WooCommerce Cart / Checkout / Account Shared */

.woocommerce-message {
    font-weight: bold;
    border-radius: 3px;
    text-align: center;
    padding: 12px;
    margin: 12px;
    font-size: 90%;
}

.woocommerce-message .button {
    display: none;
}

.woocommerce-checkout .post,
.woocommerce-cart .post {
    margin: 0;
    padding: 8px 8px 60px;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.woocommerce-page form {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: none;
    margin: 0;
    padding: 0;
}

.woocommerce-page form p {
    padding: 0;
}

.woocommerce-page h3 {
    text-transform: uppercase;
    font-size: 105%;
}

.woocommerce-page td {
    padding: 0 0 20px 0px;
}

.woocommerce-page table {
    border-collapse: collapse;
}

.woocommerce-checkout p,
.woocommerce-checkout td {
    position: relative;
}

.woocommerce-page #content label {
    text-transform: uppercase;
    color: rgba(0, 0, 0, .6);
    font-size: 80%;
}

.woocommerce-page #content input[type="text"],
.woocommerce-page #content input[type="url"],
.woocommerce-page #content input[type="password"],
.woocommerce-page #content input[type="email"],
.woocommerce-page #content input[type="tel"],
.woocommerce-page select,
.woocommerce-page textarea,
.woocommerce-page .select2-choice {
    font-family: sans-serif;
    margin: 3px 0;
    width: 100%;
    border: 1px solid #ccc;
    line-height: 150%;
    padding: 5px !important;
    font-size: 110% !important;
    position: relative;
}

.woocommerce-page .select2-results .select2-result-label {
    font-family: sans-serif;
}

.woocommerce-page .select2-container .select2-choice .select2-arrow {
    display: none;
}

.woocommerce-page input[type="checkbox"] {
    margin-top: 0;
    margin-right: 3px;
}

.woocommerce-page ul,
.woocommerce-page li,
.woocommerce-page ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.woocommerce-checkout .amazon-wrapper {
    min-height: 40px;
}

.woocommerce-checkout .login-wrap-box,
.woocommerce-checkout #customer_details,
.woocommerce-page table,
.woocommerce-cart form.cart,
.woocommerce-thanks .order_details {
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
    margin-bottom: 30px;
    position: relative;
    padding: 12px;
}

#order_review_heading {
    position: relative;
}

#order_review_heading a {
    font-size: 65%;
    position: absolute;
    right: 0;
    top: -2px;
}

.shop_table,
.cart_totals table {
    width: 100%;
}

.woocommerce-cart #content .checkout-button {
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 100%;
    text-align: center;
    width: 100%;
}

/* @group WooCommerce Error */

.woocommerce-error li {
    list-style-type: none;
    background-color: pink;
    padding: 12px;
    margin-bottom: 15px;
    border-radius: 3px;
}

/* @end */

/* @end */

/* @group WooCommerce Cart */

.woocommerce-cart .return-to-shop {
    text-align: center;
    margin: 40px 0 60px;
}

.woocommerce-cart form.cart li {
    position: relative;
    min-height: 60px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f5f5f5;
}

.woocommerce-cart form.cart li p {
    margin: 0;
}

.woocommerce-cart form.cart li a .product-title {
    margin-top: 15px;
    padding-left: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.woocommerce-cart form.cart li img {
    width: 44px;
    height: 44px;
    border-radius: 22px;
    position: absolute;
    top: 50%;
    margin-top: -34px;
}

.woocommerce-cart form.cart li a {
    text-transform: uppercase;
    font-size: 90%;
    font-weight: bold;
    display: block;
    width: 65%;
}

.woocommerce-cart form.cart li a.remove {
    top: 50%;
    right: 3px;
    font-size: 150%;
    position: absolute;
    width: 20px;
}

.woocommerce-cart #content form.cart li a.button {
    display: inline-block;
    border-width: 1px;
    width: auto;
    padding: 4px 2px;
    font-size: 110%;
    height: 30px;
    background-color: rgba(0, 0, 0, .03);
}

.woocommerce-cart #content .cart li .minus {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.woocommerce-cart #content .cart li a.plus {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.woocommerce-cart #content .cart li input {
    position: relative;
    width: 40px;
    text-align: center;
    height: 30px;
    line-height: 0;
    padding: 0;
    border: 1px solid;
    margin-right: -1px;
    margin-bottom: 0;
    margin-left: -1px;
    vertical-align: top;
}

.woocommerce-cart #content .cart .lucky-person a.button {
    border-radius: 3px;
    height: 26px;
    line-height: 100%;
}

.woocommerce-cart .cart .variation {
    padding: 0 0 0 50px;
    margin: 0;
    font-weight: normal;
    font-style: normal;
    text-transform: capitalize;
    font-size: 80%;
    color: #999;
}

.woocommerce-cart .cart .variation * {
    display: inline;
    margin: 0;
}

.woocommerce-cart .cart li div.quantity {
    top: 50%;
    right: 0;
    font-size: 85%;
    margin-top: -30px;
    position: absolute;
}

.woocommerce-cart .cart li span.quantity {
    padding-left: 50px;
    font-weight: normal;
    font-style: normal;
    font-size: 85%;
    color: #999;
}

.woocommerce-cart #content input#update-button {
    display: block;
    margin: 15px auto;
    font-size: 90% !important;
}

.woocommerce-cart #content .cart .coupon {
    text-align: center;
    font-size: 80%;
    border-top: 1px solid #f5f5f5;
    padding-top: 15px;
    padding-bottom: 15px;
}

.woocommerce-cart #content .cart .coupon label {
    margin-bottom: 5px;
}

.woocommerce-cart #content .cart #coupon_code {
    width: 60%;
    padding: 3px;
    line-height: 140%;
}

.locale-lang-nl.woocommerce-cart #content .cart #coupon_code {
    width: 50%;
}

.woocommerce-cart #content .cart .coupon-button {
    border-width: 1px;
}

.woocommerce-cart .cart_totals tr.cart-subtotal th {
    text-align: left;
    padding: 8px;
}

.woocommerce-cart .cart_totals tr.cart-subtotal td {
    text-align: right;
    padding: 8px;
}

.woocommerce-cart .cart_totals tr:last-child {
    border-bottom-style: none;
}

/* @end */

/* @group WooCommerce Checkout */

.woocommerce-checkout .mobilestore_checkout_coupon {
    visibility: hidden;
    width: 0;
    height: 0;
}

.woocommerce-checkout .login-wrap-box p.lost_password {
    font-size: 90%;
    float: right;
    margin-top: -45px;
    margin-right: 1%;
}

.woocommerce-checkout .login-wrap-box {
    position: relative;
}

.woocommerce-checkout .login-wrap-box>div {
    font-style: italic;
}

.woocommerce-checkout .login-wrap-box p:first-child,
.woocommerce-checkout .create-account p {
    font-size: 90%;
}

.woocommerce-checkout #content .login-wrap-box a.login-toggle {
    font-size: 90%;
    line-height: 120%;
    float: right;
    font-weight: bold;
    font-style: normal;
    text-transform: capitalize;
}

/* @group Customer Details */

#customer_details a.button {
    padding: 0 1px 1px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    border-width: 1px;
}

.woocommerce-checkout #content p#billing_address_1_field,
.woocommerce-checkout #content p#shipping_address_1_field {
    position: relative;
}

.woocommerce-checkout p i,
.woocommerce-checkout td i,
.woocommerce-checkout div.payment_box i {
    font: 14px/0 'wptouch-icons';
    content: '\e802';
    position: absolute;
    right: 10px;
    bottom: 15px;
}

.woocommerce-checkout td i {
    right: 15px;
    bottom: 25px;
}

.woocommerce-checkout div.payment_box i {
    right: 30px;
    bottom: 36px;
}

.woocommerce-checkout #order_comments {
    width: 99%;
    height: 80px;
}

/* @end */

/* @group Your Order */

.shop_table thead {
    text-transform: uppercase;
    font-size: 75%;
    color: #888;
    background-color: rgba(0, 0, 0, .01);
    border-bottom: 1px solid #f5f5f5;
    text-align: left;
}

.shop_table thead th {
    padding: 8px;
}

.shop_table thead .product-name {
    border-right: 1px solid #f5f5f5;
    width: 70%;
}

.shop_table tr {
    border-bottom: 1px solid #f5f5f5;
}

.shop_table td {
    position: relative;
    padding: 12px 8px;
    vertical-align: middle;
    font-size: 90%;
    overflow: hidden;
}

.woocommerce-cart .shop_table td.actions {
    padding-top: 0;
}

.shop_table .shipping td {
    padding-left: 12px;
}

/* @group Cart Item */

.shop_table .cart_item td {
    padding-top: 24px;
    padding-bottom: 24px;
}

.shop_table .cart_item td img {
    width: 50px;
    height: 50px;
    border-radius: 22px;
    margin-top: -25px;
    position: absolute;
    left: 8px;
    top: 50%;
}

.shop_table td span.product-title {
    margin-left: 58px;
    line-height: 110%;
    float: left;
    margin-right: 10px;
}

.shop_table td .product-quantity {
    color: #999;
    vertical-align: top;
    float: right;
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 14px;
    margin-top: -8px;
}

.shop_table td.product-name {
    color: #444;
    display: block;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: bold;
}

.shop_table td.product-name dl.variation {
    margin: 3px 0 0;
    padding-left: 58px;
    font-weight: normal;
    font-style: normal;
    font-size: 80%;
    float: left;
}

.shop_table td.product-name dl.variation * {
    display: inline;
    text-transform: none;
    color: #999;
    margin: 0;
}

.shop_table .product-total,
.shop_table .cart-subtotal {
    text-align: right;
}

/* @end */

.shop_table tr.mobilestore_coupon {
    text-align: center;
    border-top: 1px solid #f5f5f5;
}

.shop_table tr.mobilestore_coupon input#mobilestore_coupon {
    width: 60%;
    padding: 1px 5px;
    margin-right: 6px;
    font-style: italic;
}

.locale-lang-nl .shop_table tr.mobilestore_coupon input#mobilestore_coupon {
    width: 50%;
}

.shop_table tr.mobilestore_coupon #mobilestore_apply_coupon {
    border-width: 1px;
}

.shop_table tfoot th {
    text-align: left;
    padding: 12px;
}

.shop_table tfoot .shipping-head {
    border-bottom: none;
}

.shop_table tfoot .shipping-head th {
    padding-top: 8px;
    padding-bottom: 8px;
}

.shop_table tfoot ul {
    font-size: 120%;
}

.shop_table tfoot .shipping td {
    padding-top: 0;
}

.shop_table tfoot .shipping .amount {
    margin-left: 5px;
    font-style: italic;
}

.shop_table tfoot ul li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.shop_table tfoot .order-total {
    border-bottom: 1px solid #f5f5f5;
    background-color: rgba(0, 0, 0, .01);
    font-size: 105%;
    font-weight: bold;
    font-style: italic;
}

.shop_table tfoot .order-total span {
    display: inline-block;
    float: right;
}

.shop_table tfoot .order-total .amount {
    font-size: 95%;
}

.shop_table tfoot .order-total small.includes_tax {
    font-size: 70%;
    display: block;
    clear: both;
}

.shop_table tfoot .order-total small.includes_tax .amount {
    padding-left: 5px;
    font-size: 100%;
}

/* @end */

/* @group Payment Methods */

.woocommerce-checkout ul.payment_methods {
    list-style: none;
    margin: 20px 0;
}

.woocommerce-checkout .payment_methods li {
    border: 5px solid #fff;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    background-color: #fff;
    border-bottom-width: 1px;
    border-bottom-color: #eee;
    padding: 15px;
    min-height: 56px;
}

.woocommerce-checkout .payment_methods li:last-of-type {
    border-bottom-style: none;
}

.woocommerce-checkout .payment_methods li:first-of-type {
    border-radius: 3px 3px 0 0;
}

.woocommerce-checkout .payment_methods li:last-of-type {
    border-radius: 0 0 3px 3px;
}

.woocommerce-checkout .payment_methods .active {
    background-color: #fff;
}

.woocommerce-checkout .payment_methods li:before {
    border: 2px solid #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 3px rgba( 0, 0, 0, 0.1), inset 0 0 8px rgba( 0, 0, 0, 0.1);
    box-shadow: 0px 0px 1px rgba( 0, 0, 0, 0.1), inset 0 0 8px rgba( 0, 0, 0, 0.1);
    content: '';
    color: #fff;
    position: absolute;
    left: 7px;
    top: 10px;
    text-align: center;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    line-height: 25px;
    width: 27px;
    height: 27px;
    background-color: #e5e4e6;
    font-size: 18px;
}

.woocommerce-checkout .payment_methods .active:before {
    content: '\e84f';
    font-family: "wptouch-icons";
    opacity: 1;
    -webkit-transition: opacity .25s linear;
    -moz-transition: opacity .25s linear;
    -o-transition: opacity .25s linear;
    transition: opacity .25s linear;
}

.woocommerce-checkout #content form .payment_methods li>label {
    display: block;
    padding: 15px 6px 15px 15px;
    color: #999;
    margin-left: 15px;
    font-size: 105%;
    line-height: 105%;
}

.woocommerce-checkout #content form .payment_methods li.active>label {
    font-weight: bold;
}

.woocommerce-checkout form .payment_methods li>label.body-font {
    display: block;
    font-size: 100%;
    margin: -15px;
    padding: 15px;
    text-transform: none;
}

.woocommerce-checkout .payment_methods label img {
    float: right;
    max-height: 1em;
    margin: 2px 8px 0 0;
}

.woocommerce-checkout .payment_methods label img.wide {
    display: block;
    float: none;
    margin: 10px 0 0;
}

.woocommerce-checkout .payment_box>img {
    margin-bottom: 0;
}

.woocommerce-checkout .payment_methods p {
    font-size: 80%;
    line-height: 140%;
    color: rgba( 0, 0, 0, .6);
    margin-left: 30px;
    margin-top: 12px;
}

.woocommerce-checkout .payment_methods p.form-row {
    font-size: 100%;
}

.woocommerce-checkout .payment_methods fieldset {
    border: none;
    padding: 0;
}

.woocommerce-checkout .place-order {
    margin-top: 30px;
    text-align: center;
}

p.terms {
    position: relative;
    text-align: center;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

p.terms input {
    display: inline-block;
}

/* @end */

/* @group Thanks */

.woocommerce-thanks .order_details li {
    line-height: 175%;
}

.woocommerce-thanks .shop_table td.product-name dl.variation {
    padding-left: 0;
}

dl.customer_details dt {
    display: block;
    font-size: 105%;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
    width: 30%;
}

dl.customer_details dd {
    display: block;
    margin-bottom: 25px;
    margin-left: 0;
    width: 60%;
}

.woocommerce-thanks address {
    font-style: normal;
}

.woocommerce-thanks #content .addresses h3 {
    margin-bottom: 5px;
}

.woocommerce-thanks .addresses p {
    margin-top: 0;
    margin-bottom: 25px;
}

/* @end */

/* @end */

/* @group WooCommerce My Account Pages */

.woocommerce-account h2 {
    text-transform: capitalize;
}

.woocommerce-account fieldset {
    border: 1px solid #f5f5f5;
}

.woocommerce-account fieldset legend {
    font-style: italic;
    color: #444;
}

.woocommerce-account mark {
    background-color: #fff;
}

.woocommerce-account #content .shop_table.order_details th.product-name {
    width: 65%;
}

.woocommerce-account .order-info,
.woocommerce-account #content .customer_details dt {
    font-style: italic;
}

.woocommerce-account #content .customer_details dd,
.woocommerce-account #content .shop_table.order_details .variation {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 3px;
    margin-top: 3px;
}

.woocommerce-account p {
    position: relative;
}

.woocommerce-account .addresses {
    margin-bottom: 30px;
}

.woocommerce-account .address {
    position: relative;
}

.woocommerce-account header {
    margin-top: 35px;
}

.woocommerce-account a.edit {
    font-size: 82%;
    position: absolute;
    top: 0;
    right: 0;
}

.woocommerce-account .shop_table {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #f5f5f5;
}

.woocommerce-account .shop_table thead th:first-child {
    width: 40%;
}

.woocommerce-account p i {
    font: 14px/0 'wptouch-icons';
    content: '\e802';
    position: absolute;
    bottom: 15px;
    right: 10px;
}

.woocommerce-account #recent_orders {
    margin-top: 30px;
    margin-bottom: 30px;
}

.woocommerce-account #recent_orders>li {
    background-color: rgba(0, 0, 0, .01);
    padding: 5px 15px 15px;
    font-size: 90%;
    border: 1px solid #f5f5f5;
    margin-top: 5px;
    margin-bottom: 5px;
}

.woocommerce-account #recent_orders time,
.woocommerce-account #recent_orders span.order-total {
    font-size: 90%;
    color: #666;
}

.woocommerce-account .order-actions {
    text-align: center;
    margin-top: 20px;
    width: 240px;
    margin-right: auto;
    margin-left: auto;
}

.woocommerce-account .order-actions li {
    display: inline-block;
    width: 33%;
}

.woocommerce-account .order-actions a {
    display: inline-block;
    font-size: 80%;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    padding-right: 12px;
    padding-left: 12px;
}

.woocommerce-account #content .shop_table input {
    font-size: 75% !important;
    width: 84px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* @end */

/* @group Web App Mode */

.web-app-mode .fixed-header-fill {
    position: -webkit-sticky;
    top: 0;
    right: 0;
    left: 0;
    height: 20px;
    display: block;
    z-index: 999;
}

/* @group Back Button */

.back-button,
.smartphone.web-app-mode.pushit-active .back-button {
    display: none;
}

.smartphone.web-app-mode .back-button {
    background-color: rgba( 255, 255, 255, 0.2);
    color: rgba( 255, 255, 255, 0.3);
    border-radius: 35px;
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    left: auto;
    -webkit-transition: background-color .5s linear;
    -moz-transition: background-color .5s linear;
    -o-transition: background-color .5s linear;
    transition: background-color .5s linear;
    z-index: 1000;
    line-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
}

.smartphone.web-app-mode .back-button.visible {
    background-color: rgba( 0, 0, 0, .8);
    color: #fff;
    -webkit-transition: background-color .5s linear;
    -moz-transition: background-color .5s linear;
    -o-transition: background-color .5s linear;
    transition: background-color .5s linear;
}

.light-body.smartphone.web-app-mode .back-button {
    background: rgba( 0, 0, 0, 0.1);
    color: rgba( 0, 0, 0, 0.3);
}

.light-body.smartphone.web-app-mode .back-button.visible {
    background-color: rgba( 0, 0, 0, 0.8);
    color: #fff;
}

/* @end */

/* @end */

/* @group Footer */

.footer {
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    padding: 4% 2%;
    color: rgba(0, 0, 0, .4);
}

.dark-header .footer {
    color: rgba(255, 255, 255, .4);
}

li .social-footer-badges {
    background: none;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.dark-header .footer a,
.dark-header .footer-menu a {
    color: rgba(255, 255, 255, .7);
}

.footer-menu {
    display: block;
    font-size: 80%;
    padding: 4%;
}

.footer-menu li a.title {
    padding: 8px 0;
}

.footer-menu .sub-list {
    width: 50%;
    float: left;
}

.footer p.powered-by-msg {
    font-size: 75%;
    margin-bottom: 0;
}

/* @end */

/* @group Compatibility */

/* WooCommerce Checkout Manager */

p.wccs-field-class {
    display: block;
    width: 100%;
    float: none;
}

/* Braintree */

#order_review .payment_method_braintree select {
    max-width: 50px;
    position: relative;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background-color: transparent !important;
}

/* @end */

/* New Costume */
.has-thumbnail {
    display: block;
}
#content a, .post-link-button i, .related-posts a, #comments a, .nav-controls a, #switch a, .footer a, a.back-to-top {
    color: #00c978;
}

#content .entry-inner h2.post-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    padding-right: 12%;
    line-height: 115%;
    font-size: 110%;
    margin: 3px 0 0;
    height: 2.3em;
}

.entry {
    display: block;
    overflow: hidden;
}
.entry a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, del, dfn, div, em, font, html, i, img, ins, kbd, li, ol, pre, q, s, samp, span, strike, strong, sub, sup, u, ul, var {
    border: 0;
    outline: 0;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}

a, ins {
    text-decoration: none;
}

img.wp-post-image {
    width: 78px;
    height: 78px;
    float: left;
    margin: 0;
}

.post-link-button {
    font-size: 32px;
    position: absolute;
    right: 3%;
    top: 50%;
    padding: 0;
    margin: -20px 0 0;
}

.entry-inner {
    color: #f6f3e0;
    margin-left: 78px;
    position: relative;
    height: 70px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 1px solid rgba(255,255,255,.3);
    /*border-bottom: 1px solid rgba(0,0,0,.1);*/
}

.not-single.not-page .entry-inner:before {
    display: block;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid;
    top: 4px;
    left: -10px;
}

.light-body {
    text-shadow: rgba(255,255,255,.2) 0 1px 0;
}

.post-author, .post-date {
    color: rgba(0,0,0,.5);
    font-weight: 700;
    font-size: 80%;
}


.demo-card-header-pic .card-header {
    height: 40vw;
    background-size: cover;
    background-position: center;
    color: #fff;
}
.demo-card-header-pic .card-content-padding .date{
    color: #8e8e93;
}
/* End New Costume */