/*
 * Webasyst Default 4.0 theme family
 *
 * Core CSS file
 *
 * @link http://www.webasyst.com/
 * @author Webasyst LLC
 * @copyright 2015 Webasyst LLC
 * @package Webasyst
 */

/* Variables
------------ */
html {
    --white: #fff;
    --black: #000;
    --gray: #808080;
    --gray1: #333;
    --gray2: #4f4f4f;
    --gray3: #828282;
    --gray4: #bdbdbd;
    --gray5: #e0e0e0;
    --gray6: #f2f2f2;
    --gray7: #fafafa;
    --gray20: #cccccc;

    --red: #f43434;
    --blue: #2f80ed;
    --green: #14b00e;
    --orange: #f2994a;
    --yellow: #ffcc00;
    --purple: #9b51e0;
    --purple-light: #bb6bd9;

    --gap: 0px;

    --font-size: 14px;
    --font-family: "Helvetica Neue", sans-serif;

    --h1-size: 2.2857rem;
    --h2-size: 2rem;
    --h3-size: 1.7142rem;
    --h4-size: 1.4285rem;
    --h5-size: 1.1428rem;
    --h6-size: 1rem;

    --bg-color: var(--gray7);
    --text-color: var(--black);
    --hint-color: var(--gray3);
    --link-color: var(--purple);
    --link-hover-color: var(--red);
    --link-visited-color: var(--purple-light);

    --header-bg-color: var(--black);
    --header-link-color: var(--white);
    --header-link-hover-color: var(--white);
    --header-apps-link-color: var(--gray3);
    --header-apps-link-selected-color: var(--gray6);
    --header-cart-total-bg-color: var(--red);

    --header-search-input-bg-color: var(--gray5);
    --header-search-input-color: var(--gray);

    --header-menu-bg-color: var(--white);
    --header-menu-pages-link-color: var(--gray1);

    --input-color: var(--gray1);
    --input-placeholder-color: var(--gray);
    --input-bg-color: var(--white);
    --input-disabled-bg-color: var(--gray6);
    --input-disabled-color: var(--gray4);
    --input-border-color: var(--gray5);

    --footer-bg-color: var(--white);
    --footer-color: var(--black);
    --footer-link-color: var(--gray3);
    --footer-link-hover-color: var(--link-hover-color);
    --footer-notice-color: var(--gray4);
    --footer-divider-color: var(--gray6);
    --footer-app-color: var(--gray);
    --footer-subscribe-link-color: var(--link-color);

    --shadow: 0 5px 30px rgba(0, 0, 0, 0.06);
    --shadow1: 0 10px 60px rgba(0, 0, 0, 0.1);
}

button {
    cursor: pointer;
}


.bg-tg {
    color: #0088cc;
}
.bg-wa {
    color: #25D366;
}
.bg-max {
    color: #8f3fff;
}


/* 16x16 Icons
-------------- */

i.icon16 {
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    text-indent: -9999px;
    text-decoration: none !important;
    background-image: url("img/icons.png");
    background-size: 260px 160px
        /* 50% of the original size for auto @2x optimization */
    ;
}

* i.icon16 {
    text-decoration: none !important;
    vertical-align: top;
    margin: 0.2em 0.25em 0 0;
}

.icon16.rss {
    background-position: -16px 0;
}

.icon16.facebook {
    background-position: -32px 0;
}

.icon16.twitter {
    background-position: -48px 0;
}

.icon16.vk {
    background-position: -64px 0;
}

.icon16.gplus {
    background-position: -80px 0;
}

.icon16.pinterest {
    background-position: -96px 0;
}

.icon16.youtube {
    background-position: -112px 0;
}

.icon16.instagram {
    background-position: -128px 0;
}

.icon16.userpic20 {
    border-radius: 50%;
    background-size: 20px 20px;
}

.icon16.color {
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    width: 12px;
    height: 12px;
    background-image: none;
}

.icon16.like {
    background-position: 0 -16px;
    margin-top: 0;
}

.icon16.star,
.icon16.star-full {
    background-position: -16px -16px;
}

.icon16.star-half {
    background-position: -32px -16px;
}

.icon16.star-empty {
    background-position: -48px -16px;
}

.icon16.star-hover {
    background-position: -64px -16px;
}

.icon16.remove {
    background-position: -96px -16px;
}

.icon16.saved {
    background-position: -112px -16px;
}

.icon16.stock-red {
    background-position: -128px -16px;
}

.icon16.stock-yellow {
    background-position: -144px -16px;
}

.icon16.stock-green {
    background-position: -160px -16px;
}

.icon16.stock-transparent {
    background-position: -176px -16px;
}

.icon16.checkmark {
    background-position: -192px -16px;
}

.icon16.compare {
    background-position: -208px -16px;
}

.icon16.compare.active {
    background-position: -224px -16px;
}

.icon16.uarr {
    background: url('img/uarr.png');
    background-position: 0 0;
    background-size: 16px 16px;
}

.icon16.loading {
    background-image: url('img/loading16.gif');
    background-position: 0 0;
    background-size: 16px 16px;
}

.icon24.loading {
    background-image: url('img/loading.gif');
    background-size: 24px 24px;
    height: 24px;
    width: 24px;
    display: inline-block;
}

.icon32.loading {
    background-image: url('img/loading.gif');
    background-size: 32px 32px;
    height: 32px;
    width: 32px;
    display: inline-block;
}

/* 10x10 Icons
-------------- */

i.icon10 {
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    display: inline-block;
    text-indent: -9999px;
    text-decoration: none !important;
    background-image: url("img/icons.png");
    background-size: 260px 160px;
}

* i.icon10 {
    text-decoration: none !important;
    vertical-align: top;
    margin: 0.3em 0.1em 0 0;
}

.icon10.darr {
    background-image: url('img/darr.png');
    background-size: 16px 16px;
}

.icon10.star,
.icon10.star-full {
    background-position: 0 -100px;
}

.icon10.star-half {
    background-position: -10px -100px;
}

.icon10.star-empty {
    background-position: -20px -100px;
}

/* 24x24 Icons
-------------- */

i.icon24 {
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: inline-block;
    text-indent: -9999px;
    text-decoration: none !important;
    background-image: url("img/icons.png");
    background-size: 260px 160px;
}

* i.icon16 {
    text-decoration: none !important;
    vertical-align: top;
    margin: 0.2em 0.25em 0 0;
}

.icon24.rss {
    background-position: 0 -50px;
}

.icon24.facebook {
    background-position: -24px -50px;
}

.icon24.twitter {
    background-position: -48px -50px;
}

.icon24.vk {
    background-position: -72px -50px;
}

.icon24.instagram {
    background-position: -96px -50px;
}

.icon24.youtube {
    background-position: -120px -50px;
}

.icon24.pinterest {
    background-position: -144px -50px;
}

.icon24.gplus {
    background-position: -168px -50px;
}










.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input,
.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-select,
.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-dropdown.is-locked > .wa-dropdown-toggle,
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-input {
    color: inherit;
    font-size: var(--form-control-order-font-size, 1.2em);
    padding-top: var(--form-control-order-padding-y, 0.5em);
    padding-bottom: var(--form-control-order-padding-y, 0.5em);
    padding-left: var(--form-control-order-padding-x, 0.75em);
    padding-right: var(--form-control-order-padding-x, 0.75em);
    border-radius: var(--form-control-order-radius, 0.25em);
}


:root {
    --form-control-order-font-size: 1em;
    --form-control-order-padding-x: var(--space-xs);
    --form-control-order-padding-y: var(--space-sm);
    --form-control-order-radius: var(--radius-md);
}

.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input,
.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-select,
.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-dropdown.is-locked > .wa-dropdown-toggle,
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-input,
.s-order-page .s-order-section > .s-section-body .wa-cart-body .wa-product .wa-product-body .wa-column-quantity .wa-quantity-cart-section .wa-field-wrapper .wa-field {
    background: var(--color-bg-dark);
    border: 0;
    line-height: 1.2;
    box-shadow: inset 0px 0px 0px 1px var(--color-contrast-lower);
    transition: all 0.2s ease;
}

.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input.required {
    box-shadow: inset 0px 0px 0px 1px hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0), 0px 0px 0px 2px var(--color-error), var(--shadow-sm);
}

.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input::-moz-placeholder {
    opacity: 1;
    color: var(--color-contrast-low);
}

.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input::placeholder {
    opacity: 1;
    color: var(--color-contrast-low);
}

.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input:focus,
.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input:focus-within,
.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-select:focus,
.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-dropdown.is-locked > .wa-dropdown-toggle:focus,
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-input:focus,
.s-order-page .s-order-section > .s-section-body .wa-cart-body .wa-product .wa-product-body .wa-column-quantity .wa-quantity-cart-section .wa-field-wrapper .wa-field:focus {
    background: var(--color-bg);
    box-shadow: inset 0px 0px 0px 1px hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0), 0px 0px 0px 2px var(--color-primary), var(--shadow-sm);
    outline: none;
}

.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input--disabled,
.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input[disabled],
.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input[readonly] {
    opacity: 0.5;
    cursor: not-allowed;
}

.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input[aria-invalid=true],
.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input--error {
    box-shadow: inset 0px 0px 0px 1px hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0), 0px 0px 0px 2px var(--color-error);
}

.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input[aria-invalid=true]:focus,
.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input[aria-invalid=true]:focus-within,
.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input--error:focus,
.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-input--error:focus-within {
    box-shadow: inset 0px 0px 0px 1px hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0), 0px 0px 0px 2px var(--color-error), var(--shadow-sm);
}






.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button {
    border: 0px solid #b7b7b7;
    background: #f2f2f3;
    font-weight: 400;
}
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button:hover {
    background: #e4e4e7;
}



.wa-variant-actions .wa-button,
.wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-actions-section .wa-button {
    border: 0px solid #000 !important;
    color: #fff !important;
    background: var(--color-primary) !important;
}
.wa-variant-actions .wa-button:hover,
.wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-actions-section .wa-button:hover {
    border: 0px solid #b7b7b7 !important;
    color: #fff !important;
    background: var(--color-primary-dark) !important;
}

.wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-submit-button {
    /* font-weight: 500 !important; */
    height: auto;
    font-size: 1.285714285714286em;
    line-height: 1.111111111111111em;
    padding: .8rem 1.2rem;
    font-weight: 400;
    text-shadow: 0 0px 0 rgba(255, 255, 255, 0.5);
    white-space: nowrap;
    border-radius: 6px;
}