* {
    box-sizing: border-box;
}

@font-face {
    font-family: 'icon-font';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/icon.eot);
    src: url(../fonts/icon.eot) format("embedded-opentype"), url(../fonts/icon.woff2) format("woff2"), url(../fonts/icon.woff) format("woff"), url(../fonts/icon.ttf) format("truetype");
}

@font-face {
    font-family: 'icon-font-mob';
    src: url('../fonts/c31308d5.woff') format('woff'), url('../fonts/3bd851a1.woff2') format('woff2');
}

@font-face {
    font-family: 'icon-font-filter';
    src: url('../fonts/filter.woff') format('woff');
}

.checkout-steps-container .curve-container.active .circle .icon svg .a, .checkout-steps-container .curve-container.active .circle .icon svg .d {
    fill: #fff;
}

[class^="mtr-"], [class*=" mtr-"] {
    font-family: 'icon-font-filter' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    color: #4d4d4d;
    line-height: 26px;
}

.checkout-form .form-type-radios > label .form-required {
    display: none;
}

.form-item__required, .form-required {
    color: #c00;
}

.checkout-form .checkout-container .checkout-items {
    color: #909090;
}

.mtr-map-marker::before {
    content: "\e944";
}

.checkout-form .form-type-radios > label i {
    font-size: 20px;
}

@media screen and (max-width:887.99px) {
    body {
        padding-bottom: 60px;
    }

    .cart {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .checkout-form .checkout-container .cart-options-container .cart-options.cta.is-fixed-block input[type="submit"] {
        padding: 3px 30px;
        background-color: #5e8e3e;
        border-radius: 10px;
        color: #fff;
        border: 0;
        display: block;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        line-height: 20px;
        border-radius: 8px;
        padding: 20px 0;
        font-size: 18px;
    }

    .cart .actions.is-fixed-block {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 10px 0 0;
        display: block;
        margin-bottom: 0;
        z-index: 111;
        right: 0;
        border-radius: 0;
        line-height: 4rem;
        background-color: #f6f6f6;
    }

    .visible-from-large {
        display: none;
    }

    .visible-to-large {
        display: block;
    }

    .form-item-shipping-method.form-item-shipping-method.form-item-shipping-method .form-radios.form-radios {
        padding: 5px 20px !important;
    }

    .form-item-shipping-hour.form-item-shipping-hour .form-radios {
        padding: 10px 20px !important;
    }

    .form-item-shipping-method.form-item-shipping-method.form-item-shipping-method .shipping-desc {
        margin-top: 5px;
        display: block;
    }

    .address-item .address-item-cta {
        display: flex;
        justify-content: flex-end;
    }

    .shipping-items .form-radios .shipping-address.add-new-address .form-item label a i::before {
        content: "\e948";
        margin-left: 5px;
    }

    .checkout-form .form-type-radios .form-type-radio .option::after {
        content: "";
        width: 17px;
        height: 17px;
        border: 1px solid transparent;
        border-radius: 50%;
        position: absolute;
        top: 7px;
        right: -2px;
    }

    .shipping-items .form-radios .shipping-address.add-new-address .form-item label a {
        display: flex;
        color: #666;
        flex-direction: row;
        align-items: center;
        color: #5e8e3e;
        position: relative;
    }

    .main-content {
        padding-top: 0 !important;
    }
}

@media screen and (max-width:767.99px) {
    #edit-shipping-method .description {
        margin-left: 0 !important;
    }

    .btn.btn-info.w-sale {
        margin-bottom: 5px;
    }

    .tbl-wish-list thead {
        display: none !important;
    }

    .tbl-wish-list td {
        width: 49%;
        display: inline-block;
        text-align: center !important;
        padding: 5px;
    }

    .giveback-user-givebacks {
        display: none !important;
    }

    .static-content.box2 {
        padding: 15px !important;
    }

    .link-mob {
        display: none !important;
    }
}

@media screen and (min-width:768px) {
    .form-type-password-confirm.form-item-pass {
        width: 50%;
        margin: auto;
    }

    span.shipping-cost.foghsangin::after {
        right: 33px !important;
    }

    .shipping-items .form-radios .shipping-address .form-item.form-type-radio .option.t::before {
        top: 14px !important;
        right: 0px;
        width: 13px;
        height: 13px;
    }

    .transaction #edit-identifier {
        width: 50% !important;
    }

    .form-standard .form-type-textfield select, .page-user-reset #change-pwd-page-user-pass-reset .form-type-textfield select, .form-standard .form-type-textfield input, .page-user-reset #change-pwd-page-user-pass-reset .form-type-textfield input, .form-standard .form-type-select select, .page-user-reset #change-pwd-page-user-pass-reset .form-type-select select, .form-standard .form-type-select input, .page-user-reset #change-pwd-page-user-pass-reset .form-type-select input, .form-standard .form-type-password select, .page-user-reset #change-pwd-page-user-pass-reset .form-type-password select, .form-standard .form-type-password input, .page-user-reset #change-pwd-page-user-pass-reset .form-type-password input {
        width: 70%;
    }

    .cart-options-container, .checkout-items {
        direction: rtl;
    }

    .checkout-form .checkout-container .cart-options-container {
        padding: 0px 20px 0px 0px;
    }

    .checkout-steps-container {
        margin-top: -35px;
    }

    .main-content {
        padding-top: 20px;
    }
}

.layout-24col__full {
    clear: both;
}

.checkout-steps-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 120px;
    position: relative;
    margin-bottom: 8px;
}

.checkout-form .checkout-container {
    display: flex;
    flex-direction: column;
}

.checkout-form .box-white {
    background-color: #fff;
    border-radius: 10px;
    margin: 0 0 12px 0;
}

.shipping-items .form-radios {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px;
}

    .shipping-items .form-radios .shipping-address {
        margin-bottom: 15px;
        display: flex;
        flex-basis: 100%;
        padding: 0;
    }

        .shipping-items .form-radios .shipping-address .form-item {
            width: 100%;
            border-radius: 10px;
            border: 1px solid #eee;
            padding: 10px 15px 5px;
        }

        .shipping-items .form-radios .shipping-address.add-new-address .form-item {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            border: 0;
            padding: 5px;
        }

.address-item .address-details p span {
    float: right;
    margin-left: 2px;
    font-weight: normal;
}

.checkout-form .box-white {
    background-color: #fff;
    border-radius: 10px;
    margin: 0 0 12px 0;
}

.checkout-form .checkout-container .cart-options-container .cart-options .cart-summary {
    border-radius: 10px;
    margin: 0;
}

.push-end {
    float: left;
}

.checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .discount {
    color: #5e8e3e;
}

.checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .cart-summary-item {
    padding: 15px;
    border-bottom: 1px solid #eee;
    color: #9e9e9e;
}

.checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .payable {
    color: #5e8e3e;
}

.checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .cart-summary-item input[type="submit"] {
    background-color: #5e8e3e;
    color: #fff;
    border: 0;
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    line-height: 30px;
    border-radius: 8px;
    padding: 20px 0;
    font-size: 18px;
}

.checkout-form .form-type-radios input {
    display: none !important;
}

.address-item .address-item-cta .btn.btn-outline-secondary {
    color: #5e8e3e;
}

h3 {
    font-size: 14px;
    line-height: 1.57143rem;
    font-weight: bolder;
}

.address-item .address-item-cta {
    display: flex;
    justify-content: flex-end;
}

.checkout-form .form-type-radios > label i {
    font-size: 20px;
}

.mtr-time::before {
    content: "\e946";
}

.form-item-shipping-method.form-item-shipping-method.form-item-shipping-method .shipping-cost {
    border: 0;
    color: #5e8e3e;
    padding: 0;
}

.checkout-form .form-type-radios .form-type-radio .option::before {
    content: "\f111";
    border-radius: 50%;
    position: absolute;
    top: 4px;
    right: -2px;
    right: 0;
    margin-top: 0;
    font-size: 1.3em;
}

.checkout-form .form-type-radios .form-type-radio .option::after {
    content: "";
    width: 17px;
    height: 17px;
    border: 1px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    right: -2px;
}

.cke_editable h1::before, .body-format-full_html h1::before, .cke_editable h2::before, .body-format-full_html h2::before, .cke_editable h3::before, .body-format-full_html h3::before, .cke_editable h4::before, .body-format-full_html h4::before, .more::after, .less::after, .user-auth-wrapper .form-column-first .form-item .edit-identifier::before, .page-user-register .accept-register-rules_close, .swiper-button-prev, .swiper-button-next, .node.view-mode-full .image .shades-container .view-more-colors a::after, .r-tabs .r-tabs-accordion-title .r-tabs-anchor::after, .wall-post-view-mode-teaser .title::before, .wall-post-view-mode-full .title::before, #product-exposed-form_wrapper .form-radios label::before, .view-teasing .flag-bookmarks a::before, .view-teasing .login-link::before, .search-api-ranges-elements .ui-slider-handle, .checkout-form.checkout-payment-form .return-to-shipping a::before, .checkout-form .box-white .form-item-payment-method .online-type label::before, .checkout-form .form-type-radios .form-type-radio .option::before, .checkout-form .form-invoice .form-type-checkbox .option::before, .checkout-form .checkout-container + a::before, #order .payment-method-message span.info::before, #order .payment-method-message span.success::before, #order .canceled::before, .region-off-rooz .block a::before, .navigation .n9-s2, .navigation .n9-m5 .n9-s2, .navigation .n9-m5 .n9-b3::before, .shortcut .region-mobile-off-rooz a::before, .customer-service-popup .popup-body .collapse-summary h2::after, .faq-page .collapse-summary h2::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 300;
}

.cke_editable h1::before, .body-format-full_html h1::before, .cke_editable h2::before, .body-format-full_html h2::before, .cke_editable h3::before, .body-format-full_html h3::before, .cke_editable h4::before, .body-format-full_html h4::before, .more::after, .less::after, .user-auth-wrapper .form-column-first .form-item .edit-identifier::before, .page-user-register .accept-register-rules_close, .swiper-button-prev, .swiper-button-next, .node.view-mode-full .image .shades-container .view-more-colors a::after, .r-tabs .r-tabs-accordion-title .r-tabs-anchor::after, .wall-post-view-mode-teaser .title::before, .wall-post-view-mode-full .title::before, #product-exposed-form_wrapper .form-radios label::before, .view-teasing .flag-counter::before, .view-teasing .flag-bookmarks a::before, .view-teasing .login-link::before, .search-api-ranges-elements .ui-slider-handle, .checkout-form.checkout-payment-form .return-to-shipping a::before, .checkout-form .box-white .form-item-payment-method .online-type label::before, .checkout-form .form-type-radios .form-type-radio .option::before, .checkout-form .form-invoice .form-type-checkbox .option::before, .checkout-form .checkout-container + a::before, #order .payment-method-message span.info::before, #order .payment-method-message span.success::before, #order .canceled::before, .region-off-rooz .block a::before, .navigation .n9-s2, .navigation .n9-m5 .n9-s2, .navigation .n9-m5 .n9-b3::before, .shortcut .region-mobile-off-rooz a::before, .customer-service-popup .popup-body .collapse-summary h2::after, .faq-page .collapse-summary h2::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: -.125em;
}

.fa, .fas, .view-teasing .flag-counter::before, .far, .fal, .cke_editable h1::before, .body-format-full_html h1::before, .cke_editable h2::before, .body-format-full_html h2::before, .cke_editable h3::before, .body-format-full_html h3::before, .cke_editable h4::before, .body-format-full_html h4::before, .more::after, .less::after, .user-auth-wrapper .form-column-first .form-item .edit-identifier::before, .page-user-register .accept-register-rules_close, .swiper-button-prev, .swiper-button-next, .node.view-mode-full .image .shades-container .view-more-colors a::after, .r-tabs .r-tabs-accordion-title .r-tabs-anchor::after, .wall-post-view-mode-teaser .title::before, .wall-post-view-mode-full .title::before, #product-exposed-form_wrapper .form-radios label::before, .view-teasing .flag-bookmarks a::before, .view-teasing .login-link::before, .search-api-ranges-elements .ui-slider-handle, .checkout-form.checkout-payment-form .return-to-shipping a::before, .checkout-form .box-white .form-item-payment-method .online-type label::before, .checkout-form .form-type-radios .form-type-radio .option::before, .checkout-form .form-invoice .form-type-checkbox .option::before, .checkout-form .checkout-container + a::before, #order .payment-method-message span.info::before, #order .payment-method-message span.success::before, #order .canceled::before, .region-off-rooz .block a::before, .navigation .n9-s2, .navigation .n9-m5 .n9-s2, .navigation .n9-m5 .n9-b3::before, .shortcut .region-mobile-off-rooz a::before, .customer-service-popup .popup-body .collapse-summary h2::after, .faq-page .collapse-summary h2::after, .fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.checkout-form .form-type-radios .form-type-radio .option {
    cursor: pointer;
}

.checkout-form .form-invoice > label i {
    font-size: 20px;
    margin-left: 6px;
}

.mtr-doc::before {
    content: "\e947";
}

.checkout-form .form-invoice > label i {
    font-size: 20px;
}

.checkout-form .form-invoice > label {
    font-weight: normal;
    margin-bottom: 0;
    text-align: center;
    padding: 13px 0;
    border-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.checkout-form .form-invoice .form-type-checkbox .option::before {
    content: "\f111";
    border-radius: 50%;
    position: absolute;
    top: 9px;
    right: -2px;
    right: 0;
    margin-top: 0;
    font-size: 1.3em;
    transition: all ease 0.3s;
}

.checkout-form .form-invoice .icon {
    font-size: 20px;
    color: #5e8e3e;
}

.mtr-tree::before {
    content: "\e94a";
}

.checkout-form .form-invoice .mtr-die-tree {
    display: none;
}

.checkout-form .form-invoice input:checked ~ .option .mtr-tree {
    display: none;
}

.checkout-form .form-invoice input:checked ~ .option .mtr-die-tree {
    display: inline;
}

.mtr-die-tree::before {
    content: "\e949";
}

.checkout-form .form-invoice a {
    color: #5e8e3e;
}

.checkout-form .form-invoice .form-type-checkbox .option {
    position: relative;
    padding: 0 0 0 25px;
    margin-bottom: 10px;
    display: block;
    cursor: pointer;
}

.checkout-form .checkout-container + a, .return-link a {
    color: #909090;
}

    .checkout-form .checkout-container + a::before, .return-link a::before {
        content: "\f105";
        font-size: 30px;
        margin: 0 5px 0 10px;
        line-height: 30px;
        vertical-align: middle;
        font-weight: 900;
        color: #909090;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        line-height: 1;
        font-size: 20px;
        font-family: 'Font Awesome 5 Free';
    }

.form-item.form-type-radio.form-item-shipping-address label::after, .form-item.form-type-radio.form-item-shipping-address label::before {
    display: none;
}

.btn-outline-secondary:hover {
    background-color: #f8f8f8;
}

.checkout-form .form-invoice .form-type-checkbox .option {
    padding: 0 25px 0 0;
}

.checkout-form .form-invoice .form-type-checkbox input:checked ~ .option::before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 4px;
    right: 0;
    margin-top: 0;
    background-color: #5e8e3e;
    border-radius: 50%;
}

.checkout-form .form-invoice .form-type-checkbox input:checked ~ .option::after {
    color: #fff;
    font-family: 'icon-font-filter' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    content: "\e903";
    position: absolute;
    top: 7px;
    right: 2px;
    font-size: 13px;
    transition: all ease 0.3s;
}

#order .order-items > h2 {
    font-weight: normal;
    margin: 0 0 10px;
    margin-bottom: 10px;
    text-align: center;
    padding: 13px 0;
    border-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 1em;
}

    #order .order-items > h2 i {
        font-size: 20px;
        margin-left: 6px;
    }

.mtr-list::before {
    content: "\e943";
}

#order .order-detail_column {
    flex: 0 0 100%;
    max-width: 100%;
}

#order .order-items .checkout_table {
    border: 0;
    box-shadow: none;
    background-color: transparent;
    padding: 0 10px;
}

#order .checkout_table-row.titles-row {
    background-color: #cbcbcb;
}

#order .checkout_table-row {
    margin-right: 0;
    margin-left: 0;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    margin-bottom: 10px;
}

#order .order-items .checkout_table-row:first-of-type .checkout_table-column {
    border-left: 0;
}

#order .checkout_table-row.titles-row .checkout_table-column {
    text-align: center;
}

#order .checkout_table-column {
    position: relative;
    min-height: 1px;
    padding: 12px;
    border-left: 0;
    display: flex;
    border-bottom: 1px solid #f1f1f1;
    align-items: center;
}

#order .checkout_table-row.titles-row .checkout_table-column p {
    color: #fff;
}

#order .checkout_table-column p, #order .checkout_table-column span {
    font-size: 13px;
    line-height: 25px;
    letter-spacing: -0.5px;
    color: #666666;
    margin: 0 0 2px 0;
}

#order .checkout_table-row.titles-row .checkout_table-column {
    text-align: center;
}

#order .product-information img {
    max-width: 70px;
    margin-right: 10px;
}

#order .product-information a {
    color: #909090;
    line-height: 22px;
}

#order .product-information {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

@media screen and (min-width:888px) {
    .shipping-cost-value {
        text-align: center;
        width: 16.666%;
        float: left;
        padding: 15px 30px;
    }

    .shipping-cost-label {
        text-align: left;
        width: 83.333%;
        border-left: 1px solid #f1f1f1;
        float: right;
        padding: 15px 45px;
        text-align: right;
    }

    .visible-to-large {
        display: none;
    }

    #order .product-information {
        flex-direction: row;
    }

    #order .checkout_table-column .value {
        text-align: right;
    }

    #order .checkout_table-column .value {
        flex: 1;
        text-align: right;
    }

    #order .product-information img {
        margin-right: 0;
        margin-left: 10px;
    }

    #order .checkout_table-column.transaction-col-2 {
        flex: 0 0 16.666%;
        max-width: 16.666%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
    }

    #order .checkout_table-column.transaction-col-2 {
        flex: 0 0 16.666%;
        max-width: 16.666%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
    }

    #order .checkout_table-column.transaction-col-2 {
        flex: 0 0 16.666%;
        max-width: 16.666%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
    }

    #order .checkout_table-column {
        padding: 15px 30px;
    }

        #order .checkout_table-column.transaction-col-1 {
            flex: 0 0 8.333%;
            max-width: 8.333%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        #order .checkout_table-column p, #order .checkout_table-column span {
            font-size: 14px;
        }

    #order .checkout_table-column {
        display: block;
        border-left: 1px solid #f1f1f1;
        width: 50%;
        flex: 0 0 50%;
        border-bottom: 0;
        padding: 5px;
    }

        #order .checkout_table-column.transaction-col-5 {
            flex: 0 0 41.666%;
            max-width: 41.666%;
        }

    #order .checkout_table-column {
        padding: 15px 30px;
    }

    #order .checkout_table-row {
        border: 0;
        border-radius: 0;
        margin-bottom: 0;
        border-bottom: 1px solid #f1f1f1;
        display: flex;
        flex-wrap: wrap;
    }

    #order .order-items .checkout_table-row {
        display: flex;
    }

    #order .order-items .checkout_table {
        padding: 0;
    }

    #order .order-items .order-detail_row {
        width: 100%;
    }

    #order .order-items > h2 i {
        display: block;
    }

    #order .order-items > h2 {
        padding: 23px 0;
        margin-bottom: 0;
    }

    #edit-shipping-address {
        direction: ltr;
    }

    .checkout-form .checkout-container .checkout-items {
        flex: 1 0 70% !important;
        width: 70%;
    }

    .checkout-form .form-invoice .form-checkbox {
        padding: 10px 35px;
    }

    .checkout-form .form-invoice > label i {
        display: block;
    }

    .checkout-form .form-invoice > label {
        margin-bottom: 15px;
        padding: 23px 0;
        border-bottom: 1px solid #eee;
    }

    .checkout-form .form-invoice > label {
        padding: 23px 0;
    }

    .form-item-shipping-hour.form-item-shipping-hour .form-radios {
        padding: 10px 35px;
    }

    .checkout-form .form-type-radios > label i {
        display: block;
    }

    .shipping-items .form-radios .shipping-address.add-new-address .form-item label a {
        display: flex;
        color: #666;
        flex-direction: row;
        align-items: center;
        color: #5e8e3e;
    }

    .shipping-items .form-radios .shipping-address .form-item {
        padding: 25px 20px 30px;
    }

    .address-item .address-item-cta {
        justify-content: flex-start;
    }

        .address-item .address-item-cta .btn.btn-outline-secondary2 {
            border: 1px solid #999;
            color: #999;
        }

        .address-item .address-item-cta .btn {
            margin-left: 20px;
            width: 95px;
            text-align: center;
            line-height: 32px;
        }

    .shipping-items .form-radios .shipping-address .form-item.form-type-radio .option {
        display: flex;
        height: 100%;
        padding-bottom: 35px;
        direction: rtl;
    }

    .address-item .address-item-cta .btn {
        padding: 0 !important;
        margin-left: 20px;
        width: 95px;
        text-align: center;
        line-height: 32px;
    }

        .address-item .address-item-cta .btn.btn-outline-secondary {
            border: 1px solid #5e8e3e;
        }

    .address-item .address-item-cta {
        justify-content: flex-start;
    }

    .shipping-items .form-radios .shipping-address.add-new-address .form-item label a {
        color: #999;
        flex-direction: column;
    }

        .shipping-items .form-radios .shipping-address.add-new-address .form-item label a i::before {
            content: "\e945";
            margin-left: 0;
        }

        .shipping-items .form-radios .shipping-address.add-new-address .form-item label a i {
            font-size: 5rem;
            margin-bottom: 5px;
        }

    .checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .cart-summary-item input[type="submit"] {
        padding: 3px 35px;
        border-radius: 10px;
        font-size: 1rem;
    }

    .checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .cart-summary-item {
        font-size: 15px;
    }

    .visible-from-large {
        display: block;
    }

    .checkout-form .box-white {
        margin: 0 0 20px 0;
    }

    .shipping-address .address-item .address-item-cta {
        position: absolute;
        bottom: 0;
        right: 25px;
    }

    .address-item .address-details .address-detail-item p {
        float: right;
        margin-left: 20px;
        white-space: nowrap;
        font-weight: 600;
    }

    .address-item .address-details {
        margin-bottom: 18px;
    }

    .shipping-items .form-radios .shipping-address.add-new-address .form-item.form-type-radio .option {
        display: flex;
        justify-content: center;
        height: auto;
        padding-bottom: 0;
        padding-right: 0 !important;
    }

    .shipping-items .form-radios .shipping-address.add-new-address .form-item {
        border: 1px solid #eee;
        justify-content: center;
    }

    .checkout-form .form-type-radios .form-radios {
        padding: 10px 20px;
    }

    .shipping-items .form-radios .shipping-address {
        padding: 0 9px;
        flex-basis: 50%;
        margin-bottom: 18px;
        width: 50%;
    }

    .checkout-form .form-type-radios > label {
        margin-bottom: 15px !important;
        padding: 23px 0 !important;
        border-bottom: 1px solid #eee !important;
    }

    .checkout-form .box-white {
        margin: 0 0 20px 0;
    }

    .checkout-form .checkout-container {
        flex-direction: row;
    }

    .checkout-steps-container {
        margin-top: -15px;
        margin-bottom: 10px;
    }
}

.checkout-steps-container .top-cover {
    width: 100%;
    background-color: #f5f5f5;
    height: 50%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.checkout-steps-container .cross-line, .checkout-steps-container .cross-line-parent {
    background-color: #ccc;
    height: 1px;
    width: 100%;
    position: absolute;
    right: 0;
}

.checkout-steps-container .cross-line, .checkout-steps-container .cross-line-parent {
    background-color: #ccc;
    height: 1px;
    width: 100%;
    position: absolute;
    right: 0;
    z-index: 1;
}

.checkout-steps-container .cross-line {
    background-color: #5e8e3e;
}

.checkout-steps-container .curve-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    height: 100%;
    position: relative;
}

    .checkout-steps-container .curve-container .curve {
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        z-index: 2;
        width: 52px;
        height: 52px;
        border-radius: 26px;
        position: absolute;
        top: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .checkout-steps-container .curve-container.active .curve {
        border-color: #5e8e3e;
    }

    .checkout-steps-container .curve-container.active .circle {
        background-color: #5e8e3e;
        border-color: #5e8e3e;
    }

.main-content {
    background-color: #f5f5f5;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 50px;
}

.checkout-steps-container .curve-container .circle {
    background-color: transparent;
    border: 1px solid #ccc;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .checkout-steps-container .curve-container .circle .icon {
        width: 26px;
        height: 26px;
    }

.checkout-steps-container .curve-container.active .circle .icon svg {
    fill: #fff;
}

svg:not(:root) {
    overflow: hidden;
}

img, svg {
    max-width: 100%;
    height: auto;
}

.checkout-steps-container .title-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: 50%;
    position: absolute;
    top: 50%;
}

.checkout-steps-container .curve-container.active .title {
    color: #5e8e3e;
}

.checkout-steps-container .title-container .title {
    flex: 1;
    font-size: 13px;
    margin-top: 8px;
    text-align: center;
}

.checkout-steps-container .curve-container.active .title {
    color: #5e8e3e;
}

.checkout-steps-container .title-container .title {
    font-size: 13px;
    text-align: center;
}

.checkout-form .checkout-container .checkout-items {
    flex: 1 0 100%;
    color: #909090;
}

.checkout-form .box-white .form-item {
    margin: 0;
}

.checkout-form .form-type-radios > label {
    font-weight: normal;
    margin-bottom: 0;
    text-align: center;
    padding: 13px 0;
    border-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

    .checkout-form .form-type-radios > label i {
        font-size: 20px;
        margin-left: 6px;
    }

@media screen and (min-width:1200px) {
    .checkout-form .checkout-container .cart-options-container {
        flex: 28% 0 1;
        width: 28%;
    }

    .checkout-form .checkout-container .checkout-items {
        flex: 1 0 72%;
        width: 72%;
    }
}

.address-item h3 {
    margin: 0;
}

    .address-item h3 span {
        font-weight: normal;
        float: right;
        margin-left: 2px;
    }

.address-item-cta a {
    font-size: 13px;
    box-shadow: none !important;
}

.checkout-form .form-type-radios .form-type-radio .option {
    position: relative;
    cursor: pointer;
}

.checkout-form .form-type-radios .form-type-radio .option {
    cursor: pointer;
}

.checkout-form .form-type-radios .form-type-radio .option {
    padding: 0 25px 0 0;
    display: block;
}

.checkout-form .form-type-radios .form-radio:checked ~ .option::before {
    content: "";
    width: 13px;
    height: 13px;
    position: absolute;
    top: 7px;
    right: 0;
    margin-top: 0;
    background-color: #5e8e3e;
    border-radius: 50%;
}

.checkout-form .form-type-radios .selected .option::before {
    content: "";
    width: 13px;
    height: 13px;
    position: absolute;
    top: 13.5px;
    right: 0px;
    margin-top: 0;
    background-color: #5e8e3e;
    border-radius: 50%;
}

.checkout-form .form-type-radios .form-radio:checked ~ .option::after {
    content: "";
    width: 17px;
    height: 17px;
    border: 1px solid #5e8e3e;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: -2px;
}

.checkout-form .form-type-radios .selected .option::after {
    content: "";
    width: 17px;
    height: 17px;
    border: 1px solid #5e8e3e;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    right: -2px;
}

.checkout-form .checkout-container .cart-options-container .static-content h5 {
    font-weight: normal;
    margin: 0;
    line-height: 39px;
    font-size: 13px;
}

.checkout-form .checkout-container .cart-options-container .static-content {
    color: #9e9e9e;
}

    .checkout-form .checkout-container .cart-options-container .static-content svg {
        width: 25px;
        height: 25px;
        margin: 6px 0 0 10px;
    }

@media screen and (min-width:768px) {
    .checkout-container.checkout-2 {
        direction: ltr;
    }
}

@media screen and (max-width:767.99px) {
    #edit-shipping-address .form-item-shipping-method.form-item-shipping-method.form-item-shipping-method.form-type-radio:last-child {
        margin-bottom: 15px !important;
        border: 1px solid #eee;
    }

    .form-item.form-type-radio.form-item-shipping-method.selected.form-item-shipping-address.new {
        border: none !important;
    }

    .shipping-items .form-radios .shipping-address .form-item.form-type-radio .option.t::before {
        top: 14px !important;
        right: 0px;
        width: 13px;
        height: 13px;
    }
}

@media screen and (min-width:1111px) {

    .wall-post-form .form-actions .form-submit {
        padding: 0 40px !important;
    }

    .checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .cart-summary-item input[type="submit"] {
        width: auto;
    }

    .checkout-form .checkout-container .cart-options-container .cart-options.cta .cart-summary .cart-summary-item {
        padding: 27px 30px;
    }

    .checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .cart-summary-item {
        padding: 23px 30px;
    }

    .checkout-form .checkout-container .cart-options-container .static-content {
        padding: 20px 30px;
    }
}

.checkout-form .form-invoice .form-checkbox {
    padding: 10px 20px;
}

.show-invoce {
    display: block !important;
}

.checkout-form .form-invoice .form-type-item {
    padding-bottom: 20px !important;
}

.checkout-form .form-invoice .form-type-item {
    margin-bottom: 5px;
    padding-right: 25px;
    font-weight: 400;
}

.mtr-credit-card::before {
    content: "\e942";
}

.checkout-form .box-white .form-item-payment-method .online-type label {
    position: relative;
    padding-right: 25px;
    margin-bottom: 15px;
    display: block;
    cursor: pointer;
}

.checkout-form .box-white .form-item-payment-method .online-type.selected label::before {
    content: "";
    width: 13px;
    height: 13px;
    position: absolute;
    top: 7px;
    right: 0;
    margin-top: 0;
    background-color: #5e8e3e;
    border-radius: 50%;
}

.checkout-form .box-white .form-item-payment-method .online-type.selected label::after {
    content: "";
    width: 17px;
    height: 17px;
    border: 1px solid #5e8e3e;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: -2px;
}

.checkout-form .box-white .form-item-payment-method .form-item-payment-method.online {
    margin: 0 33px 17px 0;
    float: right;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
}

.checkout-form .form-type-radios input {
    display: none;
}

.checkout-form .box-white .form-item-payment-method .form-item-payment-method.online .option {
    padding: 0;
    margin: 0;
}

.form-item-payment-method .payment-method-item:not(.cash)::before {
    width: 60px;
    height: 60px;
}

.form-item-payment-method .payment-method-item:not(.cash)::before {
    display: block;
    content: ' ';
    width: 50px;
    height: 50px;
    background-position: center center;
    background-size: auto 90%;
    background-repeat: no-repeat;
    border-radius: 10px;
}

.form-item-payment-method .gateway_asan_pardakht::before {
    background-image: url("../images/gateway_asan_pardakht.jpg");
}

.form-item-payment-method .payment-method-item:not(.cash) h3 {
    display: none;
}

.checkout-form .box-white .form-item-payment-method .form-item-payment-method.cash {
    clear: both;
}

.form-item-payment-method .gateway_parsian::before {
    background-image: url("../images/gateway_parsian.png");
}

.checkout-form .form-type-radios input {
    display: none;
}

.checkout-form .box-white .form-item-payment-method .online-type label::before {
    content: "\f111";
    border-radius: 50%;
    position: absolute;
    top: 4px;
    right: 0;
    margin-top: 0;
    font-size: 1.3em;
    transition: all ease-in-out 0.3s;
}

.checkout-form .box-white .form-item-payment-method .online-type label::after {
    content: "";
    width: 17px;
    height: 17px;
    border: 1px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    right: -2px;
    transition: all ease-in-out 0.3s;
}

.checkout-form .form-type-radios input {
    display: none;
}


@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -ms-transform: scale(-1, -1);
    transform: scale(-1, -1);
}


.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */


.fa-refresh:before {
    content: "\f021";
}


.fa-500px:before {
    content: "\f26e";
}

.fa-abacus:before {
    content: "\f640";
}

.fa-accessible-icon:before {
    content: "\f368";
}

.fa-accusoft:before {
    content: "\f369";
}

.fa-ad:before {
    content: "\f641";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-card:before {
    content: "\f2bb";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-adn:before {
    content: "\f170";
}

.fa-adversal:before {
    content: "\f36a";
}

.fa-affiliatetheme:before {
    content: "\f36b";
}

.fa-air-freshener:before {
    content: "\f5d0";
}

.fa-alarm-clock:before {
    content: "\f34e";
}

.fa-algolia:before {
    content: "\f36c";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-alipay:before {
    content: "\f642";
}

.fa-allergies:before {
    content: "\f461";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-amazon-pay:before {
    content: "\f42c";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-amilia:before {
    content: "\f36d";
}

.fa-analytics:before {
    content: "\f643";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-android:before {
    content: "\f17b";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angry:before {
    content: "\f556";
}

.fa-angrycreative:before {
    content: "\f36e";
}

.fa-angular:before {
    content: "\f420";
}

.fa-ankh:before {
    content: "\f644";
}

.fa-app-store:before {
    content: "\f36f";
}

.fa-app-store-ios:before {
    content: "\f370";
}

.fa-apper:before {
    content: "\f371";
}

.fa-apple:before {
    content: "\f179";
}

.fa-apple-alt:before {
    content: "\f5d1";
}

.fa-apple-pay:before {
    content: "\f415";
}

.fa-archive:before {
    content: "\f187";
}

.fa-archway:before {
    content: "\f557";
}

.fa-arrow-alt-circle-down:before {
    content: "\f358";
}

.fa-arrow-alt-circle-left:before {
    content: "\f359";
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b";
}

.fa-arrow-alt-down:before {
    content: "\f354";
}

.fa-arrow-alt-from-bottom:before {
    content: "\f346";
}

.fa-arrow-alt-from-left:before {
    content: "\f347";
}

.fa-arrow-alt-from-right:before {
    content: "\f348";
}

.fa-arrow-alt-from-top:before {
    content: "\f349";
}

.fa-arrow-alt-left:before {
    content: "\f355";
}

.fa-arrow-alt-right:before {
    content: "\f356";
}

.fa-arrow-alt-square-down:before {
    content: "\f350";
}

.fa-arrow-alt-square-left:before {
    content: "\f351";
}

.fa-arrow-alt-square-right:before {
    content: "\f352";
}

.fa-arrow-alt-square-up:before {
    content: "\f353";
}

.fa-arrow-alt-to-bottom:before {
    content: "\f34a";
}

.fa-arrow-alt-to-left:before {
    content: "\f34b";
}

.fa-arrow-alt-to-right:before {
    content: "\f34c";
}

.fa-arrow-alt-to-top:before {
    content: "\f34d";
}

.fa-arrow-alt-up:before {
    content: "\f357";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-from-bottom:before {
    content: "\f342";
}

.fa-arrow-from-left:before {
    content: "\f343";
}

.fa-arrow-from-right:before {
    content: "\f344";
}

.fa-arrow-from-top:before {
    content: "\f345";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-square-down:before {
    content: "\f339";
}

.fa-arrow-square-left:before {
    content: "\f33a";
}

.fa-arrow-square-right:before {
    content: "\f33b";
}

.fa-arrow-square-up:before {
    content: "\f33c";
}

.fa-arrow-to-bottom:before {
    content: "\f33d";
}

.fa-arrow-to-left:before {
    content: "\f33e";
}

.fa-arrow-to-right:before {
    content: "\f340";
}

.fa-arrow-to-top:before {
    content: "\f341";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrows:before {
    content: "\f047";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-arrows-alt-h:before {
    content: "\f337";
}

.fa-arrows-alt-v:before {
    content: "\f338";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-asymmetrik:before {
    content: "\f372";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-atlas:before {
    content: "\f558";
}

.fa-atom:before {
    content: "\f5d2";
}

.fa-atom-alt:before {
    content: "\f5d3";
}

.fa-audible:before {
    content: "\f373";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-autoprefixer:before {
    content: "\f41c";
}

.fa-avianex:before {
    content: "\f374";
}

.fa-aviato:before {
    content: "\f421";
}

.fa-award:before {
    content: "\f559";
}

.fa-aws:before {
    content: "\f375";
}

.fa-backpack:before {
    content: "\f5d4";
}

.fa-backspace:before {
    content: "\f55a";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-badge:before {
    content: "\f335";
}

.fa-badge-check:before {
    content: "\f336";
}

.fa-badge-dollar:before {
    content: "\f645";
}

.fa-badge-percent:before {
    content: "\f646";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-balance-scale-left:before {
    content: "\f515";
}

.fa-balance-scale-right:before {
    content: "\f516";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-band-aid:before {
    content: "\f462";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-barcode-alt:before {
    content: "\f463";
}

.fa-barcode-read:before {
    content: "\f464";
}

.fa-barcode-scan:before {
    content: "\f465";
}



.fa-baseball:before {
    content: "\f432";
}

.fa-baseball-ball:before {
    content: "\f433";
}

.fa-basketball-ball:before {
    content: "\f434";
}

.fa-basketball-hoop:before {
    content: "\f435";
}

.fa-bath:before {
    content: "\f2cd";
}

.fa-battery-bolt:before {
    content: "\f376";
}

.fa-battery-empty:before {
    content: "\f244";
}

.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-slash:before {
    content: "\f377";
}

.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-bed:before {
    content: "\f236";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-bell-school:before {
    content: "\f5d5";
}

.fa-bell-school-slash:before {
    content: "\f5d6";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bezier-curve:before {
    content: "\f55b";
}

.fa-bible:before {
    content: "\f647";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-bimobject:before {
    content: "\f378";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitcoin:before {
    content: "\f379";
}

.fa-bity:before {
    content: "\f37a";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-blackberry:before {
    content: "\f37b";
}

.fa-blanket:before {
    content: "\f498";
}

.fa-blender:before {
    content: "\f517";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-blogger:before {
    content: "\f37c";
}

.fa-blogger-b:before {
    content: "\f37d";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-bold:before {
    content: "\f032";
}

.fa-bolt:before {
    content: "\f0e7";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-bone:before {
    content: "\f5d7";
}

.fa-bone-break:before {
    content: "\f5d8";
}

.fa-bong:before {
    content: "\f55c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-book-alt:before {
    content: "\f5d9";
}

.fa-book-heart:before {
    content: "\f499";
}

.fa-book-open:before {
    content: "\f518";
}

.fa-book-reader:before {
    content: "\f5da";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-books:before {
    content: "\f5db";
}

.fa-bowling-ball:before {
    content: "\f436";
}

.fa-bowling-pins:before {
    content: "\f437";
}


.fa-box:before {
    content: "\f466";
}

.fa-box-alt:before {
    content: "\f49a";
}

.fa-box-check:before {
    content: "\f467";
}

.fa-box-fragile:before {
    content: "\f49b";
}

.fa-box-full:before {
    content: "\f49c";
}

.fa-box-heart:before {
    content: "\f49d";
}

.fa-box-open:before {
    content: "\f49e";
}

.fa-box-up:before {
    content: "\f49f";
}

.fa-box-usd:before {
    content: "\f4a0";
}

.fa-boxes:before {
    content: "\f468";
}

.fa-boxes-alt:before {
    content: "\f4a1";
}

.fa-boxing-glove:before {
    content: "\f438";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-brain:before {
    content: "\f5dc";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-briefcase-medical:before {
    content: "\f469";
}

.fa-broadcast-tower:before {
    content: "\f519";
}

.fa-broom:before {
    content: "\f51a";
}

.fa-browser:before {
    content: "\f37e";
}

.fa-brush:before {
    content: "\f55d";
}

.fa-btc:before {
    content: "\f15a";
}

.fa-bug:before {
    content: "\f188";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-bullseye-arrow:before {
    content: "\f648";
}

.fa-bullseye-pointer:before {
    content: "\f649";
}

.fa-burn:before {
    content: "\f46a";
}

.fa-buromobelexperte:before {
    content: "\f37f";
}

.fa-bus:before {
    content: "\f207";
}

.fa-bus-alt:before {
    content: "\f55e";
}

.fa-bus-school:before {
    content: "\f5dd";
}

.fa-business-time:before {
    content: "\f64a";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-cabinet-filing:before {
    content: "\f64b";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-calculator-alt:before {
    content: "\f64c";
}

.fa-calendar:before {
    content: "\f133";
}

.fa-calendar-alt:before {
    content: "\f073";
}

.fa-calendar-check:before {
    content: "\f274";
}

.fa-calendar-edit:before {
    content: "\f333";
}

.fa-calendar-exclamation:before {
    content: "\f334";
}

.fa-calendar-minus:before {
    content: "\f272";
}

.fa-calendar-plus:before {
    content: "\f271";
}

.fa-calendar-times:before {
    content: "\f273";
}

.fa-camera:before {
    content: "\f030";
}

.fa-camera-alt:before {
    content: "\f332";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-cannabis:before {
    content: "\f55f";
}

.fa-capsules:before {
    content: "\f46b";
}

.fa-car:before {
    content: "\f1b9";
}

.fa-car-alt:before {
    content: "\f5de";
}

.fa-car-battery:before {
    content: "\f5df";
}

.fa-car-bump:before {
    content: "\f5e0";
}

.fa-car-crash:before {
    content: "\f5e1";
}

.fa-car-garage:before {
    content: "\f5e2";
}

.fa-car-mechanic:before {
    content: "\f5e3";
}

.fa-car-side:before {
    content: "\f5e4";
}

.fa-car-tilt:before {
    content: "\f5e5";
}

.fa-car-wash:before {
    content: "\f5e6";
}

.fa-caret-circle-down:before {
    content: "\f32d";
}

.fa-caret-circle-left:before {
    content: "\f32e";
}

.fa-caret-circle-right:before {
    content: "\f330";
}

.fa-caret-circle-up:before {
    content: "\f331";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-caret-square-down:before {
    content: "\f150";
}

.fa-caret-square-left:before {
    content: "\f191";
}

.fa-caret-square-right:before {
    content: "\f152";
}

.fa-caret-square-up:before {
    content: "\f151";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cc-amazon-pay:before {
    content: "\f42d";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-apple-pay:before {
    content: "\f416";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-centercode:before {
    content: "\f380";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-chalkboard:before {
    content: "\f51b";
}

.fa-chalkboard-teacher:before {
    content: "\f51c";
}

.fa-charging-station:before {
    content: "\f5e7";
}

.fa-chart-area:before {
    content: "\f1fe";
}

.fa-chart-bar:before {
    content: "\f080";
}

.fa-chart-line:before {
    content: "\f201";
}

.fa-chart-line-down:before {
    content: "\f64d";
}

.fa-chart-pie:before {
    content: "\f200";
}

.fa-chart-pie-alt:before {
    content: "\f64e";
}

.fa-check:before {
    content: "\f00c";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-check-double:before {
    content: "\f560";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-chess:before {
    content: "\f439";
}

.fa-chess-bishop:before {
    content: "\f43a";
}

.fa-chess-bishop-alt:before {
    content: "\f43b";
}

.fa-chess-board:before {
    content: "\f43c";
}

.fa-chess-clock:before {
    content: "\f43d";
}

.fa-chess-clock-alt:before {
    content: "\f43e";
}

.fa-chess-king:before {
    content: "\f43f";
}

.fa-chess-king-alt:before {
    content: "\f440";
}

.fa-chess-knight:before {
    content: "\f441";
}

.fa-chess-knight-alt:before {
    content: "\f442";
}

.fa-chess-pawn:before {
    content: "\f443";
}

.fa-chess-pawn-alt:before {
    content: "\f444";
}

.fa-chess-queen:before {
    content: "\f445";
}

.fa-chess-queen-alt:before {
    content: "\f446";
}

.fa-chess-rook:before {
    content: "\f447";
}

.fa-chess-rook-alt:before {
    content: "\f448";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-double-down:before {
    content: "\f322";
}

.fa-chevron-double-left:before {
    content: "\f323";
}

.fa-chevron-double-right:before {
    content: "\f324";
}

.fa-chevron-double-up:before {
    content: "\f325";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-square-down:before {
    content: "\f329";
}

.fa-chevron-square-left:before {
    content: "\f32a";
}

.fa-chevron-square-right:before {
    content: "\f32b";
}

.fa-chevron-square-up:before {
    content: "\f32c";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-church:before {
    content: "\f51d";
}

.fa-circle:before {
    content: "\f111";
}

.fa-circle-notch:before {
    content: "\f1ce";
}

.fa-city:before {
    content: "\f64f";
}

.fa-clipboard:before {
    content: "\f328";
}

.fa-clipboard-check:before {
    content: "\f46c";
}

.fa-clipboard-list:before {
    content: "\f46d";
}

.fa-clipboard-prescription:before {
    content: "\f5e8";
}

.fa-clock:before {
    content: "\f017";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-closed-captioning:before {
    content: "\f20a";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-cloud-download-alt:before {
    content: "\f381";
}

.fa-cloud-upload:before {
    content: "\f0ee";
}

.fa-cloud-upload-alt:before {
    content: "\f382";
}

.fa-cloudscale:before {
    content: "\f383";
}

.fa-cloudsmith:before {
    content: "\f384";
}

.fa-cloudversify:before {
    content: "\f385";
}

.fa-club:before {
    content: "\f327";
}

.fa-cocktail:before {
    content: "\f561";
}

.fa-code:before {
    content: "\f121";
}

.fa-code-branch:before {
    content: "\f126";
}

.fa-code-commit:before {
    content: "\f386";
}

.fa-code-merge:before {
    content: "\f387";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cog:before {
    content: "\f013";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-coins:before {
    content: "\f51e";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-comment:before {
    content: "\f075";
}

.fa-comment-alt:before {
    content: "\f27a";
}

.fa-comment-alt-check:before {
    content: "\f4a2";
}

.fa-comment-alt-dollar:before {
    content: "\f650";
}

.fa-comment-alt-dots:before {
    content: "\f4a3";
}

.fa-comment-alt-edit:before {
    content: "\f4a4";
}

.fa-comment-alt-exclamation:before {
    content: "\f4a5";
}

.fa-comment-alt-lines:before {
    content: "\f4a6";
}

.fa-comment-alt-minus:before {
    content: "\f4a7";
}

.fa-comment-alt-plus:before {
    content: "\f4a8";
}

.fa-comment-alt-slash:before {
    content: "\f4a9";
}

.fa-comment-alt-smile:before {
    content: "\f4aa";
}

.fa-comment-alt-times:before {
    content: "\f4ab";
}

.fa-comment-check:before {
    content: "\f4ac";
}

.fa-comment-dollar:before {
    content: "\f651";
}

.fa-comment-dots:before {
    content: "\f4ad";
}

.fa-comment-edit:before {
    content: "\f4ae";
}

.fa-comment-exclamation:before {
    content: "\f4af";
}

.fa-comment-lines:before {
    content: "\f4b0";
}

.fa-comment-minus:before {
    content: "\f4b1";
}

.fa-comment-plus:before {
    content: "\f4b2";
}

.fa-comment-slash:before {
    content: "\f4b3";
}

.fa-comment-smile:before {
    content: "\f4b4";
}

.fa-comment-times:before {
    content: "\f4b5";
}

.fa-comments:before {
    content: "\f086";
}

.fa-comments-alt:before {
    content: "\f4b6";
}

.fa-comments-alt-dollar:before {
    content: "\f652";
}

.fa-comments-dollar:before {
    content: "\f653";
}

.fa-compact-disc:before {
    content: "\f51f";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-compass-slash:before {
    content: "\f5e9";
}

.fa-compress:before {
    content: "\f066";
}

.fa-compress-alt:before {
    content: "\f422";
}

.fa-compress-wide:before {
    content: "\f326";
}

.fa-concierge-bell:before {
    content: "\f562";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-container-storage:before {
    content: "\f4b7";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-conveyor-belt:before {
    content: "\f46e";
}

.fa-conveyor-belt-alt:before {
    content: "\f46f";
}

.fa-cookie:before {
    content: "\f563";
}

.fa-cookie-bite:before {
    content: "\f564";
}

.fa-copy:before {
    content: "\f0c5";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-couch:before {
    content: "\f4b8";
}

.fa-cpanel:before {
    content: "\f388";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-creative-commons-by:before {
    content: "\f4e7";
}

.fa-creative-commons-nc:before {
    content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}

.fa-creative-commons-nd:before {
    content: "\f4eb";
}

.fa-creative-commons-pd:before {
    content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}

.fa-creative-commons-remix:before {
    content: "\f4ee";
}

.fa-creative-commons-sa:before {
    content: "\f4ef";
}

.fa-creative-commons-sampling:before {
    content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}

.fa-creative-commons-share:before {
    content: "\f4f2";
}

.fa-creative-commons-zero:before {
    content: "\f4f3";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-credit-card-blank:before {
    content: "\f389";
}

.fa-credit-card-front:before {
    content: "\f38a";
}

.fa-cricket:before {
    content: "\f449";
}

.fa-crop:before {
    content: "\f125";
}

.fa-crop-alt:before {
    content: "\f565";
}

.fa-cross:before {
    content: "\f654";
}


.fa-crosshairs:before {
    content: "\f05b";
}

.fa-crow:before {
    content: "\f520";
}

.fa-crown:before {
    content: "\f521";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-css3-alt:before {
    content: "\f38b";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-curling:before {
    content: "\f44a";
}

.fa-cut:before {
    content: "\f0c4";
}

.fa-cuttlefish:before {
    content: "\f38c";
}

.fa-d-and-d:before {
    content: "\f38d";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-deaf:before {
    content: "\f2a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-deploydog:before {
    content: "\f38e";
}

.fa-deskpro:before {
    content: "\f38f";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-desktop-alt:before {
    content: "\f390";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-dharmachakra:before {
    content: "\f655";
}

.fa-diagnoses:before {
    content: "\f470";
}

.fa-diamond:before {
    content: "\f219";
}

.fa-dice:before {
    content: "\f522";
}

.fa-dice-five:before {
    content: "\f523";
}

.fa-dice-four:before {
    content: "\f524";
}

.fa-dice-one:before {
    content: "\f525";
}

.fa-dice-six:before {
    content: "\f526";
}

.fa-dice-three:before {
    content: "\f527";
}

.fa-dice-two:before {
    content: "\f528";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-digital-ocean:before {
    content: "\f391";
}

.fa-digital-tachograph:before {
    content: "\f566";
}

.fa-diploma:before {
    content: "\f5ea";
}

.fa-directions:before {
    content: "\f5eb";
}

.fa-discord:before {
    content: "\f392";
}

.fa-discourse:before {
    content: "\f393";
}

.fa-divide:before {
    content: "\f529";
}

.fa-dizzy:before {
    content: "\f567";
}

.fa-dna:before {
    content: "\f471";
}

.fa-do-not-enter:before {
    content: "\f5ec";
}

.fa-dochub:before {
    content: "\f394";
}

.fa-docker:before {
    content: "\f395";
}

.fa-dollar-sign:before {
    content: "\f155";
}

.fa-dolly:before {
    content: "\f472";
}

.fa-dolly-empty:before {
    content: "\f473";
}

.fa-dolly-flatbed:before {
    content: "\f474";
}

.fa-dolly-flatbed-alt:before {
    content: "\f475";
}

.fa-dolly-flatbed-empty:before {
    content: "\f476";
}

.fa-donate:before {
    content: "\f4b9";
}

.fa-door-closed:before {
    content: "\f52a";
}

.fa-door-open:before {
    content: "\f52b";
}

.fa-dot-circle:before {
    content: "\f192";
}

.fa-dove:before {
    content: "\f4ba";
}

.fa-download:before {
    content: "\f019";
}

.fa-draft2digital:before {
    content: "\f396";
}

.fa-drafting-compass:before {
    content: "\f568";
}

.fa-draw-circle:before {
    content: "\f5ed";
}

.fa-draw-polygon:before {
    content: "\f5ee";
}

.fa-draw-square:before {
    content: "\f5ef";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-dribbble-square:before {
    content: "\f397";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-drum:before {
    content: "\f569";
}

.fa-drum-steelpan:before {
    content: "\f56a";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-dumbbell:before {
    content: "\f44b";
}

.fa-dyalog:before {
    content: "\f399";
}

.fa-ear:before {
    content: "\f5f0";
}

.fa-earlybirds:before {
    content: "\f39a";
}

.fa-ebay:before {
    content: "\f4f4";
}

.fa-edge:before {
    content: "\f282";
}

.fa-edit:before {
    content: "\f044";
}

.fa-eject:before {
    content: "\f052";
}

.fa-elementor:before {
    content: "\f430";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-h-alt:before {
    content: "\f39b";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-ellipsis-v-alt:before {
    content: "\f39c";
}

.fa-ello:before {
    content: "\f5f1";
}

.fa-ember:before {
    content: "\f423";
}

.fa-empire:before {
    content: "\f1d1";
}

.fa-empty-set:before {
    content: "\f656";
}


.fa-engine-warning:before {
    content: "\f5f2";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-dollar:before {
    content: "\f657";
}

.fa-envelope-open-text:before {
    content: "\f658";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-envira:before {
    content: "\f299";
}

.fa-equals:before {
    content: "\f52c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-erlang:before {
    content: "\f39d";
}

.fa-ethereum:before {
    content: "\f42e";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-euro-sign:before {
    content: "\f153";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-exchange-alt:before {
    content: "\f362";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-exclamation-square:before {
    content: "\f321";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-expand:before {
    content: "\f065";
}

.fa-expand-alt:before {
    content: "\f424";
}

.fa-expand-arrows:before {
    content: "\f31d";
}

.fa-expand-arrows-alt:before {
    content: "\f31e";
}

.fa-expand-wide:before {
    content: "\f320";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-external-link:before {
    content: "\f08e";
}

.fa-external-link-alt:before {
    content: "\f35d";
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-external-link-square-alt:before {
    content: "\f360";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-dropper:before {
    content: "\f1fb";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-facebook-messenger:before {
    content: "\f39f";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-feather:before {
    content: "\f52d";
}

.fa-feather-alt:before {
    content: "\f56b";
}

.fa-female:before {
    content: "\f182";
}

.fa-field-hockey:before {
    content: "\f44c";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-file-archive:before {
    content: "\f1c6";
}

.fa-file-audio:before {
    content: "\f1c7";
}

.fa-file-certificate:before {
    content: "\f5f3";
}

.fa-file-chart-line:before {
    content: "\f659";
}

.fa-file-chart-pie:before {
    content: "\f65a";
}

.fa-file-check:before {
    content: "\f316";
}

.fa-file-code:before {
    content: "\f1c9";
}

.fa-file-contract:before {
    content: "\f56c";
}

.fa-file-download:before {
    content: "\f56d";
}

.fa-file-edit:before {
    content: "\f31c";
}

.fa-file-excel:before {
    content: "\f1c3";
}

.fa-file-exclamation:before {
    content: "\f31a";
}

.fa-file-export:before {
    content: "\f56e";
}

.fa-file-image:before {
    content: "\f1c5";
}

.fa-file-import:before {
    content: "\f56f";
}

.fa-file-invoice:before {
    content: "\f570";
}

.fa-file-invoice-dollar:before {
    content: "\f571";
}

.fa-file-medical:before {
    content: "\f477";
}

.fa-file-medical-alt:before {
    content: "\f478";
}

.fa-file-minus:before {
    content: "\f318";
}

.fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-plus:before {
    content: "\f319";
}

.fa-file-powerpoint:before {
    content: "\f1c4";
}

.fa-file-prescription:before {
    content: "\f572";
}

.fa-file-signature:before {
    content: "\f573";
}

.fa-file-spreadsheet:before {
    content: "\f65b";
}

.fa-file-times:before {
    content: "\f317";
}

.fa-file-upload:before {
    content: "\f574";
}

.fa-file-user:before {
    content: "\f65c";
}

.fa-file-video:before {
    content: "\f1c8";
}

.fa-file-word:before {
    content: "\f1c2";
}

.fa-fill:before {
    content: "\f575";
}

.fa-fill-drip:before {
    content: "\f576";
}

.fa-film:before {
    content: "\f008";
}

.fa-film-alt:before {
    content: "\f3a0";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-fingerprint:before {
    content: "\f577";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-first-aid:before {
    content: "\f479";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-first-order-alt:before {
    content: "\f50a";
}

.fa-firstdraft:before {
    content: "\f3a1";
}

.fa-fish:before {
    content: "\f578";
}

.fa-flag:before {
    content: "\f024";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-flipboard:before {
    content: "\f44d";
}

.fa-flushed:before {
    content: "\f579";
}

.fa-fly:before {
    content: "\f417";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-minus:before {
    content: "\f65d";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-folder-plus:before {
    content: "\f65e";
}

.fa-folder-times:before {
    content: "\f65f";
}

.fa-folders:before {
    content: "\f660";
}

.fa-font:before {
    content: "\f031";
}

.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-font-awesome-alt:before {
    content: "\f35c";
}

.fa-font-awesome-flag:before {
    content: "\f425";
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-fonticons-fi:before {
    content: "\f3a2";
}

.fa-football-ball:before {
    content: "\f44e";
}

.fa-football-helmet:before {
    content: "\f44f";
}

.fa-forklift:before {
    content: "\f47a";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-fort-awesome-alt:before {
    content: "\f3a3";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-fragile:before {
    content: "\f4bb";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-freebsd:before {
    content: "\f3a4";
}

.fa-frog:before {
    content: "\f52e";
}

.fa-frown:before {
    content: "\f119";
}

.fa-frown-open:before {
    content: "\f57a";
}

.fa-fulcrum:before {
    content: "\f50b";
}

.fa-function:before {
    content: "\f661";
}

.fa-funnel-dollar:before {
    content: "\f662";
}

.fa-futbol:before {
    content: "\f1e3";
}

.fa-galactic-republic:before {
    content: "\f50c";
}

.fa-galactic-senate:before {
    content: "\f50d";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-gas-pump:before {
    content: "\f52f";
}

.fa-gas-pump-slash:before {
    content: "\f5f4";
}

.fa-gavel:before {
    content: "\f0e3";
}

.fa-gem:before {
    content: "\f3a5";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-gift-card:before {
    content: "\f663";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-github:before {
    content: "\f09b";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-gitkraken:before {
    content: "\f3a6";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-gitter:before {
    content: "\f426";
}

.fa-glass-martini:before {
    content: "\f000";
}

.fa-glass-martini-alt:before {
    content: "\f57b";
}

.fa-glasses:before {
    content: "\f530";
}

.fa-glasses-alt:before {
    content: "\f5f5";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-globe-africa:before {
    content: "\f57c";
}

.fa-globe-americas:before {
    content: "\f57d";
}

.fa-globe-asia:before {
    content: "\f57e";
}

.fa-globe-stand:before {
    content: "\f5f6";
}

.fa-gofore:before {
    content: "\f3a7";
}

.fa-golf-ball:before {
    content: "\f450";
}

.fa-golf-club:before {
    content: "\f451";
}

.fa-goodreads:before {
    content: "\f3a8";
}

.fa-goodreads-g:before {
    content: "\f3a9";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-google-drive:before {
    content: "\f3aa";
}

.fa-google-play:before {
    content: "\f3ab";
}

.fa-google-plus:before {
    content: "\f2b3";
}

.fa-google-plus-g:before {
    content: "\f0d5";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-gopuram:before {
    content: "\f664";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-gratipay:before {
    content: "\f184";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-greater-than:before {
    content: "\f531";
}

.fa-greater-than-equal:before {
    content: "\f532";
}

.fa-grimace:before {
    content: "\f57f";
}

.fa-grin:before {
    content: "\f580";
}

.fa-grin-alt:before {
    content: "\f581";
}

.fa-grin-beam:before {
    content: "\f582";
}

.fa-grin-beam-sweat:before {
    content: "\f583";
}

.fa-grin-hearts:before {
    content: "\f584";
}

.fa-grin-squint:before {
    content: "\f585";
}

.fa-grin-squint-tears:before {
    content: "\f586";
}

.fa-grin-stars:before {
    content: "\f587";
}

.fa-grin-tears:before {
    content: "\f588";
}

.fa-grin-tongue:before {
    content: "\f589";
}

.fa-grin-tongue-squint:before {
    content: "\f58a";
}

.fa-grin-tongue-wink:before {
    content: "\f58b";
}

.fa-grin-wink:before {
    content: "\f58c";
}

.fa-grip-horizontal:before {
    content: "\f58d";
}

.fa-grip-vertical:before {
    content: "\f58e";
}

.fa-gripfire:before {
    content: "\f3ac";
}

.fa-grunt:before {
    content: "\f3ad";
}

.fa-gulp:before {
    content: "\f3ae";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-h1:before {
    content: "\f313";
}

.fa-h2:before {
    content: "\f314";
}

.fa-h3:before {
    content: "\f315";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-hacker-news-square:before {
    content: "\f3af";
}

.fa-hackerrank:before {
    content: "\f5f7";
}

.fa-hamsa:before {
    content: "\f665";
}

.fa-hand-heart:before {
    content: "\f4bc";
}

.fa-hand-holding:before {
    content: "\f4bd";
}

.fa-hand-holding-box:before {
    content: "\f47b";
}

.fa-hand-holding-heart:before {
    content: "\f4be";
}

.fa-hand-holding-seedling:before {
    content: "\f4bf";
}

.fa-hand-holding-usd:before {
    content: "\f4c0";
}

.fa-hand-holding-water:before {
    content: "\f4c1";
}

.fa-hand-lizard:before {
    content: "\f258";
}

.fa-hand-paper:before {
    content: "\f256";
}

.fa-hand-peace:before {
    content: "\f25b";
}

.fa-hand-point-down:before {
    content: "\f0a7";
}

.fa-hand-point-left:before {
    content: "\f0a5";
}

.fa-hand-point-right:before {
    content: "\f0a4";
}

.fa-hand-point-up:before {
    content: "\f0a6";
}

.fa-hand-pointer:before {
    content: "\f25a";
}

.fa-hand-receiving:before {
    content: "\f47c";
}

.fa-hand-rock:before {
    content: "\f255";
}

.fa-hand-scissors:before {
    content: "\f257";
}

.fa-hand-spock:before {
    content: "\f259";
}

.fa-hands:before {
    content: "\f4c2";
}

.fa-hands-heart:before {
    content: "\f4c3";
}

.fa-hands-helping:before {
    content: "\f4c4";
}

.fa-hands-usd:before {
    content: "\f4c5";
}

.fa-handshake:before {
    content: "\f2b5";
}

.fa-handshake-alt:before {
    content: "\f4c6";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-haykal:before {
    content: "\f666";
}

.fa-hdd:before {
    content: "\f0a0";
}

.fa-heading:before {
    content: "\f1dc";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-headphones-alt:before {
    content: "\f58f";
}

.fa-headset:before {
    content: "\f590";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-circle:before {
    content: "\f4c7";
}

.fa-heart-rate:before {
    content: "\f5f8";
}

.fa-heart-square:before {
    content: "\f4c8";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-helicopter:before {
    content: "\f533";
}

.fa-hexagon:before {
    content: "\f312";
}

.fa-highlighter:before {
    content: "\f591";
}

.fa-hips:before {
    content: "\f452";
}

.fa-hire-a-helper:before {
    content: "\f3b0";
}

.fa-history:before {
    content: "\f1da";
}

.fa-hockey-puck:before {
    content: "\f453";
}

.fa-hockey-sticks:before {
    content: "\f454";
}

.fa-home:before {
    content: "\f015";
}

.fa-home-heart:before {
    content: "\f4c9";
}

.fa-hooli:before {
    content: "\f427";
}

.fa-hornbill:before {
    content: "\f592";
}

.fa-hospital:before {
    content: "\f0f8";
}

.fa-hospital-alt:before {
    content: "\f47d";
}

.fa-hospital-symbol:before {
    content: "\f47e";
}

.fa-hot-tub:before {
    content: "\f593";
}

.fa-hotel:before {
    content: "\f594";
}

.fa-hotjar:before {
    content: "\f3b1";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-start:before {
    content: "\f251";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-hubspot:before {
    content: "\f3b2";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-id-card:before {
    content: "\f2c2";
}

.fa-id-card-alt:before {
    content: "\f47f";
}

.fa-image:before {
    content: "\f03e";
}

.fa-images:before {
    content: "\f302";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-inbox-in:before {
    content: "\f310";
}

.fa-inbox-out:before {
    content: "\f311";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-industry:before {
    content: "\f275";
}

.fa-industry-alt:before {
    content: "\f3b3";
}

.fa-infinity:before {
    content: "\f534";
}

.fa-info:before {
    content: "\f129";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-info-square:before {
    content: "\f30f";
}

.fa-inhaler:before {
    content: "\f5f9";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-integral:before {
    content: "\f667";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-intersection:before {
    content: "\f668";
}

.fa-inventory:before {
    content: "\f480";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-italic:before {
    content: "\f033";
}

.fa-itunes:before {
    content: "\f3b4";
}

.fa-itunes-note:before {
    content: "\f3b5";
}

.fa-jack-o-lantern:before {
    content: "\f30e";
}

.fa-java:before {
    content: "\f4e4";
}

.fa-jedi:before {
    content: "\f669";
}

.fa-jedi-order:before {
    content: "\f50e";
}

.fa-jenkins:before {
    content: "\f3b6";
}

.fa-joget:before {
    content: "\f3b7";
}

.fa-joint:before {
    content: "\f595";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-journal-whills:before {
    content: "\f66a";
}

.fa-js:before {
    content: "\f3b8";
}

.fa-js-square:before {
    content: "\f3b9";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-kaaba:before {
    content: "\f66b";
}

.fa-kaggle:before {
    content: "\f5fa";
}

.fa-key:before {
    content: "\f084";
}

.fa-keybase:before {
    content: "\f4f5";
}

.fa-keyboard:before {
    content: "\f11c";
}

.fa-keycdn:before {
    content: "\f3ba";
}

.fa-keynote:before {
    content: "\f66c";
}

.fa-khanda:before {
    content: "\f66d";
}

.fa-kickstarter:before {
    content: "\f3bb";
}

.fa-kickstarter-k:before {
    content: "\f3bc";
}

.fa-kidneys:before {
    content: "\f5fb";
}

.fa-kiss:before {
    content: "\f596";
}

.fa-kiss-beam:before {
    content: "\f597";
}

.fa-kiss-wink-heart:before {
    content: "\f598";
}

.fa-kiwi-bird:before {
    content: "\f535";
}

.fa-korvue:before {
    content: "\f42f";
}

.fa-lambda:before {
    content: "\f66e";
}

.fa-lamp:before {
    content: "\f4ca";
}

.fa-landmark:before {
    content: "\f66f";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-laptop-code:before {
    content: "\f5fc";
}

.fa-laravel:before {
    content: "\f3bd";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-laugh:before {
    content: "\f599";
}

.fa-laugh-beam:before {
    content: "\f59a";
}

.fa-laugh-squint:before {
    content: "\f59b";
}

.fa-laugh-wink:before {
    content: "\f59c";
}

.fa-layer-group:before {
    content: "\f5fd";
}

.fa-layer-minus:before {
    content: "\f5fe";
}

.fa-layer-plus:before {
    content: "\f5ff";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-leaf-heart:before {
    content: "\f4cb";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-lemon:before {
    content: "\f094";
}

.fa-less:before {
    content: "\f41d";
}

.fa-less-than:before {
    content: "\f536";
}

.fa-less-than-equal:before {
    content: "\f537";
}

.fa-level-down:before {
    content: "\f149";
}

.fa-level-down-alt:before {
    content: "\f3be";
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-up-alt:before {
    content: "\f3bf";
}

.fa-life-ring:before {
    content: "\f1cd";
}

.fa-lightbulb:before {
    content: "\f0eb";
}

.fa-lightbulb-dollar:before {
    content: "\f670";
}

.fa-lightbulb-exclamation:before {
    content: "\f671";
}

.fa-lightbulb-on:before {
    content: "\f672";
}

.fa-lightbulb-slash:before {
    content: "\f673";
}

.fa-line:before {
    content: "\f3c0";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-lips:before {
    content: "\f600";
}

.fa-lira-sign:before {
    content: "\f195";
}

.fa-list:before {
    content: "\f03a";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-location:before {
    content: "\f601";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-location-circle:before {
    content: "\f602";
}

.fa-location-slash:before {
    content: "\f603";
}

.fa-lock:before {
    content: "\f023";
}

.fa-lock-alt:before {
    content: "\f30d";
}

.fa-lock-open:before {
    content: "\f3c1";
}

.fa-lock-open-alt:before {
    content: "\f3c2";
}

.fa-long-arrow-alt-down:before {
    content: "\f309";
}

.fa-long-arrow-alt-left:before {
    content: "\f30a";
}

.fa-long-arrow-alt-right:before {
    content: "\f30b";
}

.fa-long-arrow-alt-up:before {
    content: "\f30c";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-loveseat:before {
    content: "\f4cc";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-luchador:before {
    content: "\f455";
}

.fa-luggage-cart:before {
    content: "\f59d";
}

.fa-lungs:before {
    content: "\f604";
}

.fa-lyft:before {
    content: "\f3c3";
}

.fa-magento:before {
    content: "\f3c4";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-mail-bulk:before {
    content: "\f674";
}

.fa-mailchimp:before {
    content: "\f59e";
}

.fa-male:before {
    content: "\f183";
}

.fa-mandalorian:before {
    content: "\f50f";
}

.fa-map:before {
    content: "\f279";
}

.fa-map-marked:before {
    content: "\f59f";
}

.fa-map-marked-alt:before {
    content: "\f5a0";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-map-marker-alt-slash:before {
    content: "\f605";
}

.fa-map-marker-check:before {
    content: "\f606";
}

.fa-map-marker-edit:before {
    content: "\f607";
}

.fa-map-marker-exclamation:before {
    content: "\f608";
}

.fa-map-marker-minus:before {
    content: "\f609";
}

.fa-map-marker-plus:before {
    content: "\f60a";
}

.fa-map-marker-question:before {
    content: "\f60b";
}

.fa-map-marker-slash:before {
    content: "\f60c";
}

.fa-map-marker-smile:before {
    content: "\f60d";
}

.fa-map-marker-times:before {
    content: "\f60e";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-markdown:before {
    content: "\f60f";
}

.fa-marker:before {
    content: "\f5a1";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mastodon:before {
    content: "\f4f6";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-medal:before {
    content: "\f5a2";
}

.fa-medapps:before {
    content: "\f3c6";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-medium-m:before {
    content: "\f3c7";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-medrt:before {
    content: "\f3c8";
}

.fa-meetup:before {
    content: "\f2e0";
}

.fa-megaphone:before {
    content: "\f675";
}

.fa-megaport:before {
    content: "\f5a3";
}

.fa-meh:before {
    content: "\f11a";
}

.fa-meh-blank:before {
    content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5";
}

.fa-memory:before {
    content: "\f538";
}

.fa-menorah:before {
    content: "\f676";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-alt:before {
    content: "\f3c9";
}

.fa-microphone-alt-slash:before {
    content: "\f539";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-microscope:before {
    content: "\f610";
}

.fa-microsoft:before {
    content: "\f3ca";
}

.fa-mind-share:before {
    content: "\f677";
}

.fa-minus:before {
    content: "\f068";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-minus-hexagon:before {
    content: "\f307";
}

.fa-minus-octagon:before {
    content: "\f308";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-mix:before {
    content: "\f3cb";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-mizuni:before {
    content: "\f3cc";
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-mobile-alt:before {
    content: "\f3cd";
}

.fa-mobile-android:before {
    content: "\f3ce";
}

.fa-mobile-android-alt:before {
    content: "\f3cf";
}

.fa-modx:before {
    content: "\f285";
}

.fa-monero:before {
    content: "\f3d0";
}

.fa-money-bill:before {
    content: "\f0d6";
}

.fa-money-bill-alt:before {
    content: "\f3d1";
}

.fa-money-bill-wave:before {
    content: "\f53a";
}

.fa-money-bill-wave-alt:before {
    content: "\f53b";
}

.fa-money-check:before {
    content: "\f53c";
}

.fa-money-check-alt:before {
    content: "\f53d";
}

.fa-monitor-heart-rate:before {
    content: "\f611";
}

.fa-monument:before {
    content: "\f5a6";
}

.fa-moon:before {
    content: "\f186";
}

.fa-mortar-pestle:before {
    content: "\f5a7";
}

.fa-mosque:before {
    content: "\f678";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-music:before {
    content: "\f001";
}

.fa-napster:before {
    content: "\f3d2";
}

.fa-neos:before {
    content: "\f612";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-newspaper:before {
    content: "\f1ea";
}

.fa-nimblr:before {
    content: "\f5a8";
}

.fa-nintendo-switch:before {
    content: "\f418";
}

.fa-node:before {
    content: "\f419";
}

.fa-node-js:before {
    content: "\f3d3";
}

.fa-not-equal:before {
    content: "\f53e";
}

.fa-notes-medical:before {
    content: "\f481";
}

.fa-npm:before {
    content: "\f3d4";
}

.fa-ns8:before {
    content: "\f3d5";
}

.fa-nutritionix:before {
    content: "\f3d6";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-octagon:before {
    content: "\f306";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-oil-can:before {
    content: "\f613";
}

.fa-oil-temp:before {
    content: "\f614";
}

.fa-old-republic:before {
    content: "\f510";
}

.fa-om:before {
    content: "\f679";
}

.fa-omega:before {
    content: "\f67a";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-osi:before {
    content: "\f41a";
}

.fa-outdent:before {
    content: "\f03b";
}

.fa-page4:before {
    content: "\f3d7";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-paint-brush-alt:before {
    content: "\f5a9";
}

.fa-paint-roller:before {
    content: "\f5aa";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-palfed:before {
    content: "\f3d8";
}

.fa-pallet:before {
    content: "\f482";
}

.fa-pallet-alt:before {
    content: "\f483";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-parachute-box:before {
    content: "\f4cd";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-parking:before {
    content: "\f540";
}

.fa-parking-circle:before {
    content: "\f615";
}

.fa-parking-circle-slash:before {
    content: "\f616";
}

.fa-parking-slash:before {
    content: "\f617";
}

.fa-passport:before {
    content: "\f5ab";
}

.fa-pastafarianism:before {
    content: "\f67b";
}

.fa-paste:before {
    content: "\f0ea";
}

.fa-patreon:before {
    content: "\f3d9";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-peace:before {
    content: "\f67c";
}

.fa-pen:before {
    content: "\f304";
}

.fa-pen-alt:before {
    content: "\f305";
}

.fa-pen-fancy:before {
    content: "\f5ac";
}

.fa-pen-nib:before {
    content: "\f5ad";
}

.fa-pen-square:before {
    content: "\f14b";
}

.fa-pencil:before {
    content: "\f040";
}

.fa-pencil-alt:before {
    content: "\f303";
}

.fa-pencil-paintbrush:before {
    content: "\f618";
}

.fa-pencil-ruler:before {
    content: "\f5ae";
}

.fa-pennant:before {
    content: "\f456";
}

.fa-people-carry:before {
    content: "\f4ce";
}

.fa-percent:before {
    content: "\f295";
}

.fa-percentage:before {
    content: "\f541";
}

.fa-periscope:before {
    content: "\f3da";
}

.fa-person-carry:before {
    content: "\f4cf";
}

.fa-person-dolly:before {
    content: "\f4d0";
}

.fa-person-dolly-empty:before {
    content: "\f4d1";
}

.fa-phabricator:before {
    content: "\f3db";
}

.fa-phoenix-framework:before {
    content: "\f3dc";
}

.fa-phoenix-squadron:before {
    content: "\f511";
}

.fa-phone:before {
    content: "\f095";
}

.fa-phone-office:before {
    content: "\f67d";
}

.fa-phone-plus:before {
    content: "\f4d2";
}

.fa-phone-slash:before {
    content: "\f3dd";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-phone-volume:before {
    content: "\f2a0";
}

.fa-php:before {
    content: "\f457";
}

.fa-pi:before {
    content: "\f67e";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-pied-piper-hat:before {
    content: "\f4e5";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-piggy-bank:before {
    content: "\f4d3";
}

.fa-pills:before {
    content: "\f484";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-place-of-worship:before {
    content: "\f67f";
}

.fa-plane:before {
    content: "\f072";
}

.fa-plane-alt:before {
    content: "\f3de";
}

.fa-plane-arrival:before {
    content: "\f5af";
}

.fa-plane-departure:before {
    content: "\f5b0";
}

.fa-play:before {
    content: "\f04b";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-playstation:before {
    content: "\f3df";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-plus-hexagon:before {
    content: "\f300";
}

.fa-plus-octagon:before {
    content: "\f301";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-podium:before {
    content: "\f680";
}

.fa-poll:before {
    content: "\f681";
}

.fa-poll-h:before {
    content: "\f682";
}

.fa-poo:before {
    content: "\f2fe";
}

.fa-poop:before {
    content: "\f619";
}

.fa-portrait:before {
    content: "\f3e0";
}

.fa-pound-sign:before {
    content: "\f154";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-pray:before {
    content: "\f683";
}

.fa-praying-hands:before {
    content: "\f684";
}

.fa-prescription:before {
    content: "\f5b1";
}

.fa-prescription-bottle:before {
    content: "\f485";
}

.fa-prescription-bottle-alt:before {
    content: "\f486";
}

.fa-presentation:before {
    content: "\f685";
}

.fa-print:before {
    content: "\f02f";
}

.fa-print-slash:before {
    content: "\f686";
}

.fa-procedures:before {
    content: "\f487";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-project-diagram:before {
    content: "\f542";
}

.fa-pushed:before {
    content: "\f3e1";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-python:before {
    content: "\f3e2";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-question:before {
    content: "\f128";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-question-square:before {
    content: "\f2fd";
}

.fa-quidditch:before {
    content: "\f458";
}

.fa-quinscape:before {
    content: "\f459";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-quran:before {
    content: "\f687";
}

.fa-r-project:before {
    content: "\f4f7";
}

.fa-racquet:before {
    content: "\f45a";
}

.fa-ramp-loading:before {
    content: "\f4d4";
}

.fa-random:before {
    content: "\f074";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-react:before {
    content: "\f41b";
}

.fa-readme:before {
    content: "\f4d5";
}

.fa-rebel:before {
    content: "\f1d0";
}

.fa-receipt:before {
    content: "\f543";
}

.fa-rectangle-landscape:before {
    content: "\f2fa";
}

.fa-rectangle-portrait:before {
    content: "\f2fb";
}

.fa-rectangle-wide:before {
    content: "\f2fc";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-red-river:before {
    content: "\f3e3";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-redo:before {
    content: "\f01e";
}

.fa-redo-alt:before {
    content: "\f2f9";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-rendact:before {
    content: "\f3e4";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-repeat:before {
    content: "\f363";
}

.fa-repeat-1:before {
    content: "\f365";
}

.fa-repeat-1-alt:before {
    content: "\f366";
}

.fa-repeat-alt:before {
    content: "\f364";
}

.fa-reply:before {
    content: "\f3e5";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-replyd:before {
    content: "\f3e6";
}

.fa-researchgate:before {
    content: "\f4f8";
}

.fa-resolving:before {
    content: "\f3e7";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-retweet-alt:before {
    content: "\f361";
}

.fa-rev:before {
    content: "\f5b2";
}

.fa-ribbon:before {
    content: "\f4d6";
}

.fa-road:before {
    content: "\f018";
}

.fa-robot:before {
    content: "\f544";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-rocketchat:before {
    content: "\f3e8";
}

.fa-rockrms:before {
    content: "\f3e9";
}

.fa-route:before {
    content: "\f4d7";
}

.fa-route-highway:before {
    content: "\f61a";
}

.fa-route-interstate:before {
    content: "\f61b";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-ruble-sign:before {
    content: "\f158";
}

.fa-ruler:before {
    content: "\f545";
}

.fa-ruler-combined:before {
    content: "\f546";
}

.fa-ruler-horizontal:before {
    content: "\f547";
}

.fa-ruler-triangle:before {
    content: "\f61c";
}

.fa-ruler-vertical:before {
    content: "\f548";
}

.fa-rupee-sign:before {
    content: "\f156";
}

.fa-sad-cry:before {
    content: "\f5b3";
}

.fa-sad-tear:before {
    content: "\f5b4";
}

.fa-safari:before {
    content: "\f267";
}

.fa-sass:before {
    content: "\f41e";
}

.fa-save:before {
    content: "\f0c7";
}

.fa-scalpel:before {
    content: "\f61d";
}

.fa-scalpel-path:before {
    content: "\f61e";
}

.fa-scanner:before {
    content: "\f488";
}

.fa-scanner-keyboard:before {
    content: "\f489";
}

.fa-scanner-touchscreen:before {
    content: "\f48a";
}

.fa-schlix:before {
    content: "\f3ea";
}

.fa-school:before {
    content: "\f549";
}

.fa-screwdriver:before {
    content: "\f54a";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-scrubber:before {
    content: "\f2f8";
}

.fa-search:before {
    content: "\f002";
}

.fa-search-dollar:before {
    content: "\f688";
}

.fa-search-location:before {
    content: "\f689";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-searchengin:before {
    content: "\f3eb";
}

.fa-seedling:before {
    content: "\f4d8";
}

.fa-sellcast:before {
    content: "\f2da";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-server:before {
    content: "\f233";
}

.fa-servicestack:before {
    content: "\f3ec";
}

.fa-shapes:before {
    content: "\f61f";
}

.fa-share:before {
    content: "\f064";
}

.fa-share-all:before {
    content: "\f367";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-shekel-sign:before {
    content: "\f20b";
}

.fa-shield:before {
    content: "\f132";
}

.fa-shield-alt:before {
    content: "\f3ed";
}

.fa-shield-check:before {
    content: "\f2f7";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-shipping-fast:before {
    content: "\f48b";
}

.fa-shipping-timed:before {
    content: "\f48c";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-shoe-prints:before {
    content: "\f54b";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-shopware:before {
    content: "\f5b5";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-shredder:before {
    content: "\f68a";
}

.fa-shuttle-van:before {
    content: "\f5b6";
}

.fa-shuttlecock:before {
    content: "\f45b";
}

.fa-sigma:before {
    content: "\f68b";
}

.fa-sign:before {
    content: "\f4d9";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-sign-in-alt:before {
    content: "\f2f6";
}

.fa-sign-language:before {
    content: "\f2a7";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-signal:before {
    content: "\f012";
}

.fa-signal-1:before {
    content: "\f68c";
}

.fa-signal-2:before {
    content: "\f68d";
}

.fa-signal-3:before {
    content: "\f68e";
}

.fa-signal-4:before {
    content: "\f68f";
}

.fa-signal-alt:before {
    content: "\f690";
}

.fa-signal-alt-1:before {
    content: "\f691";
}

.fa-signal-alt-2:before {
    content: "\f692";
}

.fa-signal-alt-3:before {
    content: "\f693";
}

.fa-signal-alt-slash:before {
    content: "\f694";
}

.fa-signal-slash:before {
    content: "\f695";
}

.fa-signature:before {
    content: "\f5b7";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-sistrix:before {
    content: "\f3ee";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-sith:before {
    content: "\f512";
}

.fa-skeleton:before {
    content: "\f620";
}

.fa-skull:before {
    content: "\f54c";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-slack:before {
    content: "\f198";
}

.fa-slack-hash:before {
    content: "\f3ef";
}

.fa-sliders-h:before {
    content: "\f1de";
}

.fa-sliders-h-square:before {
    content: "\f3f0";
}

.fa-sliders-v:before {
    content: "\f3f1";
}

.fa-sliders-v-square:before {
    content: "\f3f2";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-smile:before {
    content: "\f118";
}

.fa-smile-beam:before {
    content: "\f5b8";
}

.fa-smile-plus:before {
    content: "\f5b9";
}

.fa-smile-wink:before {
    content: "\f4da";
}

.fa-smoking:before {
    content: "\f48d";
}

.fa-smoking-ban:before {
    content: "\f54d";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-snowflake:before {
    content: "\f2dc";
}

.fa-socks:before {
    content: "\f696";
}

.fa-solar-panel:before {
    content: "\f5ba";
}

.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-alpha-down:before {
    content: "\f15d";
}

.fa-sort-alpha-up:before {
    content: "\f15e";
}

.fa-sort-amount-down:before {
    content: "\f160";
}

.fa-sort-amount-up:before {
    content: "\f161";
}

.fa-sort-down:before {
    content: "\f0dd";
}

.fa-sort-numeric-down:before {
    content: "\f162";
}

.fa-sort-numeric-up:before {
    content: "\f163";
}

.fa-sort-up:before {
    content: "\f0de";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-spa:before {
    content: "\f5bb";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-spade:before {
    content: "\f2f4";
}

.fa-speakap:before {
    content: "\f3f3";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-spinner-third:before {
    content: "\f3f4";
}

.fa-splotch:before {
    content: "\f5bc";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-spray-can:before {
    content: "\f5bd";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-square-full:before {
    content: "\f45c";
}

.fa-square-root:before {
    content: "\f697";
}

.fa-square-root-alt:before {
    content: "\f698";
}

.fa-squarespace:before {
    content: "\f5be";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-stamp:before {
    content: "\f5bf";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-and-crescent:before {
    content: "\f699";
}

.fa-star-exclamation:before {
    content: "\f2f3";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-star-half-alt:before {
    content: "\f5c0";
}

.fa-star-of-david:before {
    content: "\f69a";
}

.fa-star-of-life:before {
    content: "\f621";
}

.fa-staylinked:before {
    content: "\f3f5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-steam-symbol:before {
    content: "\f3f6";
}

.fa-steering-wheel:before {
    content: "\f622";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-sticker-mule:before {
    content: "\f3f7";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-stomach:before {
    content: "\f623";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stopwatch:before {
    content: "\f2f2";
}

.fa-store:before {
    content: "\f54e";
}

.fa-store-alt:before {
    content: "\f54f";
}

.fa-strava:before {
    content: "\f428";
}

.fa-stream:before {
    content: "\f550";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-stripe:before {
    content: "\f429";
}

.fa-stripe-s:before {
    content: "\f42a";
}

.fa-stroopwafel:before {
    content: "\f551";
}

.fa-studiovinari:before {
    content: "\f3f8";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-subway:before {
    content: "\f239";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-suitcase-rolling:before {
    content: "\f5c1";
}

.fa-sun:before {
    content: "\f185";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-supple:before {
    content: "\f3f9";
}

.fa-surprise:before {
    content: "\f5c2";
}

.fa-swatchbook:before {
    content: "\f5c3";
}

.fa-swimmer:before {
    content: "\f5c4";
}

.fa-swimming-pool:before {
    content: "\f5c5";
}

.fa-synagogue:before {
    content: "\f69b";
}

.fa-sync:before {
    content: "\f021";
}

.fa-sync-alt:before {
    content: "\f2f1";
}

.fa-syringe:before {
    content: "\f48e";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-table-tennis:before {
    content: "\f45d";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-tablet-alt:before {
    content: "\f3fa";
}

.fa-tablet-android:before {
    content: "\f3fb";
}

.fa-tablet-android-alt:before {
    content: "\f3fc";
}

.fa-tablet-rugged:before {
    content: "\f48f";
}

.fa-tablets:before {
    content: "\f490";
}

.fa-tachometer:before {
    content: "\f0e4";
}

.fa-tachometer-alt:before {
    content: "\f3fd";
}

.fa-tachometer-alt-average:before {
    content: "\f624";
}

.fa-tachometer-alt-fast:before {
    content: "\f625";
}

.fa-tachometer-alt-fastest:before {
    content: "\f626";
}

.fa-tachometer-alt-slow:before {
    content: "\f627";
}

.fa-tachometer-alt-slowest:before {
    content: "\f628";
}

.fa-tachometer-average:before {
    content: "\f629";
}

.fa-tachometer-fast:before {
    content: "\f62a";
}

.fa-tachometer-fastest:before {
    content: "\f62b";
}

.fa-tachometer-slow:before {
    content: "\f62c";
}

.fa-tachometer-slowest:before {
    content: "\f62d";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-tally:before {
    content: "\f69c";
}

.fa-tape:before {
    content: "\f4db";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-taxi:before {
    content: "\f1ba";
}

.fa-teamspeak:before {
    content: "\f4f9";
}

.fa-teeth:before {
    content: "\f62e";
}

.fa-teeth-open:before {
    content: "\f62f";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-telegram-plane:before {
    content: "\f3fe";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-tennis-ball:before {
    content: "\f45e";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-the-red-yeti:before {
    content: "\f69d";
}

.fa-theater-masks:before {
    content: "\f630";
}

.fa-themeco:before {
    content: "\f5c6";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-thermometer:before {
    content: "\f491";
}

.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-theta:before {
    content: "\f69e";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbtack:before {
    content: "\f08d";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-ticket-alt:before {
    content: "\f3ff";
}

.fa-tilde:before {
    content: "\f69f";
}

.fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-times-hexagon:before {
    content: "\f2ee";
}

.fa-times-octagon:before {
    content: "\f2f0";
}

.fa-times-square:before {
    content: "\f2d3";
}

.fa-tint:before {
    content: "\f043";
}

.fa-tint-slash:before {
    content: "\f5c7";
}

.fa-tire:before {
    content: "\f631";
}

.fa-tire-flat:before {
    content: "\f632";
}

.fa-tire-pressure-warning:before {
    content: "\f633";
}

.fa-tire-rugged:before {
    content: "\f634";
}

.fa-tired:before {
    content: "\f5c8";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-toolbox:before {
    content: "\f552";
}

.fa-tooth:before {
    content: "\f5c9";
}

.fa-toothbrush:before {
    content: "\f635";
}

.fa-torah:before {
    content: "\f6a0";
}

.fa-torii-gate:before {
    content: "\f6a1";
}

.fa-trade-federation:before {
    content: "\f513";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-traffic-cone:before {
    content: "\f636";
}

.fa-traffic-light:before {
    content: "\f637";
}

.fa-traffic-light-go:before {
    content: "\f638";
}

.fa-traffic-light-slow:before {
    content: "\f639";
}

.fa-traffic-light-stop:before {
    content: "\f63a";
}

.fa-train:before {
    content: "\f238";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-trash-alt:before {
    content: "\f2ed";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-tree-alt:before {
    content: "\f400";
}

.fa-trello:before {
    content: "\f181";
}

.fa-triangle:before {
    content: "\f2ec";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-trophy-alt:before {
    content: "\f2eb";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-truck-container:before {
    content: "\f4dc";
}

.fa-truck-couch:before {
    content: "\f4dd";
}

.fa-truck-loading:before {
    content: "\f4de";
}

.fa-truck-monster:before {
    content: "\f63b";
}

.fa-truck-moving:before {
    content: "\f4df";
}

.fa-truck-pickup:before {
    content: "\f63c";
}

.fa-truck-ramp:before {
    content: "\f4e0";
}

.fa-tshirt:before {
    content: "\f553";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-tv:before {
    content: "\f26c";
}

.fa-tv-retro:before {
    content: "\f401";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-typo3:before {
    content: "\f42b";
}

.fa-uber:before {
    content: "\f402";
}

.fa-uikit:before {
    content: "\f403";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-umbrella-beach:before {
    content: "\f5ca";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-undo-alt:before {
    content: "\f2ea";
}

.fa-union:before {
    content: "\f6a2";
}

.fa-uniregistry:before {
    content: "\f404";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-university:before {
    content: "\f19c";
}

.fa-unlink:before {
    content: "\f127";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-untappd:before {
    content: "\f405";
}

.fa-upload:before {
    content: "\f093";
}

.fa-usb:before {
    content: "\f287";
}

.fa-usd-circle:before {
    content: "\f2e8";
}

.fa-usd-square:before {
    content: "\f2e9";
}

.fa-user:before {
    content: "\f007";
}

.fa-user-alt:before {
    content: "\f406";
}

.fa-user-alt-slash:before {
    content: "\f4fa";
}

.fa-user-astronaut:before {
    content: "\f4fb";
}

.fa-user-chart:before {
    content: "\f6a3";
}

.fa-user-check:before {
    content: "\f4fc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-clock:before {
    content: "\f4fd";
}

.fa-user-cog:before {
    content: "\f4fe";
}

.fa-user-crown:before {
    content: "\f6a4";
}

.fa-user-edit:before {
    content: "\f4ff";
}

.fa-user-friends:before {
    content: "\f500";
}

.fa-user-graduate:before {
    content: "\f501";
}

.fa-user-lock:before {
    content: "\f502";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-user-minus:before {
    content: "\f503";
}

.fa-user-ninja:before {
    content: "\f504";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-user-shield:before {
    content: "\f505";
}

.fa-user-slash:before {
    content: "\f506";
}

.fa-user-tag:before {
    content: "\f507";
}

.fa-user-tie:before {
    content: "\f508";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-users-class:before {
    content: "\f63d";
}

.fa-users-cog:before {
    content: "\f509";
}

.fa-users-crown:before {
    content: "\f6a5";
}

.fa-ussunnah:before {
    content: "\f407";
}

.fa-utensil-fork:before {
    content: "\f2e3";
}

.fa-utensil-knife:before {
    content: "\f2e4";
}

.fa-utensil-spoon:before {
    content: "\f2e5";
}

.fa-utensils:before {
    content: "\f2e7";
}

.fa-utensils-alt:before {
    content: "\f2e6";
}

.fa-vaadin:before {
    content: "\f408";
}

.fa-value-absolute:before {
    content: "\f6a6";
}

.fa-vector-square:before {
    content: "\f5cb";
}

.fa-venus:before {
    content: "\f221";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-vial:before {
    content: "\f492";
}

.fa-vials:before {
    content: "\f493";
}

.fa-viber:before {
    content: "\f409";
}

.fa-video:before {
    content: "\f03d";
}

.fa-video-plus:before {
    content: "\f4e1";
}

.fa-video-slash:before {
    content: "\f4e2";
}

.fa-vihara:before {
    content: "\f6a7";
}

.fa-vimeo:before {
    content: "\f40a";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-vimeo-v:before {
    content: "\f27d";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-vk:before {
    content: "\f189";
}

.fa-vnv:before {
    content: "\f40b";
}

.fa-volleyball-ball:before {
    content: "\f45f";
}

.fa-volume:before {
    content: "\f6a8";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-mute:before {
    content: "\f6a9";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-slash:before {
    content: "\f2e2";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-vuejs:before {
    content: "\f41f";
}

.fa-walking:before {
    content: "\f554";
}

.fa-wallet:before {
    content: "\f555";
}

.fa-warehouse:before {
    content: "\f494";
}

.fa-warehouse-alt:before {
    content: "\f495";
}

.fa-watch:before {
    content: "\f2e1";
}

.fa-watch-fitness:before {
    content: "\f63e";
}

.fa-weebly:before {
    content: "\f5cc";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-weight:before {
    content: "\f496";
}

.fa-weight-hanging:before {
    content: "\f5cd";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-whatsapp-square:before {
    content: "\f40c";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-whistle:before {
    content: "\f460";
}

.fa-whmcs:before {
    content: "\f40d";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-wifi-1:before {
    content: "\f6aa";
}

.fa-wifi-2:before {
    content: "\f6ab";
}

.fa-wifi-slash:before {
    content: "\f6ac";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-window:before {
    content: "\f40e";
}

.fa-window-alt:before {
    content: "\f40f";
}

.fa-window-close:before {
    content: "\f410";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-wine-glass:before {
    content: "\f4e3";
}

.fa-wine-glass-alt:before {
    content: "\f5ce";
}

.fa-wix:before {
    content: "\f5cf";
}

.fa-wolf-pack-battalion:before {
    content: "\f514";
}

.fa-won-sign:before {
    content: "\f159";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-wordpress-simple:before {
    content: "\f411";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-x-ray:before {
    content: "\f497";
}

.fa-xbox:before {
    content: "\f412";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-y-combinator:before {
    content: "\f23b";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-yandex:before {
    content: "\f413";
}

.fa-yandex-international:before {
    content: "\f414";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-yen-sign:before {
    content: "\f157";
}

.fa-yin-yang:before {
    content: "\f6ad";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-youtube-square:before {
    content: "\f431";
}

.fa-zhihu:before {
    content: "\f63f";
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}


.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}



.fab {
    font-family: 'Font Awesome 5 Free';
}



.mtr-bell:before {
    content: "\e94b";
}

.mtr-die-tree:before {
    content: "\e949";
}

.mtr-tree:before {
    content: "\e94a";
}

.mtr-info:before {
    content: "\e952";
}

.mtr-plus:before {
    content: "\e948";
}

.mtr-list:before {
    content: "\e943";
}

.mtr-map-marker:before {
    content: "\e944";
}

.mtr-add-address:before {
    content: "\e945";
}

.mtr-time:before {
    content: "\e946";
}

.mtr-doc:before {
    content: "\e947";
}

.mtr-credit-card:before {
    content: "\e942";
}

.mtr-sort:before {
    content: "\e94c";
}

.mtr-filter:before {
    content: "\e94d";
}

.mtr-facebook:before {
    content: "\e933";
}

.mtr-aparat:before {
    content: "\e934";
}

.mtr-instagram:before {
    content: "\e940";
}

.mtr-telegram:before {
    content: "\e941";
}

.mtr-return:before {
    content: "\e92f";
}

.mtr-delivery:before {
    content: "\e930";
}

.mtr-consultation:before {
    content: "\e931";
}

.mtr-original:before {
    content: "\e932";
}

.mtr-check:before {
    content: "\e903";
}

.mtr-men-off-landing:before {
    content: "\e902";
}

.mtr-cancel:before {
    content: "\e901";
}

.mtr-skin-care:before {
    content: "\e904";
}

.mtr-skin-cleaner:before {
    content: "\e905";
}

.mtr-type1:before {
    content: "\e906";
}

.mtr-application:before {
    content: "\e907";
}

.mtr-all-skin-products:before {
    content: "\e908";
}

.mtr-Hairdresser-accessories:before {
    content: "\e909";
}

.mtr-Hairdresser-accessories-:before {
    content: "\e90a";
}

.mtr-cosmetic-accessories:before {
    content: "\e90b";
}

.mtr-extention:before {
    content: "\e90c";
}

.mtr-nail:before {
    content: "\e90d";
}

.mtr-epilation:before {
    content: "\e90e";
}

.mtr-book:before {
    content: "\e90f";
}

.mtr-all-products:before {
    content: "\e910";
}

.mtr-small-perfume:before {
    content: "\e911";
}

.mtr-woman-perfume:before {
    content: "\e912";
}

.mtr-man-perfume:before {
    content: "\e913";
}

.mtr-smell:before {
    content: "\e914";
}

.mtr-all-perfume:before {
    content: "\e915";
}

.mtr-bride:before {
    content: "\e916";
}

.mtr-groom:before {
    content: "\e917";
}

.mtr-intership:before {
    content: "\e918";
}

.mtr-saloni:before {
    content: "\e919";
}

.mtr-men-body:before {
    content: "\e91a";
}

.mtr-accessories-01:before {
    content: "\e91b";
}

.mtr-health:before {
    content: "\e91c";
}

.mtr-men-set:before {
    content: "\e91d";
}

.mtr-face-body-shave:before {
    content: "\e91e";
}

.mtr-men-hair:before {
    content: "\e91f";
}

.mtr-men-skin:before {
    content: "\e920";
}

.mtr-men-perfume:before {
    content: "\e921";
}

.mtr-electric-men:before {
    content: "\e922";
}

.mtr-cleaning:before {
    content: "\e923";
}

.mtr-oral-health:before {
    content: "\e924";
}

.mtr-sextual-health:before {
    content: "\e925";
}

.mtr-woman-health:before {
    content: "\e926";
}

.mtr-old-health:before {
    content: "\e927";
}

.mtr-general-health:before {
    content: "\e928";
}

.mtr-all-health-product:before {
    content: "\e929";
}

.mtr-hair-care:before {
    content: "\e92a";
}

.mtr-health1:before {
    content: "\e92b";
}

.mtr-body-health1:before {
    content: "\e92c";
}

.mtr-other:before {
    content: "\e92d";
}

.mtr-type3:before {
    content: "\e92e";
}

.mtr-magazin:before {
    content: "\e935";
}

.mtr-specialized-organization:before {
    content: "\e936";
}

.mtr-hair-curve:before {
    content: "\e937";
}

.mtr-hair-accesseries:before {
    content: "\e938";
}

.mtr-application1:before {
    content: "\e939";
}

.mtr-all-hair-products:before {
    content: "\e93a";
}

.mtr-hair-color:before {
    content: "\e93b";
}

.mtr-gift-card:before {
    content: "\e93c";
}

.mtr-gift-box:before {
    content: "\e93d";
}

.mtr-card-postal:before {
    content: "\e93e";
}

.mtr-all-gifts:before {
    content: "\e93f";
}

.mtr-hair-dryer:before {
    content: "\e94e";
}

.mtr-Hair-straighteners:before {
    content: "\e94f";
}

.mtr-hair-curl:before {
    content: "\e950";
}

.mtr-face-shave:before {
    content: "\e951";
}

.mtr-all-electric:before {
    content: "\e968";
}

.mtr-professional-makeup:before {
    content: "\e969";
}

.mtr-tools-advise1:before {
    content: "\e96a";
}

.mtr-eyebrow:before {
    content: "\e96b";
}

.mtr-magazin1:before {
    content: "\e96c";
}

.mtr-specialized-organization1:before {
    content: "\e96d";
}

.mtr-all-makeup:before {
    content: "\e96e";
}

.mtr-tools-makeup:before {
    content: "\e96f";
}

.mtr-body-makeup:before {
    content: "\e970";
}

.mtr-nail-makeup:before {
    content: "\e971";
}

.mtr-lip-makeup:before {
    content: "\e972";
}

.mtr-eye-makeup:before {
    content: "\e973";
}

.mtr-face-makeup:before {
    content: "\e974";
}

.mtr-protein:before {
    content: "\e975";
}

.mtr-deodorant:before {
    content: "\e976";
}

.mtr-body-care:before {
    content: "\e977";
}

.mtr-body-health:before {
    content: "\e978";
}

.mtr-body-shave1:before {
    content: "\e979";
}

.mtr-type2:before {
    content: "\e97b";
}

.mtr-application2:before {
    content: "\e97c";
}

.mtr-all-body-products:before {
    content: "\e97d";
}

.mtr-other1:before {
    content: "\e97e";
}

.mtr-accessories:before {
    content: "\e97f";
}

.mtr-all-products1:before {
    content: "\e986";
}

.mtr-homekitchen:before {
    content: "\e990";
}

.mtr-saloni1:before {
    content: "\e991";
}

.mtr-men:before {
    content: "\e992";
}

.mtr-brands:before {
    content: "\e993";
}

.mtr-mag:before {
    content: "\e994";
}

.mtr-body:before {
    content: "\e995";
}

.mtr-electric:before {
    content: "\e996";
}

.mtr-baby:before {
    content: "\e997";
}

.mtr-accessories1:before {
    content: "\e998";
}

.mtr-health2:before {
    content: "\e999";
}

.mtr-perfume:before {
    content: "\e99a";
}

.mtr-skin:before {
    content: "\e99b";
}

.mtr-hair-products:before {
    content: "\e99c";
}

.mtr-cosmetics-makeup:before {
    content: "\e99d";
}

.mtr-gift:before {
    content: "\e99e";
}

.mtr-accessories-:before {
    content: "\e99f";
}

.mtr-accessories2:before {
    content: "\e9a0";
}

.mtr-jewelery:before {
    content: "\e9a1";
}

.mtr-bath:before {
    content: "\e900";
}


@media print {
    html {
        font-size: 12pt;
    }
}



audio:not([controls]) {
    display: none;
    height: 0;
}

progress {
    vertical-align: baseline;
}

template,
[hidden] {
    display: none;
}

@media print {
    :link,
    :visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
        font-weight: normal;
        font-size: 14px;
        text-decoration: none;
    }

    a[href^='javascript:']:after,
    a[href^='#']:after {
        content: '';
    }
}

h1 {
    font-size: 1.14286rem;
    line-height: 3.42857rem;
    margin-top: 1.71429rem;
    margin-bottom: 1.71429rem;
}

h2 {
    font-size: 14px;
    line-height: 2rem;
    margin-top: 1.71429rem;
    margin-bottom: 1.71429rem;
}

h3 {
    font-size: 1rem;
    line-height: 2.57143rem;
    margin-top: 1.71429rem;
    margin-bottom: 1.71429rem;
}

h4 {
    font-size: 1rem;
    line-height: 1.71429rem;
    margin-top: 1.71429rem;
    margin-bottom: 1.71429rem;
}

h5 {
    font-size: 0.85714rem;
    line-height: 1.71429rem;
    margin-top: 1.71429rem;
    margin-bottom: 1.71429rem;
}

h6 {
    font-size: 0.78571rem;
    line-height: 1.71429rem;
    margin-top: 1.71429rem;
    margin-bottom: 1.71429rem;
}

abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
    text-decoration: underline dotted;
}

@media print {
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
}

b,
strong {
    font-weight: inherit;
}

strong,
b {
    font-weight: bolder;
}

pre,
code,
kbd,
samp,
var {
    font-family: Menlo, "DejaVu Sans Mono", "Ubuntu Mono", Courier, "Courier New", monospace, sans-serif;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #fd0;
    color: #4d4d4d;
}

small {
    font-size: 0.85714rem;
}

sub,
sup {
    font-size: 0.78571rem;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

.divider,
hr {
    margin: 1.71429rem 0;
    border: 0;
    border-top: 1px solid #cccccc;
}

    .divider > :first-child,
    hr > :first-child {
        margin-top: 1.71429rem;
    }

blockquote {
    margin: 1.71429rem 2rem;
}

dl,
menu,
ol,
ul {
    /*  margin: 1.71429rem 0; */
}

    ol ol,
    ol ul,
    ul ol,
    ul ul {
        margin: 0;
    }

dd {
    margin: 0 0 0 28px;
}

[dir="rtl"] dd {
    margin: 0 28px 0 0;
}

menu,
ol,
ul {
    /*  padding: 0 0 0 28px; */
}

[dir="rtl"] menu, [dir="rtl"]
ol, [dir="rtl"]
ul {
    /* padding: 0 28px 0 0; */
}

figure {
    margin: 1.71429rem 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

p,
pre {
    margin: 1.71429rem 0;
}

img {
    border-style: none;
}

img,
svg {
    max-width: 100%;
    height: auto;
}

    svg:not(:root) {
        overflow: hidden;
    }



button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

input {
    overflow: visible;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    height: auto;
}

[type='search'] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

    [type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

.button,
button,
html [type='button'],
[type='reset'],
[type='submit'] {
    -moz-appearance: button;
    -webkit-appearance: button;
}

.button,
button,
[type='button'],
[type='reset'],
[type='submit'] {
    display: inline-block;
    padding: 2px 6px;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    color: #4d4d4d;
}

    .button::-moz-focus-inner,
    button::-moz-focus-inner,
    [type='button']::-moz-focus-inner,
    [type='reset']::-moz-focus-inner,
    [type='submit']::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    .button:-moz-focusring,
    button:-moz-focusring,
    [type='button']:-moz-focusring,
    [type='reset']:-moz-focusring,
    [type='submit']:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

    .button:hover, .button:focus, .button:active,
    button:hover,
    button:focus,
    button:active,
    [type='button']:hover,
    [type='button']:focus,
    [type='button']:active,
    [type='reset']:hover,
    [type='reset']:focus,
    [type='reset']:active,
    [type='submit']:hover,
    [type='submit']:focus,
    [type='submit']:active {
        text-decoration: none;
        color: #4d4d4d;
    }

    .button[disabled],
    button[disabled],
    [disabled][type='button'],
    [disabled][type='reset'],
    [disabled][type='submit'] {
        cursor: default;
        color: #999999;
    }

        .button[disabled]:hover,
        button[disabled]:hover,
        [disabled]:hover[type='button'],
        [disabled]:hover[type='reset'],
        [disabled]:hover[type='submit'], .button[disabled]:focus,
        button[disabled]:focus,
        [disabled]:focus[type='button'],
        [disabled]:focus[type='reset'],
        [disabled]:focus[type='submit'], .button[disabled]:active,
        button[disabled]:active,
        [disabled]:active[type='button'],
        [disabled]:active[type='reset'],
        [disabled]:active[type='submit'] {
            color: #999999;
        }

[type='checkbox'],
[type='radio'] {
    box-sizing: border-box;
    padding: 0;
}

fieldset {
    padding: 0.6rem 1.07143rem 1.11429rem;
    border: 1px solid #cccccc;
    margin: 0 2px;
}

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    white-space: normal;
    color: inherit;
    margin-left: -5px;
    padding: 0 5px;
}

label {
    display: block;
    font-weight: bold;
}

optgroup {
    font-weight: bold;
}

textarea {
    overflow: auto;
}

table {
    margin: 1.71429rem 0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

td,
th {
    padding: 0;
}

.tipso_style {
    cursor: pointer;
}

@keyframes bounce {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(0, 3px, 0);
    }
}

@keyframes blink {
    50% {
        opacity: 0.5;
    }
}

@keyframes scale {
    from {
        transform: scale(0.9);
    }

    50% {
        transform: scale(1.03);
    }

    to {
        transform: scale(0.9);
    }
}

@keyframes changeColor {
    from {
        background-color: #5e8e3e;
    }

    50% {
        background-color: #D60644;
    }

    to {
        background-color: #5e8e3e;
    }
}

.layout-24col {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 0;
    padding-right: 0;
}

    .layout-24col:before {
        content: "";
        display: table;
    }

    .layout-24col:after {
        content: "";
        display: table;
        clear: both;
    }

.layout-24col__utility-first {
    display: none;
    padding-left: 10px;
    padding-right: 10px;
}

.layout-24col__utility-second {
    display: none;
    padding-left: 10px;
    padding-right: 10px;
}

.layout-24col__header-first {
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eeeeee;
}

.layout-24col__header-second {
    float: left;
    width: 66.66667%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

[dir="rtl"] .layout-24col__header-second {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
}

.layout-24col__header-third {
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

[dir="rtl"] .layout-24col__header-third {
    float: right;
    margin-right: 66.66667%;
    margin-left: -100%;
}

.layout-24col__shortcut-first {
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
}

.layout-24col__shortcut-second {
    display: none;
    padding-left: 10px;
    padding-right: 10px;
}

.layout-24col__shortcut-third {
    display: none;
    padding-left: 10px;
    padding-right: 10px;
}

.layout-24col__highlighted-first {
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
}

.layout-24col__highlighted-second {
    display: none;
    padding-left: 10px;
    padding-right: 10px;
}

.layout-24col__promote-first {
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
}

.layout-24col__promote-second {
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
}

.layout-24col__side {
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
}

.layout-24col__content {
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
}

.layout-24col__postscript-third-first {
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
}

.layout-24col__postscript-third-second {
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
}

.layout-24col__postscript-fourth-first {
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
}

.layout-24col__postscript-fourth-second {
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
}

.layout-24col__full {
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 400px) {
    .layout-24col__header-second {
        float: left;
        width: 66.66667%;
        margin-left: 0%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-24col__header-second {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-24col__header-third {
        float: left;
        width: 33.33333%;
        margin-left: 66.66667%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-24col__header-third {
        float: right;
        margin-right: 66.66667%;
        margin-left: -100%;
    }

    .layout-24col__shortcut-first {
        clear: none;
        float: left;
        width: 50%;
        margin-left: 0%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-24col__shortcut-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-24col__shortcut-second {
        display: block;
        float: left;
        width: 50%;
        margin-left: 50%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-24col__shortcut-second {
        float: right;
        margin-right: 50%;
        margin-left: -100%;
    }
}

@media (min-width: 888px) {
    .layout-24col__shortcut-first {
        float: left;
        width: 33.33333%;
        margin-left: 0%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-24col__shortcut-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-24col__shortcut-second {
        float: left;
        width: 33.33333%;
        margin-left: 33.33333%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-24col__shortcut-second {
        float: right;
        margin-right: 33.33333%;
        margin-left: -100%;
    }

    .layout-24col__shortcut-third {
        display: block;
        float: left;
        width: 33.33333%;
        margin-left: 66.66667%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-24col__shortcut-third {
        float: right;
        margin-right: 66.66667%;
        margin-left: -100%;
    }

    .layout-24col__promote-first {
        clear: none;
        float: left;
        width: 75%;
        margin-left: 0%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-24col__promote-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-24col__promote-second {
        clear: none;
        float: left;
        width: 25%;
        margin-left: 75%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-24col__promote-second {
        float: right;
        margin-right: 75%;
        margin-left: -100%;
    }

    .layout-24col__postscript-third-first {
        clear: none;
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-24col__postscript-third-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-24col__postscript-third-second {
        clear: none;
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-24col__postscript-third-second {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-24col__postscript-fourth-first {
        clear: none;
        float: left;
        width: 58.33333%;
        margin-left: 0%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-24col__postscript-fourth-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-24col__postscript-fourth-second {
        clear: none;
        float: left;
        width: 41.66667%;
        margin-left: 58.33333%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-24col__postscript-fourth-second {
        float: right;
        margin-right: 58.33333%;
        margin-left: -100%;
    }
}

@media (min-width: 999px) {
    .layout-24col__utility-first {
        float: left;
        width: 50%;
        margin-left: 0%;
        margin-right: -100%;
        display: block;
    }

    [dir="rtl"] .layout-24col__utility-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-24col__utility-second {
        float: left;
        width: 50%;
        margin-left: 50%;
        margin-right: -100%;
        display: block;
    }

    [dir="rtl"] .layout-24col__utility-second {
        float: right;
        margin-right: 50%;
        margin-left: -100%;
    }

    .layout-24col__header-first {
        clear: none;
        float: left;
        width: 33.33333%;
        margin-left: 0%;
        margin-right: -100%;
        background-color: transparent;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    [dir="rtl"] .layout-24col__header-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-24col__header-second {
        float: left;
        width: 50%;
        margin-left: 33.33333%;
        margin-right: -100%;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    [dir="rtl"] .layout-24col__header-second {
        float: right;
        margin-right: 33.33333%;
        margin-left: -100%;
    }

    .layout-24col__header-third {
        float: left;
        width: 16.66667%;
        margin-left: 83.33333%;
        margin-right: -100%;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    [dir="rtl"] .layout-24col__header-third {
        float: right;
        margin-right: 83.33333%;
        margin-left: -100%;
    }

    .layout-24col__highlighted-first {
        clear: none;
        float: left;
        width: 66.66667%;
        margin-left: 33.33333%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-24col__highlighted-first {
        float: right;
        margin-right: 33.33333%;
        margin-left: -100%;
    }

    .layout-24col__highlighted-second {
        clear: none;
        float: left;
        width: 33.33333%;
        margin-left: 0%;
        margin-right: -100%;
        display: block;
    }

    [dir="rtl"] .layout-24col__highlighted-second {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-24col__side {
        clear: none;
        float: left;
        width: 20.83333%;
        margin-left: 0%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-24col__side {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-24col__content {
        clear: none;
        float: left;
        width: 79.16667%;
        margin-left: 20.83333%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-24col__content {
        float: right;
        margin-right: 20.83333%;
        margin-left: -100%;
    }
}

@media (min-width: 1111px) {
    .layout-24col {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 0;
        padding-right: 0;
    }

        .layout-24col:before {
            content: "";
            display: table;
        }

        .layout-24col:after {
            content: "";
            display: table;
            clear: both;
        }
}

.layout-24col__grid-item-container {
    padding-left: 0;
    padding-right: 0;
}

    .layout-24col__grid-item-container:before {
        content: "";
        display: table;
    }

    .layout-24col__grid-item-container:after {
        content: "";
        display: table;
        clear: both;
    }

/*@import 'layouts/layout-12col/layout-12col';*/
/*@import 'layouts/layout-3col/layout-3col';*/
.layout-12col {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 0;
    padding-right: 0;
}

    .layout-12col:before {
        content: "";
        display: table;
    }

    .layout-12col:after {
        content: "";
        display: table;
        clear: both;
    }

.layout-12col__utility-first, .layout-12col__utility-second, .layout-12col__header-first, .layout-12col__header-logo, .layout-12col__header-second, .layout-12col__highlighted-first, .layout-12col__highlighted-second, .layout-12col__full {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 4.16667%;
    margin-left: 0%;
    margin-right: -100%;
}

[dir="rtl"] .layout-12col__utility-first, [dir="rtl"] .layout-12col__utility-second, [dir="rtl"] .layout-12col__header-first, [dir="rtl"] .layout-12col__header-logo, [dir="rtl"] .layout-12col__header-second, [dir="rtl"] .layout-12col__highlighted-first, [dir="rtl"] .layout-12col__highlighted-second, [dir="rtl"] .layout-12col__full {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
}

@media (min-width: 777px) {


    .layout-12col__utility-first {
        float: left;
        width: 12.5%;
        margin-left: 0%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-12col__utility-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-12col__utility-second {
        float: left;
        width: 12.5%;
        margin-left: 12.5%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-12col__utility-second {
        float: right;
        margin-right: 12.5%;
        margin-left: -100%;
    }

    .layout-12col__header-first {
        float: left;
        width: 8.33333%;
        margin-left: 0%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-12col__header-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-12col__header-logo {
        float: left;
        width: 8.33333%;
        margin-left: 8.33333%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-12col__header-logo {
        float: right;
        margin-right: 8.33333%;
        margin-left: -100%;
    }

    .layout-12col__header-second {
        float: left;
        width: 8.33333%;
        margin-left: 16.66667%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-12col__header-second {
        float: right;
        margin-right: 16.66667%;
        margin-left: -100%;
    }

    .layout-12col__highlighted-first {
        float: left;
        width: 12.5%;
        margin-left: 0%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-12col__highlighted-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-12col__highlighted-second {
        float: left;
        width: 12.5%;
        margin-left: 12.5%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-12col__highlighted-second {
        float: right;
        margin-right: 12.5%;
        margin-left: -100%;
    }

    .layout-12col__full {
        float: left;
        width: 25%;
        margin-left: 0%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-12col__full {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-12col__preface-first {
        float: left;
        width: 8.33333%;
        margin-left: 0%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-12col__preface-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-12col__preface-second {
        float: left;
        width: 16.66667%;
        margin-left: 8.33333%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-12col__preface-second {
        float: right;
        margin-right: 8.33333%;
        margin-left: -100%;
    }

    .layout-12col__side {
        float: left;
        width: 8.33333%;
        margin-left: 0%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-12col__side {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-12col__content {
        float: left;
        width: 16.66667%;
        margin-left: 8.33333%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-12col__content {
        float: right;
        margin-right: 8.33333%;
        margin-left: -100%;
    }

    .layout-12col__postscript-first {
        float: left;
        width: 16.66667%;
        margin-left: 0%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-12col__postscript-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-12col__postscript-second {
        float: left;
        width: 8.33333%;
        margin-left: 16.66667%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-12col__postscript-second {
        float: right;
        margin-right: 16.66667%;
        margin-left: -100%;
    }

    .layout-12col__license-first {
        float: left;
        width: 12.5%;
        margin-left: 0%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-12col__license-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-12col__license-second {
        float: left;
        width: 12.5%;
        margin-left: 12.5%;
        margin-right: -100%;
    }

    [dir="rtl"] .layout-12col__license-second {
        float: right;
        margin-right: 12.5%;
        margin-left: -100%;
    }
}

@media (min-width: 999px) {
    .layout-12col__utility-first {
        float: left;
        width: 25%;
        margin-left: 0%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    [dir="rtl"] .layout-12col__utility-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-12col__utility-second {
        float: left;
        width: 25%;
        margin-left: 25%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    [dir="rtl"] .layout-12col__utility-second {
        float: right;
        margin-right: 25%;
        margin-left: -100%;
    }

    .layout-12col__header-first {
        float: left;
        width: 12.5%;
        margin-left: 0%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    [dir="rtl"] .layout-12col__header-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-12col__header-logo {
        float: left;
        width: 25%;
        margin-left: 12.5%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    [dir="rtl"] .layout-12col__header-logo {
        float: right;
        margin-right: 12.5%;
        margin-left: -100%;
    }

    .layout-12col__header-second {
        float: left;
        width: 12.5%;
        margin-left: 37.5%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    [dir="rtl"] .layout-12col__header-second {
        float: right;
        margin-right: 37.5%;
        margin-left: -100%;
    }

    .layout-12col__highlighted-first {
        float: left;
        width: 25%;
        margin-left: 0%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    [dir="rtl"] .layout-12col__highlighted-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-12col__highlighted-second {
        float: left;
        width: 25%;
        margin-left: 25%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    [dir="rtl"] .layout-12col__highlighted-second {
        float: right;
        margin-right: 25%;
        margin-left: -100%;
    }

    .layout-12col__full {
        float: left;
        width: 50%;
        margin-left: 0%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    [dir="rtl"] .layout-12col__full {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-12col__preface-first {
        float: left;
        width: 12.5%;
        margin-left: 0%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    [dir="rtl"] .layout-12col__preface-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-12col__preface-second {
        float: left;
        width: 37.5%;
        margin-left: 12.5%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    [dir="rtl"] .layout-12col__preface-second {
        float: right;
        margin-right: 12.5%;
        margin-left: -100%;
    }

    .layout-12col__side {
        float: left;
        width: 8.33333%;
        margin-left: 0%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    [dir="rtl"] .layout-12col__side {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-12col__content {
        float: left;
        width: 41.66667%;
        margin-left: 8.33333%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    [dir="rtl"] .layout-12col__content {
        float: right;
        margin-right: 8.33333%;
        margin-left: -100%;
    }

    .layout-12col__postscript-first {
        float: left;
        width: 29.16667%;
        margin-left: 0%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    [dir="rtl"] .layout-12col__postscript-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-12col__postscript-second {
        float: left;
        width: 20.83333%;
        margin-left: 29.16667%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    [dir="rtl"] .layout-12col__postscript-second {
        float: right;
        margin-right: 29.16667%;
        margin-left: -100%;
    }

    .layout-12col__license-first {
        float: left;
        width: 25%;
        margin-left: 0%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    [dir="rtl"] .layout-12col__license-first {
        float: right;
        margin-right: 0%;
        margin-left: -100%;
    }

    .layout-12col__license-second {
        float: left;
        width: 25%;
        margin-left: 25%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    [dir="rtl"] .layout-12col__license-second {
        float: right;
        margin-right: 25%;
        margin-left: -100%;
    }
}

.layout-12col__grid-item-container {
    padding-left: 0;
    padding-right: 0;
}

    .layout-12col__grid-item-container:before {
        content: "";
        display: table;
    }

    .layout-12col__grid-item-container:after {
        content: "";
        display: table;
        clear: both;
    }

.layout-center {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
    max-width: 1160px;
    max-width: 1566px;
}

.featured .layout-center {
    padding: 0;
    overflow: hidden;
}

.layout-center--shared-grid,
.layout-center.layout-24col {
    padding-left: 0;
    padding-right: 0;
}

.layout-swap {
    position: relative;
}

@media (min-width: 555px) {
    .layout-swap {
        padding-top: 48px;
    }
}

@media (min-width: 555px) {
    .layout-swap__top {
        position: absolute;
        top: 0;
        height: 48px;
        width: 100%;
    }
}

.box {
    margin-bottom: 1.71429rem;
    border: 5px solid #cccccc;
    padding: 1em;
}

.box__title {
    margin: 0;
}

.box:focus, .box:hover, .box.is-focus, .box--is-focus {
    border-color: #4d4d4d;
}

.box--highlight {
    border-color: #4d4d4d;
}

.clearfix:before,
.tabs:before,
.form-standard .form-type-textfield:before,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-textfield:before,
.form-standard .form-type-select:before,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-select:before,
.form-standard .form-type-password:before,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-password:before,
.form-standard .form-type-textarea:before,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-textarea:before,
.form-standard .form-group:before,
.page-user-reset #change-pwd-page-user-pass-reset .form-group:before,
.form-standard .form-type-radios:before,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-radios:before,
.form-standard .form-type-managed-file:before,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-managed-file:before,
.form-standard-actions .form-actions:before,
.white-box:before,
.user-auth-wrapper .logo-sign-t:before,
.node-form:before,
.node-form .form-field-type-image table .image-widget-data .form-item:before,
.node-form .form-field-name-field-brand:before,
.node-form .form-type-checkboxes:before,
.node-form .field-widget-options-select:before,
.r-tabs .r-tabs-nav:before,
.wall-post-form .form-actions:before,
.wall-post-form .medias-wrapper:before,
#review-form:before,
#review-form .review-rate .form-item:before,
#review-form .form-actions:before,
#review-form .medias-wrapper:before,
.review-summary-form .rate:before,
.payment-gateway-form:before,
.payment-gateway-form .form-actions:before,
.payment-bank-account-item:before,
.payment-non-gateway-form:before,
.payment-non-gateway-form .payment-columns:before,
.payment-non-gateway-form .unsettled-amount:before,
.payment-non-gateway-form .form-item-bank-account .form-item:before,
.payment-non-gateway-form .form-item-card-number:before,
.payment-non-gateway-form .form-item-reference-id:before,
.payment-non-gateway-form .form-item-amount:before,
.payment-non-gateway-form .form-group:before,
#order .order-columns:before,
.order-option-form .form-type-managed-file:before,
.order-option-form .form-type-radios:before,
.order-option-form .form-actions:before,
.utility:before,
.header:before,
.header form .suggestions .items:before,
.navigation:before {
    content: '';
    display: table;
}

.clearfix:after,
.tabs:after,
.form-standard .form-type-textfield:after,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-textfield:after,
.form-standard .form-type-select:after,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-select:after,
.form-standard .form-type-password:after,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-password:after,
.form-standard .form-type-textarea:after,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-textarea:after,
.form-standard .form-group:after,
.page-user-reset #change-pwd-page-user-pass-reset .form-group:after,
.form-standard .form-type-radios:after,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-radios:after,
.form-standard .form-type-managed-file:after,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-managed-file:after,
.form-standard-actions .form-actions:after,
.white-box:after,
.user-auth-wrapper .logo-sign-t:after,
.node-form:after,
.node-form .form-field-type-image table .image-widget-data .form-item:after,
.node-form .form-field-name-field-brand:after,
.node-form .form-type-checkboxes:after,
.node-form .field-widget-options-select:after,
.r-tabs .r-tabs-nav:after,
.wall-post-form .form-actions:after,
.wall-post-form .medias-wrapper:after,
#review-form:after,
#review-form .review-rate .form-item:after,
#review-form .form-actions:after,
#review-form .medias-wrapper:after,
.review-summary-form .rate:after,
.payment-gateway-form:after,
.payment-gateway-form .form-actions:after,
.payment-bank-account-item:after,
.payment-non-gateway-form:after,
.payment-non-gateway-form .payment-columns:after,
.payment-non-gateway-form .unsettled-amount:after,
.payment-non-gateway-form .form-item-bank-account .form-item:after,
.payment-non-gateway-form .form-item-card-number:after,
.payment-non-gateway-form .form-item-reference-id:after,
.payment-non-gateway-form .form-item-amount:after,
.payment-non-gateway-form .form-group:after,
#order .order-columns:after,
.order-option-form .form-type-managed-file:after,
.order-option-form .form-type-radios:after,
.order-option-form .form-actions:after,
.utility:after,
.header:after,
.header form .suggestions .items:after,
.navigation:after {
    content: '';
    display: table;
    clear: both;
}

.comment__section,
.comments {
    margin: 1.71429rem 0;
}

.comment__title {
    margin: 0;
}

.comment__permalink {
    text-transform: uppercase;
    font-size: 75%;
}

.comment--preview,
.comment-preview {
    background-color: #fffadb;
}

.comment--nested,
.indented {
    margin-left: 28px;
}

[dir="rtl"] .comment--nested, [dir="rtl"] .indented {
    margin-left: 0;
    margin-right: 28px;
}

.hidden,
html.js .js-hidden,
html.js .element-hidden,
html.js .js-hide {
    display: none;
}

.highlight-mark,
.new,
.update {
    color: #5e8e3e;
    background-color: transparent;
}

.inline-links,
.inline.links {
    padding: 0;
}

    .inline-links__item,
    .inline.links li {
        display: inline;
        list-style-type: none;
        padding: 0 1em 0 0;
    }

    [dir="rtl"] .inline-links__item, [dir="rtl"] .inline.links li, .inline.links [dir="rtl"] li {
        display: inline-block;
        padding: 0 0 0 1em;
    }

.inline-sibling,
.field-label-inline .field-label,
span.field-label {
    display: inline;
    margin-right: 10px;
}

[dir="rtl"] .inline-sibling, [dir="rtl"] .field-label-inline .field-label, .field-label-inline [dir="rtl"] .field-label, [dir="rtl"] span.field-label {
    margin-right: 0;
    margin-left: 10px;
}

.inline-sibling__child,
.inline-sibling *,
.field-label-inline .field-label *,
span.field-label * {
    display: inline;
}

.inline-sibling__adjacent,
.inline-sibling + *,
.inline-sibling + * > :first-child,
.inline-sibling + * > :first-child > :first-child,
.field-label-inline .field-label + *,
span.field-label + *,
.field-label-inline .field-label + * > :first-child,
span.field-label + * > :first-child,
.field-label-inline .field-label + * > :first-child > :first-child,
span.field-label + * > :first-child > :first-child {
    display: inline;
}

.field-label-inline .field-label,
.field-label-inline .field-items {
    float: none;
}

.messages,
.messages--status {
    margin: 1.71429rem 0;
    position: relative;
    padding: 10px 10px 10px 44px;
    border: 1px solid #5e8e3e;
    border-radius: 10px;
}

[dir="rtl"] .messages, [dir="rtl"] .messages--status {
    padding: 10px 50px 10px 10px;
    background-position: 99% 8px;
}

.messages__icon {
    position: absolute;
    top: 50%;
    left: 10px;
    height: 24px;
    width: 24px;
    margin-top: -12px;
    line-height: 1;
}

[dir="rtl"] .messages__icon {
    left: auto;
    right: 15px;
}

.messages__icon path {
    fill: #5e8e3e;
}

.messages__highlight,
.messages--error .error,
.messages.error .error {
    color: #4d4d4d;
}

.messages__list {
    margin: 0;
}

.messages__item {
    list-style-image: none;
}

.messages--ok-color,
.messages,
.messages--status,
.ok,
.revision-current {
    background-color: transparent;
    color: #5e8e3e;
}

    .messages--warning-color,
    .messages--warning,
    .messages.warning,
    .warning {
        background-color: #fffce6;
        color: #4d4d4d;
    }

    .messages--error-color,
    .messages--error,
    .messages.error,
    .error {
        background-color: #fff0f0;
        color: #c00;
    }

    .messages--warning,
    .messages.warning {
        border-color: #fd0;
    }

        .messages--warning path,
        .messages.warning path {
            fill: #fd0;
        }

    .messages--error,
    .messages.error {
        border-color: #c00;
    }

        .messages--error path,
        .messages.error path {
            fill: #c00;
        }

@media print {
    .print-none,
    .toolbar,
    .action-links,
    .links,
    .book-navigation,
    .forum-topic-navigation,
    .feed-icons {
        display: none;
    }
}

.responsive-video,
.media-youtube-video,
.media-vimeo-preview-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

    .responsive-video__embed,
    .responsive-video iframe,
    .media-youtube-video iframe,
    .media-vimeo-preview-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.responsive-video--4-3 {
    padding-bottom: 75%;
}

.visually-hidden,
.element-invisible,
.element-focusable,
.breadcrumb__title,
.main-navigation .block-menu .block__title,
.main-navigation .block-menu-block .block__title {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal;
}

    .visually-hidden--off,
    .visually-hidden--focusable:active,
    .visually-hidden--focusable:focus,
    .element-focusable:active,
    .element-focusable:focus {
        position: static !important;
        clip: auto;
        height: auto;
        width: auto;
        overflow: visible;
    }

.watermark {
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    height: 0;
    overflow: visible;
    background-color: transparent;
    color: #eeeeee;
    font-size: 75px;
    line-height: 1;
    text-align: center;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    word-wrap: break-word;
}

@media print {
    .breadcrumb {
        display: none;
    }
}

.breadcrumb__list {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #999999;
    max-width: 100%;
    display: flex;
    overflow-x: auto;
    flex-wrap: nowrap;
}

.breadcrumb__item {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    white-space: nowrap;
    vertical-align: middle;
}

.breadcrumb__separator {
    font-size: 25px;
    font-weight: 300;
    padding: 0 3px;
    color: #4d4d4d;
}

.more-link,
.more-help-link {
    text-align: right;
}

[dir="rtl"] .more-link, [dir="rtl"] .more-help-link {
    text-align: left;
}

.more-link__help-icon,
.more-help-link a {
    padding: 1px 0 1px 20px;
    background-image: url(../sass/navigation/more-link/more-link__help-icon.svg);
    background-position: 0 50%;
    background-repeat: no-repeat;
}

[dir="rtl"] .more-link__help-icon, [dir="rtl"] .more-help-link a, .more-help-link [dir="rtl"] a {
    padding: 1px 20px 1px 0;
    background-position: 100% 50%;
}

.nav-menu__item,
.menu__item {
    list-style-image: url(../sass/navigation/nav-menu/leaf.svg);
    list-style-type: square;
}

    .nav-menu__item.is-expanded, .nav-menu__item--is-expanded,
    .is-expanded.menu__item,
    .menu__item.is-expanded {
        list-style-image: url(../sass/navigation/nav-menu/expanded.svg);
        list-style-type: circle;
    }

    .nav-menu__item.is-collapsed, .nav-menu__item--is-collapsed,
    .is-collapsed.menu__item,
    .menu__item.is-collapsed {
        list-style-image: url(../sass/navigation/nav-menu/collapsed.svg);
        list-style-type: disc;
    }

[dir="rtl"] .nav-menu__item.is-collapsed, [dir="rtl"] .nav-menu__item--is-collapsed, [dir="rtl"] .is-collapsed.menu__item, [dir="rtl"] .menu__item.is-collapsed {
    list-style-image: url(../sass/navigation/nav-menu/collapsed-rtl.svg);
}

.nav-menu__link.is-active, .nav-menu__link--is-active,
.menu a.active {
    color: #4d4d4d;
}

.navbar,
.main-navigation .links,
.main-navigation .menu {
    margin: 0;
    padding: 0;
    text-align: left;
}

[dir="rtl"] .navbar, [dir="rtl"] .main-navigation .links, .main-navigation [dir="rtl"] .links,
[dir="rtl"] .main-navigation .menu, .main-navigation [dir="rtl"] .menu {
    text-align: right;
}

.navbar__item,
.navbar li,
.main-navigation .links li,
.main-navigation .menu li {
    float: left;
    padding: 0 10px 0 0;
    list-style-type: none;
    list-style-image: none;
}

[dir="rtl"] .navbar__item, [dir="rtl"]
.navbar li, [dir="rtl"] .main-navigation .links li, .main-navigation [dir="rtl"] .links li, [dir="rtl"] .main-navigation .menu li, .main-navigation [dir="rtl"] .menu li {
    float: right;
    padding: 0 0 0 10px;
}

.pager {
    clear: both;
    padding: 10px 0 !important;
    text-align: center;
    margin: 0;
    font-size: 1rem;
}

@media (min-width: 777px) {
    .pager {
        text-align: left;
        font-size: 1.2rem;
    }
}

@media print {
    .pager {
        display: none;
    }
}

.pager__item,
.pager__current-item,
.pager-current,
.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis {
    display: inline;
    padding: 0 .5em;
    list-style-type: none;
    background-image: none;
}

.pager__current-item,
.pager-current {
    color: #5e8e3e;
    border: 1px solid #5e8e3e;
    border-radius: 4px;
}

.item-list .pager-item,
.item-list .pager-last,
.item-list .pager-next,
.item-list .pager-first,
.item-list .pager-previous,
.item-list .pager-current,
.item-list .pager-ellipsis {
    margin: 0 .5em 0.25em 0;
}

.item-list .pager-last,
.item-list .pager-first {
    display: none;
}

@media (min-width: 777px) {
    .item-list .pager-last,
    .item-list .pager-first {
        display: inline;
    }
}

.skip-link {
    display: block;
    padding: 2px 0 3px;
    text-align: center;
}

    .skip-link:link, .skip-link:visited {
        background-color: #666666;
        color: #fff;
    }

.skip-link__wrapper {
    margin: 0;
}

@media print {
    .skip-link__wrapper {
        display: none;
    }
}

.tabs {
    margin: 1.28571rem 0 0;
    line-height: 2.14286rem;
    border-bottom: 1px solid #cccccc \0/ie;
    background-image: linear-gradient(to top, #cccccc 1px, transparent 1px);
    padding: 0 2px;
    list-style: none;
    white-space: nowrap;
}

@media print {
    .tabs {
        display: none;
    }
}

.tabs__tab {
    float: left;
    margin: 0 3px;
    border: 1px solid #cccccc;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-color: transparent;
    border-bottom: 0 \0/ie;
    overflow: hidden;
    background: #dddddd;
}

[dir="rtl"] .tabs__tab {
    float: right;
}

.tabs__tab.is-active {
    border-bottom-color: #fff;
}

.tabs__tab-link {
    padding: 0 10px;
    display: block;
    text-decoration: none;
    transition: color .3s, background .3s, border .3s;
    color: #4d4d4d;
    background: #dddddd;
    letter-spacing: 1px;
}

    .tabs__tab-link:focus, .tabs__tab-link:hover {
        background: #eaeaea;
    }

    .tabs__tab-link:active, .tabs__tab-link.is-active, .tabs__tab-link--is-active {
        background: #fff;
        text-shadow: none;
    }

.tabs--off,
.views-displays .secondary {
    margin: 0;
    border-bottom: 0;
    padding: 0;
    background-image: none;
}

.tabs--secondary {
    margin-top: 1.71429rem;
    font-size: 0.85714rem;
    background-image: none;
}

.tabs + .tabs--secondary {
    margin-top: 0;
    background-image: linear-gradient(to top, #cccccc 1px, transparent 1px);
}

.tabs--secondary .tabs__tab {
    margin: 0.64286rem 0.21429rem;
    border: 0;
    background: transparent;
}

[dir="rtl"] .tabs--secondary .tabs__tab {
    float: right;
}

.tabs--secondary .tabs__tab.is-active {
    border-bottom-color: transparent;
}

.tabs--secondary .tabs__tab-link {
    border: 1px solid #cccccc;
    border-radius: 24px;
    color: #666666;
    background: #f1f1f1;
    letter-spacing: normal;
}

    .tabs--secondary .tabs__tab-link:focus, .tabs--secondary .tabs__tab-link:hover {
        color: #333333;
        background: #dddddd;
        border-color: #999999;
    }

    .tabs--secondary .tabs__tab-link:active, .tabs--secondary .tabs__tab-link.is-active, .tabs--secondary .tabs__tab-link--is-active {
        color: white;
        text-shadow: #333333 0 1px 0;
        background: #666666;
        border-color: black;
    }

.autocomplete,
.form-autocomplete {
    background-image: url(../sass/forms/autocomplete/throbber-inactive.png);
    background-position: 100% center;
    background-repeat: no-repeat;
}

[dir="rtl"] .autocomplete, [dir="rtl"] .form-autocomplete {
    background-position: 0% center;
}

.autocomplete__list-wrapper,
#autocomplete {
    border: 1px solid;
    overflow: hidden;
    position: absolute;
    z-index: 100;
}

    .autocomplete__list,
    #autocomplete ul {
        list-style: none;
        list-style-image: none;
        margin: 0;
        padding: 0;
    }

    .autocomplete__list-item,
    #autocomplete li {
        background: #fff;
        color: #4d4d4d;
        cursor: default;
        white-space: pre;
    }

        .autocomplete__list-item.is-selected, .autocomplete__list-item--is-selected,
        #autocomplete li.is-selected,
        #autocomplete .selected {
            background: #0072b9;
            color: #fff;
        }

.autocomplete.is-throbbing, .autocomplete--is-throbbing,
.is-throbbing.form-autocomplete,
.form-autocomplete.throbbing {
    background-image: url(../sass/forms/autocomplete/throbber-active.gif);
}

.collapsible-fieldset,
.collapsible {
    position: relative;
}

    .collapsible-fieldset__legend,
    .collapsible .fieldset-legend {
        display: block;
        padding-left: 15px;
        background-image: url(../sass/forms/collapsible-fieldset/expanded.svg);
        background-position: 4px 50%;
        background-repeat: no-repeat;
    }

    [dir="rtl"] .collapsible-fieldset__legend, [dir="rtl"] .collapsible .fieldset-legend, .collapsible [dir="rtl"] .fieldset-legend {
        padding-left: 0;
        padding-right: 15px;
        background-position: right 4px top 50%;
    }

    .collapsible-fieldset__summary,
    .collapsible .fieldset-legend .summary {
        color: #999999;
        font-size: .9em;
        margin-left: .5em;
    }

    .collapsible-fieldset.is-collapsed, .collapsible-fieldset--is-collapsed,
    .is-collapsed.collapsible,
    .collapsible.collapsed {
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;
        height: 1em;
    }

        .collapsible-fieldset.is-collapsed .collapsible-fieldset__wrapper, .collapsible-fieldset--is-collapsed__wrapper,
        .is-collapsed.collapsible .collapsible-fieldset__wrapper,
        .collapsible.collapsed .fieldset-wrapper {
            display: none;
        }

        .collapsible-fieldset.is-collapsed .collapsible-fieldset__legend, .collapsible-fieldset--is-collapsed__legend,
        .is-collapsed.collapsible .collapsible-fieldset__legend,
        .collapsible.collapsed .fieldset-legend, .collapsible-fieldset.is-collapsed .collapsible .fieldset-legend, .collapsible .collapsible-fieldset.is-collapsed .fieldset-legend,
        .is-collapsed.collapsible .fieldset-legend {
            background-image: url(../sass/forms/collapsible-fieldset/collapsed.svg);
            background-position: 4px 50%;
        }

        [dir="rtl"] .collapsible-fieldset.is-collapsed .collapsible-fieldset__legend, [dir="rtl"] .collapsible-fieldset--is-collapsed__legend, [dir="rtl"] .is-collapsed.collapsible .collapsible-fieldset__legend, [dir="rtl"] .collapsible.collapsed .fieldset-legend, .collapsible.collapsed [dir="rtl"] .fieldset-legend, [dir="rtl"] .collapsible-fieldset.is-collapsed .collapsible .fieldset-legend, .collapsible [dir="rtl"] .collapsible-fieldset.is-collapsed .fieldset-legend, [dir="rtl"] .is-collapsed.collapsible .fieldset-legend {
            background-image: url(../sass/forms/collapsible-fieldset/collapsed-rtl.svg);
            background-position: right 4px top 50%;
        }

.form-item {
    margin: 1.71429rem 0;
}

.form-item__required,
.form-required {
    color: #c00;
}

.form-item__description,
.form-item .description {
    font-size: 0.85714rem;
}

.form-item--inline div,
.form-item--inline label,
.container-inline .form-item div,
.container-inline .form-item label {
    display: inline;
}

.form-item--inline__exception,
.container-inline .fieldset-wrapper {
    display: block;
}

.form-item--tight,
.form-item--radio,
.form-type-radio,
.form-type-checkbox,
.password-parent,
.confirm-parent,
table .form-item {
    margin: 0;
}

    .form-item--radio .form-item__label, .form-item--radio__label,
    .form-type-radio .form-item__label,
    .form-type-checkbox .form-item__label,
    label.option {
        display: inline;
        font-weight: normal;
    }

    .form-item--radio .form-item__description, .form-item--radio__description,
    .form-type-radio .form-item__description,
    .form-type-checkbox .form-item__description,
    .form-type-radio .description,
    .form-type-checkbox .description, .form-item--radio .form-item .description, .form-item .form-item--radio .description,
    .form-type-radio .form-item .description,
    .form-item .form-type-radio .description,
    .form-type-checkbox .form-item .description,
    .form-item .form-type-checkbox .description {
        margin-left: 1.4em;
    }

.form-item.is-error .form-item__widget, .form-item--is-error__widget,
.form-item.is-error input,
.form-item.is-error textarea,
.form-item.is-error select,
.form-item--is-error input,
.form-item--is-error textarea,
.form-item--is-error select,
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
    border: 1px solid #c00;
}

.form-table__sticky-header,
.sticky-header {
    position: fixed;
    visibility: hidden;
    margin-top: 0;
    background-color: #f1f1f1;
}

    .form-table__sticky-header.is-sticky, .form-table__sticky-header--is-sticky,
    .is-sticky.sticky-header {
        visibility: visible;
    }

.form-table__header,
.form-table th,
form table th {
    border-bottom: 3px solid #cccccc;
    padding-right: 1em;
    text-align: left;
}

[dir="rtl"] .form-table__header, [dir="rtl"] .form-table th, .form-table [dir="rtl"] th,
[dir="rtl"] form table th, form table [dir="rtl"] th {
    text-align: right;
    padding-left: 1em;
    padding-right: 0;
}

.form-table__body,
.form-table tbody,
form table tbody {
    border-top: 1px solid #cccccc;
}

    .form-table__row,
    .form-table tbody tr,
    form table tbody tr {
        padding: .1em .6em;
        border-bottom: 1px solid #cccccc;
        background-color: #eeeeee;
    }

        .form-table__row:nth-child(even),
        .form-table tbody tr:nth-child(even),
        form table tbody tr:nth-child(even) {
            background-color: #f1f1f1;
        }

        .form-table__row.is-active, .form-table__row--is-active,
        .form-table tbody tr.is-active,
        form table tbody tr.is-active,
        td.active {
            background-color: #dddddd;
        }

        .form-table__row.is-disabled, .form-table__row--is-disabled,
        .form-table tbody tr.is-disabled,
        form table tbody tr.is-disabled,
        td.menu-disabled {
            background: #cccccc;
        }

        .form-table__row.is-selected, .form-table__row--is-selected,
        .form-table tbody tr.is-selected,
        form table tbody tr.is-selected,
        tr.selected td {
            background: #fffdf0;
        }

.form-table__list,
.form-table ul,
form table ul {
    margin: 0;
}

.form-table__narrow-column,
.form-table th.form-table__narrow-column,
form table th.form-table__narrow-column,
td .checkbox,
th .checkbox {
    width: -webkit-min-content;
    text-align: center;
}

.progress-bar,
.progress {
    font-weight: bold;
}

    .progress-bar__bar,
    .progress .bar {
        border-radius: 4px;
        margin: 0 .2em;
        border: 1px solid #666666;
        background-color: #cccccc;
    }

    .progress-bar__fill,
    .progress .filled {
        height: 1.5em;
        width: 5px;
        background: #0072b9 url(../sass/forms/progress-bar/progress-bar.gif) repeat 0 0;
    }

    .progress-bar__percentage,
    .progress .percentage {
        float: right;
    }

    [dir="rtl"] .progress-bar__percentage, [dir="rtl"] .progress .percentage, .progress [dir="rtl"] .percentage {
        float: left;
    }

.progress-bar--inline,
.ajax-progress-bar {
    width: 16em;
    display: inline-block;
}

[dir="rtl"] .progress-bar--inline, [dir="rtl"] .ajax-progress-bar {
    float: right;
}

.progress-throbber,
.ajax-progress {
    display: inline-block;
}

[dir="rtl"] .progress-throbber, [dir="rtl"] .ajax-progress {
    float: right;
}

.progress-throbber__widget,
.ajax-progress .throbber {
    background: url(../sass/forms/progress-throbber/progress-throbber.gif) no-repeat 0 -18px transparent;
    float: left;
    height: 15px;
    margin: 2px;
    width: 15px;
}

[dir="rtl"] .progress-throbber__widget, [dir="rtl"] .ajax-progress .throbber, .ajax-progress [dir="rtl"] .throbber {
    float: right;
}

.progress-throbber__widget-in-tr,
tr .ajax-progress .throbber {
    margin: 0 2px;
}

.progress-throbber__message,
.ajax-progress .message {
    padding-left: 20px;
}

.resizable-textarea,
.resizable-textarea textarea {
    width: 100%;
    vertical-align: bottom;
}



.table-drag__wrapper,
body.drag {
    cursor: move;
}

.table-drag__item,
tr.drag {
    background-color: #fffadb;
}

.table-drag__item-previous,
tr.drag-previous {
    background-color: #fff7c2;
}

.table-drag__handle,
.tabledrag-handle {
    cursor: move;
    float: left;
    height: 1.7em;
    margin-left: -1em;
    overflow: hidden;
    text-decoration: none;
    font-size: 12px;
}

[dir="rtl"] .table-drag__handle, [dir="rtl"] .tabledrag-handle {
    float: right;
    margin-right: -1em;
    margin-left: 0;
}

.table-drag__handle:focus, .table-drag__handle:hover,
.tabledrag-handle:focus,
.tabledrag-handle:hover {
    text-decoration: none;
}

.table-drag__handle-icon,
.tabledrag-handle .handle {
    box-sizing: content-box;
    background: url(../sass/forms/table-drag/handle-icon.png) no-repeat 6px 9px;
    height: 13px;
    margin: -.4em .5em;
    padding: .42em .5em;
    width: 13px;
}

.table-drag__handle.is-hover .table-drag__handle-icon, .table-drag__handle-icon--is-hover,
.is-hover.tabledrag-handle .table-drag__handle-icon,
.tabledrag-handle-hover .handle, .table-drag__handle.is-hover .tabledrag-handle .handle, .tabledrag-handle .table-drag__handle.is-hover .handle,
.is-hover.tabledrag-handle .handle {
    background-position: 6px -11px;
}

.table-drag__toggle-weight-wrapper,
.tabledrag-toggle-weight-wrapper {
    text-align: right;
}

[dir="rtl"] .table-drag__toggle-weight-wrapper, [dir="rtl"] .tabledrag-toggle-weight-wrapper {
    text-align: left;
}

.table-drag__toggle-weight,
.tabledrag-toggle-weight {
    font-size: .9em;
}

.table-drag__indentation,
.indentation {
    float: left;
    height: 1.7em;
    margin: -.4em .2em -.4em -.4em;
    padding: .42em 0 .42em .6em;
    width: 20px;
}

[dir="rtl"] .table-drag__indentation, [dir="rtl"] .indentation {
    float: right;
    margin: -.4em -.4em -.4em .2em;
    padding: .42em .6em .42em 0;
}

.table-drag__tree-child,
.table-drag__tree-child-last,
.tree-child-last,
.table-drag__tree-child-horizontal,
.tree-child-horizontal,
.tree-child {
    background: url(../sass/forms/table-drag/tree-child.png) no-repeat 11px center;
}

[dir="rtl"] .table-drag__tree-child, [dir="rtl"] .table-drag__tree-child-last, [dir="rtl"] .tree-child-last, [dir="rtl"] .table-drag__tree-child-horizontal, [dir="rtl"] .tree-child-horizontal, [dir="rtl"] .tree-child {
    background-position: -65px center;
}

.table-drag__tree-child-last,
.tree-child-last {
    background-image: url(../sass/forms/table-drag/tree-child-last.png);
}

.table-drag__tree-child-horizontal,
.tree-child-horizontal {
    background-position: -11px center;
}

.nice-select-box {
    border-color: #e0e0e0;
    height: 28px;
    line-height: 26px;
    padding: 0 0 0 23px;
    clear: none;
}

    .nice-select-box:after {
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
        width: 6px;
        height: 6px;
        left: 7px;
        right: auto;
    }

    .nice-select-box:active, .nice-select-box.open, .nice-select-box:focus {
        border-color: #ccc;
    }

    .nice-select-box .current {
        display: block;
        border-left: 1px solid #e9e9e9;
        height: 26px;
        line-height: 27px;
        min-width: 31px;
        padding: 0 5px;
        text-align: center;
    }

    .nice-select-box .list {
        width: 100%;
    }

    .nice-select-box .option {
        padding: 0 5px;
        text-align: center;
    }

@media (min-width: 888px) {
    .nice-select-box {
        height: 30px;
        line-height: 28px;
        padding: 0 0 0 25px;
    }

        .nice-select-box:after {
            left: 8px;
        }

        .nice-select-box .current {
            height: 28px;
            line-height: 28px;
            min-width: 33px;
        }
}

.disable-scroll {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    overflow-y: hidden;
}

.text-center {
    text-align: center;
}

.text-inverse {
    text-align: right;
}

[dir="rtl"] .text-inverse {
    text-align: left;
}

.text-ltr {
    direction: ltr;
}

.text-muted {
    color: #999999;
}

.text-info {
    color: #5e8e3e;
}

.text-invalid {
    text-decoration: line-through;
}

.text-danger {
    color: red;
}

.text-success {
    color: darkgreen;
}

.text-block {
    background-color: #f8f8f8;
    padding: 10px;
    border-radius: 4px;
}

    .text-block a {
        color: #0fa7ad;
    }

        .text-block a:hover {
            color: #5e8e3e;
        }

    .text-block .btn-info {
        color: #fff !important;
    }

.d-block {
    display: block;
}

.cke_editable h1,
.body-format-full_html h1 {
    font-size: 1.1em;
    font-weight: normal;
    color: #5e8e3e;
    margin: 0 0 10px 0;
}

    .cke_editable h1:before,
    .body-format-full_html h1:before {
        content: "\f054";
        margin: 0 10px 0 0;
    }

[dir="rtl"] .cke_editable h1:before, [dir="rtl"]
.body-format-full_html h1:before {
    content: "\f053";
    margin: 0 0 0 10px;
}

.cke_editable h1 a,
.body-format-full_html h1 a {
    color: #5e8e3e;
}

.cke_editable h2,
.body-format-full_html h2 {
    font-size: 1.05em;
    font-weight: normal;
    color: #5e8e3e;
    margin: 0 0 10px 0;
}

    .cke_editable h2:before,
    .body-format-full_html h2:before {
        content: "\f101";
        margin: 0 10px 0 0;
    }

[dir="rtl"] .cke_editable h2:before, [dir="rtl"]
.body-format-full_html h2:before {
    content: "\f100";
    margin: 0 0 0 10px;
}

.cke_editable h2 a,
.body-format-full_html h2 a {
    color: inherit;
}

.cke_editable h3,
.body-format-full_html h3 {
    font-size: 1.05em;
    font-weight: normal;
    color: #5e8e3e;
    margin: 0 0 10px 0;
}

    .cke_editable h3:before,
    .body-format-full_html h3:before {
        content: "\f061";
        margin: 0 10px 0 0;
    }

[dir="rtl"] .cke_editable h3:before, [dir="rtl"]
.body-format-full_html h3:before {
    content: "\f060";
    margin: 0 0 0 10px;
}

.cke_editable h3 a,
.body-format-full_html h3 a {
    color: inherit;
}

.cke_editable h4,
.body-format-full_html h4 {
    font-size: 1em;
    font-weight: normal;
    color: #5e8e3e;
    margin: 0 0 10px 0;
}

    .cke_editable h4:before,
    .body-format-full_html h4:before {
        content: "\f178";
        margin: 0 10px 0 0;
    }

[dir="rtl"] .cke_editable h4:before, [dir="rtl"]
.body-format-full_html h4:before {
    content: "\f177";
    margin: 0 0 0 10px;
}

.cke_editable h4 a,
.body-format-full_html h4 a {
    color: inherit;
}

.cke_editable a,
.body-format-full_html a {
    color: #0fa7ad;
}

    .cke_editable a:hover,
    .body-format-full_html a:hover {
        color: #5e8e3e;
    }

.cke_editable p,
.body-format-full_html p {
    margin: 0 0 10px 0;
}

.cke_editable img,
.body-format-full_html img {
    display: block;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    padding: 2px;
    margin: 0 auto 40px auto;
}

.tabs {
    display: none;
    padding: 0 !important;
    margin: 0 !important;
}

@media (min-width: 1222px) {
    .tabs {
        display: block;
    }
}

.tabs__tab {
    margin: 0 1px;
}

.tabs__tab-link {
    padding: 0 4px;
}

.visible-to-medium {
    display: block;
}

@media (min-width: 777px) {
    .visible-to-medium {
        display: none !important;
    }
}

.visible-from-medium {
    display: none !important;
}

@media (min-width: 777px) {
    .visible-from-medium {
        display: block !important;
    }
}

.visible-to-large {
    display: block;
}

@media (min-width: 888px) {
    .visible-to-large {
        display: none;
    }
}

.visible-from-large {
    display: none;
}

@media (min-width: 888px) {
    .visible-from-large {
        display: block;
    }
}

.visible-to-x-large {
    display: block !important;
}

@media (min-width: 999px) {
    .visible-to-x-large {
        display: none !important;
    }
}

.visible-from-x-large {
    display: none !important;
}

@media (min-width: 999px) {
    .visible-from-x-large {
        display: block !important;
    }
}

.visible-to-xx-large {
    display: block !important;
}

@media (min-width: 1111px) {
    .visible-to-xx-large {
        display: none !important;
    }
}

.visible-from-xx-large {
    display: none !important;
}

@media (min-width: 1111px) {
    .visible-from-xx-large {
        display: block !important;
    }
}

.visible-to-xx-small {
    display: block !important;
}

@media (min-width: 1111px) {
    .visible-to-xx-small {
        display: none !important;
    }
}

.visible-from-xx-small {
    display: none !important;
}

@media (min-width: 1111px) {
    .visible-from-xx-small {
        display: block !important;
    }
}

.push-start {
    float: left;
}

[dir="rtl"] .push-start {
    float: right;
}

.push-end {
    float: right;
}

[dir="rtl"] .push-end {
    float: left;
}

.btn {
    line-height: 40px;
    padding: 0 25px;
    display: inline-block;
    border-radius: 10px;
}

    .btn i {
        font-size: 18px;
        vertical-align: middle;
    }

.btn-medium {
    line-height: 36px;
    padding: 0 10px;
}

.btn-primary {
    background-color: #95bf47;
    color: #fff !important;
    border-color: #5e8e3e !important;
    box-shadow: none !important;
}

    .btn-primary:hover {
        background-color: #5e8e3e;
        color: #fff !important;
        border-color: #5e8e3e !important;
        box-shadow: none !important;
    }

.btn-secondary {
    background-color: #999999;
    color: #fff;
}

    .btn-secondary:hover {
        background-color: #8c8c8c;
    }

.btn-secondary2 {
    background-color: #5e8e3e;
    color: #fff;
}

    .btn-secondary2:hover {
        background-color: #5e8e3e;
        border-color: #5e8e3e;
        color: #fff !important;
    }

.btn-info {
    background-color: #5e8e3e;
    border-color: #5e8e3e;
    color: #fff;
}

    .btn-info:hover {
        background-color: #5e8e3e;
        border-color: #5e8e3e;
        color: #fff !important;
    }

.btn-outline-secondary {
    border: 1px solid #5e8e3e;
    color: #5e8e3e;
}

    .btn-outline-secondary:hover {
        background-color: #f8f8f8;
        border-color: #0fa7ad;
    }

.btn-outline-secondary2 {
    border: 1px solid #999999;
}

.btn-outline-primary {
    border: 2px solid #5e8e3e;
}

    .btn-outline-primary:hover, .btn-outline-primary:focus {
        background-color: #f8f8f8 !important;
        border-color: #5e8e3e !important;
    }

.form-standard, .page-user-reset #change-pwd-page-user-pass-reset {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 10px;
    margin: 0 0 10px 0;
}

    .form-standard h2, .page-user-reset #change-pwd-page-user-pass-reset h2 {
        font-size: 1.2em;
        font-weight: normal;
        text-align: center;
        margin: 0 0 10px 0;
        color: #707070;
    }

    .form-standard h3, .page-user-reset #change-pwd-page-user-pass-reset h3 {
        font-size: 1.1em;
        font-weight: normal;
        text-align: center;
        margin: 0 0 20px 0;
    }

    .form-standard .form-item, .page-user-reset #change-pwd-page-user-pass-reset .form-item {
        margin: 0 0 10px 0;
    }

    .form-standard .form-type-textfield, .page-user-reset #change-pwd-page-user-pass-reset .form-type-textfield,
    .form-standard .form-type-select,
    .page-user-reset #change-pwd-page-user-pass-reset .form-type-select,
    .form-standard .form-type-password,
    .page-user-reset #change-pwd-page-user-pass-reset .form-type-password {
        margin: 0 0 10px 0;
    }

        .form-standard .form-type-textfield label, .page-user-reset #change-pwd-page-user-pass-reset .form-type-textfield label,
        .form-standard .form-type-select label,
        .page-user-reset #change-pwd-page-user-pass-reset .form-type-select label,
        .form-standard .form-type-password label,
        .page-user-reset #change-pwd-page-user-pass-reset .form-type-password label {
            line-height: 36px;
            font-weight: normal;
            width: 100%;
            float: left;
            color: #707070;
        }

[dir="rtl"] .form-standard .form-type-textfield label, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-type-textfield label, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-type-textfield label, [dir="rtl"] .form-standard .form-type-select label, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-type-select label, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-type-select label, [dir="rtl"] .form-standard .form-type-password label, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-type-password label, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-type-password label {
    float: right;
}

@media (min-width: 777px) {
}

.form-standard .form-type-textfield select, .page-user-reset #change-pwd-page-user-pass-reset .form-type-textfield select,
.form-standard .form-type-textfield input,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-textfield input,
.form-standard .form-type-select select,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-select select,
.form-standard .form-type-select input,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-select input,
.form-standard .form-type-password select,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-password select,
.form-standard .form-type-password input,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-password input {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    margin: 0;
    width: 100%;
    float: left;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    color: #707070;
}

[dir="rtl"] .form-standard .form-type-textfield select, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-type-textfield select, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-type-textfield select, [dir="rtl"] .form-standard .form-type-textfield input, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-type-textfield input, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-type-textfield input, [dir="rtl"] .form-standard .form-type-select select, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-type-select select, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-type-select select, [dir="rtl"] .form-standard .form-type-select input, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-type-select input, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-type-select input, [dir="rtl"] .form-standard .form-type-password select, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-type-password select, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-type-password select, [dir="rtl"] .form-standard .form-type-password input, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-type-password input, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-type-password input {
    float: right;
}

@media (min-width: 777px) {
    .form-standard .form-type-textfield select, .page-user-reset #change-pwd-page-user-pass-reset .form-type-textfield select,
    .form-standard .form-type-textfield input,
    .page-user-reset #change-pwd-page-user-pass-reset .form-type-textfield input,
    .form-standard .form-type-select select,
    .page-user-reset #change-pwd-page-user-pass-reset .form-type-select select,
    .form-standard .form-type-select input,
    .page-user-reset #change-pwd-page-user-pass-reset .form-type-select input,
    .form-standard .form-type-password select,
    .page-user-reset #change-pwd-page-user-pass-reset .form-type-password select,
    .form-standard .form-type-password input,
    .page-user-reset #change-pwd-page-user-pass-reset .form-type-password input {
        width: 70%;
    }
}

.form-standard .form-type-textfield .description, .page-user-reset #change-pwd-page-user-pass-reset .form-type-textfield .description,
.form-standard .form-type-select .description,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-select .description,
.form-standard .form-type-password .description,
.page-user-reset #change-pwd-page-user-pass-reset .form-type-password .description {
    display: none;
}

.form-standard .form-type-textarea, .page-user-reset #change-pwd-page-user-pass-reset .form-type-textarea {
    margin: 0 0 10px 0;
}

    .form-standard .form-type-textarea label, .page-user-reset #change-pwd-page-user-pass-reset .form-type-textarea label {
        line-height: 36px;
        font-weight: normal;
        width: 100%;
        float: left;
    }

[dir="rtl"] .form-standard .form-type-textarea label, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-type-textarea label, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-type-textarea label {
    float: right;
}

@media (min-width: 777px) {
    .form-standard .form-type-textarea label, .page-user-reset #change-pwd-page-user-pass-reset .form-type-textarea label {
        width: 30%;
    }
}

.form-standard .form-type-textarea .form-textarea-wrapper, .page-user-reset #change-pwd-page-user-pass-reset .form-type-textarea .form-textarea-wrapper {
    width: 100%;
    float: left;
}

[dir="rtl"] .form-standard .form-type-textarea .form-textarea-wrapper, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-type-textarea .form-textarea-wrapper, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-type-textarea .form-textarea-wrapper {
    float: right;
}

@media (min-width: 777px) {
    .form-standard .form-type-textarea .form-textarea-wrapper, .page-user-reset #change-pwd-page-user-pass-reset .form-type-textarea .form-textarea-wrapper {
        width: 70%;
    }
}

.form-standard .form-type-textarea textarea, .page-user-reset #change-pwd-page-user-pass-reset .form-type-textarea textarea {
    width: 100%;
    padding: 0 10px;
    margin: 0;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
}

.form-standard .form-group .form-group-label, .page-user-reset #change-pwd-page-user-pass-reset .form-group .form-group-label {
    line-height: 36px;
    margin: 0 0 10px 0;
    width: 100%;
    float: left;
}

[dir="rtl"] .form-standard .form-group .form-group-label, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-group .form-group-label, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-group .form-group-label {
    float: right;
}

@media (min-width: 777px) {
    .form-standard .form-group .form-group-label, .page-user-reset #change-pwd-page-user-pass-reset .form-group .form-group-label {
        width: 30%;
    }
}

.form-standard .form-group .form-group-inputs, .page-user-reset #change-pwd-page-user-pass-reset .form-group .form-group-inputs {
    width: 100%;
    float: left;
}

[dir="rtl"] .form-standard .form-group .form-group-inputs, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-group .form-group-inputs, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-group .form-group-inputs {
    float: right;
}

@media (min-width: 777px) {
    .form-standard .form-group .form-group-inputs, .page-user-reset #change-pwd-page-user-pass-reset .form-group .form-group-inputs {
        width: 70%;
    }
}

.form-standard .form-group select, .page-user-reset #change-pwd-page-user-pass-reset .form-group select,
.form-standard .form-group input,
.page-user-reset #change-pwd-page-user-pass-reset .form-group input {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    margin: 0;
    width: 100%;
}

.form-standard .form-group-phone .form-item-phone-code, .page-user-reset #change-pwd-page-user-pass-reset .form-group-phone .form-item-phone-code,
.form-standard .form-group-phone .form-item-company-phone-code,
.page-user-reset #change-pwd-page-user-pass-reset .form-group-phone .form-item-company-phone-code {
    padding: 0 5px 0 0;
    width: 25%;
    float: left;
}

.form-standard .form-group-phone .form-item-phone-number, .page-user-reset #change-pwd-page-user-pass-reset .form-group-phone .form-item-phone-number,
.form-standard .form-group-phone .form-item-company-phone-number,
.page-user-reset #change-pwd-page-user-pass-reset .form-group-phone .form-item-company-phone-number {
    width: 75%;
    float: left;
}

.form-standard .form-group-birthday .form-item, .page-user-reset #change-pwd-page-user-pass-reset .form-group-birthday .form-item {
    width: 33.33%;
    float: left;
}

.form-standard .form-group-birthday .form-item-birthday-year, .page-user-reset #change-pwd-page-user-pass-reset .form-group-birthday .form-item-birthday-year {
    padding: 0 5px 0 0;
}

.form-standard .form-group-birthday .form-item-birthday-month, .page-user-reset #change-pwd-page-user-pass-reset .form-group-birthday .form-item-birthday-month {
    padding: 0 5px 0 0;
}

.form-standard .form-type-radios > label, .page-user-reset #change-pwd-page-user-pass-reset .form-type-radios > label {
    line-height: 36px;
    margin: 0 0 10px 0;
    width: 100%;
    float: left;
}

[dir="rtl"] .form-standard .form-type-radios > label, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-type-radios > label, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-type-radios > label {
    float: right;
}

@media (min-width: 777px) {
    .form-standard .form-type-radios > label, .page-user-reset #change-pwd-page-user-pass-reset .form-type-radios > label {
        width: 30%;
    }
}

.form-standard .form-type-radios .form-radios, .page-user-reset #change-pwd-page-user-pass-reset .form-type-radios .form-radios {
    width: 100%;
    float: left;
}

[dir="rtl"] .form-standard .form-type-radios .form-radios, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-type-radios .form-radios, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-type-radios .form-radios {
    float: right;
}

@media (min-width: 777px) {
    .form-standard .form-type-radios .form-radios, .page-user-reset #change-pwd-page-user-pass-reset .form-type-radios .form-radios {
        width: 70%;
    }
}

.form-standard .form-type-checkbox, .page-user-reset #change-pwd-page-user-pass-reset .form-type-checkbox {
    display: block;
}

@media (min-width: 777px) {
    .form-standard .form-type-checkbox, .page-user-reset #change-pwd-page-user-pass-reset .form-type-checkbox {
        margin: 0 0 10px 30%;
    }

    [dir="rtl"] .form-standard .form-type-checkbox, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-type-checkbox, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-type-checkbox {
        margin: 0 30% 10px 0;
    }
}

.form-standard .ckeditor_links, .page-user-reset #change-pwd-page-user-pass-reset .ckeditor_links {
    display: block;
}

@media (min-width: 777px) {
    .form-standard .ckeditor_links, .page-user-reset #change-pwd-page-user-pass-reset .ckeditor_links {
        margin: 0 0 10px 30%;
    }

    [dir="rtl"] .form-standard .ckeditor_links, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .ckeditor_links, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .ckeditor_links {
        margin: 0 30% 10px 0;
    }
}

.form-standard .form-type-managed-file label, .page-user-reset #change-pwd-page-user-pass-reset .form-type-managed-file label {
    line-height: 36px;
    margin: 0 0 10px 0;
    width: 100%;
    float: left;
}

[dir="rtl"] .form-standard .form-type-managed-file label, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-type-managed-file label, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-type-managed-file label {
    float: right;
}

@media (min-width: 777px) {
    .form-standard .form-type-managed-file label, .page-user-reset #change-pwd-page-user-pass-reset .form-type-managed-file label {
        width: 30%;
    }
}

.form-standard .form-type-managed-file .form-managed-file, .page-user-reset #change-pwd-page-user-pass-reset .form-type-managed-file .form-managed-file {
    width: 100%;
    float: left;
}

[dir="rtl"] .form-standard .form-type-managed-file .form-managed-file, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-type-managed-file .form-managed-file, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-type-managed-file .form-managed-file {
    float: right;
}

@media (min-width: 777px) {
    .form-standard .form-type-managed-file .form-managed-file, .page-user-reset #change-pwd-page-user-pass-reset .form-type-managed-file .form-managed-file {
        width: 70%;
    }
}

.form-standard .filter-wrapper, .page-user-reset #change-pwd-page-user-pass-reset .filter-wrapper {
    display: none;
}

.form-standard .form-type-password-confirm, .page-user-reset #change-pwd-page-user-pass-reset .form-type-password-confirm {
    position: relative;
}

    .form-standard .form-type-password-confirm div.password-confirm, .page-user-reset #change-pwd-page-user-pass-reset .form-type-password-confirm div.password-confirm {
        position: absolute;
        margin: 0;
        right: 0;
        bottom: 0;
        text-align: right;
    }

[dir="rtl"] .form-standard .form-type-password-confirm div.password-confirm, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-type-password-confirm div.password-confirm, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-type-password-confirm div.password-confirm {
    right: auto;
    left: 0;
    text-align: left;
}

.form-standard .confirm-parent, .page-user-reset #change-pwd-page-user-pass-reset .confirm-parent,
.form-standard .password-parent,
.page-user-reset #change-pwd-page-user-pass-reset .password-parent {
    width: auto;
}

.form-standard .password-strength, .page-user-reset #change-pwd-page-user-pass-reset .password-strength {
    display: none;
}

.form-standard .password-suggestions, .page-user-reset #change-pwd-page-user-pass-reset .password-suggestions {
    display: none !important;
}

@media (min-width: 777px) {
    .form-standard .description, .page-user-reset #change-pwd-page-user-pass-reset .description {
        margin: 0 0 10px 30%;
    }

    [dir="rtl"] .form-standard .description, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .description, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .description {
        margin: 0 30% 10px 0;
    }
}

.form-standard .form-error, .page-user-reset #change-pwd-page-user-pass-reset .form-error {
    color: #5e8e3e;
    display: block;
}

@media (min-width: 777px) {
    .form-standard .form-error, .page-user-reset #change-pwd-page-user-pass-reset .form-error {
        margin: 0 0 0 30%;
    }

    [dir="rtl"] .form-standard .form-error, [dir="rtl"] .page-user-reset #change-pwd-page-user-pass-reset .form-error, .page-user-reset [dir="rtl"] #change-pwd-page-user-pass-reset .form-error {
        margin: 0 30% 0 0;
    }
}

.form-standard-actions .form-actions {
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
    border-top: 1px solid #eeeeee;
    line-height: 44px;
}

    .form-standard-actions .form-actions .form-submit {
        line-height: 44px;
        padding: 0 20px;
        float: right;
        border: none;
        outline: none;
        border-radius: 10px;
        background-color: #5e8e3e;
        color: #fff;
    }

[dir="rtl"] .form-standard-actions .form-actions .form-submit {
    float: left;
}

@media (min-width: 1111px) {
    .form-standard-actions .form-actions .form-submit {
        padding: 0 40px;
    }
}

.form-standard-actions .form-actions .form-submit:hover {
    background-color: #5e8e3e;
}

.form-column-first {
    margin: 0 0 20px 0;
    width: 100%;
    float: left;
}

[dir="rtl"] .form-column-first {
    float: right;
}

@media (min-width: 777px) {
    .form-column-first {
        width: 50%;
        padding: 0 20px 0 0;
        margin: 0;
        border-right: 1px solid #eeeeee;
    }

    [dir="rtl"] .form-column-first {
        padding: 0 0 0 20px;
        border-right: none;
        border-left: 1px solid #eeeeee;
    }
}

@media (min-width: 888px) {
    .form-column-first {
        padding: 0 40px 0 0;
    }

    [dir="rtl"] .form-column-first {
        padding: 0 0 0 40px;
    }
}

.form-column-second {
    width: 100%;
    float: left;
}

[dir="rtl"] .form-column-second {
    float: right;
}

@media (min-width: 777px) {
    .form-column-second {
        width: 50%;
        padding: 0 0 0 20px;
    }

    [dir="rtl"] .form-column-second {
        padding: 0 20px 0 0;
    }
}

@media (min-width: 888px) {
    .form-column-second {
        padding: 0 0 0 40px;
    }

    [dir="rtl"] .form-column-second {
        padding: 0 40px 0 0;
    }
}

.action-links {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 10px !important;
    margin: 0 0 10px 0;
    list-style: none;
}

    .action-links a {
        line-height: 44px;
        padding: 0 20px;
        border-radius: 4px;
        display: inline-block;
        background-color: #5e8e3e;
        color: #fff;
    }

        .action-links a:hover {
            background-color: #bd053c;
        }

.table-standard {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 10px;
    margin: 0 0 10px 0;
}

    .table-standard th,
    .table-standard td {
        padding: 5px;
    }

.tip {
    background-color: #ffffff;
    border-radius: 3px;
    padding: 10px;
}

[dir="rtl"] .tip {
    text-align: right !important;
}

.tip h3 {
    margin: 0;
    padding: 10px 0 0 0;
    font-size: 16px;
    font-weight: normal;
}

.tip p {
    margin: 0;
    padding: 0;
}

    .tip p img {
        display: block;
        margin: 0 auto;
    }

.tip .btn {
    cursor: pointer;
}

.toc {
    padding: 10px;
    border: 1px solid #cccccc;
    background-color: #f8f8f8;
    margin-bottom: 10px;
    display: block;
}

    .toc .toc-header {
        text-align: center;
        margin: 0;
        font-weight: 700;
    }

    .toc ol {
        margin: 0;
        counter-reset: item;
        list-style: none;
    }

        .toc ol:first-child {
            margin-top: 10px;
        }

        .toc ol li:before {
            content: counters(item, "-") " ";
            counter-increment: item;
        }

    .toc a {
        color: #0fa7ad;
    }

        .toc a:hover {
            color: #5e8e3e;
        }

        .toc a:visited {
            color: #666666;
        }

.hide {
    display: none !important;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-red {
    color: #c00 !important;
}

.iziToast-message {
    font-family: ShabnamFD;
}

.iziToast > .iziToast-body .iziToast-message {
    text-align: right;
    line-height: 20px;
}

.white-box {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.1);
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 10px;
    list-style: none;
    width: 100%;
}

    .white-box h2 {
        margin: 0 0 10px;
        font-size: 1.2rem;
        color: #999999;
    }

.text-black {
    color: #000 !important;
}

.text-error {
    color: #c00 !important;
}

.highlighted-background {
    background-color: #fce8ef;
    padding: 2px 10px;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.page-reset-password #custom-api-reset-password-form {
    background-color: #fff;
    padding: 20px 20px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
    max-width: 90%;
}

    .page-reset-password #custom-api-reset-password-form input {
        height: 36px;
        line-height: 36px;
        padding: 0 10px;
        margin: 0;
        border: 1px solid #999999;
        border-radius: 4px;
    }

        .page-reset-password #custom-api-reset-password-form input[type='submit'] {
            background-color: #5e8e3e;
            color: #fff;
            height: auto;
            border-radius: 4px;
            padding: 5px 10px;
            border: 0;
            display: flex;
            margin: 0 auto;
        }

    .page-reset-password #custom-api-reset-password-form p {
        margin: 20px 0 0;
    }

@media (min-width: 999px) {
    .page-reset-password #custom-api-reset-password-form {
        max-width: 50%;
    }
}

.section-go-to-app[class*='is-'] #-go-to-application {
    background-color: #fff;
    padding: 20px 20px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
    max-width: 90%;
}

    .section-go-to-app[class*='is-'] #-go-to-application input {
        height: 36px;
        line-height: 36px;
        padding: 0 10px;
        margin: 0;
        border: 1px solid #999999;
        border-radius: 4px;
    }

        .section-go-to-app[class*='is-'] #-go-to-application input[type='submit'] {
            background-color: #5e8e3e;
            color: #fff;
            height: auto;
            border-radius: 4px;
            padding: 5px 10px;
            border: 0;
            display: flex;
            margin: 0 auto;
        }

    .section-go-to-app[class*='is-'] #-go-to-application p {
        display: none;
    }

@media (min-width: 999px) {
    .section-go-to-app[class*='is-'] #-go-to-application {
        max-width: 50%;
    }
}

.section-go-to-app input[type='submit'] {
    display: none;
}

.section-go-to-app #-go-to-application {
    background-color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
    max-width: 90%;
}

    .section-go-to-app #-go-to-application p {
        margin: 0;
    }

@media (min-width: 999px) {
    .section-go-to-app #-go-to-application {
        max-width: 50%;
    }
}

.featured .layout-24col__full {
    padding: 0 15px;
}


.more,
.less {
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.iwmf-banner-container {
    position: fixed;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px;
    width: 40px;
    height: 270px;
    transition: left .3s;
    z-index: 9;
}

@media (min-width: 888px) {
    .iwmf-banner-container {
        bottom: 0;
        top: auto;
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        width: 130px !important;
        height: 120px !important;
    }
}

.iwmf-banner-container a {
    position: absolute;
    overflow: hidden;
    border-radius: 0;
    width: 40px;
    height: 270px;
    border: none;
    background-image: url("/sites/all/themes/catalog/images/base/iwmf-mobile.png");
    background-size: cover;
}

@media (min-width: 888px) {
    .iwmf-banner-container a {
        background-image: url("/sites/all/themes/catalog/images/base/iwmf-desktop.png");
        border-radius: 0px 95% 0px 0px;
        width: 130px !important;
        height: 120px !important;
    }
}

.iwmf-banner-container .remove-iwmf {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    background-image: url("/sites/all/themes/catalog/images/base/iwmf-remove-icon.png");
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    cursor: pointer;
}

@media (min-width: 888px) {
    .iwmf-banner-container .remove-iwmf {
        display: none;
    }
}

.container-static-pages {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 20px 0;
    margin: 0 0 20px;
}

@media (min-width: 666px) {
    .container-static-pages {
        padding: 50px 0;
    }
}

.main-content {
    background-repeat: repeat;
    padding: 10px 0 50px;
}

@media (min-width: 666px) {
    .main-content {
        padding-top: 20px;
    }
}

.main-content.valentine-for-her {
    background-image: url("/sites/all/themes/catalog/images/base/pattern2.svg");
    background-color: #fde3e6;
    background-size: contain;
}

@media (min-width: 777px) {
    .main-content.valentine-for-her {
        background-size: 50%;
    }
}

.main-content.valentine-for-her .top-banner-custom-campaign .top-banner-custom-campaign-bg {
    background: url("/sites/all/themes/catalog/images/base/bg-seo-campaign-her-xs.png");
    height: 165px;
    background-position: center;
    background-size: cover;
}

@media (min-width: 555px) {
    .main-content.valentine-for-her .top-banner-custom-campaign .top-banner-custom-campaign-bg {
        background: url("/sites/all/themes/catalog/images/base/bg-seo-campaign-her-m.png");
        height: 110px;
    }
}

@media (min-width: 666px) {
    .main-content.valentine-for-her .top-banner-custom-campaign .top-banner-custom-campaign-bg {
        background: url("/sites/all/themes/catalog/images/base/bg-seo-campaign-her.png");
        height: 128px;
    }
}

.main-content.valentine-for-her .top-banner-custom-campaign .content {
    top: 100px;
}

@media (min-width: 555px) {
    .main-content.valentine-for-her .top-banner-custom-campaign .content {
        top: 50px;
        padding-right: 10px;
    }
}

@media (min-width: 666px) {
    .main-content.valentine-for-her .top-banner-custom-campaign .content {
        top: 60px;
    }
}

.main-content.valentine-for-him {
    background-image: url("/sites/all/themes/catalog/images/base/pattern.svg");
    background-color: #e4f4f3;
    background-size: 50%;
}

@media (min-width: 777px) {
    .main-content.valentine-for-him {
        background-size: 20%;
    }
}

.main-content.valentine-for-him .top-banner-custom-campaign .top-banner-custom-campaign-bg {
    background: url("/sites/all/themes/catalog/images/base/bg-seo-campaign-him-xs.png");
    height: 155px;
    background-position: center;
    background-size: cover;
}

@media (min-width: 555px) {
    .main-content.valentine-for-him .top-banner-custom-campaign .top-banner-custom-campaign-bg {
        background: url("/sites/all/themes/catalog/images/base/bg-seo-campaign-him-m.png");
        height: 100px;
    }
}

@media (min-width: 666px) {
    .main-content.valentine-for-him .top-banner-custom-campaign .top-banner-custom-campaign-bg {
        background: url("/sites/all/themes/catalog/images/base/bg-seo-campaign-him.png");
        height: 115px;
    }
}

.main-content.valentine-for-him .top-banner-custom-campaign .content {
    top: 90px;
}

@media (min-width: 555px) {
    .main-content.valentine-for-him .top-banner-custom-campaign .content {
        top: 40px;
        padding-right: 10px;
    }
}

@media (min-width: 666px) {
    .main-content.valentine-for-him .top-banner-custom-campaign .content {
        top: 50px;
    }
}

.main-content .block-facetapi.first {
    margin-top: 36px;
}

.main-content .top-banner-custom-campaign {
    padding: 0 10px;
    margin-bottom: 10px;
}

    .main-content .top-banner-custom-campaign .top-banner-custom-campaign-bg {
        background: url("/sites/all/themes/catalog/images/base/bg-seo-campaign-her.png");
        height: 130px;
        background-repeat: no-repeat;
        border-radius: 35px 0 0 0;
        position: relative;
    }

    .main-content .top-banner-custom-campaign .content {
        position: absolute;
        width: 100%;
        top: 60px;
        padding-right: 10px;
    }

@media (min-width: 555px) {
    .main-content .top-banner-custom-campaign .content {
        padding-right: 30px;
    }
}

.main-content .top-banner-custom-campaign .content .main-title {
    margin: 0;
    line-height: 30px;
    color: #fff;
    font-size: 20px;
}

.main-content .top-banner-custom-campaign .content .sub-title {
    margin: 0;
    line-height: 30px;
    color: #fff;
    font-size: 15px;
}

.user-picture img {
    border-radius: 50%;
}

.user-picture .alternative {
    height: 100%;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
}

@media (min-width: 888px) {
    .profile-first {
        width: 30%;
        float: left;
    }

    [dir="rtl"] .profile-first {
        float: right;
    }
}

@media (min-width: 888px) {
    .profile-second {
        padding: 0 20px;
        width: 50%;
        float: left;
    }

    [dir="rtl"] .profile-second {
        float: right;
    }
}

@media (min-width: 888px) {
    .profile-third {
        width: 69%;
        float: left;
        margin-right: 1%;
    }

    [dir="rtl"] .profile-third {
        float: right;
    }
}

.profile-cover {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 10px;
    margin: 0 0 10px 0;
}

@media (min-width: 999px) {
    .profile-cover {
        border-radius: 5px;
    }
}

.profile-cover .cover {
    margin: 0 0 10px 0;
}

.profile-cover .user-picture {
    width: 96px;
    height: 96px;
    float: left;
}

[dir="rtl"] .profile-cover .user-picture {
    float: right;
}

@media (min-width: 999px) {
    .profile-cover .user-picture {
        width: 128px;
        height: 128px;
    }
}

.profile-cover .details {
    display: flex;
    margin-bottom: 10px;
}

@media (min-width: 999px) {
    .profile-cover .details {
        margin-bottom: 20px;
        padding-top: 5px;
    }
}

.profile-cover .details a {
    flex-grow: 1;
    text-align: center;
    font-size: 0.9em;
    color: #4d4d4d;
}

.profile-cover .details em {
    display: block;
    font-style: normal;
    font-weight: bold;
}

.profile-cover .links {
    display: flex;
}

    .profile-cover .links a {
        text-align: center;
    }

    .profile-cover .links .btn {
        padding: 0;
        line-height: 32px;
    }

@media (min-width: 999px) {
    .profile-cover .links .btn {
        line-height: 44px;
    }
}

.profile .user-picture {
    margin: 0 0 1em 1em;
}

.profile-cover .links .btn-outline-primary {
    flex-grow: 1;
    color: #4d4d4d;
    box-shadow: none !important;
}

.profile-cover .links .follow-button {
    flex-grow: 1;
}

.profile-cover .online {
    color: #5e8e3e;
}

.profile-cover .bio p {
    margin: 0 0 5px 0;
}

.profile-cover-orders {
    width: 100%;
    margin: 0 0 10px 0;
    border-radius: 10px;
}

@media (min-width: 999px) {
    .profile-cover-orders {
        border-radius: 5px;
    }
}

.profile-cover-toggle-settings {
    width: 100%;
    margin: 0 0 10px 0;
    display: block;
    border-radius: 10px;
}

@media (min-width: 999px) {
    .profile-cover-toggle-settings {
        border-radius: 5px;
    }
}

@media (min-width: 888px) {
    .profile-cover-toggle-settings {
        display: none;
    }
}

.profile-cover-settings {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    padding: 10px;
    margin: 0 0 10px 0;
    display: none;
    border-radius: 10px;
}

@media (min-width: 999px) {
    .profile-cover-settings {
        border-radius: 5px;
    }
}

@media (min-width: 888px) {
    .profile-cover-settings {
        display: block;
    }
}

.profile-cover-settings a {
    display: block;
    padding: 5px 0;
}

    .profile-cover-settings a:hover {
        color: #5e8e3e;
    }

.profile-cover-settings .separator {
    display: block;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #eeeeee;
}

.coupon-unused {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 10px;
    margin: 0 0 10px 0;
}

    .coupon-unused h2 {
        margin: 0 0 10px 0;
        font-weight: normal;
        color: #5e8e3e;
    }

    .coupon-unused table {
        margin: 0;
    }

        .coupon-unused table td {
            background-color: #f3f3f3;
            text-align: center;
            padding: 10px 5px;
        }

.follow-requests {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 10px;
    margin: 0 0 10px 0;
}

    .follow-requests h2 {
        margin: 0 0 10px 0;
        font-weight: normal;
        color: #5e8e3e;
    }

.follow-suggestions {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    padding: 10px;
    margin: 0 0 10px 0;
    border-radius: 10px;
}

@media (min-width: 999px) {
    .follow-suggestions {
        border-radius: 5px;
    }
}

.follow-suggestions h2 {
    margin: 0 0 10px 0;
    font-weight: normal;
    color: #5e8e3e;
}

.profile-guide {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    padding: 10px;
    margin: 0 0 10px 0;
    border-radius: 10px;
}

@media (min-width: 999px) {
    .profile-guide {
        border-radius: 5px;
    }
}

.profile-guide h2 {
    margin: 0 0 10px 0;
    font-weight: normal;
    color: #5e8e3e;
}

.profile-guide p {
    margin: 0 0 5px 0;
}

.user-auth-wrapper {
    position: relative;
    width: 100%;
    display: none;
}

    .user-auth-wrapper .user-auth-form-container {
        position: absolute;
        width: 100%;
        padding: 0;
        border: 0;
    }

    .user-auth-wrapper.is-open {
        display: block;
    }

    .user-auth-wrapper .box-deep-pink {
        background-color: #5e8e3e;
        padding: 15px 30px 10px;
        color: #fff;
        position: relative;
        display: block !important;
    }

        .user-auth-wrapper .box-deep-pink .close-button {
            position: absolute;
            font-size: 1.7rem;
            top: 15px;
            left: 15px;
            font-weight: 200;
            cursor: pointer;
        }

        .user-auth-wrapper .box-deep-pink .title {
            display: flex;
            justify-content: center;
            margin-top: 5px;
        }

            .user-auth-wrapper .box-deep-pink .title h2 {
                font-size: 1.5rem;
                float: right;
                margin: 0;
            }

                .user-auth-wrapper .box-deep-pink .title h2 + h2:before {
                    content: "/";
                    vertical-align: middle;
                    margin: 0 3px;
                }

    .user-auth-wrapper .logo-sign-t svg {
        width: 20%;
        margin: 0 auto;
        display: block;
    }

        .user-auth-wrapper .logo-sign-t svg path {
            fill: #fff;
        }

    .user-auth-wrapper .form-overlay {
        width: 100%;
        height: 100vh;
        z-index: 9999;
        position: fixed;
        margin: 0;
        left: 0;
        right: 0;
        top: 0;
    }

@media (min-width: 555px) {
    .user-auth-wrapper .form-overlay {
        width: 500px;
        height: auto;
        margin: 5% auto;
    }
}

.user-auth-wrapper .bg-back {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(128, 128, 128, 0.3);
    z-index: 1000;
}

.user-auth-wrapper .form-column-first {
    float: none;
    display: block;
    border-left: 0;
    padding: 30px 0;
    background-color: #fff;
    height: 100vh;
    width: 100%;
}

    .user-auth-wrapper .form-column-first .box-content {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

        .user-auth-wrapper .form-column-first .box-content p {
            margin: 0 0 5px;
        }

        .user-auth-wrapper .form-column-first .box-content span, .user-auth-wrapper .form-column-first .box-content p {
            font-size: 1.2rem;
            display: block;
        }

        .user-auth-wrapper .form-column-first .box-content i {
            font-size: 2rem;
            border: 2px solid #5e8e3e;
            color: #5e8e3e;
            border-radius: 50%;
            padding: 10px;
            vertical-align: middle;
            text-align: center;
            font-weight: 400;
            margin: 20px 0 0;
        }

@media (min-width: 555px) {
    .user-auth-wrapper .form-column-first .box-content {
        width: 70%;
    }
}

.user-auth-wrapper .form-column-first .form-item label, .user-auth-wrapper .form-column-first .form-item .form-text {
    width: 100%;
    color: #666666;
    font-weight: normal;
    display: block;
}

    .user-auth-wrapper .form-column-first .form-item label.error {
        color: #666666;
    }

.user-auth-wrapper .form-column-first .form-item .error {
    background-color: transparent;
    color: #c00;
    border-color: #c00 !important;
}

.user-auth-wrapper .form-column-first .form-item .form-text {
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #cccccc;
    text-align: left;
}

    .user-auth-wrapper .form-column-first .form-item .form-text:focus {
        box-shadow: none;
        outline: none;
        border-color: #666666;
        transition: border-color .5s;
    }

        .user-auth-wrapper .form-column-first .form-item .form-text:focus:-ms-input-placeholder {
            color: #666666;
            transition: color .5s;
        }

        .user-auth-wrapper .form-column-first .form-item .form-text:focus::placeholder {
            color: #666666;
            transition: color .5s;
        }

.user-auth-wrapper .form-column-first .form-item .edit-identifier {
    color: #666666;
}

    .user-auth-wrapper .form-column-first .form-item .edit-identifier:before {
        content: "\f304";
        font-size: 17px;
        margin-left: 5px;
        color: #666666;
        vertical-align: middle;
    }

    .user-auth-wrapper .form-column-first .form-item .edit-identifier + input {
        color: #999999;
        cursor: not-allowed;
    }

        .user-auth-wrapper .form-column-first .form-item .edit-identifier + input:focus {
            border-color: #cccccc;
        }

.user-auth-wrapper .form-column-first .form-item .help-block {
    color: #c00;
}

.user-auth-wrapper .form-column-first .form-item .edit-user-name {
    display: none;
}

.user-auth-wrapper .form-column-first .form-field-container {
    width: 80%;
    margin: 0 auto 10px;
    position: relative;
}

    .user-auth-wrapper .form-column-first .form-field-container .hint-text p {
        margin: 0 0 10px;
    }

    .user-auth-wrapper .form-column-first .form-field-container .countdown {
        position: absolute;
        left: 0;
    }

        .user-auth-wrapper .form-column-first .form-field-container .countdown span {
            margin: 0;
            float: right;
            display: flex;
        }

            .user-auth-wrapper .form-column-first .form-field-container .countdown span:after {
                content: ':00';
            }

@media (min-width: 555px) {
    .user-auth-wrapper .form-column-first .form-field-container {
        width: 70%;
    }
}

.user-auth-wrapper .form-column-first a.description {
    margin: 30px auto 20px !important;
    float: none;
    text-align: center;
    color: #999999;
}

.user-auth-wrapper .form-column-first .form-actions {
    border-top: 0;
    position: relative;
    width: 80%;
    display: block;
    margin: 40px auto 20px;
}

    .user-auth-wrapper .form-column-first .form-actions .forgot-password-link {
        color: #999999;
        font-size: 1rem;
        margin: 20px 0 auto;
    }

    .user-auth-wrapper .form-column-first .form-actions .form-submit-button {
        position: relative;
        border-radius: 4px;
        margin: 0 auto;
        display: block;
        width: 100%;
        float: none;
        font-size: 1.6rem;
        font-weight: 300;
        background-color: #5e8e3e;
        color: #fff;
        border: 0;
        line-height: 2.5rem;
    }

        .user-auth-wrapper .form-column-first .form-actions .form-submit-button:focus {
            outline: none;
        }

        .user-auth-wrapper .form-column-first .form-actions .form-submit-button, .user-auth-wrapper .form-column-first .form-actions .form-submit-button.is-loading {
            transition: color ease .3s;
        }

            .user-auth-wrapper .form-column-first .form-actions .form-submit-button.is-loading {
                color: transparent;
                background-color: #999999;
            }

                .user-auth-wrapper .form-column-first .form-actions .form-submit-button.is-loading:before {
                    content: '';
                    right: 0;
                    bottom: 0;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    text-align: center;
                    background: url(../loading.svg) center no-repeat;
                    background-size: contain;
                }

@media (min-width: 555px) {
    .user-auth-wrapper .form-column-first .form-actions {
        width: 70%;
        margin-top: 30px;
    }
}

.user-auth-wrapper .form-column-first .btn-outline-primary {
    border-color: #999999;
    margin: 20px auto;
    color: #666666;
    border-radius: 4px;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 300;
    display: block;
    width: 80%;
    line-height: 2.7rem;
}

@media (min-width: 555px) {
    .user-auth-wrapper .form-column-first .btn-outline-primary {
        width: 70%;
    }
}

@media (min-width: 555px) {
    .user-auth-wrapper .form-column-first {
        height: auto;
    }
}

.page-user-reset #change-pwd-page-user-pass-reset {
    text-align: center;
    padding-bottom: 35px;
}

    .page-user-reset #change-pwd-page-user-pass-reset .form-actions input {
        background-color: #5e8e3e;
        color: #fff;
        padding: 3px 30px;
        border: 1px solid #5e8e3e;
        font-size: 1rem;
    }

.page-user-change-password #change-pwd-page-form .form-item {
    width: 100%;
    margin: 5px auto 20px;
}



.page-user-change-password #change-pwd-page-form .form-actions {
    width: 100%;
    margin: 5px auto 20px;
}

@media (min-width: 777px) {
    .page-user-change-password #change-pwd-page-form .form-actions {
        width: 50%;
    }
}

.page-user-register .form-item label a {
    text-decoration: underline;
}

.page-user-register .btn {
    background-color: #fff;
}

.page-user-register .accept-register-rules {
    display: none;
}

    .page-user-register .accept-register-rules.popup_content {
        background-color: #fff;
        padding: 20px;
    }

        .page-user-register .accept-register-rules.popup_content .content {
            margin: 20px 0;
            font-size: 20px;
        }

            .page-user-register .accept-register-rules.popup_content .content a {
                text-decoration: underline;
            }

                .page-user-register .accept-register-rules.popup_content .content a:hover {
                    color: #5e8e3e;
                }

        .page-user-register .accept-register-rules.popup_content .btn {
            margin: 10px 0;
        }

.page-user-register .accept-register-rules_close:before {
    content: "\f00d";
}

.n11-g4-l3 {
    background-color: #fff;
    border: 1px solid #cccccc;
    padding: 10px;
}

.n11-g4-l3-h5 {
    padding: 5px;
    border-bottom: 1px solid #cccccc;
    background-color: #fbfbfb;
}

    .n11-g4-l3-h5 a {
        float: right;
    }

[dir="rtl"] .n11-g4-l3-h5 a {
    float: left;
}

.n11-g4-l3-h5 a:hover {
    color: #5e8e3e;
}

.n11-g4-l3-m3 {
    line-height: 34px;
    padding: 0 10px;
    margin: 10px 0 0 0;
    float: right;
    border-radius: 4px;
    color: #5e8e3e;
    border: 2px solid #5e8e3e;
    display: block;
}

[dir="rtl"] .n11-g4-l3-m3 {
    float: left;
}

.n11-g4-i3 {
    padding: 5px;
    border-bottom: 1px solid #eeeeee;
    line-height: 18px;
}

.main-content .n11-g4-i3 {
    background-color: #fff;
}

.n11-g4-i3:hover {
    background-color: #fbfbfb;
}

.n11-g4-i3 .user-picture {
    width: 36px;
    height: 36px;
    line-height: 36px;
    float: left !important;
    margin: 0 10px 0 0 !important;
}

[dir="rtl"] .n11-g4-i3 .user-picture {
    float: right !important;
    margin: 0 0 0 10px !important;
}

.p4-t10-l3 {
    background-color: #fff;
    border: 1px solid #cccccc;
    padding: 10px;
}

.p4-t10-l3-h5 {
    padding: 5px;
    border-bottom: 1px solid #cccccc;
    background-color: #fbfbfb;
}

    .p4-t10-l3-h5 a {
        float: right;
    }

[dir="rtl"] .p4-t10-l3-h5 a {
    float: left;
}

.p4-t10-l3-h5 a:hover {
    color: #5e8e3e;
}

.p4-t10-l3-m3 {
    line-height: 34px;
    padding: 0 10px;
    margin: 10px 0 0 0;
    float: right;
    border-radius: 4px;
    background-color: #5e8e3e;
    color: #fff;
    display: block;
}

[dir="rtl"] .p4-t10-l3-m3 {
    float: left;
}

.p4-t10-i3 {
    padding: 5px;
    border-bottom: 1px solid #eeeeee;
}

.main-content .p4-t10-i3 {
    background-color: #fff;
}

.p4-t10-i3:hover {
    background-color: #fbfbfb;
}

.p4-t10-i3 span {
    direction: ltr;
    float: left;
    margin: 0 10px 0 0;
}

[dir="rtl"] .p4-t10-i3 span {
    float: right;
    margin: 0 0 0 10px;
}

.p4-t10-i3 a {
    display: block;
}

.point-winners {
    background-color: #fff;
    border-radius: 20px;
    margin-bottom: 10px;
    color: #999999;
}

@media (min-width: 777px) {
    .point-winners {
        margin-bottom: 20px;
        height: 580px;
    }
}

.point-winners a {
    color: #999999;
    font-size: 13px;
    font-weight: 200;
}

    .point-winners a:hover {
        color: #666666;
    }

.point-winners h2 {
    margin: 0 0 14px 0;
    border-bottom: 1px solid #f0f0f0;
    text-align: center;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .point-winners h2 span {
        padding: 10px;
        font-weight: normal;
        padding: 10px;
        font-weight: normal;
        color: #666666;
        font-size: 16px;
    }

.point-winners ul {
    margin: 0;
    padding: 0;
}

.point-winners li {
    padding: 10px 20px;
    margin: 0;
    list-style: none;
}

    .point-winners li.not-top {
        display: none;
    }

@media (min-width: 999px) {
    .point-winners li.not-top {
        display: block;
    }
}

.point-winners li i {
    font-size: 16px;
    color: #5e8e3e;
    line-height: 26px;
    margin: 0 5px 0 0;
    float: left;
}

[dir="rtl"] .point-winners li i {
    margin: 0 0 0 5px;
    float: right;
}

.point-winners li i.rank-2 {
    opacity: 0.7;
}

.point-winners li i.rank-3 {
    opacity: 0.6;
}

.point-winners li i.rank-4 {
    opacity: 0.5;
}

.point-winners li i.rank-5 {
    opacity: 0.3;
}

.point-winners li i.rank-7 {
    opacity: 0.7;
}

.point-winners li i.rank-8 {
    opacity: 0.6;
}

.point-winners li i.rank-9 {
    opacity: 0.5;
}

.point-winners .user-picture {
    width: 26px;
    height: 26px;
    margin: 0 10px 0 0;
    float: left;
}

[dir="rtl"] .point-winners .user-picture {
    margin: 0 0 0 10px;
    float: right;
}

.point-winners .point {
    float: right;
    font-size: 13px;
    color: #999999;
}

[dir="rtl"] .point-winners .point {
    float: left;
}

.point-winners .links {
    border-top: 1px solid #f0f0f0;
    display: flex;
}

    .point-winners .links a {
        text-align: center;
        padding: 15px 0;
        flex-grow: 1;
        color: #cccccc;
    }

    .point-winners .links i {
        width: 100%;
        display: block;
        font-size: 1.6em;
        color: #cccccc;
    }

.swiper-button-prev,
.swiper-button-next {
    background: rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    z-index: 10;
}

.slide-slides .swiper-button-prev, .slide-slides
.swiper-button-next {
    width: 40px;
    height: 40px;
    margin-top: -20px;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background: #5e8e3e !important;
    color: #fff;
    opacity: 0.6;
}

.swiper-button-prev:before,
.swiper-button-next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -13px 0 0 -13px;
    font-size: 26px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
}

.swiper-button-prev:before {
    content: "\f053";
}

[dir="rtl"] .swiper-button-prev:before {
    content: "\f054";
}

.swiper-button-next:before {
    content: "\f054";
}

[dir="rtl"] .swiper-button-next:before {
    content: "\f053";
}

.slide-slides {
    position: relative;
    margin-bottom: 10px;
}

@media (min-width: 888px) {
    .slide-slides {
        margin-bottom: 20px;
    }
}

.slide-slides .has-alternative {
    display: none;
}

@media (min-width: 777px) {
    .slide-slides .has-alternative {
        display: block;
    }
}

.slide-slides .alternative {
    display: block;
}

@media (min-width: 777px) {
    .slide-slides .alternative {
        display: none;
    }
}

.slide-slides .swiper-pagination {
    bottom: 0;
}

@media (min-width: 777px) {
    .slide-slides .swiper-pagination {
        display: block;
    }
}

.slide-slides .swiper-pagination .swiper-pagination-bullet {
    background-color: #fff;
    color: transparent;
    width: 10px;
    height: 10px;
    line-height: 10px;
    margin: 7px 7px 20px;
    border-radius: 50%;
    display: inline-flex;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    opacity: 1;
    cursor: pointer;
}

    .slide-slides .swiper-pagination .swiper-pagination-bullet:focus {
        outline: none;
    }

    .slide-slides .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #5e8e3e;
    }

@media (min-width: 666px) {
    .slide-slides .swiper-pagination .swiper-pagination-bullet {
        background-color: rgba(0, 0, 0, 0.3);
        opacity: 1;
        color: #fff;
        text-align: center;
        font-size: 0.9rem;
        width: 25%;
        height: 55px;
        line-height: 55px;
        margin: 0;
        border-radius: 0;
        display: inline-block;
    }

        .slide-slides .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-color: rgba(0, 0, 0, 0.5);
        }
}

@media (min-width: 777px) {
    .slide-slides .swiper-pagination .swiper-pagination-bullet {
        font-size: 1rem;
    }
}

.slide-slides .swiper-button-next,
.slide-slides .swiper-button-prev {
    display: none;
}

    .slide-slides .swiper-button-next:hover,
    .slide-slides .swiper-button-prev:hover {
        color: #000;
    }

@media (min-width: 555px) {
    .slide-slides .swiper-button-next,
    .slide-slides .swiper-button-prev {
        display: block;
        background-color: transparent !important;
        box-shadow: none;
        width: 15px;
        color: #000;
    }
}

.slide-slides .swiper-container {
    border-radius: 20px;
}

.slide-nodes {
    position: relative;
    background-color: #fff;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    padding: 15px 0 0 0;
    display: none;
}

@media (min-width: 777px) {
    .slide-nodes {
        display: block;
    }
}

.slide-nodes .progressbar {
    position: absolute;
    width: 210px;
    height: 210px;
    top: 56px;
    left: 50%;
    margin: 0 0 0 -105px;
    z-index: 0;
}

.slide-nodes .slide-node {
    display: none;
}

    .slide-nodes .slide-node.active {
        display: block;
    }

.slide-nodes .node.view-mode-teaser {
    background-color: transparent;
}

.slide-nodes h2 {
    color: #999999;
    font-size: 1.2em;
    font-weight: normal;
    text-align: center;
    margin: 0;
}

.slide-nodes .field-name-field-images a {
    padding: 20px;
    max-width: 220px;
    margin: 0 auto;
}

.slide-nodes .field-name-field-images img {
    border-radius: 50%;
}

.custom-carousel .swiper-button-next,
.custom-carousel .swiper-button-prev {
    background-image: none !important;
    width: 37px;
    height: 37px;
}

.wish {
    border-top: 1px solid #f3f3f3;
    padding: 10px 0px;
}

@media (min-width: 999px) {
    .wish {
        padding: 10px 0px;
    }
}

.wish.wished .wish-button {
    color: #5e8e3e;
}

.wish .wish-button {
    color: #999999;
    float: left;
}

[dir="rtl"] .wish .wish-button {
    float: right;
}

.wish .wish-button i {
    line-height: 32px;
    font-size: 1.6em;
}

.wish .share-button {
    color: #999999;
    margin: 0 0 0 10px;
    float: left;
    cursor: pointer;
}

[dir="rtl"] .wish .share-button {
    float: right;
    margin: 0 10px 0 0;
}

.wish .share-button.active, .wish .share-button:hover {
    color: #5e8e3e;
}

.wish .share-button i {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 1.6em;
}

.wish .share-buttons {
    display: none;
    float: right;
}

[dir="rtl"] .wish .share-buttons {
    float: left;
}

.wish .share-buttons a {
    color: #999999;
    float: right;
    margin: 0 0 0 10px;
    cursor: pointer;
    border-bottom: none;
}

[dir="rtl"] .wish .share-buttons a {
    float: left;
    margin: 0 10px 0 0;
}

.wish .share-buttons a:hover {
    color: #5e8e3e;
}

.wish .share-buttons a i {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 1.6em;
}

.wish .accounts {
    padding: 0 10px 0 0;
    float: right;
}

[dir="rtl"] .wish .accounts {
    padding: 0 0 0 10px;
    float: left;
}

.wish .user-picture {
    width: 12px;
    float: right;
}

    .wish .user-picture.user-tiny-avatar:nth-child(1) a, .wish .user-picture.user-tiny-avatar:nth-child(2) a, .wish .user-picture.user-tiny-avatar:nth-child(3) a {
        background-color: transparent;
    }

    .wish .user-picture:nth-child(1) a {
        background-color: #999999;
    }

    .wish .user-picture:nth-child(2) a {
        background-color: #cccccc;
    }

    .wish .user-picture:nth-child(3) a {
        background-color: #ddd;
    }

[dir="rtl"] .wish .user-picture {
    float: left;
}

.wish .user-picture a {
    width: 30px;
    height: 30px;
    max-width: 30px;
    max-height: 30px;
    font-size: 11px;
    line-height: 30px;
    display: block;
}

    .wish .user-picture a.alternative {
        border: 2px solid #fff;
    }

    .wish .user-picture a img {
        height: 30px;
        border: 2px solid #fff;
        width: 30px;
        max-width: 30px;
        max-height: 30px;
        overflow: hidden;
    }

.wish .username {
    line-height: 32px;
    float: right;
    margin: 0 5px 0 0;
    display: none;
}

[dir="rtl"] .wish .username {
    float: left;
    margin: 0 0 0 5px;
}

@media (min-width: 1111px) {
    .wish .username {
        margin: 0 10px 0 0;
    }

    [dir="rtl"] .wish .username {
        margin: 0 0 0 10px;
    }
}

@media (min-width: 400px) {
    .wish .username {
        display: block;
    }
}

.wish .count {
    direction: ltr;
    line-height: 32px;
    color: #999999;
    margin: 0 5px 0 0;
    float: right;
}

[dir="rtl"] .wish .count {
    margin: 0 0 0 5px;
    float: left;
}

@media (min-width: 666px) {
    .wish .count {
        display: block;
    }
}

@media (min-width: 1111px) {
    .wish .count {
        margin: 0 10px 0 0;
    }

    [dir="rtl"] .wish .count {
        margin: 0 0 0 10px;
    }
}

.wish .countdown {
    direction: ltr;
    line-height: 32px;
    font-size: 20px;
    font-weight: lighter;
    color: #5e8e3e;
    float: right;
}

[dir="rtl"] .wish .countdown {
    float: left;
}

.wish .countdown i {
    line-height: 32px;
    font-size: 26px;
    vertical-align: middle;
    margin: 0 0 0 10px;
}

[dir="rtl"] .wish .countdown i {
    margin: 0 10px 0 0;
}

.node.view-mode-teaser {
    text-align: center;
    background-color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.5s;
    cursor: pointer;
    border-radius: 20px;
}

    .node.view-mode-teaser.simple .content-container .field-name-field-images {
        margin-bottom: 0;
    }

@media (min-width: 400px) {
    .node.view-mode-teaser.simple .content-container .field-name-field-images {
        margin-bottom: 36px;
    }
}

.node.view-mode-teaser.simple .content-container .content {
    margin-top: 36px;
}

@media (min-width: 400px) {
    .node.view-mode-teaser.simple .content-container .content {
        margin-top: 0;
    }
}

@media (min-width: 400px) {
    .node.view-mode-teaser {
        border-radius: 0;
    }
}

.node.view-mode-teaser:hover {
    transition: box-shadow 0.5s;
    box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.15);
}

    .node.view-mode-teaser:hover .discounted,
    .node.view-mode-teaser:hover .free-delivery {
        display: block;
        transition: display 0.5s;
    }

.node.view-mode-teaser .content-container {
    display: flex;
}

    .node.view-mode-teaser .content-container .field-name-field-images {
        flex: 1 0 30%;
        max-width: 30%;
        display: flex;
        align-items: center;
    }

@media (min-width: 400px) {
    .node.view-mode-teaser .content-container .field-name-field-images {
        flex: 1 0 100%;
        max-width: 100%;
    }
}

.node.view-mode-teaser .content-container .content {
    flex: 1 0 70%;
    max-width: 70%;
}

@media (min-width: 400px) {
    .node.view-mode-teaser .content-container .content {
        flex: 1 0 100%;
        max-width: 100%;
    }
}

.node.view-mode-teaser .content-container h3 {
    text-align: right;
}

@media (min-width: 400px) {
    .node.view-mode-teaser .content-container h3 {
        text-align: center;
    }
}

.node.view-mode-teaser .content-container .price {
    justify-content: flex-end;
    display: flex;
    padding: 5px 10px 0 25px;
}

@media (min-width: 400px) {
    .node.view-mode-teaser .content-container .price {
        justify-content: center;
        padding: 0 10px;
    }
}

@media (min-width: 400px) {
    .node.view-mode-teaser .content-container {
        display: block;
        padding-top: 40px;
        margin: 0 auto;
    }
}

.node.view-mode-teaser h3 {
    height: 72px;
    line-height: 24px;
    color: #999999;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 0 10px;
}

.node.view-mode-teaser .top-node-teaser-container {
    position: relative;
    padding: 12px 0 5px;
    height: 42px;
}

@media (min-width: 400px) {
    .node.view-mode-teaser .top-node-teaser-container {
        padding: 20px 0 5px;
        height: 50px;
    }
}

.node.view-mode-teaser .top-node-teaser-container .top-node-teaser {
    z-index: 2;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 0 23px;
}

    .node.view-mode-teaser .top-node-teaser-container .top-node-teaser .left-side {
        display: flex;
        flex-direction: row-reverse;
    }

@media (min-width: 400px) {
    .node.view-mode-teaser .top-node-teaser-container .top-node-teaser .left-side {
        flex-basis: 60%;
        justify-content: space-between;
    }
}

.node.view-mode-teaser .top-node-teaser-container .top-node-teaser .left-side div:nth-child(2n) {
    margin-left: 7px;
}

.node.view-mode-teaser .discount-percent span {
    display: block;
    font-size: 22px;
    color: #fff;
    border: 2px solid #5e8e3e;
    background-color: #5e8e3e;
    height: 25px;
    border-radius: 20px;
    width: 50px;
    height: 25px;
}

.node.view-mode-teaser .discount-percent small {
    font-size: 12px;
}

    .node.view-mode-teaser .discount-percent small.text-discount {
        margin-right: 2px;
    }

.node.view-mode-teaser .free-delivery {
    width: 70px;
    height: 25px;
    border: 1px solid #5e8e3e;
    color: #5e8e3e;
    border-radius: 15px;
    display: block;
    font-size: 11px;
}

@media (min-width: 666px) {
    .node.view-mode-teaser .free-delivery {
        display: none;
    }
}

.node.view-mode-teaser .discounted {
    background: url("../images/modules/node/offrooz-label.svg") no-repeat;
    width: 70px;
    z-index: 2;
    height: 25px;
    display: block;
}

@media (min-width: 666px) {
    .node.view-mode-teaser .discounted {
        display: none;
    }
}

.node.view-mode-teaser.expiration-1-month .content-container .field-type-image {
    position: relative;
}

    .node.view-mode-teaser.expiration-1-month .content-container .field-type-image:before {
        content: '';
        background-image: url("../images/modules/node/ex-01.png?3b249e");
        width: 40px;
        z-index: 2;
        position: absolute;
        height: 40px;
        background-size: contain;
        top: 10px;
        left: 10px;
    }

@media (min-width: 555px) {
    .node.view-mode-teaser.expiration-1-month .content-container .field-type-image:before {
        width: 70px;
        height: 70px;
        top: -5px;
    }
}

.node.view-mode-teaser.expiration-3-month .content-container .field-type-image {
    position: relative;
}

    .node.view-mode-teaser.expiration-3-month .content-container .field-type-image:before {
        content: '';
        background-image: url("../images/modules/node/ex-03.png?3b249e");
        width: 40px;
        z-index: 2;
        position: absolute;
        height: 40px;
        background-size: contain;
        top: 10px;
        left: 10px;
    }

@media (min-width: 555px) {
    .node.view-mode-teaser.expiration-3-month .content-container .field-type-image:before {
        width: 70px;
        height: 70px;
        top: -5px;
    }
}

.node.view-mode-teaser.expiration-6-month .content-container .field-type-image {
    position: relative;
}

    .node.view-mode-teaser.expiration-6-month .content-container .field-type-image:before {
        content: '';
        background-image: url("../images/modules/node/ex-06.png?3b249e");
        width: 40px;
        z-index: 2;
        position: absolute;
        height: 40px;
        background-size: contain;
        top: 10px;
        left: 10px;
    }

@media (min-width: 555px) {
    .node.view-mode-teaser.expiration-6-month .content-container .field-type-image:before {
        width: 70px;
        height: 70px;
        top: -5px;
    }
}

.node.view-mode-teaser.valentine-badge .content-container .field-type-image {
    position: relative;
}

    .node.view-mode-teaser.valentine-badge .content-container .field-type-image:before {
        content: '';
        background-image: url("../images/modules/node/valentine.svg");
        width: 40px;
        z-index: 2;
        position: absolute;
        height: 40px;
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
        top: 10px;
        left: 10px;
    }

@media (min-width: 555px) {
    .node.view-mode-teaser.valentine-badge .content-container .field-type-image:before {
        width: 70px;
        height: 70px;
        top: -5px;
    }
}

.node.view-mode-teaser.node-campaign.buy-1-get-2 .content-container .field-type-image {
    position: relative;
}

    .node.view-mode-teaser.node-campaign.buy-1-get-2 .content-container .field-type-image:before {
        content: '';
        background-image: url("../images/modules/node/buy1get2.png?3b249e");
        width: 50px;
        z-index: 2;
        position: absolute;
        height: 50px;
        position: absolute;
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: center;
        top: -10px;
        left: 10px;
    }

@media (min-width: 555px) {
    .node.view-mode-teaser.node-campaign.buy-1-get-2 .content-container .field-type-image:before {
        width: 70px;
        height: 70px;
        left: 12px;
        top: -41px;
    }
}

.node.view-mode-teaser.offresan-badge .content-container .field-type-image {
    position: relative;
}

    .node.view-mode-teaser.offresan-badge .content-container .field-type-image:before {
        content: '';
        background-image: url("../images/modules/node/comeon.png");
        width: 50px;
        z-index: 2;
        position: absolute;
        height: 50px;
        position: absolute;
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: center;
        top: -10px;
        left: 10px;
    }

@media (min-width: 555px) {
    .node.view-mode-teaser.offresan-badge .content-container .field-type-image:before {
        width: 70px;
        height: 70px;
        left: 12px;
        top: -41px;
    }
}

.node.view-mode-teaser.node-campaign.hydroderm-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.adra-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.arden-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.laminin-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.medilan-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.xdream-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.fulika-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.jey-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.laction-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.vernaton-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.servina-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.ash-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.musinex-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.zimuy-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.elit-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.shadow-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.samin-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.orphinfarma-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.dilmon-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.medisun-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.jabon-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.bencer-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.hicareplus-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.fersas-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.yabi-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.lpure-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.lotus-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.sinova-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.bagno-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.mymakeup-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.ferrarucci-class .content-container .field-type-image, .node.view-mode-teaser.node-campaign.promad-class .content-container .field-type-image {
    position: relative;
}

    .node.view-mode-teaser.node-campaign.hydroderm-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.adra-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.arden-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.laminin-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.medilan-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.xdream-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.fulika-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.jey-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.laction-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.vernaton-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.servina-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.ash-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.musinex-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.zimuy-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.elit-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.shadow-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.samin-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.orphinfarma-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.dilmon-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.medisun-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.jabon-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.bencer-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.hicareplus-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.fersas-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.yabi-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.lpure-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.lotus-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.sinova-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.bagno-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.mymakeup-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.ferrarucci-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.promad-class .content-container .field-type-image:before {
        content: '';
        width: 50px;
        z-index: 2;
        position: absolute;
        height: 50px;
        position: absolute;
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: center;
        top: -10px;
        left: 10px;
    }

@media (min-width: 555px) {
    .node.view-mode-teaser.node-campaign.hydroderm-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.adra-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.arden-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.laminin-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.medilan-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.xdream-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.fulika-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.jey-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.laction-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.vernaton-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.servina-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.ash-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.musinex-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.zimuy-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.elit-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.shadow-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.samin-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.orphinfarma-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.dilmon-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.medisun-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.jabon-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.bencer-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.hicareplus-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.fersas-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.yabi-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.lpure-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.lotus-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.sinova-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.bagno-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.mymakeup-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.ferrarucci-class .content-container .field-type-image:before, .node.view-mode-teaser.node-campaign.promad-class .content-container .field-type-image:before {
        width: 70px;
        height: 70px;
        left: 12px;
        top: -41px;
    }
}

.node.view-mode-teaser.node-campaign.hydroderm-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/hydroderm.png");
}

.node.view-mode-teaser.node-campaign.adra-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/adra.png");
}

.node.view-mode-teaser.node-campaign.arden-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/arden.png");
}

.node.view-mode-teaser.node-campaign.laminin-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/laminin.png");
}

.node.view-mode-teaser.node-campaign.medilan-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/medilan.png");
}

.node.view-mode-teaser.node-campaign.xdream-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/xdream.png");
}

.node.view-mode-teaser.node-campaign.fulika-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/fulika.png");
}

.node.view-mode-teaser.node-campaign.jey-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/jey.png");
}

.node.view-mode-teaser.node-campaign.laction-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/laction.png");
}

.node.view-mode-teaser.node-campaign.vernaton-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/vernaton.png");
}

.node.view-mode-teaser.node-campaign.servina-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/servina.png");
}

.node.view-mode-teaser.node-campaign.ash-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/ash.png");
}

.node.view-mode-teaser.node-campaign.musinex-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/musinex.png");
}

.node.view-mode-teaser.node-campaign.zimuy-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/zimuy.png");
}

.node.view-mode-teaser.node-campaign.elit-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/elit.png");
}

.node.view-mode-teaser.node-campaign.shadow-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/shadow.png");
}

.node.view-mode-teaser.node-campaign.samin-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/samin.png");
}

.node.view-mode-teaser.node-campaign.orphinfarma-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/orphinfarma.png");
}

.node.view-mode-teaser.node-campaign.dilmon-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/dilmon.png");
}

.node.view-mode-teaser.node-campaign.medisun-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/medisun.png");
}

.node.view-mode-teaser.node-campaign.jabon-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/jabon.png");
}

.node.view-mode-teaser.node-campaign.bencer-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/bencer.png");
}

.node.view-mode-teaser.node-campaign.hicareplus-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/hicareplus.png");
}

.node.view-mode-teaser.node-campaign.fersas-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/fersas.png");
}

.node.view-mode-teaser.node-campaign.yabi-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/yabi.png");
}

.node.view-mode-teaser.node-campaign.lpure-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/lpure.png");
}

.node.view-mode-teaser.node-campaign.lotus-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/lotus.png");
}

.node.view-mode-teaser.node-campaign.sinova-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/sinova.png");
}

.node.view-mode-teaser.node-campaign.bagno-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/bagno.png");
}

.node.view-mode-teaser.node-campaign.mymakeup-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/mymakeup.png");
}

.node.view-mode-teaser.node-campaign.ferrarucci-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/ferrarucci.png");
}

.node.view-mode-teaser.node-campaign.promad-class .content-container .field-type-image:before {
    background-image: url("../images/modules/node/promad.png");
}

.node.view-mode-teaser .field-name-field-images {
    position: relative;
    z-index: 1;
}

    .node.view-mode-teaser .field-name-field-images a {
        display: block;
    }

    .node.view-mode-teaser .field-name-field-images img {
        margin: 0 auto;
        display: block;
        padding: 5px;
    }

@media (min-width: 400px) {
    .node.view-mode-teaser .field-name-field-images img {
        padding: 30px 55px;
    }
}

.node.view-mode-teaser h3 {
    height: 48px;
    line-height: 24px;
    color: #999999;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    margin: 0;
    padding: 0 10px 0 20px;
    overflow: hidden;
}

@media (min-width: 400px) {
    .node.view-mode-teaser h3 {
        padding: 0 10px;
    }
}

.node.view-mode-teaser .wish {
    padding: 10px 25px 10px 30px;
}

.node.view-mode-full .node-inventories {
    background-color: #fff;
    padding: 20px 0;
    border-radius: 10px;
    margin-bottom: 20px;
}

    .node.view-mode-full .node-inventories h2 {
        text-align: center;
        font-weight: normal;
        margin: 0 0 15px 0;
        font-size: 19px;
    }

    .node.view-mode-full .node-inventories .inventory-item {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid #eeeeee;
        padding: 0;
    }

@media (min-width: 777px) {
    .node.view-mode-full .node-inventories .inventory-item {
        flex-wrap: nowrap;
        padding: 15px 60px;
    }
}

.node.view-mode-full .node-inventories .inventory-item:last-child {
    border-bottom: 1px solid #eeeeee;
}

.node.view-mode-full .node-inventories .inventory-item .inventory-item-inner {
    flex-basis: 50%;
    font-size: 13px;
    padding: 15px;
}

@media (min-width: 777px) {
    .node.view-mode-full .node-inventories .inventory-item .inventory-item-inner {
        font-size: 14px;
        flex-basis: 25%;
        padding: 0;
    }
}

.node.view-mode-full .node-inventories .inventory-item .inventory-item-inner:last-child {
    display: flex;
    justify-content: flex-end;
}

.node.view-mode-full .node-inventories .inventory-item .is-ready-for-shipping {
    color: #5e8e3e;
}

    .node.view-mode-full .node-inventories .inventory-item .is-ready-for-shipping:before {
        content: '';
        position: relative;
        background-image: url("/sites/all/themes/catalog/images/modules/node/free-shipping.svg");
        width: 22px;
        min-width: 22px;
        height: 20px;
        right: 0;
        margin-left: 5px;
    }

.node.view-mode-full .node-inventories .inventory-item .not-ready {
    color: #999999;
}

    .node.view-mode-full .node-inventories .inventory-item .not-ready:before {
        content: '';
        position: relative;
        background-image: url("/sites/all/themes/catalog/images/modules/node/not-ready.svg");
        width: 22px;
        min-width: 22px;
        height: 20px;
        right: 0;
        margin-left: 5px;
    }

.node.view-mode-full .node-inventories .inventory-item .condition {
    position: relative;
    display: flex;
    justify-content: flex-end;
    text-align: left;
    padding-right: 0;
    font-size: 12px;
}

@media (min-width: 777px) {
    .node.view-mode-full .node-inventories .inventory-item .condition {
        justify-content: flex-start;
        text-align: right;
        font-size: 14px;
    }
}

.node.view-mode-full .node-inventories .inventory-item .price {
    margin-bottom: 0;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
}

    .node.view-mode-full .node-inventories .inventory-item .price .label {
        margin-left: 5px;
    }

@media (min-width: 777px) {
    .node.view-mode-full .node-inventories .inventory-item .price {
        justify-content: center;
        flex-wrap: nowrap;
    }
}

.node.view-mode-full .node-inventories .inventory-item .add-to-cart {
    padding: 0 5px;
    line-height: 35px;
    font-size: 11px;
}

    .node.view-mode-full .node-inventories .inventory-item .add-to-cart i {
        font-size: 13px;
    }

@media (min-width: 555px) {
    .node.view-mode-full .node-inventories .inventory-item .add-to-cart {
        padding: 0 20px;
        line-height: 44px;
        font-size: 14px;
    }

        .node.view-mode-full .node-inventories .inventory-item .add-to-cart i {
            font-size: 1.4em;
        }
}

.node.view-mode-full.expiration-1-month .image .zoom {
    position: relative;
}

    .node.view-mode-full.expiration-1-month .image .zoom:before {
        content: '';
        background-image: url("../images/modules/node/ex-01.png");
        width: 45px;
        z-index: 2;
        position: absolute;
        height: 45px;
        background-size: contain;
        top: 0;
        left: -5px;
    }

@media (min-width: 555px) {
    .node.view-mode-full.expiration-1-month .image .zoom:before {
        width: 60px;
        height: 60px;
        left: -30px;
    }
}

.node.view-mode-full.expiration-3-month .image .zoom {
    position: relative;
}

    .node.view-mode-full.expiration-3-month .image .zoom:before {
        content: '';
        background-image: url("../images/modules/node/ex-03.png");
        width: 45px;
        z-index: 2;
        position: absolute;
        height: 45px;
        background-size: contain;
        top: 0;
        left: -5px;
    }

@media (min-width: 555px) {
    .node.view-mode-full.expiration-3-month .image .zoom:before {
        width: 60px;
        height: 60px;
        left: -30px;
    }
}

.node.view-mode-full.expiration-6-month .image .zoom {
    position: relative;
}

    .node.view-mode-full.expiration-6-month .image .zoom:before {
        content: '';
        background-image: url("../images/modules/node/ex-06.png");
        width: 45px;
        z-index: 2;
        position: absolute;
        height: 45px;
        background-size: contain;
        top: 0;
        left: -5px;
    }

@media (min-width: 555px) {
    .node.view-mode-full.expiration-6-month .image .zoom:before {
        width: 60px;
        height: 60px;
        left: -30px;
    }
}

.node.view-mode-full.valentine-badge .image .zoom {
    position: relative;
}

    .node.view-mode-full.valentine-badge .image .zoom:before {
        content: '';
        background-image: url("../images/modules/node/valentine.svg");
        width: 70px;
        z-index: 2;
        position: absolute;
        background-repeat: no-repeat;
        background-position: bottom;
        height: 70px;
        background-size: contain;
        top: 0;
        left: 0;
    }

.node.view-mode-full.node-campaign.buy-1-get-2 .image .zoom {
    position: relative;
}

    .node.view-mode-full.node-campaign.buy-1-get-2 .image .zoom:before {
        content: '';
        background-image: url("../images/modules/node/buy1get2.png?3b249e");
        width: 70px;
        z-index: 2;
        position: absolute;
        background-repeat: no-repeat;
        background-position: bottom;
        height: 70px;
        background-size: contain;
        top: 0;
        left: 0;
    }

.node.view-mode-full.offresan-badge .image .zoom {
    position: relative;
}

    .node.view-mode-full.offresan-badge .image .zoom:before {
        content: '';
        background-image: url("../images/modules/node/comeon.png");
        width: 70px;
        z-index: 2;
        position: absolute;
        background-repeat: no-repeat;
        background-position: bottom;
        height: 70px;
        background-size: contain;
        top: 0;
        left: 0;
    }

.node.view-mode-full.node-campaign.hydroderm-class .image .zoom, .node.view-mode-full.node-campaign.adra-class .image .zoom, .node.view-mode-full.node-campaign.arden-class .image .zoom, .node.view-mode-full.node-campaign.laminin-class .image .zoom, .node.view-mode-full.node-campaign.medilan-class .image .zoom, .node.view-mode-full.node-campaign.xdream-class .image .zoom, .node.view-mode-full.node-campaign.fulika-class .image .zoom, .node.view-mode-full.node-campaign.jey-class .image .zoom, .node.view-mode-full.node-campaign.laction-class .image .zoom, .node.view-mode-full.node-campaign.vernaton-class .image .zoom, .node.view-mode-full.node-campaign.servina-class .image .zoom, .node.view-mode-full.node-campaign.ash-class .image .zoom, .node.view-mode-full.node-campaign.musinex-class .image .zoom, .node.view-mode-full.node-campaign.zimuy-class .image .zoom, .node.view-mode-full.node-campaign.elit-class .image .zoom, .node.view-mode-full.node-campaign.shadow-class .image .zoom, .node.view-mode-full.node-campaign.samin-class .image .zoom, .node.view-mode-full.node-campaign.orphinfarma-class .image .zoom, .node.view-mode-full.node-campaign.dilmon-class .image .zoom, .node.view-mode-full.node-campaign.medisun-class .image .zoom, .node.view-mode-full.node-campaign.jabon-class .image .zoom, .node.view-mode-full.node-campaign.bencer-class .image .zoom, .node.view-mode-full.node-campaign.hicareplus-class .image .zoom, .node.view-mode-full.node-campaign.fersas-class .image .zoom, .node.view-mode-full.node-campaign.yabi-class .image .zoom, .node.view-mode-full.node-campaign.lpure-class .image .zoom, .node.view-mode-full.node-campaign.lotus-class .image .zoom, .node.view-mode-full.node-campaign.sinova-class .image .zoom, .node.view-mode-full.node-campaign.bagno-class .image .zoom, .node.view-mode-full.node-campaign.mymakeup-class .image .zoom, .node.view-mode-full.node-campaign.ferrarucci-class .image .zoom, .node.view-mode-full.node-campaign.promad-class .image .zoom {
    position: relative;
}

    .node.view-mode-full.node-campaign.hydroderm-class .image .zoom:before, .node.view-mode-full.node-campaign.adra-class .image .zoom:before, .node.view-mode-full.node-campaign.arden-class .image .zoom:before, .node.view-mode-full.node-campaign.laminin-class .image .zoom:before, .node.view-mode-full.node-campaign.medilan-class .image .zoom:before, .node.view-mode-full.node-campaign.xdream-class .image .zoom:before, .node.view-mode-full.node-campaign.fulika-class .image .zoom:before, .node.view-mode-full.node-campaign.jey-class .image .zoom:before, .node.view-mode-full.node-campaign.laction-class .image .zoom:before, .node.view-mode-full.node-campaign.vernaton-class .image .zoom:before, .node.view-mode-full.node-campaign.servina-class .image .zoom:before, .node.view-mode-full.node-campaign.ash-class .image .zoom:before, .node.view-mode-full.node-campaign.musinex-class .image .zoom:before, .node.view-mode-full.node-campaign.zimuy-class .image .zoom:before, .node.view-mode-full.node-campaign.elit-class .image .zoom:before, .node.view-mode-full.node-campaign.shadow-class .image .zoom:before, .node.view-mode-full.node-campaign.samin-class .image .zoom:before, .node.view-mode-full.node-campaign.orphinfarma-class .image .zoom:before, .node.view-mode-full.node-campaign.dilmon-class .image .zoom:before, .node.view-mode-full.node-campaign.medisun-class .image .zoom:before, .node.view-mode-full.node-campaign.jabon-class .image .zoom:before, .node.view-mode-full.node-campaign.bencer-class .image .zoom:before, .node.view-mode-full.node-campaign.hicareplus-class .image .zoom:before, .node.view-mode-full.node-campaign.fersas-class .image .zoom:before, .node.view-mode-full.node-campaign.yabi-class .image .zoom:before, .node.view-mode-full.node-campaign.lpure-class .image .zoom:before, .node.view-mode-full.node-campaign.lotus-class .image .zoom:before, .node.view-mode-full.node-campaign.sinova-class .image .zoom:before, .node.view-mode-full.node-campaign.bagno-class .image .zoom:before, .node.view-mode-full.node-campaign.mymakeup-class .image .zoom:before, .node.view-mode-full.node-campaign.ferrarucci-class .image .zoom:before, .node.view-mode-full.node-campaign.promad-class .image .zoom:before {
        content: '';
        width: 70px;
        z-index: 2;
        position: absolute;
        background-repeat: no-repeat;
        background-position: bottom;
        height: 70px;
        background-size: contain;
        top: 0;
        left: 0;
    }

    .node.view-mode-full.node-campaign.hydroderm-class .image .zoom:before {
        background-image: url("../images/modules/node/hydroderm.png");
    }

    .node.view-mode-full.node-campaign.adra-class .image .zoom:before {
        background-image: url("../images/modules/node/adra.png");
    }

    .node.view-mode-full.node-campaign.arden-class .image .zoom:before {
        background-image: url("../images/modules/node/arden.png");
    }

    .node.view-mode-full.node-campaign.laminin-class .image .zoom:before {
        background-image: url("../images/modules/node/laminin.png");
    }

    .node.view-mode-full.node-campaign.medilan-class .image .zoom:before {
        background-image: url("../images/modules/node/medilan.png");
    }

    .node.view-mode-full.node-campaign.xdream-class .image .zoom:before {
        background-image: url("../images/modules/node/xdream.png");
    }

    .node.view-mode-full.node-campaign.fulika-class .image .zoom:before {
        background-image: url("../images/modules/node/fulika.png");
    }

    .node.view-mode-full.node-campaign.jey-class .image .zoom:before {
        background-image: url("../images/modules/node/jey.png");
    }

    .node.view-mode-full.node-campaign.laction-class .image .zoom:before {
        background-image: url("../images/modules/node/laction.png");
    }

    .node.view-mode-full.node-campaign.vernaton-class .image .zoom:before {
        background-image: url("../images/modules/node/vernaton.png");
    }

    .node.view-mode-full.node-campaign.servina-class .image .zoom:before {
        background-image: url("../images/modules/node/servina.png");
    }

    .node.view-mode-full.node-campaign.ash-class .image .zoom:before {
        background-image: url("../images/modules/node/ash.png");
    }

    .node.view-mode-full.node-campaign.musinex-class .image .zoom:before {
        background-image: url("../images/modules/node/musinex.png");
    }

    .node.view-mode-full.node-campaign.zimuy-class .image .zoom:before {
        background-image: url("../images/modules/node/zimuy.png");
    }

    .node.view-mode-full.node-campaign.elit-class .image .zoom:before {
        background-image: url("../images/modules/node/elit.png");
    }

    .node.view-mode-full.node-campaign.shadow-class .image .zoom:before {
        background-image: url("../images/modules/node/shadow.png");
    }

    .node.view-mode-full.node-campaign.samin-class .image .zoom:before {
        background-image: url("../images/modules/node/samin.png");
    }

    .node.view-mode-full.node-campaign.orphinfarma-class .image .zoom:before {
        background-image: url("../images/modules/node/orphinfarma.png");
    }

    .node.view-mode-full.node-campaign.dilmon-class .image .zoom:before {
        background-image: url("../images/modules/node/dilmon.png");
    }

    .node.view-mode-full.node-campaign.medisun-class .image .zoom:before {
        background-image: url("../images/modules/node/medisun.png");
    }

    .node.view-mode-full.node-campaign.jabon-class .image .zoom:before {
        background-image: url("../images/modules/node/jabon.png");
    }

    .node.view-mode-full.node-campaign.bencer-class .image .zoom:before {
        background-image: url("../images/modules/node/bencer.png");
    }

    .node.view-mode-full.node-campaign.hicareplus-class .image .zoom:before {
        background-image: url("../images/modules/node/hicareplus.png");
    }

    .node.view-mode-full.node-campaign.fersas-class .image .zoom:before {
        background-image: url("../images/modules/node/fersas.png");
    }

    .node.view-mode-full.node-campaign.yabi-class .image .zoom:before {
        background-image: url("../images/modules/node/yabi.png");
    }

    .node.view-mode-full.node-campaign.lpure-class .image .zoom:before {
        background-image: url("../images/modules/node/lpure.png");
    }

    .node.view-mode-full.node-campaign.lotus-class .image .zoom:before {
        background-image: url("../images/modules/node/lotus.png");
    }

    .node.view-mode-full.node-campaign.sinova-class .image .zoom:before {
        background-image: url("../images/modules/node/sinova.png");
    }

    .node.view-mode-full.node-campaign.bagno-class .image .zoom:before {
        background-image: url("../images/modules/node/bagno.png");
    }

    .node.view-mode-full.node-campaign.mymakeup-class .image .zoom:before {
        background-image: url("../images/modules/node/mymakeup.png");
    }

    .node.view-mode-full.node-campaign.ferrarucci-class .image .zoom:before {
        background-image: url("../images/modules/node/ferrarucci.png");
    }

    .node.view-mode-full.node-campaign.promad-class .image .zoom:before {
        background-image: url("../images/modules/node/promad.png");
    }

.node.view-mode-full .is-disabled {
    pointer-events: none;
    cursor: default;
    background-color: #5e8e3e;
    opacity: 0.6;
}

.node.view-mode-full .details {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 10px;
    margin: 0 0 20px 0;
}

.node.view-mode-full .image {
    text-align: center;
    position: relative;
}

@media (min-width: 777px) {
    .node.view-mode-full .image {
        width: 40%;
        float: left;
    }

    [dir="rtl"] .node.view-mode-full .image {
        float: right;
    }
}

@media (min-width: 888px) {
    .node.view-mode-full .image {
        width: 30%;
        padding: 0 50px;
    }
}

.node.view-mode-full .image .shade-view-full {
    text-align: center;
    border-bottom: 0;
}

    .node.view-mode-full .image .shade-view-full .preview {
        display: flex;
        width: 100%;
        overflow-x: auto;
        transition: all 2s;
    }

    .node.view-mode-full .image .shade-view-full a {
        display: inline-block;
        float: none;
        margin: 0 1px 2px 1px;
    }

.node.view-mode-full .image .shades-container.is-collapsed .shade-view-full .preview {
    display: block;
}

.node.view-mode-full .image .shades-container.is-collapsed .view-more-colors a:after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.node.view-mode-full .image .shades-container .view-more-colors {
    text-align: right;
    margin-bottom: 10px;
}

    .node.view-mode-full .image .shades-container .view-more-colors a:after {
        content: "\f078";
        font-size: 0.8rem;
        transition: transform 0.5s;
        margin-right: 3px;
    }

[dir="rtl"] .node.view-mode-full .image .shades-container .view-more-colors {
    text-align: left;
}

.node.view-mode-full .image .swiper-container {
    padding-top: 32px;
}

.node.view-mode-full .image .is-relative-block {
    position: relative;
    width: auto;
    display: inline-block;
}

.node.view-mode-full .image .btn {
    margin-bottom: 10px;
}

.node.view-mode-full .image .is-fixed-block {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px 8px;
    display: block;
    margin-bottom: 0;
    z-index: 111;
    right: 0;
    border-radius: 0;
    line-height: 4rem;
    background-color: #fff;
}

    .node.view-mode-full .image .is-fixed-block .add-to-cart {
        width: 100%;
        margin-bottom: 0;
        display: block;
        font-size: 1.2rem;
        border-radius: 9px;
        padding-right: 30px;
        line-height: 58px;
    }

@media (min-width: 555px) {
    .node.view-mode-full .image .is-fixed-block {
        position: relative;
        padding: 0;
        width: auto;
        display: inline-block;
    }

        .node.view-mode-full .image .is-fixed-block .add-to-cart {
            border-radius: 4px;
        }
}

.node.view-mode-full .info {
    position: relative;
}

    .node.view-mode-full .info hr {
        margin: 0 0 15px;
        border-color: #eeeeee;
    }

@media (min-width: 777px) {
    .node.view-mode-full .info {
        padding: 0 0 0 30px;
        width: 60%;
        float: left;
    }

    [dir="rtl"] .node.view-mode-full .info {
        padding: 0 30px 0 0;
        float: right;
    }
}

@media (min-width: 888px) {
    .node.view-mode-full .info {
        width: 70%;
    }
}

.node.view-mode-full .info-top h1,
.node.view-mode-full .info-top h2 {
    margin: 0 0 10px 0;
    font-weight: normal;
    font-size: 1.4em;
    line-height: 2em;
}

.node.view-mode-full .info-middle {
    border-top: 1px solid #eeeeee;
    padding-top: 10px;
}

@media (min-width: 777px) {
    .node.view-mode-full .info-middle {
        border-bottom: 1px solid #eeeeee;
        margin-bottom: 10px;
    }
}

@media (min-width: 888px) {
    .node.view-mode-full .info-middle {
        display: flex;
    }
}

@media (min-width: 888px) {
    .node.view-mode-full .info-middle-first {
        flex: 0 1 70%;
    }
}

@media (min-width: 888px) {
    .node.view-mode-full .info-middle-second {
        flex: 0 1 30%;
    }
}

.node.view-mode-full .info-middle-second .less,
.node.view-mode-full .info-middle-second .more {
    display: block;
    color: #5e8e3e;
}

.node.view-mode-full .info-bottom {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.node.view-mode-full .btn-compare {
    border: 2px solid #909090;
    color: #909090;
}

.node.view-mode-full .btn-buy {
    border: 2px solid #5e8e3e;
    color: #5e8e3e;
}

.node.view-mode-full .btn-review {
    border: 2px solid #5e8e3e;
    color: #5e8e3e;
}

.node.view-mode-full .previous-category {
    display: inline-flex;
    float: right;
    margin-left: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-left: 1px solid #cccccc;
}

    .node.view-mode-full .previous-category p {
        float: left;
        margin: 0 0 0 5px;
    }

[dir="rtl"] .node.view-mode-full .previous-category p {
    float: right;
}

.node.view-mode-full .previous-category a {
    color: #5e8e3e;
    font-weight: 600;
}

@media (min-width: 777px) {
    .node.view-mode-full .previous-category {
        float: none;
        border-left: 0;
        margin: 0;
        padding: 0;
    }
}

.node.view-mode-full h1 {
    margin: 0 0 10px 0;
    font-weight: normal;
    font-size: 1.4em;
    line-height: 2em;
}

.node.view-mode-full .visible-to-medium h2 {
    text-align: center;
    margin: 0 0 10px 0;
    font-weight: normal;
    font-size: 1.2em;
}

.node.view-mode-full h4 {
    font-size: 1em;
    margin: 0;
}

.node.view-mode-full .field-name-field-latin {
    color: #999999;
    margin: 0 0 10px 0;
}

.node.view-mode-full .brand-name p {
    margin: 0 0 0 5px;
    float: right;
}

.node.view-mode-full .field-name-field-brand {
    width: auto;
    text-align: right;
    float: right;
}

    .node.view-mode-full .field-name-field-brand img {
        display: none;
    }

    .node.view-mode-full .field-name-field-brand a {
        display: block;
        color: #5e8e3e;
    }

@media (min-width: 777px) {
    .node.view-mode-full .field-name-field-brand {
        text-align: center;
        width: 150px;
        float: left;
    }

        .node.view-mode-full .field-name-field-brand img {
            display: block;
        }

        .node.view-mode-full .field-name-field-brand a {
            color: #4d4d4d;
        }
}

@media (min-width: 888px) {
    .node.view-mode-full .field-name-field-brand {
        display: block;
    }
}

.node.view-mode-full .field-name-field-importer,
.node.view-mode-full .field-name-field-country,
.node.view-mode-full .review-summary {
    margin: 0 0 10px 0;
}

.node.view-mode-full .readmore {
    margin: 0 0 10px 0;
}

    .node.view-mode-full .readmore ul {
        margin: 0;
        padding: 0 15px;
    }

.node.view-mode-full .shade-view-full {
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #eeeeee;
}

.node.view-mode-full .field-name-field-images {
    margin: 0 0 10px 0;
}

.node.view-mode-full .price {
    margin: 0 0 20px 0;
}

.node .price {
    color: #5e8e3e;
    font-size: 1.2em;
    margin: 0 0 8px 0;
}

    .node .price .label {
        color: #4d4d4d;
    }

    .node .price .invalid {
        color: #999999;
        font-size: 0.9em;
        text-decoration: line-through;
        margin-left: 10px;
    }

.field-type-text-long,
.field-type-text-with-summary {
    padding: 10px;
}

    .field-type-text-long .field-label,
    .field-type-text-with-summary .field-label {
        font-size: 1.2em;
        margin: 0 0 10px 0;
    }

    .field-type-text-long p,
    .field-type-text-with-summary p {
        margin: 0 0 5px 0;
    }

    .field-type-text-long .less,
    .field-type-text-long .more,
    .field-type-text-with-summary .less,
    .field-type-text-with-summary .more {
        display: block;
        color: #5e8e3e;
    }

.field-type-specification {
    padding: 10px;
}

    .field-type-specification table {
        margin: 0;
        border-collapse: separate;
        border-spacing: 5px;
    }

@media (min-width: 1111px) {
    .field-type-specification table {
        border-spacing: 10px;
    }
}

.field-type-specification table tr td {
    padding: 5px 10px;
}

@media (min-width: 1111px) {
    .field-type-specification table tr td {
        padding: 10px 20px;
    }
}

.field-type-specification table tr td:first-child {
    width: 150px;
    background-color: #f3f3f3;
}

.field-type-specification table tr td:last-child {
    background-color: #fbfbfb;
}

.node-form {
    background-color: #fff;
    border: 1px solid #cccccc;
    padding: 20px;
    margin-bottom: 20px;
    display: block;
}

    .node-form .form-item {
        margin: 0;
        padding: 10px 0;
    }

    .node-form .form-type-textfield input {
        width: 100%;
        height: 32px;
        display: block;
    }

    .node-form .form-field-name-field-latin input {
        direction: ltr;
    }

    .node-form .form-field-type-image tr td {
        padding: 5px 0;
    }

    .node-form .form-field-type-image .form-item .description {
        display: none;
    }

    .node-form .form-field-type-image .image-preview {
        padding-bottom: 0;
    }

        .node-form .form-field-type-image .image-preview img {
            width: 135px;
            display: block;
        }

    .node-form .form-field-type-image table .image-widget-data label {
        font-weight: normal;
        width: 20%;
        float: left;
    }

[dir="rtl"] .node-form .form-field-type-image table .image-widget-data label {
    float: right;
}

.node-form .form-field-type-image table .image-widget-data input {
    width: 80%;
    float: left;
}

[dir="rtl"] .node-form .form-field-type-image table .image-widget-data input {
    float: right;
}

.node-form .form-field-type-specification {
    margin-bottom: 20px;
}

    .node-form .form-field-type-specification .form-item {
        padding: 0;
    }

        .node-form .form-field-type-specification .form-item label {
            display: none;
        }

        .node-form .form-field-type-specification .form-item input {
            border: 1px solid #999;
        }

            .node-form .form-field-type-specification .form-item input.empty {
                background-color: bisque;
            }

.node-form .form-field-name-field-brand {
    border-bottom: 1px solid #f0f0f0;
}

.node-form .field-widget-taxonomy-shs select {
    width: 150px;
    height: 32px;
    line-height: 32px;
    margin: 0 20px 0 0;
}

[dir="rtl"] .node-form .field-widget-taxonomy-shs select {
    margin: 0 0 0 20px;
}

.node-form .field-widget-taxonomy-shs .form-item {
    padding: 5px 0;
}

    .node-form .field-widget-taxonomy-shs .form-item label {
        width: 120px;
        line-height: 32px;
        float: left;
    }

[dir="rtl"] .node-form .field-widget-taxonomy-shs .form-item label {
    float: right;
}

.node-form .field-widget-taxonomy-shs .shs-wrapper-processed .has-children {
    margin: 0;
    background: none;
}

.node-form .form-type-checkboxes {
    border-bottom: 1px solid #f0f0f0;
}

    .node-form .form-type-checkboxes .form-checkboxes {
        display: block;
        margin-bottom: 10px;
    }

    .node-form .form-type-checkboxes .form-type-checkbox {
        padding: 0;
        width: 25%;
        float: left;
    }

[dir="rtl"] .node-form .form-type-checkboxes .form-type-checkbox {
    float: right;
}

.node-form .form-field-name-field-gender .form-type-checkboxes .form-type-checkbox {
    width: 16.66%;
}

.node-form .field-widget-options-select {
    border-bottom: 1px solid #f0f0f0;
}

    .node-form .field-widget-options-select label {
        width: 120px;
        float: left;
    }

[dir="rtl"] .node-form .field-widget-options-select label {
    float: right;
}

.node-form .field-widget-options-select select {
    width: 150px;
    height: 32px;
    line-height: 32px;
}

.node-form .autocomplete-deluxe-multiple {
    width: 100%;
}

    .node-form .autocomplete-deluxe-multiple .autocomplete-deluxe-item {
        padding: 10px 20px 10px 10px;
    }

[dir="rtl"] .node-form .autocomplete-deluxe-multiple .autocomplete-deluxe-item {
    padding: 10px 10px 10px 20px;
}

.node-form .autocomplete-deluxe-multiple .autocomplete-deluxe-item-delete {
    top: 11px;
}

.node-form .form-actions {
    padding: 10px;
    background-color: #f0f0f0;
    border-top: 2px solid #e0e0e0;
}

.r-tabs {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    margin: 0 0 20px 0;
}

    .r-tabs .r-tabs-nav {
        background-color: #f9f9f9;
        border-bottom: 1px solid #f0f0f0;
    }

    .r-tabs .r-tabs-tab {
        float: left;
    }

[dir="rtl"] .r-tabs .r-tabs-tab {
    float: right;
}

.r-tabs .r-tabs-tab.r-tabs-state-active {
    position: relative;
}

    .r-tabs .r-tabs-tab.r-tabs-state-active:before {
        display: block;
        content: '';
        left: -1px;
        right: -1px;
        bottom: 100%;
        height: 4px;
        background: #5e8e3e;
        position: absolute;
    }

    .r-tabs .r-tabs-tab.r-tabs-state-active a {
        background-color: #ffffff;
        margin-top: 2px;
        margin-bottom: -2px;
    }

.r-tabs .r-tabs-tab a {
    padding: 14px 35px;
    color: #6f6f6f;
    font-size: 17px;
    display: block;
}

    .r-tabs .r-tabs-tab a i {
        vertical-align: middle;
        font-size: 1.2em;
    }

.r-tabs .r-tabs-accordion-title {
    padding: 15px 10px;
    color: #6f6f6f;
    font-size: 17px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #f0f0f0;
}

    .r-tabs .r-tabs-accordion-title a {
        display: block;
    }

.r-tabs .r-tabs-panel {
    padding: 0;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor:after {
    content: "\f078";
    margin-left: 10px;
    font-size: 1.2rem;
    transition: transform 0.3s;
    float: left;
    line-height: 25px;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active {
    border-right: 4px solid #5e8e3e;
}

    .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        float: left;
    }

.page-node.page-node- .crisp-client .crisp-1rjpbb7[data-full-view='true'] .crisp-1rf4xdh .crisp-kquevr {
    bottom: 72px !important;
}

@media (min-width: 777px) {
    .page-node.page-node- .crisp-client .crisp-1rjpbb7[data-full-view='true'] .crisp-1rf4xdh .crisp-kquevr {
        bottom: 14px !important;
    }
}

.page-node.page-node- .node.view-mode-full .image .is-fixed-block .add-to-cart {
    padding-right: 30px;
}

@media (min-width: 555px) {
    .page-node.page-node- .node.view-mode-full .image .is-fixed-block .add-to-cart {
        text-align: center;
    }
}

.support-page .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-1784wh6 .crisp-1xmtdlg .crisp-1bkorcf .crisp-1vzg1qq {
    display: none !important;
}

.swiper-slide .node.view-mode-teaser {
    border-radius: 20px;
}

    .swiper-slide .node.view-mode-teaser.expiration-1-month .content-container .field-type-image {
        position: relative;
    }

        .swiper-slide .node.view-mode-teaser.expiration-1-month .content-container .field-type-image:before {
            content: '';
            background-image: url("../images/modules/node/ex-01.png");
            width: 40px;
            z-index: 2;
            position: absolute;
            height: 40px;
            background-size: contain;
            top: 10px;
            left: 10px;
        }

@media (min-width: 555px) {
    .swiper-slide .node.view-mode-teaser.expiration-1-month .content-container .field-type-image:before {
        width: 70px;
        height: 70px;
        top: -5px;
    }
}

.swiper-slide .node.view-mode-teaser.expiration-3-month .content-container .field-type-image {
    position: relative;
}

    .swiper-slide .node.view-mode-teaser.expiration-3-month .content-container .field-type-image:before {
        content: '';
        background-image: url("../images/modules/node/ex-03.png");
        width: 40px;
        z-index: 2;
        position: absolute;
        height: 40px;
        background-size: contain;
        top: 10px;
        left: 10px;
    }

@media (min-width: 555px) {
    .swiper-slide .node.view-mode-teaser.expiration-3-month .content-container .field-type-image:before {
        width: 70px;
        height: 70px;
        top: -5px;
    }
}

.swiper-slide .node.view-mode-teaser.expiration-6-month .content-container .field-type-image {
    position: relative;
}

    .swiper-slide .node.view-mode-teaser.expiration-6-month .content-container .field-type-image:before {
        content: '';
        background-image: url("../images/modules/node/ex-06.png");
        width: 40px;
        z-index: 2;
        position: absolute;
        height: 40px;
        background-size: contain;
        top: 10px;
        left: 10px;
    }

@media (min-width: 555px) {
    .swiper-slide .node.view-mode-teaser.expiration-6-month .content-container .field-type-image:before {
        width: 70px;
        height: 70px;
        top: -5px;
    }
}

.swiper-slide .node.view-mode-teaser .top-node-teaser[data-badges-count='3'] .right-side {
    display: none;
}

.swiper-slide .node.view-mode-teaser .top-node-teaser[data-badges-count='3'] .left-side {
    flex-basis: 100%;
    justify-content: space-between;
}

.swiper-slide .node.view-mode-teaser .content-container {
    display: block;
    padding-top: 0;
}

    .swiper-slide .node.view-mode-teaser .content-container .field-name-field-images {
        max-width: 100%;
        position: relative;
        z-index: 1;
        justify-content: center;
    }

        .swiper-slide .node.view-mode-teaser .content-container .field-name-field-images a {
            display: block;
        }

        .swiper-slide .node.view-mode-teaser .content-container .field-name-field-images img {
            padding: 15px 30px;
        }

@media (min-width: 400px) {
    .swiper-slide .node.view-mode-teaser .content-container .field-name-field-images img {
        padding: 30px 55px;
    }
}

.swiper-slide .node.view-mode-teaser .content-container .content {
    max-width: 100%;
}

.swiper-slide .node.view-mode-teaser .content-container h3 {
    text-align: center;
    padding-left: 23px;
}

.swiper-slide .node.view-mode-teaser .content-container .price {
    justify-content: center;
    margin-bottom: 15px;
}

.swiper-slide .node.view-mode-teaser.offresan-badge .content-container .field-type-image:before {
    left: 20px;
}

@media (min-width: 555px) {
    .swiper-slide .node.view-mode-teaser.offresan-badge .content-container .field-type-image:before {
        top: -5px;
        left: 12px;
    }
}

.swiper-slide .node.view-mode-teaser.node-campaign.buy-1-get-2 .content-container .field-type-image:before {
    left: 20px;
}

@media (min-width: 555px) {
    .swiper-slide .node.view-mode-teaser.node-campaign.buy-1-get-2 .content-container .field-type-image:before {
        top: -5px;
        left: 12px;
    }
}

.swiper-slide .node.view-mode-teaser.node-campaign.hydroderm-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.adra-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.arden-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.laminin-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.medilan-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.xdream-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.fulika-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.jey-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.laction-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.vernaton-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.servina-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.ash-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.musinex-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.zimuy-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.elit-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.shadow-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.samin-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.orphinfarma-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.dilmon-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.medisun-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.jabon-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.bencer-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.hicareplus-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.fersas-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.yabi-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.lpure-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.lotus-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.sinova-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.bagno-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.mymakeup-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.ferrarucci-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.promad-class .content-container .field-type-image:before {
    left: 20px;
}

@media (min-width: 555px) {
    .swiper-slide .node.view-mode-teaser.node-campaign.hydroderm-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.adra-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.arden-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.laminin-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.medilan-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.xdream-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.fulika-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.jey-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.laction-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.vernaton-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.servina-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.ash-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.musinex-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.zimuy-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.elit-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.shadow-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.samin-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.orphinfarma-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.dilmon-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.medisun-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.jabon-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.bencer-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.hicareplus-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.fersas-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.yabi-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.lpure-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.lotus-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.sinova-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.bagno-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.mymakeup-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.ferrarucci-class .content-container .field-type-image:before, .swiper-slide .node.view-mode-teaser.node-campaign.promad-class .content-container .field-type-image:before {
        top: -5px;
        left: 12px;
    }
}

body.static-app-page.static-app-page {
    padding-top: 0;
}

.html-static-app-page {
    background-color: #fff;
}

.node-static .wish {
    display: none;
}

.node-app-static {
    background-color: #fff;
    padding: 20px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .node-app-static #workflow-form {
        display: none;
    }

@media (min-width: 999px) {
    .node-app-static {
        padding: 0 80px 20px;
    }
}

.node-static-content h2 {
    color: #5e8e3e;
    text-align: right;
    font-size: 20px;
    font-weight: 500;
}

.faq-page {
    margin-top: -20px;
}

    .faq-page .faq-item .collapse-summary {
        border-radius: 10px;
    }

        .faq-page .faq-item .collapse-summary h2 {
            color: #707079;
        }

            .faq-page .faq-item .collapse-summary h2:after {
                color: #707079;
            }

    .faq-page .faq-item.is-active .collapse-summary {
        border-radius: 10px 10px 0 0;
    }

    .faq-page .faq-item .collapse {
        border-radius: 0 0 10px 10px;
    }

        .faq-page .faq-item .collapse p {
            color: #707070;
            font-size: 1rem;
        }

.node-static-web {
    max-width: 1050px;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 20px;
    color: #909090;
}

    .node-static-web h2 {
        color: #707070;
    }

@media (min-width: 777px) {
    .node-static-web {
        padding: 0 120px;
    }
}

.node-static-contact {
    padding-bottom: 30px;
    padding-top: 30px;
}

@media (min-width: 777px) {
    .node-static-contact {
        padding-bottom: 40px;
        padding-top: 40px;
    }
}

.node-static-contact h2 {
    margin: 0 0 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    font-size: 18px;
}

.node-static-contact .page-title h2 {
    border-bottom: 0;
    font-size: 20px;
}

.node-static-contact .main-image {
    text-align: center;
    margin-bottom: 30px;
}

.node-static-contact .contact-info {
    line-height: 30px;
    margin-top: 25px;
}

    .node-static-contact .contact-info .row {
        display: flex;
        margin-bottom: 23px;
    }

        .node-static-contact .contact-info .row .info {
            padding-right: 5px;
            flex: 1;
        }

@media (min-width: 777px) {
    .node-static-contact .contact-info .row .info {
        padding-right: 10px;
    }
}

.node-static-contact .contact-info .icon {
    width: 24px;
    padding-top: 3px;
}

.node-static-contact .contact-info h4 {
    line-height: 30px;
    font-weight: 500;
}

.node-static-contact .contact-info p {
    margin: 0;
    font-weight: 300;
}

.node-static-contact .contact-info a {
    color: #909090;
}

    .node-static-contact .contact-info a:hover {
        color: #5e8e3e;
    }

@media (min-width: 777px) {
    .node-static-contact .contact-info {
        padding: 0 55px;
    }
}

.message-wrapper {
    word-break: break-all;
}

    .message-wrapper .icon {
        position: absolute;
        font-size: 24px;
        right: 15px;
        top: 10px;
    }

.node-static-about {
    padding-bottom: 40px;
    padding-top: 40px;
}

@media (min-width: 555px) {
    .node-static-about {
        padding: 40px 130px 100px;
    }
}

.node-static-about h2 {
    margin: 0 0 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    font-size: 18px;
}

.node-static-about .top {
    text-align: center;
    display: none;
}

@media (min-width: 555px) {
    .node-static-about .top {
        display: block;
    }
}

.node-static-about .top-mobile {
    text-align: center;
    margin: 0 -20px;
}

@media (min-width: 555px) {
    .node-static-about .top-mobile {
        display: none;
    }
}

.node-static-about .main-title {
    margin: -40px 0 15px;
    text-align: center;
}

    .node-static-about .main-title h2 {
        margin: 0;
    }

.node-static-about .main-image {
    margin: 20px 0;
}

@media (min-width: 555px) {
    .node-static-about .main-image {
        margin: 30px 0;
    }
}

.node-static-about p {
    font-weight: 300;
}

.node-static-about .honors {
    margin-top: 20px;
}

@media (min-width: 555px) {
    .node-static-about .honors {
        margin-top: 30px;
    }
}

.node-static-about .logos {
    text-align: center;
    margin-top: 40px;
}

@media (min-width: 777px) {
    .node-static-about .logos {
        padding: 0 80px;
    }
}

.node-static-about .logo {
    display: inline-block;
    width: 32%;
    text-align: center;
    margin-bottom: 20px;
}

    .node-static-about .logo img {
        max-width: 90%;
        width: auto;
        height: 80px;
    }

@media (min-width: 888px) {
    .node-static-about .logo {
        width: 19.5%;
    }
}

.position {
    padding: 0 5px;
}

@media (min-width: 777px) {
    .position {
        padding: 0;
        margin: 0 -5px;
    }
}

.position.position-topbar {
    padding: 0;
    margin: 0;
}

    .position.position-topbar a {
        padding: 0;
        margin: 0;
    }

    .position.position-topbar img {
        border-radius: 0;
    }

.position a {
    padding: 0 5px;
    margin: 0 0 10px 0;
    width: 100%;
    float: left;
}

[dir="rtl"] .position a {
    float: right;
}

@media (min-width: 777px) {
    .position a {
        padding: 0 10px;
        margin: 0 0 20px 0;
    }
}

.position img {
    width: 100%;
    display: block;
    border-radius: 20px;
}

.position .d-image {
    display: none;
}

@media (min-width: 777px) {
    .position .d-image {
        display: block;
    }
}

.position .alternative {
    display: block;
}

@media (min-width: 777px) {
    .position .alternative {
        display: none;
    }
}

.position-highlighted {
    margin: 0;
}

    .position-highlighted a {
        padding: 0;
    }

.position-featured {
    padding: 0;
}

    .position-featured a {
        width: 50%;
    }

        .position-featured a.index-2 {
            width: 100%;
        }

@media (min-width: 777px) {
    .position-featured a {
        width: 33.33%;
    }

        .position-featured a.index-2 {
            width: 33.33%;
        }
}

.position-featured .index-3 {
    display: block;
}

@media (min-width: 777px) {
    .position-featured .index-3 {
        display: none;
    }
}

.position-one a {
    width: 100%;
}

@media (min-width: 777px) {
    .position-one a {
        width: 50%;
    }
}

.position-one .index-1 {
    display: none;
}

@media (min-width: 777px) {
    .position-one .index-1 {
        display: block;
    }
}

.position-top-two a {
    width: 50%;
}

.position-top-there a {
    width: 50%;
}

    .position-top-there a.index-2 {
        width: 100%;
    }

@media (min-width: 777px) {
    .position-top-there a.index-2 {
        width: 33.33%;
    }
}

@media (min-width: 777px) {
    .position-top-there a {
        width: 33.33%;
    }
}

.position-three a {
    width: 50%;
}

@media (min-width: 777px) {
    .position-three a {
        width: 33.33%;
    }
}

.position-three .index-2 {
    display: none;
}

@media (min-width: 777px) {
    .position-three .index-2 {
        display: block;
    }
}

.position-top-advertisements {
    padding: 0;
}

    .position-top-advertisements a {
        padding: 0;
    }

    .position-top-advertisements .index-0 {
        float: right;
        padding: 0 0 0 5px;
        width: 50%;
    }

    .position-top-advertisements .index-1 {
        float: right;
        padding: 0 5px 0 0;
        width: 50%;
    }

@media (min-width: 777px) {
    .position-top-advertisements {
        margin: 0;
    }

        .position-top-advertisements .d-image {
            display: none;
        }

        .position-top-advertisements .alternative {
            display: block;
        }

        .position-top-advertisements a {
            margin-bottom: 10px;
        }

        .position-top-advertisements .index-0 {
            padding: 0 0 0 10px;
        }

        .position-top-advertisements .index-1 {
            padding: 0 10px 0 0;
        }
}

@media (min-width: 888px) {
    .position-top-advertisements a {
        margin-bottom: 20px;
    }
}

@media (min-width: 999px) {
    .position-top-advertisements {
        margin: 0 -5px;
    }

        .position-top-advertisements .alternative {
            display: none;
        }

        .position-top-advertisements .d-image {
            display: block;
        }

        .position-top-advertisements .index-0 {
            float: none;
            padding: 0;
            width: 100%;
        }

        .position-top-advertisements .index-1 {
            float: none;
            padding: 0;
            width: 100%;
        }

        .position-top-advertisements .index-2 {
            display: none;
        }
}

.product-slides {
    margin-bottom: 10px;
    border-radius: 10px;
}

@media (min-width: 999px) {
    .product-slides {
        border-radius: 5px;
    }
}

@media (min-width: 777px) {
    .product-slides {
        margin-bottom: 20px;
    }
}

.product-slides .title-category-carousel {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0;
    margin-bottom: 10px;
}

@media (min-width: 888px) {
    .product-slides .title-category-carousel {
        border-bottom: 1px solid #cccccc;
        margin-bottom: 20px;
    }
}

.product-slides .title-category-carousel h2 {
    color: #666666;
    font-size: 20px;
    border-bottom: 0;
    margin: 0;
    font-weight: 500;
}

@media (min-width: 888px) {
    .product-slides .title-category-carousel h2 {
        border-bottom: 2.1px solid #999999;
        padding: 0 20px;
    }
}

.product-slides .swiper-container {
    border-radius: 10px;
}

@media (min-width: 999px) {
    .product-slides .swiper-container {
        border-radius: 5px;
    }
}

.product-slides .swiper-button-next,
.product-slides .swiper-button-prev {
    background-color: transparent !important;
    box-shadow: none;
    width: 15px;
}

    .product-slides .swiper-button-next:hover,
    .product-slides .swiper-button-prev:hover {
        color: #000;
    }

@media (min-width: 666px) {
    .product-slides .swiper-button-next,
    .product-slides .swiper-button-prev {
        width: 30px;
    }
}

.product-slides .swiper-button-next:focus,
.product-slides .swiper-button-prev:focus {
    outline: none;
}

.is-mobile .product-slides .swiper-container {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #999999;
    max-width: 100%;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
}

    .is-mobile .product-slides .swiper-container .swiper-slide {
        width: 65%;
        transition-property: none;
        margin-left: 20px;
    }

@media (min-width: 666px) {
    .is-mobile .product-slides .swiper-container .swiper-slide {
        width: 50%;
    }
}

.is-mobile .product-slides .swiper-button-next,
.is-mobile .product-slides .swiper-button-prev {
    display: none;
}

.is-mobile .product-slides .swiper-wrapper {
    -ms-transform: none;
    transform: none;
    transition-property: none;
}

.wall-post-item {
    position: relative;
}

    .wall-post-item .menu-toggle {
        position: absolute;
        top: 25px;
        right: 10px;
        cursor: pointer;
        font-size: 1.5em;
    }

[dir="rtl"] .wall-post-item .menu-toggle {
    right: auto;
    left: 10px;
}

.wall-post-item .wall-post-menu {
    display: none;
    position: absolute;
    top: 45px;
    right: 10px;
    width: 120px;
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    border-radius: 3px;
    z-index: 10;
}

[dir="rtl"] .wall-post-item .wall-post-menu {
    right: auto;
    left: 10px;
}

.wall-post-item .wall-post-menu a {
    display: block;
    padding: 5px;
}

    .wall-post-item .wall-post-menu a:hover {
        color: #5e8e3e;
    }

.wall-post-item header {
    margin: 0 0 20px 0;
}

    .wall-post-item header .user-picture {
        width: 48px;
        height: 48px;
        float: left;
        margin: 0 10px 0 0;
    }

[dir="rtl"] .wall-post-item header .user-picture {
    float: right;
    margin: 0 0 0 10px;
}

.wall-post-item header .user-picture img {
    border-radius: 50%;
}

.wall-post-item header a {
    line-height: 48px;
}

.wall-post-item header .usernames {
    display: block;
}

.wall-post-item .tools {
    margin-bottom: 20px;
    font-size: 1.4em;
}

    .wall-post-item .tools a {
        margin: 0 0 0 30px;
        float: right;
    }

[dir="rtl"] .wall-post-item .tools a {
    margin: 0 30px 0 0;
    float: left;
}

.wall-post-item .tools .wall-post-like {
    margin: 0 10px 0 0;
    float: left;
}

[dir="rtl"] .wall-post-item .tools .wall-post-like {
    margin: 0 0 0 10px;
    float: right;
}

.wall-post-item .tools .wall-post-like.active {
    color: #5e8e3e;
}

.wall-post-item .tools .wall-post-like div {
    display: inline;
}

.wall-post-item .tools .wall-post-like .count {
    padding: 0 5px;
    display: none;
}

.wall-post-item .title {
    border: none;
    font-weight: normal;
    font-size: 1.1em;
    margin: 0;
}

.wall-post-item footer {
    position: relative;
    background-color: #fbfbfb;
    padding: 0;
    margin: 0 -5px;
    border-radius: 4px;
    border: 1px solid #eeeeee;
}

.wall-post-item .reposts {
    display: block;
    padding: 10px 0 0 0;
}

    .wall-post-item .reposts a {
        display: block;
    }

.wall-post-item .wall-post-item {
    padding-right: 10%;
    padding-left: 10%;
    background-color: #f5f5f5;
    margin-bottom: 10px;
}

.wall-post-item .tags {
    margin-bottom: 15px;
}

    .wall-post-item .tags a {
        background-color: #cccccc;
        padding: 0 23px 0 20px;
        border-radius: 0 3px 3px 0;
        height: 28px;
        line-height: 28px;
        position: relative;
        margin: 0 0 10px 10px;
        display: inline-block;
    }

        .wall-post-item .tags a:before {
            background-color: #fff;
            border-radius: 10px;
            box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
            content: "";
            height: 6px;
            right: 10px;
            position: absolute;
            width: 6px;
            top: 10px;
        }

        .wall-post-item .tags a:after {
            background-color: #fff;
            border-right: 10px solid #cccccc;
            border-bottom: 12px solid transparent;
            border-top: 16px solid transparent;
            content: "";
            position: absolute;
            left: 0;
            top: 0;
        }

        .wall-post-item .tags a:hover {
            background-color: #5e8e3e;
            color: white;
        }

            .wall-post-item .tags a:hover:after {
                border-right-color: #5e8e3e;
            }

.wall-post-view-mode-teaser,
.wall-post-view-mode-full {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    padding: 10px;
    margin: 0 0 10px 0;
    border-radius: 10px;
}

@media (min-width: 999px) {
    .wall-post-view-mode-teaser,
    .wall-post-view-mode-full {
        border-radius: 5px;
    }
}

.wall-post-view-mode-teaser .title,
.wall-post-view-mode-full .title {
    font-size: 1.1em;
    font-weight: normal;
    color: #5e8e3e;
    margin: 0 0 10px 0;
}

    .wall-post-view-mode-teaser .title:before,
    .wall-post-view-mode-full .title:before {
        content: "\f054";
        margin: 0 10px 0 0;
    }

[dir="rtl"] .wall-post-view-mode-teaser .title:before, [dir="rtl"]
.wall-post-view-mode-full .title:before {
    content: "\f053";
    margin: 0 0 0 10px;
}

.wall-post-view-mode-teaser .title a,
.wall-post-view-mode-full .title a {
    color: inherit;
}

.wall-post-page .wall-post-view-mode-card,
.wall-post-masanory .wall-post-view-mode-card {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 20px;
}

.wall-post-page .wall-post-view-mode-card {
    margin: 0 0 10px 0;
}

.wall-post-view-mode-card .title {
    font-size: 1em;
}

.wall-post-comments-more {
    display: block;
    padding: 10px;
}

.wall-post-form {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    padding: 10px;
    margin: 0 0 10px 0;
    border-radius: 10px;
}

@media (min-width: 999px) {
    .wall-post-form {
        border-radius: 5px;
    }
}

.wall-post-form.repost .form-actions {
    margin-bottom: 10px;
}

.wall-post-form.repost .wall-post-view-mode-card {
    background-color: #f0f0f0;
}

    .wall-post-form.repost .wall-post-view-mode-card .user-picture {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
    }

    .wall-post-form.repost .wall-post-view-mode-card .content {
        background-color: transparent;
    }

.wall-post-form.repost .medias-wrapper {
    margin-bottom: 10px;
}

.wall-post-form .textarea-wrapper {
    position: relative;
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}

.wall-post-form .form-item {
    margin: 0;
}

.wall-post-form .form-item-title {
    margin: 0 0 10px 0;
}

    .wall-post-form .form-item-title input {
        width: 100%;
        line-height: 34px;
        padding: 5px;
        border: 1px solid #eeeeee;
    }

.wall-post-form textarea {
    border: none;
}

.wall-post-form .tagging {
    border: 1px solid #eeeeee;
    height: auto;
    padding: 5px 10px 10px 10px;
    margin-top: 10px;
}

    .wall-post-form .tagging.editable {
        cursor: text;
    }

    .wall-post-form .tagging .tag {
        background: none repeat scroll 0 0 #ee7407;
        border-radius: 2px;
        color: white;
        cursor: default;
        display: inline-block;
        position: relative;
        white-space: nowrap;
        padding: 0 0 0 24px;
        margin: 5px 0 0 5px;
        text-align: center;
    }

        .wall-post-form .tagging .tag span {
            background: none repeat scroll 0 0 #d66806;
            border-radius: 2px 2px 0 0;
            margin-left: 5px;
            width: 24px;
            height: 24px;
            float: left;
            overflow: hidden;
        }

[dir="rtl"] .wall-post-form .tagging .tag span {
    float: right;
}

.wall-post-form .tagging .tag span:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: -.125em;
    content: \f292;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: block;
}

.wall-post-form .tagging .tag .tag-i {
    color: white;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    overflow: hidden;
}

    .wall-post-form .tagging .tag .tag-i:before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        vertical-align: -.125em;
        content: \f00d;
        width: 24px;
        height: 24px;
        line-height: 24px;
        display: block;
    }

    .wall-post-form .tagging .tag .tag-i:hover {
        background-color: #d66806;
    }

.wall-post-form .tagging .type-zone {
    border: none;
    height: auto;
    width: auto;
    min-width: 20px;
    display: inline-block;
    outline: none;
}

    .wall-post-form .tagging .type-zone:focus {
        outline: none;
    }

.wall-post-form .grippie {
    display: none;
}

.wall-post-form .ckeditor_links {
    display: none !important;
}

.wall-post-form .filter-wrapper {
    display: none;
}

.wall-post-form .placeholder {
    color: #5e8e3e;
    font-style: normal;
}

.wall-post-form .form-actions span {
    padding: 10px;
    float: left;
    text-align: center;
    font-style: normal;
    cursor: pointer;
    border-radius: 4px;
}

[dir="rtl"] .wall-post-form .form-actions span {
    float: right;
}

.wall-post-form .form-actions span:hover {
    background-color: #f0f0f0;
}

.wall-post-form .form-actions .form-submit {
    line-height: 44px;
    padding: 0 10px;
    float: right;
    border: none;
    outline: none;
    border-radius: 4px;
    background-color: #5e8e3e;
    color: #fff;
}

[dir="rtl"] .wall-post-form .form-actions .form-submit {
    float: left;
}

@media (min-width: 1111px) {
    .wall-post-form .form-actions .form-submit {
        padding: 0 40px;
    }
}

.wall-post-form .medias-wrapper {
    background-color: #f0f0f0;
    border-radius: 4px;
    padding: 0.5%;
    margin-top: 10px;
    display: none;
}

    .wall-post-form .medias-wrapper.visible {
        display: block;
    }

    .wall-post-form .medias-wrapper .form-item {
        position: relative;
        width: 32.33%;
        min-height: 60px;
        margin: 0.5%;
        padding: 5px;
        background-color: #fff;
        border: 1px solid #cccccc;
        border-radius: 4px;
        overflow: hidden;
        float: right;
    }

        .wall-post-form .medias-wrapper .form-item:hover .uploaded .form-submit {
            display: block;
        }

        .wall-post-form .medias-wrapper .form-item .form-file {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            font-size: 200px;
            z-index: 1;
            cursor: pointer;
        }

        .wall-post-form .medias-wrapper .form-item .file {
            display: none;
        }

        .wall-post-form .medias-wrapper .form-item .form-submit {
            position: absolute;
            bottom: 5px;
            left: 5px;
            border-radius: 4px;
            border: 1px solid #999999;
            line-height: 18px;
            display: none;
            z-index: 999;
        }

        .wall-post-form .medias-wrapper .form-item img {
            display: block;
            margin: 0 auto;
        }

        .wall-post-form .medias-wrapper .form-item audio,
        .wall-post-form .medias-wrapper .form-item video {
            width: 100%;
            max-height: 100%;
            display: block;
        }

        .wall-post-form .medias-wrapper .form-item i {
            height: 48px;
            width: 48px;
            line-height: 48px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -24px 0 0 -24px;
            font-size: 32px;
            text-align: center;
            color: #e0e0e0;
            z-index: 0;
        }

        .wall-post-form .medias-wrapper .form-item .ajax-progress.ajax-progress-throbber {
            position: absolute;
        }

            .wall-post-form .medias-wrapper .form-item .ajax-progress.ajax-progress-throbber .throbber {
                position: absolute;
                animation-duration: 5s;
            }

.wall-post-form .operations {
    padding: 10px 0;
    display: none;
}

@media (min-width: 1111px) {
    .wall-post-form .operations {
        display: block;
    }
}

.wall-post-form .operations .form-item {
    width: 25%;
    float: right;
}

.wall-post-form .operations select {
    width: 100%;
}

.wall-post-comment-form {
    border-radius: 0 0 4px 4px;
    background-color: #eeeeee;
    padding: 10px;
    margin: 0;
}

    .wall-post-comment-form .form-item {
        margin: 0;
    }

    .wall-post-comment-form .grippie {
        display: none;
    }

    .wall-post-comment-form .filter-wrapper {
        display: none;
    }

    .wall-post-comment-form textarea {
        border: none;
        border-radius: 4px;
        padding: 0 5px;
        margin-bottom: 10px;
        width: 100%;
    }

    .wall-post-comment-form .reply-to {
        line-height: 32px;
        cursor: pointer;
    }

    .wall-post-comment-form .form-submit {
        line-height: 32px;
        padding: 0 10px;
        float: right;
        border: none;
        outline: none;
        border-radius: 4px;
        background-color: #5e8e3e;
        color: #fff;
    }

[dir="rtl"] .wall-post-comment-form .form-submit {
    float: left;
}

@media (min-width: 1111px) {
    .wall-post-comment-form .form-submit {
        padding: 0 20px;
    }
}

.wall-post-comment-form .ajax-progress.ajax-progress-throbber {
    position: absolute;
}

    .wall-post-comment-form .ajax-progress.ajax-progress-throbber .throbber {
        position: absolute;
        animation-duration: 5s;
    }

.wall-post-comment-item {
    position: relative;
    border-bottom: 1px solid #eeeeee;
    padding: 5px;
}

    .wall-post-comment-item .user-picture {
        width: 32px;
        height: 32px;
        line-height: 32px;
        float: left;
        margin: 0 10px 0 0;
    }

[dir="rtl"] .wall-post-comment-item .user-picture {
    float: right;
    margin: 0 0 0 10px;
}

.wall-post-comment-item .username,
.wall-post-comment-item .interval,
.wall-post-comment-item .delete,
.wall-post-comment-item .reply,
.wall-post-comment-item .wall-post-comment-like {
    color: #999999;
    margin: 0 10px 0 0;
    float: left;
}

[dir="rtl"] .wall-post-comment-item .username, [dir="rtl"]
.wall-post-comment-item .interval, [dir="rtl"]
.wall-post-comment-item .delete, [dir="rtl"]
.wall-post-comment-item .reply, [dir="rtl"]
.wall-post-comment-item .wall-post-comment-like {
    margin: 0 0 0 10px;
    float: right;
}

.wall-post-comment-item .reply {
    cursor: pointer;
}

.wall-post-comment-item .wall-post-comment-like.liked {
    color: #5e8e3e;
}

.wall-post-comment-item .wall-post-comment-like div {
    display: inline;
}

.wall-post-comment-item p {
    margin: 0;
}

.wall-post-comment-item .replies {
    overflow: hidden;
    margin: 0 -10px 0 30px;
}

[dir="rtl"] .wall-post-comment-item .replies {
    margin: 0 30px 0 -10px;
}

.wall-post-comment-item .replies .wall-post-comment-item {
    border-bottom: none;
}

.wall-post-comment-item .replies .user-picture {
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.wall-post-comment-item .wall-post-comment-replies-more {
    display: block;
    font-size: 12px;
    margin: 0 0 0 40px;
}

[dir="rtl"] .wall-post-comment-item .wall-post-comment-replies-more {
    margin: 0 40px 0 0;
}

.wall-post-media-item {
    display: block;
    margin: 0 0 20px 0;
}

    .wall-post-media-item a {
        display: block;
    }

    .wall-post-media-item img {
        display: block;
        margin: 0 auto;
        border-radius: 15px;
    }

    .wall-post-media-item audio,
    .wall-post-media-item video {
        display: block;
        max-width: 100%;
        margin: 0 auto;
        height: 100%;
        border-radius: 15px;
    }

    .wall-post-media-item audio {
        width: 70%;
    }

.wall-post-media-item-audio {
    padding: 50px 0;
}

.wall-post-slides-title {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0;
    margin-bottom: 10px;
}

@media (min-width: 888px) {
    .wall-post-slides-title {
        border-bottom: 1px solid #cccccc;
        margin-bottom: 20px;
    }
}

.wall-post-slides-title h2 {
    color: #666666;
    font-size: 20px;
    border-bottom: 0;
    margin: 0;
    font-weight: 500;
}

@media (min-width: 888px) {
    .wall-post-slides-title h2 {
        border-bottom: 2px solid #999999;
        padding: 0 20px;
    }
}

.wall-post-slides-official.wall-post-slides {
    padding: 0;
    background-color: transparent;
}

.wall-post-slides {
    background-color: #fff;
    color: #999999;
    border-radius: 20px;
    padding: 30px 20px;
    margin-bottom: 10px;
}

@media (min-width: 777px) {
    .wall-post-slides {
        margin-bottom: 20px;
        height: 580px;
    }
}

.wall-post-slides a {
    color: inherit;
}

    .wall-post-slides a:hover {
        color: #666666;
    }

.wall-post-slides .swiper-button-next,
.wall-post-slides .swiper-button-prev {
    background-color: transparent !important;
    box-shadow: none;
    width: 30px;
    color: #000;
}

    .wall-post-slides .swiper-button-next:focus,
    .wall-post-slides .swiper-button-prev:focus {
        outline: none;
    }

@media (min-width: 888px) {
    .wall-post-page .column-first {
        padding: 0 10px 0 0;
        width: 70%;
        float: left;
    }

    [dir="rtl"] .wall-post-page .column-first {
        padding: 0 0 0 10px;
        float: right;
    }
}

@media (min-width: 888px) {
    .wall-post-page .column-second {
        padding: 0 0 0 10px;
        width: 30%;
        float: left;
    }

    [dir="rtl"] .wall-post-page .column-second {
        padding: 0 10px 0 0;
        float: right;
    }
}

.wall-post-page .related-products,
.wall-post-page .related-wall-posts {
    margin-bottom: 20px;
}

.wall-post-page .node {
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    margin-bottom: 10px;
}

@media (min-width: 999px) {
    .wall-post-page .node {
        border-radius: 5px;
    }
}

.wall-post-page h2 {
    margin: 0 0 10px 0;
}

.is-mobile .wall-post-slides {
    border-radius: 20px;
}

    .is-mobile .wall-post-slides .wall-post-item .title {
        line-height: 20px;
    }

    .is-mobile .wall-post-slides .swiper-container {
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
        color: #999999;
        max-width: 100%;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }

        .is-mobile .wall-post-slides .swiper-container .swiper-slide {
            width: 65%;
            transition-property: none;
            margin-left: 20px;
        }

@media (min-width: 666px) {
    .is-mobile .wall-post-slides .swiper-container .swiper-slide {
        width: 50%;
    }
}

.is-mobile .wall-post-slides .swiper-button-next,
.is-mobile .wall-post-slides .swiper-button-prev {
    display: none;
}

.is-mobile .wall-post-slides .swiper-wrapper {
    -ms-transform: none;
    transform: none;
    transition-property: none;
}

.instagram-item {
    font-size: 1.2em;
}

    .instagram-item span {
        margin: 0 10px 0 0;
    }

[dir="rtl"] .instagram-item span {
    margin: 0 0 0 10px;
}

.instagram-slides-title {
    font-weight: normal;
    text-align: center;
    font-size: 1.2em;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #eeeeee;
}

.instagram-slides {
    margin-bottom: 10px;
}

@media (min-width: 777px) {
    .instagram-slides {
        margin-bottom: 20px;
    }
}

.instagram-slides .swiper-button-next,
.instagram-slides .swiper-button-prev {
    background-color: transparent !important;
    box-shadow: none;
    width: 30px;
    color: #000;
}

    .instagram-slides .swiper-button-next:focus,
    .instagram-slides .swiper-button-prev:focus {
        outline: none;
    }

.subscription-form-wrapper {
    margin: 0 auto;
}

@media (min-width: 888px) {
    .subscription-form-wrapper {
        position: relative;
        max-width: 785px;
        padding-right: 185px;
    }

        .subscription-form-wrapper:before {
            display: block;
            content: "";
            width: 50px;
            height: 51px;
            background: url("../images/modules/postscript/subscription-icon.svg") no-repeat 0 0;
            position: absolute;
            right: 60px;
            top: 19px;
        }

        .subscription-form-wrapper:after {
            display: block;
            content: "";
            width: 171px;
            height: 82px;
            background: url("../images/modules/postscript/subscription-icons.svg") no-repeat 0 0;
            position: absolute;
            right: 0;
            top: 2px;
            opacity: 0.7;
            animation: scale 1.5s linear infinite;
        }
}

.subscription-form {
    position: relative;
    max-width: 600px;
    display: block;
    margin: 0 auto;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.07);
    border-radius: 21px;
}

    .subscription-form.verify .submit-btn {
        background-color: #5e8e3e;
    }

    .subscription-form .input {
        background-color: #eeeeee;
        width: 69%;
        height: 38px;
        line-height: 38px;
        float: left;
        padding: 0 10px;
        border: none;
        border-radius: 21px;
        outline: none;
        direction: ltr;
        text-align: right;
        color: #9e9e9e;
        font-size: 0.8rem;
    }

        .subscription-form .input:not(:placeholder-shown) {
            text-align: left;
            color: #707070;
            font-size: 1em;
        }

[dir="rtl"] .subscription-form .input {
    float: right;
}

.subscription-form .submit {
    width: 31%;
    float: right;
    padding: 0 10px 0 0;
}

.subscription-form .submit-btn {
    width: 100%;
    height: 38px;
    line-height: 35px;
    background-color: #5e8e3e;
    color: #fff;
    border: none;
    border-radius: 21px;
    outline: none;
    animation: changeColor 1s linear infinite;
}

@media (min-width: 555px) {
    .subscription-form {
        padding-right: 54px;
    }

        .subscription-form:before {
            display: block;
            content: "";
            width: 40px;
            height: 41px;
            background: url("../images/modules/postscript/subscription-icon.svg") no-repeat 0 0;
            background-size: contain;
            position: absolute;
            right: 0;
            top: -4px;
        }

        .subscription-form .input {
            width: 75%;
            font-size: 14px;
            padding: 0 21px;
        }

        .subscription-form .submit {
            width: 25%;
        }
}

@media (min-width: 888px) {
    .subscription-form {
        padding-right: 0;
    }

        .subscription-form:before {
            display: none;
        }

        .subscription-form .input {
            width: 80%;
        }

        .subscription-form .submit {
            padding-right: 15px;
            width: 20%;
        }
}

.subscription-form-message {
    text-align: center;
    display: block;
    color: #ddd;
    margin-top: 5px;
    font-size: 0.8rem;
}

@media (min-width: 450px) {
    .subscription-form-message {
        padding-left: 31%;
    }
}

@media (min-width: 555px) {
    .subscription-form-message {
        max-width: 600px;
        margin: 5px auto -7px;
        padding-right: 53px;
        padding-left: 136px;
    }
}

@media (min-width: 888px) {
    .subscription-form-message {
        padding-right: 0;
        position: absolute;
        left: 0;
        bottom: -33px;
        width: 100%;
        padding-left: 120px;
        margin: 0;
    }
}

.breadcrumb__list {
    padding: 0 0 10px 0 !important;
}

.view-products .view-content {
    display: flex;
    flex-wrap: wrap;
    border-radius: 3px;
}

    .view-products .view-content .views-row {
        flex: 1 0 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }

@media (min-width: 400px) {
    .view-products .view-content .views-row {
        flex: 1 0 50%;
        max-width: 50%;
        margin-bottom: 0;
        border-bottom: 1px solid #f3f3f3;
    }

        .view-products .view-content .views-row .node.view-mode-teaser {
            border-width: 0 0 0 1px;
            border-color: #f3f3f3;
            border-style: solid;
        }

            .view-products .view-content .views-row .node.view-mode-teaser:hover {
                box-shadow: none;
            }

        .view-products .view-content .views-row:nth-child(2n) {
            border-left-color: transparent;
        }
}

@media (min-width: 888px) {
    .view-products .view-content .views-row {
        flex: 1 0 33%;
        max-width: 33%;
    }

        .view-products .view-content .views-row:nth-child(2n) {
            border-left-color: #eeeeee;
        }

        .view-products .view-content .views-row:nth-child(3n) {
            border-left-color: transparent;
        }
}

@media (min-width: 1222px) {
    .view-products .view-content .views-row {
        flex: 1 0 25%;
        max-width: 25%;
    }

        .view-products .view-content .views-row:nth-child(2n) {
            border-left-color: #eeeeee;
        }

        .view-products .view-content .views-row:nth-child(3n) {
            border-left-color: #eeeeee;
        }

        .view-products .view-content .views-row:nth-child(4n) {
            border-left-color: transparent;
        }
}

.product-sorting {
    display: none;
}

@media (min-width: 999px) {
    .product-sorting {
        display: block;
    }
}

.product-sorting .views-widget-filter-stock {
    display: none;
}

.product-sorting .views-submit-button {
    display: none;
}

.product-sorting .views-exposed-widgets {
    background-color: #fff;
    margin-bottom: 0;
    border-bottom: 1px solid #f3f3f3;
}

.product-sorting .views-exposed-form label {
    font-weight: normal;
    margin-left: 5px;
}

.product-sorting .views-exposed-form .views-exposed-widget {
    padding: 16px 20px;
}

.product-sorting .form-type-radios {
    display: flex;
}

    .product-sorting .form-type-radios > label {
        line-height: 27px;
    }

        .product-sorting .form-type-radios > label:after {
            display: block;
            content: ":";
            float: left;
        }

.product-sorting .form-radios {
    display: flex;
}

    .product-sorting .form-radios input {
        display: none;
    }

    .product-sorting .form-radios label {
        display: block;
        padding: 2px 10px;
        line-height: 22px;
        margin: 0 5px;
        cursor: pointer;
    }

    .product-sorting .form-radios input:checked + label {
        color: #5e8e3e;
        border: 1px solid #5e8e3e;
        border-radius: 25px;
    }

@media (min-width: 999px) {
    .product-sorting {
        visibility: visible;
        height: auto;
        overflow: default;
    }
}

@media (min-width: 555px) {
    .page-products-discount .main-content {
        background: url("../images/modules/views/products-discount-pattern.jpg") repeat-x top;
    }

        .page-products-discount .main-content .layout-center {
            padding-top: 151px;
            background: url("../images/modules/views/products-discount.png") no-repeat top right;
        }
}

.view-filters #views-exposed-form-products-search .views-exposed-form .views-exposed-widgets {
    display: none;
}

#product-exposed-form_wrapper {
    position: fixed !important;
    right: 0;
    bottom: 0;
    width: 100%;
    border-radius: 10px 10px 0 0;
    background-color: #fff;
    height: 360px !important;
    top: auto !important;
    left: 0;
}

    #product-exposed-form_wrapper .popup_content {
        width: 100%;
    }

    #product-exposed-form_wrapper .views-widget-filter-stock {
        display: none;
    }

    #product-exposed-form_wrapper .views-submit-button {
        display: none;
    }

    #product-exposed-form_wrapper .ctools-auto-submit-full-form {
        width: 100%;
        height: 100%;
    }

    #product-exposed-form_wrapper .views-exposed-form .views-exposed-widget {
        float: none;
        padding: 0;
        text-align: right;
        font-size: 15px;
    }

    #product-exposed-form_wrapper .form-type-radios > label {
        font-weight: normal;
        position: relative;
        width: 100%;
        display: block;
        padding: 25px 30px;
        border-bottom: 1px solid #ddd;
    }

        #product-exposed-form_wrapper .form-type-radios > label:after {
            color: #ccc;
            font-family: 'motanroo' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: block;
            content: "\e901";
            position: absolute;
            top: 26px;
            left: 24px;
            font-size: 22px;
        }

    #product-exposed-form_wrapper .form-radios {
        padding: 25px 30px;
    }

        #product-exposed-form_wrapper .form-radios .form-item {
            margin-bottom: 20px;
        }

        #product-exposed-form_wrapper .form-radios input {
            display: none;
        }

        #product-exposed-form_wrapper .form-radios label {
            position: relative;
            padding: 0 25px 0 0;
            display: block;
            cursor: pointer;
        }

            #product-exposed-form_wrapper .form-radios label:before {
                content: "\f111";
                border-radius: 50%;
                position: absolute;
                top: 4px;
                right: -2px;
                right: 0;
                margin-top: 0;
                font-size: 1.3em;
            }

            #product-exposed-form_wrapper .form-radios label:after {
                content: "";
                width: 17px;
                height: 17px;
                border: 1px solid transparent;
                border-radius: 50%;
                position: absolute;
                top: 7px;
                right: -2px;
            }

        #product-exposed-form_wrapper .form-radios input:checked + label:before {
            content: "";
            width: 15px;
            height: 15px;
            position: absolute;
            top: 7px;
            right: 0;
            margin-top: 0;
            background-color: #5e8e3e;
            border-radius: 50%;
        }

        #product-exposed-form_wrapper .form-radios input:checked + label:after {
            content: "";
            width: 17px;
            height: 17px;
            border: 1px solid #5e8e3e;
            border-radius: 50%;
            position: absolute;
            top: 5px;
            right: -2px;
        }

.view-teasing .view-content {
    display: flex;
    flex-wrap: wrap;
}

.view-teasing .views-row {
    flex: 1 0 50%;
    width: 50%;
    padding: 0 0 40px;
    margin-bottom: 50px;
    text-align: center;
    position: relative;
}

.view-teasing .views-row-odd {
    padding-left: 5.5%;
}

.view-teasing .views-row-even {
    padding-right: 5.5%;
}

.view-teasing .flag-counter {
    display: none;
    position: absolute;
    top: -4px;
    right: -5px;
    background-color: #5e8e3e;
    min-width: 25px;
    padding: 22px 3px 0;
    height: 50px;
    border-radius: 20px;
    color: #fff;
    font-size: 13px;
}

    .view-teasing .flag-counter:before {
        content: "\f004";
        font-size: 12px;
        color: #fff;
        vertical-align: middle;
        position: absolute;
        top: 11px;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.view-teasing .main-counter {
    display: none;
}

.view-teasing .disabled {
    pointer-events: none;
}

.view-teasing .view-footer, .view-teasing .view-header {
    display: none;
}

.view-teasing .selected .flag-counter {
    display: block;
}

.view-teasing .over-count-message-box_open {
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 80px;
    height: 25px;
    border-radius: 25px;
    z-index: 2;
}

    .view-teasing .over-count-message-box_open.show-link {
        display: block;
    }

.view-teasing .over-count-message-box {
    display: none;
}

.view-teasing .image {
    padding: 0 21px;
}

.view-teasing .title {
    font-weight: 500;
    margin: 0;
    line-height: 20px;
    color: #707070;
    font-size: 12px;
}

    .view-teasing .title a {
        color: #707070;
        pointer-events: none;
    }

.view-teasing .item-list ul, .view-teasing .item-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.view-teasing .flag-link {
    width: 80px;
    height: 25px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 25px;
    z-index: 1;
}

.view-teasing .flag-bookmarks a {
    text-indent: -999em;
    overflow: hidden;
    font-size: 0;
    box-shadow: 0 0 0 1px #5e8e3e;
    width: 80px;
    height: 25px;
    border-radius: 25px;
    display: block;
    text-align: center;
    margin: 0 auto;
    background-color: transparent;
    transition: backgroundColor .3s ease-in;
}

    .view-teasing .flag-bookmarks a:before {
        content: "\f004";
        font-size: 13px;
        color: #5e8e3e;
        vertical-align: middle;
    }

    .view-teasing .flag-bookmarks a:hover {
        background-color: #5e8e3e;
    }

        .view-teasing .flag-bookmarks a:hover:before {
            color: #fff;
        }

    .view-teasing .flag-bookmarks a.unflag-action {
        position: relative;
        z-index: 4;
        background-color: #5e8e3e;
    }

        .view-teasing .flag-bookmarks a.unflag-action:before {
            color: #fff;
        }

.view-teasing .login-link {
    text-indent: -999em;
    overflow: hidden;
    font-size: 0;
    box-shadow: 0 0 0 1px #5e8e3e;
    width: 80px;
    height: 25px;
    border-radius: 25px;
    display: block;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    background-color: transparent;
    transition: backgroundColor .3s ease-in;
}

    .view-teasing .login-link:before {
        content: "\f004";
        font-size: 13px;
        color: #5e8e3e;
        vertical-align: middle;
    }

    .view-teasing .login-link:hover {
        background-color: #5e8e3e;
    }

        .view-teasing .login-link:hover:before {
            color: #fff;
        }

.view-teasing .views-row-7, .view-teasing .views-row-8, .view-teasing .views-row-9, .view-teasing .views-row-10 {
    display: none;
}

@media (min-width: 555px) {
    .view-teasing .views-row {
        flex: 1 0 33.3333%;
        width: 33.3333%;
        max-width: 33.3333%;
        padding: 0 2% 40px;
    }

    .view-teasing .views-row-odd {
        padding-left: 2%;
    }

    .view-teasing .views-row-even {
        padding-right: 2%;
    }

    .view-teasing .image {
        padding: 0 25px;
    }

    .view-teasing .title {
        line-height: 22px;
        font-size: 13px;
    }

    .view-teasing .flag-counter {
        top: -19px;
        right: 10%;
        min-width: 28px;
        padding: 27px 3px 0;
        height: 56px;
    }

        .view-teasing .flag-counter:before {
            font-size: 13px;
            top: 12px;
        }

    .view-teasing .views-row-7, .view-teasing .views-row-8, .view-teasing .views-row-9, .view-teasing .views-row-10 {
        display: block;
    }
}

@media (min-width: 888px) {
    .view-teasing .views-row {
        flex: 1 0 20%;
        width: 20%;
        max-width: 20%;
        margin-bottom: 90px;
    }

    .view-teasing .image {
        margin-bottom: 11px;
    }
}

@media (min-width: 1111px) {
    .view-teasing .image {
        padding: 0 31px;
    }
}

@media (min-width: 1333px) {
    .view-teasing .view-content {
        padding: 0 5%;
    }
}

@media (min-width: 1580px) {
    .view-teasing .view-content {
        padding: 0 7.5%;
    }

    .view-teasing .views-row {
        padding: 0 2% 40px;
    }
}

.block-facetapi {
    background-color: #fff;
    box-shadow: 1px 1px 4px 0 #f3f3f3;
    margin: 0 0 10px 0;
}

    .block-facetapi .block__title {
        border-bottom: 1px solid #f3f3f3;
        padding: 5px 10px;
        margin: 0;
        font-size: 1em;
        display: block;
    }

    .block-facetapi .block__content {
        padding: 10px;
    }

@media (min-width: 777px) {
    .block-facetapi .block__content {
        padding-left: 5px;
    }
}

.block-facetapi ul {
    margin: 0;
    padding: 0;
    overflow: auto;
    max-height: 200px;
}

@media (min-width: 666px) {
    .block-facetapi ul {
        max-height: none;
    }
}

.block-facetapi .has-scrollbar {
    height: 120px;
    overflow: hidden;
}

.block-facetapi li {
    color: #5e8e3e;
    list-style: none;
    list-style-image: none !important;
    padding: 2px 0;
    margin: 0 !important;
}

    .block-facetapi li .item-list {
        padding: 0 0 0 20px;
        font-size: 0.9em;
        color: #666;
    }

[dir="rtl"] .block-facetapi li .item-list {
    padding: 0 20px 0 0;
}

.search-api-ranges-text {
    display: none;
}

.search-api-ranges-elements {
    position: relative;
    height: 75px;
    padding: 20px;
}

    .search-api-ranges-elements .ui-slider {
        border: 1px solid #e3e3e3;
        background: #e3e3e3;
    }

    .search-api-ranges-elements .ui-slider-range {
        background: #5e8e3e;
    }

    .search-api-ranges-elements .ui-slider-handle {
        border-radius: 50%;
        background: #fff;
        border: 1px solid #e3e3e3;
        top: -0.43em;
        width: 1.5em;
        height: 1.5em;
        cursor: pointer;
    }

        .search-api-ranges-elements .ui-slider-handle:last-child:before {
            content: "\f104";
        }

        .search-api-ranges-elements .ui-slider-handle:before {
            content: "\f105";
            width: 1.5em;
            height: 1.5em;
            text-align: center;
            display: block;
            line-height: 1.5em;
            font-size: 0.9em;
            font-weight: normal;
        }

    .search-api-ranges-elements .range-box {
        position: absolute;
        left: 20px;
        top: 40px;
        width: 50%;
        text-align: left;
    }

        .search-api-ranges-elements .range-box.range-box-right {
            left: auto;
            right: 20px;
            text-align: right;
        }

        .search-api-ranges-elements .range-box .form-item {
            margin: 0;
        }

        .search-api-ranges-elements .range-box .description {
            font-size: 1.1em;
        }

        .search-api-ranges-elements .range-box label,
        .search-api-ranges-elements .range-box input {
            display: none;
        }

.search-api-ranges-widget .form-submit {
    display: none;
    width: 80%;
    line-height: 36px;
    padding: 0;
    margin: 0 auto;
    border: none;
    outline: none;
    border-radius: 4px;
    background-color: #5e8e3e;
    color: #fff;
}

.search-api-toggle {
    color: #b2b4b3;
}

    .search-api-toggle.on {
        color: #000;
    }

        .search-api-toggle.on .switch {
            background-color: #00b06c;
        }

            .search-api-toggle.on .switch i {
                left: auto;
                right: 2px;
            }

    .search-api-toggle .switch {
        position: relative;
        width: 30px;
        height: 20px;
        border-radius: 15px;
        background-color: #b2b4b3;
        float: left;
        margin: 2px 10px 0 0;
    }

[dir="rtl"] .search-api-toggle .switch {
    float: right;
    margin: 2px 0 0 10px;
}

.search-api-toggle .switch i {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 2px;
    top: 2px;
}

.shade-view-teaser {
    color: #999999;
    margin-bottom: 10px;
}

    .shade-view-teaser .attribute {
        width: 60px;
        float: left;
    }

[dir="rtl"] .shade-view-teaser .attribute {
    float: right;
}

.shade-view-teaser .preview {
    width: 140px;
    height: 24px;
    float: left;
}

[dir="rtl"] .shade-view-teaser .preview {
    float: right;
}

.shade-view-teaser .preview a {
    width: 22px;
    height: 22px;
    margin: 1px 2px;
    display: inline-block;
    border-radius: 50%;
}

.content-container .shade-view-teaser .sizes,
.content-container .shade-view-teaser .colors {
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    padding: 0 10px;
}

@media (min-width: 400px) {
    .content-container .shade-view-teaser .sizes,
    .content-container .shade-view-teaser .colors {
        width: 200px;
        margin: 0 auto;
        display: block;
        padding: 0;
    }
}

.content-container .shade-view-teaser .sizes .preview,
.content-container .shade-view-teaser .colors .preview {
    display: flex;
    justify-content: flex-start;
}

@media (min-width: 400px) {
    .content-container .shade-view-teaser .sizes .preview,
    .content-container .shade-view-teaser .colors .preview {
        justify-content: center;
    }
}

.content-container .shade-view-teaser .sizes .preview a:first-child,
.content-container .shade-view-teaser .colors .preview a:first-child {
    margin-right: 0;
}

.content-container .shade-view-teaser .sizes .attribute,
.content-container .shade-view-teaser .colors .attribute {
    display: none;
}

@media (min-width: 400px) {
    .content-container .shade-view-teaser .sizes .attribute,
    .content-container .shade-view-teaser .colors .attribute {
        display: block;
    }
}

.shade-view-full .attribute {
    display: none;
}

.shade-view-full a {
    position: relative;
    width: 38px;
    height: 38px;
    float: left;
    margin: 0 5px 5px 0;
    border-radius: 50%;
    border: 1px solid #cfcfcf;
    background-color: #fff;
    padding: 3px;
    transition: all 100ms ease-in-out;
}

@media (min-width: 777px) {
    .shade-view-full a {
        width: 58px;
        height: 58px;
    }
}

[dir="rtl"] .shade-view-full a {
    margin: 0 0 5px 5px;
    float: right;
}

.shade-view-full a.active {
    border: 2px solid #5e8e3e;
    padding: 2px;
}

.shade-view-full a.loading span {
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
}

.shade-view-full a:hover {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.shade-view-full a.in-stock:before {
    display: none;
}

.shade-view-full a:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 10;
    width: 20px;
    height: 20px;
    background-image: url("../images/modules/shade/out-of-stock.png");
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
}

@media (min-width: 777px) {
    .shade-view-full a:before {
        top: 3px;
        left: 3px;
        width: 50px;
        height: 50px;
    }
}

.shade-view-full a span,
.shade-view-full a img {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
}

@media (min-width: 777px) {
    .shade-view-full a span,
    .shade-view-full a img {
        width: 50px;
        height: 50px;
    }
}

@keyframes pulsate {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.zoom .swiper-slide {
    cursor: pointer;
}

    .zoom .swiper-slide img {
        width: 100%;
        height: auto;
        display: block;
    }

.zm-viewer {
    border: 1px solid #eeeeee;
}

.review-title {
    font-weight: normal;
    text-align: center;
    font-size: 1.2em;
    margin: 0;
}

.review {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 30px 20px 20px 20px;
    margin: 0 0 20px 0;
}

    .review .review-item {
        min-height: 84px;
        position: relative;
        padding: 10px 0 10px 90px;
        border-top: 1px solid #eeeeee;
    }

[dir="rtl"] .review .review-item {
    padding: 10px 90px 10px 0;
}

.review .review-item .user-picture {
    width: 64px;
    height: 64px;
    line-height: 64px;
    position: absolute;
    top: 10px;
    left: 0;
}

[dir="rtl"] .review .review-item .user-picture {
    left: auto;
    right: 0;
}

.review .review-item .review-content {
    width: 100%;
    float: left;
}

[dir="rtl"] .review .review-item .review-content {
    float: right;
}

@media (min-width: 1111px) {
    .review .review-item .review-content {
        width: 70%;
    }
}

.review .review-item .review-content .review-author {
    margin-bottom: 10px;
}

    .review .review-item .review-content .review-author span {
        margin: 0 20px 0 0;
        float: left;
    }

[dir="rtl"] .review .review-item .review-content .review-author span {
    margin: 0 0 0 20px;
    float: right;
}

.review .review-item .review-content .review-author span.date {
    font-size: 0.9em;
    color: #a2a2a2;
}

.review .review-item .review-rate {
    width: 30%;
    float: left;
    display: none;
}

[dir="rtl"] .review .review-item .review-rate {
    float: right;
}

@media (min-width: 1111px) {
    .review .review-item .review-rate {
        display: block;
    }
}

.review .review-item .review-rate .rate .rate-label {
    width: 100px;
    float: left;
}

[dir="rtl"] .review .review-item .review-rate .rate .rate-label {
    float: right;
}

.review .review-item .review-rate .rate .rate-bg {
    margin-top: 7px;
    height: 20px;
    width: 100px;
    float: left;
    position: relative;
    background-image: url("../images/modules/review/star-bg-small.png");
    background-color: transparent;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}

[dir="rtl"] .review .review-item .review-rate .rate .rate-bg {
    float: right;
}

.review .review-item .review-rate .rate .rate-bg .rate-over {
    height: 20px;
    position: absolute;
    right: 0;
    background-image: url("../images/modules/review/star-filled-bg-small.png");
    background-color: transparent;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}

.review .reply {
    margin: 0 0 0 32px;
}

[dir="rtl"] .review .reply {
    margin: 0 32px 0 0;
}

#review-form {
    margin: 0 0 20px 0;
}

    #review-form .review-rate {
        width: 100%;
        padding-top: 5px;
        margin-bottom: 50px;
        float: left;
    }

[dir="rtl"] #review-form .review-rate {
    float: right;
}

@media (min-width: 1111px) {
    #review-form .review-rate {
        width: 50%;
        margin-bottom: 0;
    }
}

#review-form .review-rate label {
    margin-bottom: 10px;
    font-size: 14px;
}

#review-form .review-rate .form-required {
    display: none;
}

#review-form .review-rate .form-item {
    margin: 0;
    display: flex;
    align-items: center;
}

    #review-form .review-rate .form-item.form-item-valuation {
        margin-bottom: 20px;
    }

    #review-form .review-rate .form-item label {
        font-weight: normal;
        margin: 0;
        width: 100px;
        float: left;
    }

[dir="rtl"] #review-form .review-rate .form-item label {
    float: right;
}

#review-form .review-rate .form-item .review-slider {
    margin-top: 7px;
    float: left;
}

[dir="rtl"] #review-form .review-rate .form-item .review-slider {
    float: right;
}

#review-form .review-comment {
    width: 100%;
    float: left;
    margin-bottom: 50px;
}

[dir="rtl"] #review-form .review-comment {
    float: right;
}

@media (min-width: 1111px) {
    #review-form .review-comment {
        width: 50%;
        margin-bottom: 0;
    }
}

#review-form .review-comment .form-item {
    margin: 0 0 10px 0;
}

    #review-form .review-comment .form-item .grippie {
        display: none;
    }

    #review-form .review-comment .form-item textarea {
        resize: none;
        border: 1px solid #e9e9e9;
        background-color: #f0f0f0;
        padding: 5px;
    }

#review-form .placeholder {
    color: #5e8e3e;
    font-style: normal;
}

#review-form .form-actions i {
    padding: 10px;
    float: left;
    text-align: center;
    font-style: normal;
    cursor: pointer;
    border-radius: 4px;
}

[dir="rtl"] #review-form .form-actions i {
    float: right;
}

#review-form .form-actions i:hover {
    background-color: #f0f0f0;
}

#review-form .form-actions i:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: -.125em;
    content: \f030;
    margin: 0 5px 0 0;
}

[dir="rtl"] #review-form .form-actions i:before {
    margin: 0 0 0 5px;
}

#review-form .form-actions .form-submit {
    line-height: 44px;
    padding: 0 10px;
    float: right;
    border: none;
    outline: none;
    border-radius: 4px;
    background-color: #5e8e3e;
    color: #fff;
}

[dir="rtl"] #review-form .form-actions .form-submit {
    float: left;
}

@media (min-width: 1111px) {
    #review-form .form-actions .form-submit {
        padding: 0 40px;
    }
}

#review-form .ui-slider {
    width: 125px;
    border: none;
    background-image: url("../images/modules/review/star-bg-small.png");
    background-color: transparent;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

    #review-form .ui-slider.ui-slider-rtl {
        background-position: right center;
    }

        #review-form .ui-slider.ui-slider-rtl .ui-slider-range {
            background-position: right center;
        }

    #review-form .ui-slider.ui-slider-horizontal {
        height: 25px;
    }

#review-form .ui-slider-range {
    background-image: url("../images/modules/review/star-filled-bg-small.png");
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    transition: 300ms ease-out;
    background-size: cover;
}

#review-form .ui-slider-handle {
    background: none;
    border: 0;
    color: transparent;
    left: 0 !important;
    outline: none;
    top: 0;
}

    #review-form .ui-slider-handle i {
        position: absolute;
        right: 10px;
        width: 70px;
        color: #666666;
        text-align: right;
        font-style: normal;
        font-family: "ShabnamFD", Tahoma, Verdana, "DejaVu Sans", sans-serif;
        font-size: 0.9em;
    }

#review-form .medias-wrapper {
    background-color: #f0f0f0;
    border-radius: 4px;
    padding: 0.5%;
    margin-top: 10px;
    display: none;
}

    #review-form .medias-wrapper.visible {
        display: block;
    }

    #review-form .medias-wrapper .form-item {
        position: relative;
        width: 24%;
        min-height: 133px;
        margin: 0.5%;
        padding: 5px;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        background-color: #fff;
        overflow: hidden;
        float: right;
    }

        #review-form .medias-wrapper .form-item:hover .uploaded .form-submit {
            display: block;
        }

        #review-form .medias-wrapper .form-item .form-file {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            font-size: 200px;
            z-index: 1;
            cursor: pointer;
        }

        #review-form .medias-wrapper .form-item .file {
            display: none;
        }

        #review-form .medias-wrapper .form-item .form-submit {
            position: absolute;
            bottom: 5px;
            left: 5px;
            border-radius: 4px;
            border: 1px solid #999;
            line-height: 18px;
            display: none;
        }

        #review-form .medias-wrapper .form-item img {
            display: block;
        }

        #review-form .medias-wrapper .form-item audio,
        #review-form .medias-wrapper .form-item video {
            width: 100%;
            height: auto;
            max-height: 100%;
            display: block;
        }

        #review-form .medias-wrapper .form-item i {
            height: 48px;
            width: 48px;
            line-height: 48px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -24px 0 0 -24px;
            font-size: 32px;
            text-align: center;
            color: #e0e0e0;
            z-index: 0;
        }

        #review-form .medias-wrapper .form-item .ajax-progress.ajax-progress-throbber {
            position: absolute;
        }

            #review-form .medias-wrapper .form-item .ajax-progress.ajax-progress-throbber .throbber {
                position: absolute;
                animation-duration: 5s;
            }

.review-summary-form .review-rate {
    padding-top: 15px;
}

.review-summary-form .review-comment {
    text-align: center;
    font-size: 15px;
}

.review-summary-form .rate.rate-valuation {
    margin-bottom: 20px;
}

.review-summary-form .rate .rate-label {
    width: 100px;
    float: left;
}

[dir="rtl"] .review-summary-form .rate .rate-label {
    float: right;
}

.review-summary-form .rate .rate-bg {
    margin-top: 7px;
    height: 10px;
    width: 250px;
    float: left;
    position: relative;
    background-image: url("../images/modules/review/ui-slider-bg.png");
    background-color: transparent;
    background-position: right center;
    background-repeat: no-repeat;
}

[dir="rtl"] .review-summary-form .rate .rate-bg {
    float: right;
}

.review-summary-form .rate .rate-bg .rate-over {
    height: 10px;
    position: absolute;
    right: 0;
    background-image: url("../images/modules/review/ui-slider-range-bg.png");
    background-color: transparent;
    background-position: right center;
    background-repeat: no-repeat;
}

.review-summary-form .user-links {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
    display: block;
}

@media (min-width: 1111px) {
    .review-summary-form .user-links {
        width: 50%;
    }
}

.review-summary-form .user-links a {
    box-sizing: border-box;
    width: 46%;
    line-height: 44px;
    padding: 0 20px;
    margin: 0 2%;
    float: right;
    border-radius: 4px;
    color: inherit;
    background-color: #5e8e3e;
    color: #fff;
    border: none;
    outline: none;
}

[dir="rtl"] .review-summary-form .user-links a {
    float: left;
}

.review-medias {
    margin-top: 10px;
}

    .review-medias .review-media-item {
        position: relative;
        width: 19%;
        margin: 0.5%;
        padding: 5px;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        background-color: #fff;
        overflow: hidden;
        float: right;
    }

        .review-medias .review-media-item img {
            display: block;
        }

        .review-medias .review-media-item audio,
        .review-medias .review-media-item video {
            width: 100%;
            height: auto;
            max-height: 100%;
            display: block;
        }

.follow {
    padding: 10px;
}

    .follow .user-picture {
        width: 96px;
        height: 96px;
        line-height: 96px;
        display: block;
        margin: 0 auto 10px auto;
        float: none;
    }

    .follow .username {
        text-align: center;
        display: block;
    }

    .follow time {
        display: block;
        text-align: center;
    }

    .follow .links {
        display: flex;
        padding: 10px 0 0 0;
    }

        .follow .links a {
            flex-grow: 1;
            text-align: center;
            margin: 0 1px;
            padding: 0;
        }

.follow-accounts {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 10px;
    margin: 0 0 10px 0;
}

    .follow-accounts h2 {
        margin: 0 0 10px 0;
        font-weight: normal;
        color: #5e8e3e;
        display: block;
    }

    .follow-accounts .follow {
        width: 100%;
        float: left;
    }

[dir="rtl"] .follow-accounts .follow {
    float: right;
}

@media (min-width: 555px) {
    .follow-accounts .follow {
        width: 50%;
    }
}

@media (min-width: 777px) {
    .follow-accounts .follow {
        width: 33.33%;
    }
}

@media (min-width: 888px) {
    .follow-accounts .follow {
        width: 25%;
    }
}

@media (min-width: 999px) {
    .follow-accounts .follow {
        width: 20%;
    }
}

.page-user-address-create .form-type-textarea .grippie {
    display: none;
}

.page-user-address-create .form-type-textarea textarea {
    height: 100px;
}

.address-list {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 10px;
    margin: 0 0 10px 0;
}

    .address-list h2 {
        font-size: 1.2em;
        line-height: 44px;
        font-weight: normal;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
        border-bottom: 1px solid #eeeeee;
    }

        .address-list h2 .btn {
            font-weight: normal;
            font-size: 1rem;
        }

.address-item {
    margin-bottom: 25px;
}

    .address-item h3 {
        margin: 0;
    }

        .address-item h3 .btn-outline-secondary {
            margin: 0 0 0 5px;
            line-height: 32px;
        }

        .address-item h3 span {
            font-weight: normal;
            float: right;
            margin-left: 2px;
        }

    .address-item .address-details {
        margin-bottom: 0;
    }

@media (min-width: 888px) {
    .address-item .address-details {
        margin-bottom: 18px;
    }
}

@media (min-width: 888px) {
    .address-item .address-details .address-detail-item p {
        float: right;
        margin-left: 20px;
        white-space: nowrap;
    }
}

.address-item .address-details p {
    margin: 0;
}

@media (min-width: 888px) {
    .address-item .address-details p {
        font-weight: 600;
    }
}

.address-item .address-details p span {
    float: right;
    margin-left: 2px;
    font-weight: normal;
}

.address-item .address-item-cta {
    display: flex;
    justify-content: flex-end;
}

@media (min-width: 888px) {
    .address-item .address-item-cta {
        justify-content: flex-start;
    }
}

.address-item .address-item-cta .btn {
    margin-left: 5px;
    border: 0;
    width: auto;
    margin: 0;
    color: #909090;
}

@media (min-width: 888px) {
    .address-item .address-item-cta .btn {
        margin-left: 20px;
        width: 95px;
        text-align: center;
        line-height: 32px;
    }
}

.address-item .address-item-cta .btn.btn-outline-secondary {
    color: #5e8e3e;
}

@media (min-width: 888px) {
    .address-item .address-item-cta .btn.btn-outline-secondary {
        border: 1px solid #5e8e3e;
    }
}

@media (min-width: 888px) {
    .address-item .address-item-cta .btn.btn-outline-secondary2 {
        border: 1px solid #999999;
        color: #999999;
    }
}

.shipping-address .address-item {
    margin-bottom: 0;
}

@media (min-width: 888px) {
    .shipping-address .address-item .address-item-cta {
        position: absolute;
        bottom: 0;
        right: 25px;
    }
}

.cart-preview-container {
    display: none;
    transition: all 0.3s ease-out;
    position: absolute;
    top: 50px;
    left: 0;
    right: 10px;
    width: 100%;
    z-index: 10000;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #eeeeee;
    box-shadow: -5px 5px 12px 0 rgba(105, 105, 105, 0.38);
}

    .cart-preview-container.is-mobile {
        position: fixed !important;
        right: 0;
        top: auto;
        bottom: 0;
        width: 100%;
        padding: 15px 10px;
        border-radius: 0;
        transition: all 0.3s ease-out;
        -ms-transform: translateX(0) translateY(40%);
        transform: translateX(0) translateY(40%);
    }

        .cart-preview-container.is-mobile .cart-preview-item img {
            padding: 0;
        }

        .cart-preview-container.is-mobile .cart-preview-item .cart-preview-item-description .cart-preview-item-title {
            display: flex;
            text-align: right;
        }

        .cart-preview-container.is-mobile .cart-preview-item .cart-preview-item-description span {
            margin-top: 10px;
        }

        .cart-preview-container.is-mobile .cart-preview-footer a {
            padding: 0 10px;
        }

        .cart-preview-container.is-mobile .cart-preview-footer .cart-preview-footer-info {
            margin-bottom: 15px;
        }

@media (min-width: 999px) {
    .cart-preview-container .cart-preview {
        right: 10px;
    }
}

.cart-preview-container .cart-preview.c4-p6-s5 {
    position: fixed;
    top: 0 !important;
}

@media (min-width: 888px) {
    .cart-preview-container .cart-preview.c4-p6-s5 {
        position: absolute;
        top: 56px !important;
    }
}

.cart-preview-container .cart-preview-loading {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

    .cart-preview-container .cart-preview-loading p {
        margin: 0;
    }

    .cart-preview-container .cart-preview-loading i {
        font-size: 1.5rem;
        margin-left: 5px;
        color: #5e8e3e;
    }

.cart-preview-container .cart-preview-header {
    padding: 5px;
    background-color: #eeeeee;
}

    .cart-preview-container .cart-preview-header a {
        line-height: 34px;
        padding: 0 10px;
        margin: 5px 0;
        float: right;
        border-radius: 4px;
        background-color: #5e8e3e;
        color: #fff;
        display: block;
    }

[dir="rtl"] .cart-preview-container .cart-preview-header a {
    float: left;
}

.cart-preview-container .cart-preview-header span {
    display: block;
}

.cart-preview-container .cart-preview-items {
    display: block;
    padding-right: 0 !important;
    list-style: none;
    margin: 0;
    max-height: 250px;
    overflow: auto;
}

@media (min-width: 888px) {
    .cart-preview-container .cart-preview-items {
        max-height: 200px;
    }
}

.cart-preview-container .cart-preview-items.has-scrollbar {
    overflow: hidden;
}

.cart-preview-container .cart-preview-items .mCSB_scrollTools {
    width: 5px;
}

.cart-preview-container .cart-preview-items.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-left: 10px;
}

.cart-preview-container .cart-preview-items-container {
    display: block;
}

.cart-preview-container .cart-preview-item {
    position: relative;
    border-bottom: 1px solid #eeeeee;
    padding: 15px 0;
    font-size: 13px;
    line-height: 18px;
    display: flex;
}

    .cart-preview-container .cart-preview-item:last-child {
        border-bottom: 0;
    }

    .cart-preview-container .cart-preview-item img {
        width: 90px;
        float: left;
        margin: 0 5px 0 0;
        padding: 10px;
    }

[dir="rtl"] .cart-preview-container .cart-preview-item img {
    float: right;
    margin: 0 0 0 5px;
}

@media (min-width: 888px) {
    .cart-preview-container .cart-preview-item {
        padding: 10px 10px 0;
    }
}

.cart-preview-container .cart-preview-item-description {
    margin: 0 20px 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 100%;
}

@media (min-width: 666px) {
    .cart-preview-container .cart-preview-item-description {
        margin-left: 20px;
    }
}

.cart-preview-container .cart-preview-item-description .cart-preview-item-title {
    display: block;
}

.cart-preview-container .cart-preview-item-count {
    margin-top: 5px;
    text-align: right;
    position: relative;
}

    .cart-preview-container .cart-preview-item-count img {
        width: 20px;
        padding: 0;
        float: none !important;
        margin: 0 !important;
        vertical-align: middle;
    }

.cart-preview-container .cart-is-empty-wrapper .cart-is-empty-container {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999999;
}

.cart-preview-container .cart-is-empty-wrapper i {
    font-size: 1.5rem;
    margin-left: 5px;
    line-height: 25px;
}

.cart-preview-container .cart-is-empty-wrapper p {
    text-align: center;
    margin: 0;
    font-size: 1.5rem;
}

.cart-preview-container .cart-preview-item-price {
    display: block;
    color: #666666;
    margin: 0;
}

    .cart-preview-container .cart-preview-item-price span {
        float: right;
    }

.cart-preview-container .cart-preview-item-special-price {
    display: block;
    color: #5e8e3e;
    margin: 0;
}

    .cart-preview-container .cart-preview-item-special-price span {
        float: right;
    }

.cart-preview-container .cart-preview-item-remove {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    text-align: left;
    margin-top: 0;
    color: #cccccc;
    font-size: 1.5rem;
    font-weight: 200;
    padding-left: 5px;
}

    .cart-preview-container .cart-preview-item-remove .icon-processing {
        display: none;
    }

    .cart-preview-container .cart-preview-item-remove.is-processing {
        color: #999999;
    }

        .cart-preview-container .cart-preview-item-remove.is-processing .icon-remove {
            display: none;
        }

        .cart-preview-container .cart-preview-item-remove.is-processing .icon-processing {
            display: inline-block;
        }

[dir="rtl"] .cart-preview-container .cart-preview-item-remove {
    right: auto;
    left: 0;
}

.cart-preview-container .view-basket {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .cart-preview-container .view-basket a {
        line-height: 34px;
        padding: 0 25px;
        border-radius: 10px;
    }

        .cart-preview-container .view-basket a:first-child {
            border: 2px solid #5e8e3e;
            margin-left: 5px;
        }

        .cart-preview-container .view-basket a.cart-preview-container-close-link {
            background-color: transparent;
            color: #999999;
        }

.cart-preview-container .cart-preview-footer {
    display: block;
    border-top: 1px solid #eeeeee;
}

    .cart-preview-container .cart-preview-footer .cart-preview-count {
        display: flex;
        justify-content: center;
    }

    .cart-preview-container .cart-preview-footer span {
        display: block;
        margin-left: 3px;
    }

    .cart-preview-container .cart-preview-footer .cart-preview-footer-info {
        border-bottom: 1px solid #eeeeee;
        padding: 15px 0;
        margin-bottom: 20px;
    }

    .cart-preview-container .cart-preview-footer .cart-preview-discount {
        display: flex;
        justify-content: center;
        color: #5e8e3e;
    }

        .cart-preview-container .cart-preview-footer .cart-preview-discount .cart-preview-footer-info {
            border-bottom: 1px solid #eeeeee;
            padding: 15px 0;
            margin-bottom: 20px;
        }

.cart {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

@media (min-width: 888px) {
    .cart {
        flex-direction: row;
    }
}

.cart .actions {
    flex: 100% 0 1;
    padding: 10px 0;
    margin-bottom: 10px;
}

    .cart .actions.is-fixed-block {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 10px 0 0;
        display: block;
        margin-bottom: 0;
        z-index: 111;
        right: 0;
        border-radius: 0;
        line-height: 4rem;
        background-color: #f6f6f6;
    }

        .cart .actions.is-fixed-block .btn {
            width: 100%;
            text-align: center;
            line-height: 20px;
            border-radius: 8px;
            padding: 20px 0;
            font-size: 18px;
            color: #fff;
            background-color: #5e8e3e;
        }

            .cart .actions.is-fixed-block .btn:hover, .cart .actions.is-fixed-block .btn:focus, .cart .actions.is-fixed-block .btn:active {
                color: #fff;
            }

@media (min-width: 888px) {
    .cart .actions.is-fixed-block .btn {
        padding: 3px 35px;
        border-radius: 10px;
        font-size: 1rem;
        line-height: 30px;
    }
}

@media (min-width: 1111px) {
    .cart .actions.is-fixed-block .btn {
        width: auto;
    }
}

@media (min-width: 888px) {
    .cart .actions.is-fixed-block {
        background-color: #fff;
        position: relative;
        display: flex;
        justify-content: center;
        padding: 0;
        z-index: 2;
    }
}

.cart .cart-items {
    flex: 100% 0 1;
    margin-bottom: 20px;
}

@media (min-width: 888px) {
    .cart .cart-items {
        flex: 70% 0 1;
    }
}

@media (min-width: 1222px) {
    .cart .cart-items {
        flex: 72% 0 1;
    }
}

.cart .cart-items .empty {
    padding: 20px;
}

.cart .cart-items .cart-items-inner {
    background-color: #fff;
    border-radius: 10px;
}

.cart .cart-items .seller-items {
    display: flex;
    align-items: flex-start;
    margin-top: 13px;
    line-height: 20px;
}

    .cart .cart-items .seller-items .mootanroo-seller {
        background-image: url("/sites/all/modules/custom/download_logo/images/logo-sign-colorful/16.9-1.png");
        width: 16px;
        height: 9px;
        margin-left: 5px;
        background-size: contain;
        margin: 4px 0 0 7px;
    }

    .cart .cart-items .seller-items .other-seller {
        background-image: url("/sites/all/themes/catalog/images/base/other-company.svg");
        width: 20px;
        height: 20px;
        margin-left: 5px;
        background-size: contain;
    }

.cart .cart-title {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0;
    background-color: #fff;
    margin: 0 -10px 10px;
}

@media (min-width: 888px) {
    .cart .cart-title {
        border-bottom: 1px solid #eeeeee;
        margin: 0;
    }
}

.cart .cart-title.visible-to-md {
    order: -2;
}

@media (min-width: 888px) {
    .cart .cart-title.visible-to-md {
        display: none;
    }
}

.cart .cart-title.visible-from-md {
    display: none;
}

@media (min-width: 888px) {
    .cart .cart-title.visible-from-md {
        display: flex;
        border-radius: 10px 10px 0 0;
    }
}

.cart .cart-title h2 {
    color: #909090;
    font-size: 15px;
    font-weight: 500;
    margin: 12px 0;
}

@media (min-width: 888px) {
    .cart .cart-title h2 {
        margin: 18px 0;
        font-size: 16px;
    }
}

.cart .cart-title .badge {
    color: #fff;
    background-color: #5e8e3e;
    min-width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 25px;
    padding: 0 5px;
}

.cart .cart-options {
    flex: 100% 0 1;
    padding: 0;
    order: -1;
}

@media (min-width: 888px) {
    .cart .cart-options {
        flex: 30% 0 1;
        padding: 0 20px 0 0;
        order: 0;
    }
}

@media (min-width: 1222px) {
    .cart .cart-options {
        flex: 28% 0 1;
    }
}

.cart .cart-options .static-content {
    background-color: #fff;
    padding: 20px 35px;
    border-radius: 10px;
    color: #9e9e9e;
}

    .cart .cart-options .static-content svg {
        width: 25px;
        height: 25px;
        margin: 6px 0 0 10px;
    }

    .cart .cart-options .static-content h5 {
        font-weight: normal;
        margin: 0;
        line-height: 39px;
        font-size: 13px;
        display: flex;
        align-items: flex-start;
    }

@media (min-width: 888px) {
    .cart .cart-options .static-content {
        padding: 20px 15px;
    }
}

@media (min-width: 1111px) {
    .cart .cart-options .static-content {
        padding: 20px 30px;
    }
}

.cart .cart-item {
    padding: 20px 0 12px;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    color: #909090;
}

    .cart .cart-item:last-child {
        border-bottom: 0;
    }

@media (min-width: 888px) {
    .cart .cart-item {
        display: flex;
        align-items: center;
        padding: 25px 10px;
    }
}

@media (min-width: 1222px) {
    .cart .cart-item {
        padding: 25px 0;
    }
}

.cart .cart-item.cart-1-month-expiration .product-image {
    position: relative;
}

    .cart .cart-item.cart-1-month-expiration .product-image:before {
        content: "";
        background-image: url("../images/modules/node/ex-01.png");
        width: 70px;
        z-index: 2;
        position: absolute;
        height: 70px;
        background-size: contain;
        top: 0;
        left: 0;
    }

.cart .cart-item.cart-3-month-expiration .product-image {
    position: relative;
}

    .cart .cart-item.cart-3-month-expiration .product-image:before {
        content: "";
        background-image: url("../images/modules/node/ex-03.png");
        width: 70px;
        z-index: 2;
        position: absolute;
        height: 70px;
        background-size: contain;
        top: 0;
        left: 0;
    }

.cart .cart-item.cart-6-month-expiration .product-image {
    position: relative;
}

    .cart .cart-item.cart-6-month-expiration .product-image:before {
        content: "";
        background-image: url("../images/modules/node/ex-06.png");
        width: 70px;
        z-index: 2;
        position: absolute;
        height: 70px;
        background-size: contain;
        top: 0;
        left: 0;
    }

.cart .cart-item.cart-valentine-badge .product-image {
    position: relative;
}

    .cart .cart-item.cart-valentine-badge .product-image:before {
        content: "";
        background-image: url("../images/modules/node/valentine.svg");
        width: 70px;
        z-index: 2;
        position: absolute;
        height: 70px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50%;
        top: 0;
        left: 0;
    }

.cart .cart-item .column {
    text-align: center;
    padding: 5px;
    width: 100%;
    float: left;
}

[dir="rtl"] .cart .cart-item .column {
    float: right;
}

@media (min-width: 888px) {
    .cart .cart-item .column {
        flex: 0 1 100%;
    }

        .cart .cart-item .column.remove {
            flex: 0 1 5%;
            width: 10%;
        }

        .cart .cart-item .column.product-image {
            flex: 0 1 20%;
            width: 20%;
        }

        .cart .cart-item .column.product-title {
            flex: 0 1 28%;
            width: 28%;
        }

        .cart .cart-item .column.count {
            flex: 0 1 35%;
            width: 35%;
        }

            .cart .cart-item .column.count .count-side {
                font-size: 13px;
                white-space: nowrap;
            }

        .cart .cart-item .column.price {
            flex: 0 1 37%;
            width: 37%;
            text-align: center;
        }
}

@media (min-width: 1111px) {
    .cart .cart-item .column.product-title {
        flex: 0 1 45%;
        width: 45%;
        padding-left: 85px;
    }

    .cart .cart-item .column.count {
        flex: 0 1 36%;
        width: 27%;
        justify-content: flex-start;
    }

    .cart .cart-item .column.price {
        flex: 0 1 28%;
        width: 28%;
    }
}

@media (min-width: 1222px) {
    .cart .cart-item.count .count-side {
        font-size: 14px;
    }
}

.cart .cart-item .price .payable {
    color: #707070;
    font-size: 1.1rem;
}

    .cart .cart-item .price .payable.visible-from-md {
        display: none;
    }

@media (min-width: 888px) {
    .cart .cart-item .price .payable.visible-from-md {
        display: block;
    }
}

.cart .cart-item .amount {
    display: flex;
}

@media (min-width: 888px) {
    .cart .cart-item .amount.visible-to-md {
        display: none;
    }
}

.cart .cart-item .text-invalid {
    color: #9e9e9e;
    font-size: 0.85rem;
    margin-left: 10px;
}

    .cart .cart-item .text-invalid.visible-from-md {
        display: none;
    }

@media (min-width: 888px) {
    .cart .cart-item .text-invalid.visible-from-md {
        display: block;
    }
}

@media (min-width: 888px) {
    .cart .cart-item .text-invalid {
        margin-left: 0;
    }
}

.cart .cart-item .text-discount {
    color: #5e8e3e;
    font-size: 1.1rem;
    margin: 3px 0;
}

.cart .cart-item .remove {
    font-size: 11px;
    position: absolute;
    left: 10px;
    text-align: left;
    top: 6px;
}

@media (min-width: 888px) {
    .cart .cart-item .remove {
        position: relative;
        left: auto;
        top: auto;
        font-size: 14px;
    }
}

.cart .cart-item .remove i {
    color: #cccccc;
}

.cart .cart-item .product-image {
    flex-basis: 30%;
    max-width: 30%;
}

    .cart .cart-item .product-image img {
        max-width: 80px;
        display: block;
        margin: 0 auto;
    }

@media (min-width: 888px) {
    .cart .cart-item .product-image img {
        max-width: 100px;
    }
}

.cart .cart-item .product-title {
    text-align: right;
}

    .cart .cart-item .product-title span {
        display: block;
    }

.cart .cart-item .title {
    color: #909090;
    line-height: 20px;
    display: block;
}

.cart .cart-item .nice-select-box {
    float: none;
}

    .cart .cart-item .nice-select-box .current {
        font-size: 17px;
    }

.cart .cart-item .count {
    display: flex;
    justify-content: flex-start;
    margin-top: 7px;
}

    .cart .cart-item .count .count-label {
        line-height: 28px;
        margin-left: 7px;
        white-space: nowrap;
    }

    .cart .cart-item .count span {
        display: block;
    }

    .cart .cart-item .count .count-side {
        margin-right: 5px;
        line-height: 30px;
    }

        .cart .cart-item .count .count-side em {
            font-style: normal;
        }

@media (min-width: 888px) {
    .cart .cart-item .count {
        justify-content: center;
        margin-top: 0;
    }

        .cart .cart-item .count .count-label {
            line-height: 32px;
        }
}

.cart .cart-item .price {
    text-align: right;
}

    .cart .cart-item .price span {
        display: block;
    }

.cart .cart-item .content-products {
    flex: 70% 0 1;
    max-width: 70%;
    display: flex;
    flex-direction: column;
    padding-left: 30px;
}

@media (min-width: 888px) {
    .cart .cart-item .content-products {
        flex: 75% 0 1;
        max-width: 75%;
        flex-direction: row;
        padding-left: 0;
        align-items: center;
    }
}

.cart .cart-summary {
    background-color: #fff;
    border-radius: 10px;
    margin: 0 0 10px 0;
}

@media (min-width: 888px) {
    .cart .cart-summary {
        margin: 0 0 20px 0;
    }
}

.cart .cart-summary-item {
    padding: 15px;
    border-bottom: 1px solid #eeeeee;
    color: #9e9e9e;
}

@media (min-width: 888px) {
    .cart .cart-summary-item {
        font-size: 1.1em;
        padding: 23px 15px;
    }
}

@media (min-width: 1111px) {
    .cart .cart-summary-item {
        padding: 23px 30px;
    }
}

.cart .cart-summary-item:last-child {
    border-bottom: 0;
}

.cart .cart-summary-item.payable {
    border-bottom: 0;
}

@media (min-width: 888px) {
    .cart .cart-summary-item.payable {
        border-bottom: 1px solid #eeeeee;
    }
}

.cart .cart-summary-item.cta-button {
    padding: 0;
}

@media (min-width: 888px) {
    .cart .cart-summary-item.cta-button {
        padding: 27px 15px;
    }
}

@media (min-width: 1111px) {
    .cart .cart-summary-item.cta-button {
        padding: 27px 30px;
    }
}

.cart .discount {
    color: #5e8e3e;
}

.cart .payable {
    color: #5e8e3e;
}

.cart .duration {
    margin-bottom: 10px;
}

.page-cart.section-cart .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-kquevr {
    bottom: 64px !important;
}

@media (min-width: 888px) {
    .page-cart.section-cart .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-kquevr {
        bottom: 14px !important;
    }
}

.page-cart .messages {
    margin-bottom: 0;
}

.page-cart .main-content {
    padding-top: 10px;
}

@media (min-width: 888px) {
    .page-cart .main-content {
        padding-top: 20px;
    }
}

@media (min-width: 555px) {
    .page-cart .cart .actions.is-fixed-block .btn-primary {
        text-align: center;
    }
}

.popup_wrapper_visible {
    transition: all 0.3s ease-out;
}

    .popup_wrapper_visible .is-mobile {
        -ms-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

.is-iPhone .popup_wrapper.popup_wrapper_visible {
    height: 0 !important;
}

.cart-basket-message {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 40px;
    margin-bottom: 20px;
    width: 100%;
    order: -1;
    text-align: center;
}

    .cart-basket-message .basket-message-icon {
        display: block;
        margin: 0 auto 5px;
    }

@media (min-width: 888px) {
    .cart-basket-message {
        padding: 12px 35px;
        order: 0;
        display: flex;
        align-items: center;
        text-align: right;
    }

        .cart-basket-message .basket-message-icon {
            margin: 0 0 0 12px;
            display: inline;
        }
}

#popup-added-to-basket_wrapper {
    position: absolute;
    top: auto;
    -ms-transform: none;
    transform: none;
}

@media (min-width: 888px) {
    #popup-added-to-basket_wrapper {
        position: fixed !important;
        top: 50% !important;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.popup-added-to-basket,
.general-error,
.notify-user {
    background-color: #fff;
    padding: 20px;
    border-radius: 18px;
    position: relative;
    width: 95%;
    text-align: center !important;
    display: none;
}

    .popup-added-to-basket.general-error,
    .general-error.general-error,
    .notify-user.general-error {
        padding: 50px 20px 30px;
    }

    .popup-added-to-basket.mobile-popup-added-to-basket,
    .general-error.mobile-popup-added-to-basket,
    .notify-user.mobile-popup-added-to-basket {
        position: fixed !important;
        right: 0;
        bottom: 0;
        width: 100%;
        border-radius: 10px 10px 0 0;
        transition: all 0.3s ease-out;
        -ms-transform: translateX(0) translateY(40%);
        transform: translateX(0) translateY(40%);
    }

        .popup-added-to-basket.mobile-popup-added-to-basket.general-error,
        .general-error.mobile-popup-added-to-basket.general-error,
        .notify-user.mobile-popup-added-to-basket.general-error {
            padding: 30px 20px;
        }

        .popup-added-to-basket.mobile-popup-added-to-basket .general-error_close,
        .general-error.mobile-popup-added-to-basket .general-error_close,
        .notify-user.mobile-popup-added-to-basket .general-error_close {
            display: none;
        }

        .popup-added-to-basket.mobile-popup-added-to-basket .popup-added-to-basket-icon-check,
        .general-error.mobile-popup-added-to-basket .popup-added-to-basket-icon-check,
        .notify-user.mobile-popup-added-to-basket .popup-added-to-basket-icon-check {
            font-size: 68px;
        }

    .popup-added-to-basket .view-recommended-product-wrapper,
    .popup-added-to-basket .view-recommended-product,
    .general-error .view-recommended-product-wrapper,
    .general-error .view-recommended-product,
    .notify-user .view-recommended-product-wrapper,
    .notify-user .view-recommended-product {
        display: none;
    }

    .popup-added-to-basket .view-recommended-product-container,
    .general-error .view-recommended-product-container,
    .notify-user .view-recommended-product-container {
        border-bottom: 1px solid #eeeeee;
    }

    .popup-added-to-basket .popup-added-to-basket-close-icon,
    .popup-added-to-basket .general-error-close-icon,
    .popup-added-to-basket .notify-user-close-icon,
    .general-error .popup-added-to-basket-close-icon,
    .general-error .general-error-close-icon,
    .general-error .notify-user-close-icon,
    .notify-user .popup-added-to-basket-close-icon,
    .notify-user .general-error-close-icon,
    .notify-user .notify-user-close-icon {
        position: absolute;
        top: 0;
        right: 0;
        padding: 20px 25px;
        color: #999999;
        font-size: 1.5rem;
        cursor: pointer;
    }

    .popup-added-to-basket .general-error-close-icon,
    .general-error .general-error-close-icon,
    .notify-user .general-error-close-icon {
        position: absolute;
        left: 0;
        right: auto;
        top: 0;
        padding: 20px 25px;
        color: #999999;
        font-size: 1.5rem;
        cursor: pointer;
        color: #ccc;
    }

    .popup-added-to-basket .general-error-title,
    .general-error .general-error-title,
    .notify-user .general-error-title {
        color: #707070;
    }

    .popup-added-to-basket .popup-added-to-basket-close-link,
    .popup-added-to-basket .general-error-close-link,
    .general-error .popup-added-to-basket-close-link,
    .general-error .general-error-close-link,
    .notify-user .popup-added-to-basket-close-link,
    .notify-user .general-error-close-link {
        display: block;
        margin: 20px 0 0;
        color: #999999;
    }

        .popup-added-to-basket .popup-added-to-basket-close-link:hover,
        .popup-added-to-basket .general-error-close-link:hover,
        .general-error .popup-added-to-basket-close-link:hover,
        .general-error .general-error-close-link:hover,
        .notify-user .popup-added-to-basket-close-link:hover,
        .notify-user .general-error-close-link:hover {
            color: #666666;
        }

.popup-added-to-basket_view-basket,
.general-error_view-basket,
.notify-user_view-basket {
    margin-top: 20px;
}

.popup-added-to-basket .popup-added-to-basket-icon-check,
.general-error .popup-added-to-basket-icon-check,
.notify-user .popup-added-to-basket-icon-check {
    color: #5e8e3e;
    font-size: 5rem;
}

.popup-added-to-basket .popup-added-to-basket-icon-times,
.popup-added-to-basket .general-error-icon-times,
.general-error .popup-added-to-basket-icon-times,
.general-error .general-error-icon-times,
.notify-user .popup-added-to-basket-icon-times,
.notify-user .general-error-icon-times {
    color: #c00;
    font-size: 5rem;
}

.popup-added-to-basket .popup-added-to-basket-title,
.general-error .popup-added-to-basket-title,
.notify-user .popup-added-to-basket-title {
    font-size: 1.2rem;
    color: #666666;
    line-height: 30px;
    margin: 40px 0 20px;
}

    .popup-added-to-basket .popup-added-to-basket-title p,
    .general-error .popup-added-to-basket-title p,
    .notify-user .popup-added-to-basket-title p {
        margin: 0;
    }

    .popup-added-to-basket .popup-added-to-basket-title em,
    .general-error .popup-added-to-basket-title em,
    .notify-user .popup-added-to-basket-title em {
        font-size: 13px;
    }

.popup-added-to-basket .popup-notify-user-title,
.general-error .popup-notify-user-title,
.notify-user .popup-notify-user-title {
    font-size: 1.2rem;
    color: #666666;
    line-height: 30px;
    margin: 10px 0 30px;
    padding: 0 50px 5px;
    border-bottom: 1px solid #999999;
}

    .popup-added-to-basket .popup-notify-user-title p,
    .general-error .popup-notify-user-title p,
    .notify-user .popup-notify-user-title p {
        margin: 0;
    }

    .popup-added-to-basket .popup-notify-user-title em,
    .general-error .popup-notify-user-title em,
    .notify-user .popup-notify-user-title em {
        font-size: 13px;
    }

.popup-added-to-basket .notify-user-form .cta,
.general-error .notify-user-form .cta,
.notify-user .notify-user-form .cta {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

    .popup-added-to-basket .notify-user-form .cta a,
    .general-error .notify-user-form .cta a,
    .notify-user .notify-user-form .cta a {
        margin: 0 5px;
        width: 100px;
    }


@media (min-width: 1333px) {
    .popup-added-to-basket.item-added,
    .general-error.item-added,
    .notify-user.item-added {
        width: 40%;
    }
}

.popup-added-to-basket .added-to-basket-inner .added-to-basket-actions,
.general-error .added-to-basket-inner .added-to-basket-actions,
.notify-user .added-to-basket-inner .added-to-basket-actions {
    display: flex;
    justify-content: center;
    align-items: baseline;
}

    .popup-added-to-basket .added-to-basket-inner .added-to-basket-actions a,
    .general-error .added-to-basket-inner .added-to-basket-actions a,
    .notify-user .added-to-basket-inner .added-to-basket-actions a {
        line-height: 34px;
        padding: 0 25px;
        border-radius: 10px;
    }

        .popup-added-to-basket .added-to-basket-inner .added-to-basket-actions a:first-child,
        .general-error .added-to-basket-inner .added-to-basket-actions a:first-child,
        .notify-user .added-to-basket-inner .added-to-basket-actions a:first-child {
            border: 2px solid #5e8e3e;
        }

.popup-added-to-basket .added-to-basket-inner .popup-added-to-basket-close-link,
.general-error .added-to-basket-inner .popup-added-to-basket-close-link,
.notify-user .added-to-basket-inner .popup-added-to-basket-close-link {
    margin-right: 10px;
}

@media (min-width: 666px) {
    .popup-added-to-basket,
    .general-error,
    .notify-user {
        width: 60%;
        display: none;
    }
}

@media (min-width: 888px) {
    .popup-added-to-basket,
    .general-error,
    .notify-user {
        width: 45%;
        display: none;
    }
}

@media (min-width: 1333px) {
    .popup-added-to-basket,
    .general-error,
    .notify-user {
        width: 25%;
        display: none;
    }
}

.notify-user {
    width: 465px;
    height: 392px;
    padding: 42px 76px;
}

    .notify-user.notify-user-content {
        width: 400px;
        height: 350px;
    }

    .notify-user .notify-user-close-icon {
        font-size: 22px;
        left: 0;
        right: auto;
        color: #ccc;
    }

    .notify-user .popup-added-to-basket-icon-check {
        font-size: 80px;
    }

    .notify-user .popup-notify-user-title {
        font-size: 15px;
        padding: 0 15px 9px;
        color: #707070;
        border-color: #cbcbcb;
        margin: 13px 0 22px;
    }

    .notify-user .notify-user-form {
        padding: 0 15px;
    }

        .notify-user .notify-user-form .btn {
            line-height: 36px;
        }

        .notify-user .notify-user-form .submit-notification:active {
            background-color: #5e8e3e;
            color: #fff;
        }

        .notify-user .notify-user-form .submit-notification.disabled {
            background-color: #999999;
            cursor: default;
        }

            .notify-user .notify-user-form .submit-notification.disabled:active {
                background-color: #999999;
            }

    .notify-user .form-item-notify-user {
        color: #cbcbcb;
        margin-bottom: 17px;
        overflow: hidden;
    }

        .notify-user .form-item-notify-user label {
            font-weight: normal;
            text-align: right;
            line-height: 20px;
            white-space: nowrap;
        }

            .notify-user .form-item-notify-user label a {
                color: #cbcbcb;
            }

        .notify-user .form-item-notify-user.is-selected {
            color: #707070;
        }

            .notify-user .form-item-notify-user.is-selected .styled-checkbox + label:before {
                border-color: #5e8e3e;
            }

            .notify-user .form-item-notify-user.is-selected .styled-checkbox + label:after {
                font-family: 'motanroo' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                /* Better Font Rendering =========== */
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                display: block;
                content: "\e903";
                position: absolute;
                top: 4px;
                right: 3px;
                font-size: 15px;
                box-shadow: none;
                -ms-transform: none;
                transform: none;
                width: auto;
                height: auto;
                background: none;
                color: #5e8e3e;
            }

    .notify-user .styled-checkbox + label:before {
        border-color: #cbcbcb;
        flex: 1 0 20px;
        align-self: flex-start;
    }

    .notify-user.mobile-popup-added-to-basket {
        width: 100%;
        height: 650px;
        padding: 30px;
        border-radius: 10px 10px 0 0;
    }

@media screen and (min-width: 340px) {
    .notify-user.mobile-popup-added-to-basket {
        padding: 30px 40px;
    }
}

.notify-user.mobile-popup-added-to-basket .notify-user_close {
    display: none;
}

.notify-user.mobile-popup-added-to-basket .popup-added-to-basket-icon-check {
    font-size: 68px;
}

.notify-user.mobile-popup-added-to-basket .popup-notify-user-title {
    padding: 0 0 12px;
    margin: 10px 0 35px;
    text-align: center;
}

.notify-user.mobile-popup-added-to-basket .form-item-notify-user {
    margin-bottom: 24px;
}

.notify-user.mobile-popup-added-to-basket .btn-outline-secondary {
    display: none;
}

.notify-user.mobile-popup-added-to-basket .notify-user-form {
    padding: 0;
}

    .notify-user.mobile-popup-added-to-basket .notify-user-form .cta .submit-notification {
        width: 100%;
    }

.is-mobile .mobile-popup-added-to-basket.notify-user.mobile-popup-added-to-basket {
    height: 395px;
}

.product-image {
    padding: 20px 0 0;
}

.recommended-product-wrapper,
.view-recommended-product-container {
    margin: 20px 0;
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

    .recommended-product-wrapper h4,
    .view-recommended-product-container h4 {
        border-bottom: 1px solid #eeeeee;
        color: #666666;
        margin: 5px 0 10px;
        font-weight: 600;
        font-size: 14px;
        line-height: 40px;
        text-align: right;
    }

    .recommended-product-wrapper .recommended-product-container,
    .view-recommended-product-container .recommended-product-container {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .recommended-product-wrapper .recommended-product-container .recommended-product-item,
        .view-recommended-product-container .recommended-product-container .recommended-product-item {
            display: inline-block;
            position: relative;
            vertical-align: middle;
            width: 200px;
            white-space: normal;
            scroll-behavior: smooth;
            padding: 10px;
            border: 1px solid #eeeeee;
            border-radius: 10px;
            margin-left: 5px;
        }

            .recommended-product-wrapper .recommended-product-container .recommended-product-item img,
            .view-recommended-product-container .recommended-product-container .recommended-product-item img {
                border-radius: 5px;
            }

        .recommended-product-wrapper .recommended-product-container .discount-percentage,
        .view-recommended-product-container .recommended-product-container .discount-percentage {
            border-radius: 15px 10px 0 15px;
            background: #5e8e3e;
            color: #fff;
            position: absolute;
            text-align: center;
            line-height: 23px;
            height: 23px;
            width: 48%;
            top: 0;
            right: 0;
        }

@media (min-width: 666px) {
    .recommended-product-wrapper .recommended-product-container .discount-percentage,
    .view-recommended-product-container .recommended-product-container .discount-percentage {
        width: 48%;
    }
}

.recommended-product-wrapper .recommended-product-container .discount-percentage .discount-text,
.view-recommended-product-container .recommended-product-container .discount-percentage .discount-text {
    margin-right: 3px;
}

.recommended-product-wrapper .recommended-product-container .free-delivery,
.view-recommended-product-container .recommended-product-container .free-delivery {
    border-radius: 10px 15px 15px 0;
    border: 1px solid #666666;
    color: #666666;
    position: absolute;
    text-align: center;
    line-height: 23px;
    font-size: 12px;
    height: 23px;
    width: 48%;
    top: 0;
    left: 0;
}

@media (min-width: 666px) {
    .recommended-product-wrapper .recommended-product-container .free-delivery,
    .view-recommended-product-container .recommended-product-container .free-delivery {
        width: 48%;
    }
}

.recommended-product-wrapper .recommended-product-container .product-title h3,
.view-recommended-product-container .recommended-product-container .product-title h3 {
    margin: 5px 0;
    line-height: 24px;
    font-size: 13px;
    font-weight: normal;
    height: 20px;
    overflow: hidden;
    width: 180px;
}

    .recommended-product-wrapper .recommended-product-container .product-title h3:hover,
    .view-recommended-product-container .recommended-product-container .product-title h3:hover {
        text-overflow: clip;
    }

.recommended-product-wrapper .recommended-product-container .product-title h3,
.recommended-product-wrapper .recommended-product-container .product-title span,
.view-recommended-product-container .recommended-product-container .product-title h3,
.view-recommended-product-container .recommended-product-container .product-title span {
    transition: 3.3s;
    transition-timing-function: linear;
    right: 0;
    position: relative;
}

.recommended-product-wrapper .recommended-product-container .product-title span,
.view-recommended-product-container .recommended-product-container .product-title span {
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recommended-product-wrapper .recommended-product-container .price,
.view-recommended-product-container .recommended-product-container .price {
    color: #5e8e3e;
    font-size: 14px;
    margin: 0;
}

    .recommended-product-wrapper .recommended-product-container .price.has-special-price .price-value,
    .view-recommended-product-container .recommended-product-container .price.has-special-price .price-value {
        color: #999999;
        font-size: 13px;
        text-decoration: line-through;
    }

.recommended-product-wrapper .recommended-product-container .mCSB_horizontal.mCSB_inside > .mCSB_container,
.view-recommended-product-container .recommended-product-container .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 20px;
}

.is-mobile .recommended-title h4 {
    color: #666666;
    margin: 5px 0 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 40px;
    text-align: right;
}

.is-mobile .view-recommended-product-container {
    margin: 0 0 10px;
    border-top: 1px solid #eeeeee;
}

    .is-mobile .view-recommended-product-container .recommended-product-item {
        width: 150px;
        margin: 10px 0 10px 5px;
    }

    .is-mobile .view-recommended-product-container .recommended-product-wrapper {
        border-top: 1px solid #eeeeee;
        display: inline-table;
    }

    .is-mobile .view-recommended-product-container .product-title h3 {
        width: 100%;
        height: 55px;
        overflow: hidden;
        line-height: 18px;
    }

        .is-mobile .view-recommended-product-container .product-title h3 span {
            white-space: pre-line;
            overflow: visible;
        }

    .is-mobile .view-recommended-product-container .price {
        display: none;
    }

.is-mobile .view-recommended-product {
    display: inline-block;
    border: 1px solid #999999;
    padding: 5px 10px;
    margin: 20px 0;
    border-radius: 4px;
    line-height: 30px;
}

.is-mobile .recommended-product-wrapper {
    display: none;
}

    .is-mobile .recommended-product-wrapper .recommended-product-container .recommended-product-item {
        width: 150px;
    }

.is-mobile .mobile-popup-added-to-basket {
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
}

    .is-mobile .mobile-popup-added-to-basket.notify-user {
        height: auto;
    }

        .is-mobile .mobile-popup-added-to-basket.notify-user.notify-user-content {
            width: 100%;
            height: auto;
        }

.is-mobile .popup-added-to-basket .popup-added-to-basket-title {
    margin: 10px 0;
}

.up-until-free-delivery-container {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto 10px;
}

@media (min-width: 777px) {
    .up-until-free-delivery-container {
        width: 70%;
    }
}

.up-until-free-delivery-container .progress {
    margin: 0px auto 10px;
    padding: 0;
    width: 100%;
    height: 5px;
    overflow: hidden;
    background-color: #eeeeee;
    border-radius: 10px;
}

    .up-until-free-delivery-container .progress .bar {
        position: relative;
        float: right;
        min-width: 1%;
        height: 100%;
        background-color: #5e8e3e;
        border: 0;
        margin: 0;
        border-radius: 6px;
    }

.up-until-free-delivery-container .text-info {
    color: #999999;
    width: 100%;
}

    .up-until-free-delivery-container .text-info span {
        margin: 0;
        display: inline-flex;
        color: #5e8e3e;
    }

.basket-message {
    text-align: center;
    max-width: 385px;
    width: 80%;
    margin: 0 auto 20px;
}

    .basket-message .basket-message-text {
        margin: 0;
    }

    .basket-message.no-margin {
        margin-bottom: 0;
    }

.form-item-notify-user {
    display: flex;
    position: relative;
    margin-bottom: 15px;
}

.styled-checkbox {
    position: absolute;
    opacity: 0;
}

    .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0;
        display: flex;
        align-items: center;
    }

        .styled-checkbox + label:before {
            content: '';
            margin-left: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 20px;
            height: 20px;
            background: transparent;
            border: 1px solid #5e8e3e;
            border-radius: 4px;
        }

    .styled-checkbox:hover + label:before {
        background: transparent;
    }

    .styled-checkbox:checked + label:before {
        background: transparent;
        border: 1px solid #5e8e3e;
        border-radius: 4px;
    }

    .styled-checkbox:disabled + label {
        color: #CBCBCB;
        cursor: auto;
    }

        .styled-checkbox:disabled + label:before {
            box-shadow: none;
            background: transparent;
            border-color: #CBCBCB;
        }

    .styled-checkbox:checked + label:after {
        content: '';
        position: absolute;
        right: 14px;
        top: 13px;
        background: #5e8e3e;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 #5e8e3e, 4px 0 0 #5e8e3e, 4px -2px 0 #5e8e3e, 4px -4px 0 #5e8e3e, 4px -6px 0 #5e8e3e, 4px -8px 0 #5e8e3e;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.shipping-method-item {
    margin: 0 0 10px 0;
}

    .shipping-method-item h3 {
        background-color: #eeeeee;
        margin: 0;
        padding: 5px;
        font-weight: normal;
    }

        .shipping-method-item h3 .free {
            color: #5e8e3e;
        }

    .shipping-method-item p {
        margin: 0;
        padding: 5px;
    }

    .shipping-method-item .icon {
        margin: 3px 0 0 5px;
    }

@media (min-width: 888px) {
    .shipping-method-item .shipping-cost .icon {
        display: none;
    }
}

.shipping-method-item .shipping-info {
    font-weight: 300;
    color: #909090;
    margin-top: 7px;
}

.shipping-message {
    background-color: #fff;
    border-radius: 10px;
    padding: 18px 22px;
    margin-bottom: 20px;
    width: 100%;
    order: -1;
    color: #5e8e3e;
}

    .shipping-message .shipping-message-icon {
        display: block;
        margin: 0 auto 9px;
        color: #5e8e3e;
        font-size: 32px;
        text-align: center;
    }

@media (min-width: 888px) {
    .shipping-message {
        padding: 24px 35px;
        order: 0;
        display: flex;
        align-items: center;
    }

        .shipping-message .shipping-message-icon {
            margin: 0 0 0 8px;
            display: inline;
            font-size: 24px;
            text-align: right;
        }
}

.shipping-items .form-item-shipping-address {
    margin: 0;
}

.shipping-items .form-radios {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px;
}

    .shipping-items .form-radios .shipping-address {
        margin-bottom: 15px;
        display: flex;
        flex-basis: 100%;
        padding: 0;
    }

        .shipping-items .form-radios .shipping-address .ajax-progress-throbber {
            display: none;
        }

@media (min-width: 888px) {
    .shipping-items .form-radios .shipping-address {
        padding: 0 9px;
        flex-basis: 50%;
        margin-bottom: 18px;
        width: 50%;
    }

        .shipping-items .form-radios .shipping-address:nth-child(2) {
            order: -1;
        }
}

.shipping-items .form-radios .shipping-address .form-item {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #eee;
    padding: 10px 15px 5px;
}

@media (min-width: 888px) {
    .shipping-items .form-radios .shipping-address .form-item {
        padding: 25px 20px 30px;
    }
}

.shipping-items .form-radios .shipping-address .form-item.form-type-radio .option {
    margin-bottom: 0;
}

    .shipping-items .form-radios .shipping-address .form-item.form-type-radio .option:before {
        top: 7px;
    }

@media (min-width: 888px) {
    .shipping-items .form-radios .shipping-address .form-item.form-type-radio .option {
        display: flex;
        height: 100%;
        padding-bottom: 35px;
    }
}

.shipping-items .form-radios .shipping-address.add-new-address {
    margin-bottom: 0;
}

@media (min-width: 888px) {
    .shipping-items .form-radios .shipping-address.add-new-address {
        margin-bottom: 18px;
        font-size: 15px;
    }
}

.shipping-items .form-radios .shipping-address.add-new-address .form-item {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border: 0;
    padding: 5px;
}

@media (min-width: 888px) {
    .shipping-items .form-radios .shipping-address.add-new-address .form-item {
        border: 1px solid #eee;
        justify-content: center;
    }

        .shipping-items .form-radios .shipping-address.add-new-address .form-item.form-type-radio .option {
            justify-content: center;
            height: auto;
            padding-bottom: 0;
        }
}

.shipping-items .form-radios .shipping-address.add-new-address .form-item label {
    padding: 0;
    margin-bottom: 0;
}

    .shipping-items .form-radios .shipping-address.add-new-address .form-item label a {
        display: flex;
        color: #666;
        flex-direction: row;
        align-items: center;
        color: #5e8e3e;
    }

@media (min-width: 888px) {
    .shipping-items .form-radios .shipping-address.add-new-address .form-item label a {
        color: #999;
        flex-direction: column;
    }
}

.shipping-items .form-radios .shipping-address.add-new-address .form-item label a i:before {
    content: "\e948";
    margin-left: 5px;
}

@media (min-width: 888px) {
    .shipping-items .form-radios .shipping-address.add-new-address .form-item label a i:before {
        content: "\e945";
        margin-left: 0;
    }
}

@media (min-width: 888px) {
    .shipping-items .form-radios .shipping-address.add-new-address .form-item label a i {
        font-size: 5rem;
        margin-bottom: 5px;
    }
}

.shipping-items .form-radios .shipping-address.add-new-address .form-item label:before {
    display: none;
}

.shipping-method .form-type-radios .form-type-radio .option {
    padding: 0 25px 0 15px !important;
}

.form-item-shipping-method.form-item-shipping-method.form-item-shipping-method.form-type-radio {
    margin-bottom: 30px !important;
}

    .form-item-shipping-method.form-item-shipping-method.form-item-shipping-method.form-type-radio:last-child {
        margin-bottom: 0 !important;
    }

.form-item-shipping-method.form-item-shipping-method.form-item-shipping-method .ajax-progress-throbber {
    display: none !important;
}

.form-item-shipping-method.form-item-shipping-method.form-item-shipping-method > label {
    padding-bottom: 0;
}

@media (min-width: 888px) {
    .form-item-shipping-method.form-item-shipping-method.form-item-shipping-method > label {
        padding-bottom: 23px;
    }
}

.form-item-shipping-method.form-item-shipping-method.form-item-shipping-method .form-radios.form-radios {
    padding: 5px 20px;
}

@media (min-width: 888px) {
    .form-item-shipping-method.form-item-shipping-method.form-item-shipping-method .form-radios.form-radios {
        padding: 10px 35px 5px;
    }
}

.form-item-shipping-method.form-item-shipping-method.form-item-shipping-method .shipping-cost {
    border: 0;
    color: #5e8e3e;
    padding: 0;
}

@media (min-width: 888px) {
    .form-item-shipping-method.form-item-shipping-method.form-item-shipping-method .shipping-cost {
        margin-left: 10px;
        display: inline;
    }
}

.form-item-shipping-method.form-item-shipping-method.form-item-shipping-method .shipping-desc {
    margin-top: 5px;
    display: block;
}

@media (min-width: 888px) {
    .form-item-shipping-method.form-item-shipping-method.form-item-shipping-method .shipping-desc {
        display: inline;
        margin-top: 0;
    }
}

.checkout-form.checkout-payment-form .payable {
    display: none;
}

.checkout-form.checkout-payment-form .item-list ul, .checkout-form.checkout-payment-form .item-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .checkout-form.checkout-payment-form .item-list li:last-child {
        color: #5e8e3e;
        border-bottom: 0;
    }

@media (min-width: 888px) {
    .checkout-form.checkout-payment-form .item-list li:last-child {
        border-bottom: 1px solid #eeeeee;
    }
}

.checkout-form.checkout-payment-form .return-to-shipping a {
    color: #909090;
}

    .checkout-form.checkout-payment-form .return-to-shipping a:before {
        content: "\f105";
        font-size: 30px;
        margin: 0 5px 0 10px;
        line-height: 30px;
        vertical-align: middle;
        font-weight: 100;
        color: #909090;
    }

.checkout-form.checkout-payment-form .summary-shipping-cost, .checkout-form.checkout-payment-form .item-list li {
    padding: 15px;
    border-bottom: 1px solid #eeeeee;
    color: #9e9e9e;
}

    .checkout-form.checkout-payment-form .summary-shipping-cost span, .checkout-form.checkout-payment-form .item-list li span {
        float: left;
    }

@media (min-width: 888px) {
    .checkout-form.checkout-payment-form .summary-shipping-cost, .checkout-form.checkout-payment-form .item-list li {
        font-size: 15px;
        padding: 23px 15px;
    }
}

@media (min-width: 1111px) {
    .checkout-form.checkout-payment-form .summary-shipping-cost, .checkout-form.checkout-payment-form .item-list li {
        padding: 23px 30px;
    }
}

.checkout-form.checkout-payment-form .checkout-container .cart-options-container {
    order: -1;
    padding: 0;
}

@media (min-width: 888px) {
    .checkout-form.checkout-payment-form .checkout-container .cart-options-container {
        order: 0;
        padding: 0 20px 0 0;
    }
}

.checkout-form.checkout-payment-form .checkout-container .cart-options > .visible-from-large {
    display: block;
}

.checkout-form.checkout-payment-form .cart-options-container .box-white.actions {
    line-height: 35px;
    padding: 15px;
    color: #9e9e9e;
}

    .checkout-form.checkout-payment-form .cart-options-container .box-white.actions .btn {
        color: #fff;
        border: 0;
        display: block;
        margin: 0 auto;
        text-align: center;
        line-height: 30px;
        border-radius: 10px;
    }

    .checkout-form.checkout-payment-form .cart-options-container .box-white.actions .btn-submit {
        color: #5e8e3e;
        border: 1px solid #5e8e3e;
        padding: 3px 10px;
    }

@media (min-width: 1111px) {
    .checkout-form.checkout-payment-form .cart-options-container .box-white.actions .btn-submit {
        padding: 3px 35px;
    }
}

.checkout-form.checkout-payment-form .cart-options-container .box-white.actions .btn-cancle {
    color: #707070;
    border: 1px solid #707070;
    padding: 3px 5px;
    height: 35px;
    text-align: center;
    flex: 0 1 110px;
    width: 110px;
}

.checkout-form.checkout-payment-form .cart-options-container .box-white.actions .coupon-info {
    color: #5e8e3e;
    display: flex;
    line-height: 20px;
    margin: 9px 0 0 10px;
    flex: 1;
}

    .checkout-form.checkout-payment-form .cart-options-container .box-white.actions .coupon-info i {
        font-size: 18px;
        margin: 0 0 0 5px;
    }

@media (min-width: 888px) {
    .checkout-form.checkout-payment-form .cart-options-container .box-white.actions {
        padding: 30px 15px;
    }
}

@media (min-width: 1111px) {
    .checkout-form.checkout-payment-form .cart-options-container .box-white.actions {
        padding: 30px;
    }
}

.checkout-form.checkout-payment-form .cart-options-container .coupon-box {
    display: flex;
}

.checkout-form.checkout-payment-form.form-standard-actions .form-actions {
    padding: 0;
    margin: 0;
    border: 0;
}

.checkout-form .box-white .form-item-payment-method .form-radios:before {
    content: '';
    display: table;
}

.checkout-form .box-white .form-item-payment-method .form-radios:after {
    content: '';
    display: table;
    clear: both;
}

.checkout-form .box-white .form-item-payment-method .online-type {
    margin: 0 0 20px 0;
}

@media (min-width: 888px) {
    .checkout-form .box-white .form-item-payment-method .online-type {
        margin: 0 30px 25px 0;
    }
}

.checkout-form .box-white .form-item-payment-method .online-type label {
    position: relative;
    padding-right: 25px;
    margin-bottom: 15px;
    display: block;
    cursor: pointer;
}

    .checkout-form .box-white .form-item-payment-method .online-type label:before {
        content: "\f111";
        border-radius: 50%;
        position: absolute;
        top: 4px;
        right: 0;
        margin-top: 0;
        font-size: 1.3em;
        transition: all ease-in-out 0.3s;
    }

    .checkout-form .box-white .form-item-payment-method .online-type label:after {
        content: "";
        width: 17px;
        height: 17px;
        border: 1px solid transparent;
        border-radius: 50%;
        position: absolute;
        top: 7px;
        right: -2px;
        transition: all ease-in-out 0.3s;
    }


.checkout-form .box-white .form-item-payment-method .online-type.selected label:after {
    content: "";
    width: 17px;
    height: 17px;
    border: 1px solid #5e8e3e;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: -2px;
}

.checkout-form .box-white .form-item-payment-method .form-item-payment-method {
    margin: 0 0 20px 0;
}

@media (min-width: 888px) {
    .checkout-form .box-white .form-item-payment-method .form-item-payment-method {
        margin: 0 30px 25px 0;
    }
}

.checkout-form .box-white .form-item-payment-method .form-item-payment-method .tipso_style {
    border-bottom: 0;
}

.checkout-form .box-white .form-item-payment-method .form-item-payment-method.online {
    margin: 0 33px 17px 0;
    float: right;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
}

@media (min-width: 888px) {
    .checkout-form .box-white .form-item-payment-method .form-item-payment-method.online {
        margin: 0 38px 22px 0;
    }
}

.checkout-form .box-white .form-item-payment-method .form-item-payment-method.online .option {
    padding: 0;
    margin: 0;
}

    .checkout-form .box-white .form-item-payment-method .form-item-payment-method.online .option:before, .checkout-form .box-white .form-item-payment-method .form-item-payment-method.online .option:after {
        display: none;
    }

.form-item.form-type-radio.form-item-payment-method.online input[type="radio"]:checked + label {
    border: 1px solid #707070;
    border-radius: 5px;
}

.profile {
    clear: both;
    margin: 1em 0;
}

.checkout-form .box-white .form-item-payment-method .form-item-payment-method.cash {
    clear: both;
}

.checkout-form .box-white .form-item-payment-method .form-item-payment-method.form-type-radio .selected .option:before {
    top: 4px;
}

.checkout-form .box-white .form-item-payment-method .form-item-payment-method.form-type-radio .selected .option:after {
    top: 7px;
}

.checkout-form .box-white .form-item-payment-method .form-item-payment-method.form-type-radio .option:before {
    top: 7px;
}

.checkout-form .box-white .form-item-payment-method .form-item-payment-method.form-type-radio .option:after {
    top: 5px;
}

.form-item-payment-method h3 {
    padding: 0;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
}

.form-item-payment-method .payment-method-item:not(.cash):before {
    display: block;
    content: ' ';
    width: 50px;
    height: 50px;
    background-position: center center;
    background-size: auto 90%;
    background-repeat: no-repeat;
    border-radius: 10px;
}

@media (min-width: 888px) {
    .form-item-payment-method .payment-method-item:not(.cash):before {
        width: 60px;
        height: 60px;
    }
}

.form-item-payment-method .payment-method-item:not(.cash) h3 {
    display: none;
}


.form-item-payment-method .cash h3 {
    padding-top: 6px;
}

.payment-gateway-form {
    background-color: #ffffff;
    padding: 40px 10px;
}

@media (min-width: 1111px) {
    .payment-gateway-form {
        padding: 40px;
    }
}

.payment-gateway-form .form-item {
    position: relative;
    padding: 60px 0 0 0;
    margin: 0 0 20px 0;
    text-align: center;
}

.payment-gateway-form .form-actions .form-submit {
    line-height: 44px;
    padding: 0 40px;
    margin: 0 auto;
    border: none;
    outline: none;
    border-radius: 4px;
    background-color: #5e8e3e;
    color: #ffffff;
    display: block;
}

.payment-bank-account-item {
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    padding: 10px;
    display: block;
}

    .payment-bank-account-item.mellat i {
        background-image: url("../images/components/modules/payment/mellat-32.png");
    }

    .payment-bank-account-item.tejarat i {
        background-image: url("../images/components/modules/payment/tejarat-32.png");
    }

    .payment-bank-account-item.saman i {
        background-image: url("../images/components/modules/payment/saman-32.png");
    }

    .payment-bank-account-item i {
        width: 48px;
        height: 48px;
        float: left;
        background-position: center;
        background-repeat: no-repeat;
        margin: 0 10px 0 0;
    }

[dir="rtl"] .payment-bank-account-item i {
    float: right;
    margin: 0 0 0 10px;
}

.payment-bank-account-item .number {
    direction: ltr;
    text-align: left;
}

[dir="rtl"] .payment-bank-account-item .number {
    text-align: right;
}

.payment-bank-account-item .placeholder {
    font-style: normal;
    color: #5e8e3e;
}

.payment-non-gateway-form {
    background-color: #ffffff;
    padding: 40px 10px;
}

@media (min-width: 1111px) {
    .payment-non-gateway-form {
        padding: 40px;
    }
}

.payment-non-gateway-form h1 {
    margin: 0 0 20px 0;
    font-weight: normal;
}

.payment-non-gateway-form .payment-column {
    width: 100%;
    float: left;
}

[dir="rtl"] .payment-non-gateway-form .payment-column {
    float: right;
}

@media (min-width: 1111px) {
    .payment-non-gateway-form .payment-column {
        width: 40%;
        padding: 0 50px 0 0;
        border-right: 1px solid #f0f0f0;
    }

    [dir="rtl"] .payment-non-gateway-form .payment-column {
        padding: 0 0 0 50px;
        border-right: none;
        border-left: 1px solid #f0f0f0;
    }
}

.payment-non-gateway-form .transaction-column {
    width: 100%;
    float: left;
}

[dir="rtl"] .payment-non-gateway-form .transaction-column {
    float: right;
}

@media (min-width: 1111px) {
    .payment-non-gateway-form .transaction-column {
        width: 60%;
        padding: 0 0 0 50px;
    }

    [dir="rtl"] .payment-non-gateway-form .transaction-column {
        padding: 0 50px 0 0;
    }
}

.payment-non-gateway-form .unsettled-amount {
    padding: 10px;
    margin: 0 0 20px 0;
    border: 1px solid #dfdfdf;
    background-color: #d6fff2;
}

    .payment-non-gateway-form .unsettled-amount span {
        font-size: 1.2em;
        float: right;
    }

[dir="rtl"] .payment-non-gateway-form .unsettled-amount span {
    float: left;
}

.payment-non-gateway-form .form-item-bank-account.form-type-radios {
    margin: 0 0 20px 0;
}

    .payment-non-gateway-form .form-item-bank-account.form-type-radios > label {
        margin: 0 0 10px 0;
        line-height: 44px;
    }

.payment-non-gateway-form .form-item-bank-account .form-item {
    background-color: #f7f7f7;
    position: relative;
    padding: 0 0 0 40px;
    margin: 0 0 10px 0;
}

[dir="rtl"] .payment-non-gateway-form .form-item-bank-account .form-item {
    padding: 0 40px 0 0;
}

.payment-non-gateway-form .form-item-bank-account .form-item.selected {
    background-color: #e2f6e2;
}

    .payment-non-gateway-form .form-item-bank-account .form-item.selected .payment-bank-acount-item {
        border-color: #c0eac0;
    }

.payment-non-gateway-form .form-item-bank-account .form-item input {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 15px;
}

[dir="rtl"] .payment-non-gateway-form .form-item-bank-account .form-item input {
    left: auto;
    right: 15px;
}

.payment-non-gateway-form .form-item {
    margin: 0 0 10px 0;
}

.payment-non-gateway-form .form-select,
.payment-non-gateway-form .form-text {
    padding: 0 10px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.payment-non-gateway-form label {
    font-weight: normal;
}

.payment-non-gateway-form .form-error {
    display: block;
    color: red;
    text-align: right;
}

[dir="rtl"] .payment-non-gateway-form .form-error {
    text-align: left;
}

.payment-non-gateway-form .form-item-card-number label,
.payment-non-gateway-form .form-item-reference-id label,
.payment-non-gateway-form .form-item-amount label {
    width: 100%;
    float: left;
}

[dir="rtl"] .payment-non-gateway-form .form-item-card-number label, [dir="rtl"]
.payment-non-gateway-form .form-item-reference-id label, [dir="rtl"]
.payment-non-gateway-form .form-item-amount label {
    float: right;
}

@media (min-width: 1111px) {
    .payment-non-gateway-form .form-item-card-number label,
    .payment-non-gateway-form .form-item-reference-id label,
    .payment-non-gateway-form .form-item-amount label {
        width: 30%;
    }
}

.payment-non-gateway-form .form-item-card-number input,
.payment-non-gateway-form .form-item-reference-id input,
.payment-non-gateway-form .form-item-amount input {
    width: 100%;
    float: left;
    letter-spacing: 3px;
    text-align: center;
}

[dir="rtl"] .payment-non-gateway-form .form-item-card-number input, [dir="rtl"]
.payment-non-gateway-form .form-item-reference-id input, [dir="rtl"]
.payment-non-gateway-form .form-item-amount input {
    float: right;
}

@media (min-width: 1111px) {
    .payment-non-gateway-form .form-item-card-number input,
    .payment-non-gateway-form .form-item-reference-id input,
    .payment-non-gateway-form .form-item-amount input {
        width: 70%;
    }
}

.payment-non-gateway-form .form-group {
    margin: 0 0 10px 0;
}

    .payment-non-gateway-form .form-group .form-group-label {
        width: 100%;
        float: left;
        line-height: 38px;
    }

[dir="rtl"] .payment-non-gateway-form .form-group .form-group-label {
    float: right;
}

@media (min-width: 1111px) {
    .payment-non-gateway-form .form-group .form-group-label {
        width: 30%;
    }
}

.payment-non-gateway-form .form-group .form-group-inputs {
    width: 100%;
    float: left;
}

[dir="rtl"] .payment-non-gateway-form .form-group .form-group-inputs {
    float: right;
}

@media (min-width: 1111px) {
    .payment-non-gateway-form .form-group .form-group-inputs {
        width: 70%;
    }
}

.payment-non-gateway-form .form-group .form-group-inputs .form-item {
    margin: 0;
}

.payment-non-gateway-form .form-group-date .form-item-month {
    width: 45%;
    float: right;
}

[dir="rtl"] .payment-non-gateway-form .form-group-date .form-item-month {
    float: left;
}

.payment-non-gateway-form .form-group-date .form-item-month select {
    width: 100%;
}

.payment-non-gateway-form .form-group-date .form-item-seperator {
    width: 10%;
    float: right;
    text-align: center;
    line-height: 38px;
    font-size: 28px;
}

[dir="rtl"] .payment-non-gateway-form .form-group-date .form-item-seperator {
    float: left;
}

.payment-non-gateway-form .form-group-date .form-item-day {
    width: 45%;
    float: right;
}

[dir="rtl"] .payment-non-gateway-form .form-group-date .form-item-day {
    float: left;
}

.payment-non-gateway-form .form-group-date .form-item-day select {
    width: 100%;
}

.payment-non-gateway-form .form-group-hour .form-item-hour {
    width: 45%;
    float: right;
}

[dir="rtl"] .payment-non-gateway-form .form-group-hour .form-item-hour {
    float: left;
}

.payment-non-gateway-form .form-group-hour .form-item-hour select {
    width: 100%;
}

.payment-non-gateway-form .form-group-hour .form-item-seperator {
    width: 10%;
    float: right;
    text-align: center;
    line-height: 38px;
    font-size: 28px;
}

[dir="rtl"] .payment-non-gateway-form .form-group-hour .form-item-seperator {
    float: left;
}

.payment-non-gateway-form .form-group-hour .form-item-minute {
    width: 45%;
    float: right;
}

[dir="rtl"] .payment-non-gateway-form .form-group-hour .form-item-minute {
    float: left;
}

.payment-non-gateway-form .form-group-hour .form-item-minute select {
    width: 100%;
}

[dir="rtl"] .payment-methods {
    padding-right: 0;
}

.payment-methods li {
    border-top: 1px solid #eeeeee;
}

    .payment-methods li:first-child {
        border-top: 0;
    }

.payment-methods .payment-item {
    position: relative;
    padding: 30px 40px 30px 10px;
    display: flex;
    align-items: center;
}

@media (min-width: 555px) {
    .payment-methods .payment-item {
        padding: 30px 160px 30px 30px;
    }
}

.payment-methods .payment-item.has-options.is-selected + .payment-item-options {
    display: block;
}

.payment-methods .payment-item .icon-container {
    max-height: 60px;
    max-width: 90px;
    margin: 0 20px;
    cursor: pointer;
    display: none;
}

@media (min-width: 555px) {
    .payment-methods .payment-item .icon-container {
        display: inline;
    }
}

.payment-methods .payment-item .icon-container svg {
    margin: 0 auto;
    max-height: 60px;
    max-width: 90px;
    fill: #999999;
}

.payment-methods .payment-item.is-selected .icon-container svg {
    fill: #5e8e3e;
}

.payment-methods .radio-primary {
    position: absolute;
    top: 25px;
    right: 15px;
    width: 19px;
    height: 19px;
}

@media (min-width: 555px) {
    .payment-methods .radio-primary {
        right: 40px;
    }
}

.payment-methods .radio-primary-input {
    visibility: hidden;
    position: absolute;
}

    .payment-methods .radio-primary-input:checked + .radio-check:before {
        content: "";
        position: absolute;
        left: 1px;
        top: 1px;
        width: 15px;
        height: 15px;
        background: #5e8e3e;
        border-radius: inherit;
    }

.payment-methods .radio-check {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 0;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #cccccc;
}

.payment-methods h4 {
    font-size: 1.1rem;
    color: #666666;
    font-weight: 500;
    margin: 0;
}

    .payment-methods h4 span {
        font-size: 0.9rem;
        display: block;
        color: #999999;
    }

.payment-methods .payment-item-options {
    border-top: 1px solid #eee;
    padding: 18px 20px 24px;
    font-size: 1rem;
    line-height: 1.571;
    position: relative;
    display: none;
}

.payment-methods .payment-item-providers {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: -16px -16px 0 0;
    position: relative;
}

.payment-methods .payment-item-providers-arrow {
    width: 14px;
    height: 14px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    position: absolute;
    top: -10px;
    right: 100px;
    background-color: #fff;
}

.payment-methods .payment-item-trigger {
    border-radius: 11px;
    background: #fff;
    border: 1px solid #eee;
    position: relative;
    display: flex;
    height: 64px;
    flex-shrink: 0;
    margin: 15px auto;
    cursor: pointer;
    padding: 7px 16px;
    align-items: center;
}

@media (min-width: 555px) {
    .payment-methods .payment-item-trigger {
        margin: 15px 15px 0 0;
    }
}

.payment-methods .payment-item-trigger img {
    max-height: 50px;
    max-width: 80px;
}

.payment-methods .payment-item-trigger.is-selected-gateway {
    border-color: #cbf1f5;
    background-color: #cbfdff;
}

@media (min-width: 777px) {
    .coupon-form-wrapper .form-column-first, .credit-card-form-wrapper .form-column-first {
        border: 0;
        padding: 0;
    }
}

.coupon-form-wrapper .form-type-textfield label, .credit-card-form-wrapper .form-type-textfield label {
    width: 35px;
    float: right;
}

.coupon-form-wrapper .form-type-textfield .form-text, .credit-card-form-wrapper .form-type-textfield .form-text {
    width: calc(100% - 35px);
}

.coupon-form-wrapper .form-item-code, .credit-card-form-wrapper .form-item-code {
    float: right;
    width: 65%;
}

.coupon-form-wrapper .form-actions, .credit-card-form-wrapper .form-actions {
    border: 0;
    float: right;
    width: 35%;
    margin: 0;
    padding: 0 10px 0 0;
}

    .coupon-form-wrapper .form-actions a, .coupon-form-wrapper .form-actions:before, .coupon-form-wrapper .form-actions:after, .credit-card-form-wrapper .form-actions a, .credit-card-form-wrapper .form-actions:before, .credit-card-form-wrapper .form-actions:after {
        display: none;
    }

    .coupon-form-wrapper .form-actions .form-submit, .credit-card-form-wrapper .form-actions .form-submit {
        width: 100%;
        line-height: 38px;
    }

@media (min-width: 777px) {
    .coupon-form-wrapper .form-type-textfield label, .credit-card-form-wrapper .form-type-textfield label {
        width: 45px;
    }

    .coupon-form-wrapper .form-type-textfield .form-text, .credit-card-form-wrapper .form-type-textfield .form-text {
        width: calc(100% - 45px);
    }

    .coupon-form-wrapper .form-item-code, .credit-card-form-wrapper .form-item-code {
        width: 75%;
    }

    .coupon-form-wrapper .form-actions, .credit-card-form-wrapper .form-actions {
        width: 25%;
    }
}

.page-api-post-payment .header,
.page-api-post-payment .navigation,
.page-api-post-payment .utility,
.page-api-post-payment .page-header,
.page-api-post-payment #breadcrumb,
.page-api-post-payment .postscript-first,
.page-api-post-payment .postscript-second,
.page-api-post-payment .postscript-third,
.page-api-post-payment .postscript-fourth,
.page-api-post-payment .postscript-fifth,
.page-api-post-payment .iwmf-banner-container,
.page-api-post-payment .region-top-bar,
.page-api-post-payment .crisp-client,
.page-api-post-payment .messages {
    display: none;
}

.page-api-post-payment .page-container.has-sticky-header {
    padding-top: 0 !important;
}

.page-api-post-payment .navigation {
    margin: 0;
}

.page-api-post-payment .main-content {
    padding: 0;
}

    .page-api-post-payment .main-content .layout-24col__full {
        padding: 0;
    }

.page-api-post-payment .has-pattern {
    background: url("/sites/all/modules/store/payment/images/pattern.svg") repeat 0 0 #fff;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .page-api-post-payment .has-pattern .return-page-content {
        padding: 30px;
        min-width: 50%;
        width: 100%;
    }

    .page-api-post-payment .has-pattern .box-white {
        background-color: #fff;
        border-radius: 10px;
        border: 1px solid #e0e0e0;
        padding: 40px 15px 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        color: #707070;
        text-align: center;
    }

        .page-api-post-payment .has-pattern .box-white svg {
            width: 50px;
            height: 50px;
            margin: 0 auto;
            position: absolute;
            top: -25px;
            left: 50%;
            margin-left: -25px;
        }

        .page-api-post-payment .has-pattern .box-white h3 {
            margin: 0;
        }

        .page-api-post-payment .has-pattern .box-white .highlight-text {
            color: #5e8e3e;
        }

        .page-api-post-payment .has-pattern .box-white .error-text {
            color: #5e8e3e;
        }

        .page-api-post-payment .has-pattern .box-white .price {
            font-size: 1.5rem;
        }

        .page-api-post-payment .has-pattern .box-white .desc {
            margin: 10px 0 0;
            color: #909090;
            font-weight: 300;
        }

    .page-api-post-payment .has-pattern .invoice {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .page-api-post-payment .has-pattern .outcome {
        display: flex;
        justify-content: space-between;
        margin-top: 5px;
    }

        .page-api-post-payment .has-pattern .outcome p {
            margin: 5px 2px;
        }

    .page-api-post-payment .has-pattern .return-to-app {
        display: block;
        margin: 30px 15px 0;
        height: 40px;
        line-height: 40px;
        background-color: #5e8e3e;
        color: #fff;
        border-radius: 8px;
        text-align: center;
    }

@media (min-width: 333px) {
    .page-api-post-payment .has-pattern .box-white {
        padding: 40px 30px 30px;
    }
}

@media (min-width: 888px) {
    .page-api-post-payment .has-pattern .return-page-content {
        width: auto;
    }
}

.checkout-form .box-white {
    background-color: #fff;
    border-radius: 10px;
    margin: 0 0 12px 0;
    display: block;
}

    .checkout-form .box-white .form-item {
        margin: 0;
    }

@media (min-width: 888px) {
    .checkout-form .box-white {
        margin: 0 0 20px 0;
    }
}

.checkout-form .box-white.form-submit {
    margin: 0;
}

.checkout-form .form-type-radios > label {
    font-weight: normal;
    margin-bottom: 0;
    text-align: center;
    padding: 13px 0;
    border-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

    .checkout-form .form-type-radios > label i {
        font-size: 20px;
        margin-left: 6px;
        display: none;
    }

@media (min-width: 888px) {
    .checkout-form .form-type-radios > label {
        margin-bottom: 15px;
        padding: 23px 0;
        border-bottom: 1px solid #eee;
    }

        .checkout-form .form-type-radios > label i {
            display: block;
        }
}

.checkout-form .form-type-radios > label a {
    font-size: 1rem;
}

.checkout-form .form-type-radios > label .form-required {
    display: none;
}

.checkout-form .form-type-radios .form-radios {
    padding: 0 20px 10px;
}

@media (min-width: 888px) {
    .checkout-form .form-type-radios .form-radios {
        padding: 10px 20px;
    }
}

.checkout-form .form-type-radios input {
    display: none;
}

.checkout-form .form-type-radios .form-type-radio .option {
    position: relative;
    padding: 0 25px 0 0;
    margin-bottom: 10px;
    display: block;
    cursor: pointer;
}

[dir="rtl"] .checkout-form .form-type-radios .form-type-radio .option {
    padding: 0 25px 0 0;
}

@media (min-width: 888px) {
    .checkout-form .form-type-radios .form-type-radio .option {
        margin-bottom: 15px;
    }
}



.checkout-form .form-type-radios .form-type-radio .address-item,
.checkout-form .form-type-radios .form-type-radio .shipping-method-item {
    margin: 0;
}



.checkout-form .form-invoice > label {
    font-weight: normal;
    margin-bottom: 0;
    text-align: center;
    padding: 13px 0;
    border-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

    .checkout-form .form-invoice > label i {
        font-size: 20px;
        margin-left: 6px;
        display: none;
    }

@media (min-width: 888px) {
    .checkout-form .form-invoice > label {
        margin-bottom: 15px;
        padding: 23px 0;
        border-bottom: 1px solid #eee;
    }

        .checkout-form .form-invoice > label i {
            display: block;
        }
}

.checkout-form .form-invoice > label a {
    font-size: 1rem;
}

.checkout-form .form-invoice > label .form-required {
    display: none;
}

.checkout-form .form-invoice .form-checkbox {
    padding: 0 20px 10px;
}

@media (min-width: 888px) {
    .checkout-form .form-invoice .form-checkbox {
        padding: 10px 20px;
    }
}

.checkout-form .form-invoice input {
    display: none;
}

.checkout-form .form-invoice .form-type-checkbox .option {
    position: relative;
    padding: 0 25px 0 0;
    margin-bottom: 10px;
    display: block;
    cursor: pointer;
}

[dir="rtl"] .checkout-form .form-invoice .form-type-checkbox .option {
    padding: 0 25px 0 0;
}

@media (min-width: 888px) {
    .checkout-form .form-invoice .form-type-checkbox .option {
        margin-bottom: 15px;
    }
}

.checkout-form .form-invoice .form-type-checkbox .option:before {
    content: "\f111";
    border-radius: 50%;
    position: absolute;
    top: 4px;
    right: -2px;
    right: 0;
    margin-top: 0;
    font-size: 1.3em;
    transition: all ease 0.3s;
}


.checkout-form .form-invoice .icon {
    font-size: 20px;
    color: #5e8e3e;
}

.checkout-form .form-invoice .mtr-die-tree {
    display: none;
}

.checkout-form .form-invoice input:checked ~ .option .mtr-die-tree {
    display: inline;
}

.checkout-form .form-invoice input:checked ~ .option .mtr-tree {
    display: none;
}

.checkout-form .form-invoice .form-type-item {
    margin-bottom: 5px;
    padding-right: 25px;
    font-weight: 300;
}

@media (min-width: 888px) {
    .checkout-form .form-invoice .form-type-item {
        margin-bottom: 20px;
    }
}

.checkout-form .credit-card {
    background-color: #f8f8f8;
    padding: 10px;
    margin: 0 0 10px 0;
    border-radius: 4px;
    line-height: 36px;
}

.checkout-form .checkout-container {
    display: flex;
    flex-direction: column;
}

@media (min-width: 888px) {
    .checkout-form .checkout-container {
        flex-direction: row;
    }
}

.checkout-form .checkout-container .checkout-items {
    flex: 1 0 100%;
    color: #909090;
}

@media (min-width: 888px) {
    .checkout-form .checkout-container .checkout-items {
        flex: 1 0 70%;
        width: 70%;
    }
}

@media (min-width: 1222px) {
    .checkout-form .checkout-container .checkout-items {
        flex: 1 0 72%;
        width: 72%;
    }
}

.checkout-form .checkout-container .cart-options-container {
    flex: 1 0 100%;
}

@media (min-width: 888px) {
    .checkout-form .checkout-container .cart-options-container {
        flex: 30% 0 1;
        padding: 0 20px 0 0;
        order: 0;
        width: 30%;
    }
}

@media (min-width: 1222px) {
    .checkout-form .checkout-container .cart-options-container {
        flex: 28% 0 1;
        width: 28%;
    }
}

.checkout-form .checkout-container .cart-options-container .cart-options.cta .cart-summary .cart-summary-item {
    border-bottom: 0;
    padding: 0;
}

@media (min-width: 888px) {
    .checkout-form .checkout-container .cart-options-container .cart-options.cta .cart-summary .cart-summary-item {
        padding: 27px 15px;
    }
}

@media (min-width: 1111px) {
    .checkout-form .checkout-container .cart-options-container .cart-options.cta .cart-summary .cart-summary-item {
        padding: 27px 30px;
    }
}

.checkout-form .checkout-container .cart-options-container .cart-options.cta.is-fixed-block input[type=submit] {
    padding: 3px 30px;
    background-color: #5e8e3e;
    border-radius: 10px;
    color: #fff;
    border: 0;
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    line-height: 20px;
    border-radius: 8px;
    padding: 20px 0;
    font-size: 18px;
}

    .checkout-form .checkout-container .cart-options-container .cart-options.cta.is-fixed-block input[type=submit]:hover, .checkout-form .checkout-container .cart-options-container .cart-options.cta.is-fixed-block input[type=submit]:focus, .checkout-form .checkout-container .cart-options-container .cart-options.cta.is-fixed-block input[type=submit]:active {
        color: #fff;
    }

.checkout-form .checkout-container .cart-options-container .cart-options .cart-summary {
    border-radius: 10px;
    margin: 0;
}

    .checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .cart-summary-item {
        padding: 15px;
        border-bottom: 1px solid #eeeeee;
        color: #9e9e9e;
    }

@media (min-width: 888px) {
    .checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .cart-summary-item {
        font-size: 15px;
        padding: 23px 15px;
    }
}

@media (min-width: 1111px) {
    .checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .cart-summary-item {
        padding: 23px 30px;
    }
}

.checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .cart-summary-item:last-child {
    border-bottom: 0;
}

.checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .cart-summary-item.payable {
    border-bottom: 0;
}

@media (min-width: 888px) {
    .checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .cart-summary-item.payable {
        border-bottom: 1px solid #eeeeee;
    }
}

.checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .cart-summary-item input[type=submit] {
    background-color: #5e8e3e;
    color: #fff;
    border: 0;
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    line-height: 30px;
    border-radius: 8px;
    padding: 20px 0;
    font-size: 18px;
}

    .checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .cart-summary-item input[type=submit]:hover, .checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .cart-summary-item input[type=submit]:focus, .checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .cart-summary-item input[type=submit]:active {
        color: #fff;
        outline: 0;
    }

@media (min-width: 888px) {
    .checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .cart-summary-item input[type=submit] {
        padding: 3px 35px;
        border-radius: 10px;
        font-size: 1rem;
    }
}

@media (min-width: 1111px) {
    .checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .cart-summary-item input[type=submit] {
        width: auto;
    }
}

.checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .discount {
    color: #5e8e3e;
}

.checkout-form .checkout-container .cart-options-container .cart-options .cart-summary .payable {
    color: #5e8e3e;
}

.checkout-form .checkout-container .cart-options-container .static-content {
    background-color: #fff;
    padding: 20px 35px;
    border-radius: 10px;
    color: #9e9e9e;
}

    .checkout-form .checkout-container .cart-options-container .static-content svg {
        width: 25px;
        height: 25px;
        margin: 6px 0 0 10px;
    }

    .checkout-form .checkout-container .cart-options-container .static-content h5 {
        font-weight: normal;
        margin: 0;
        line-height: 39px;
        font-size: 13px;
        display: inline-flex;
        align-items: flex-start;
    }

@media (min-width: 888px) {
    .checkout-form .checkout-container .cart-options-container .static-content {
        padding: 20px 15px;
    }
}


.checkout-form .checkout-container + a {
    color: #909090;
}



.checkout-form .form-invoice > label {
    padding-bottom: 0;
}

@media (min-width: 888px) {
    .checkout-form .form-invoice > label {
        padding: 23px 0;
    }
}

.checkout-form .form-invoice .form-checkbox {
    padding: 10px 20px;
}

@media (min-width: 888px) {
    .checkout-form .form-invoice .form-checkbox {
        padding: 10px 35px;
    }
}

.checkout-form .form-invoice a {
    color: #5e8e3e;
}

.checkout-shipping-form.form-standard-actions .form-actions {
    padding: 0;
    margin: 0;
    border: 0;
}

.form-item-shipping-hour.form-item-shipping-hour {
    margin-top: 0;
}

    .form-item-shipping-hour.form-item-shipping-hour > label {
        display: none;
    }

    .form-item-shipping-hour.form-item-shipping-hour .form-radios {
        padding: 10px 20px;
    }

@media (min-width: 888px) {
    .form-item-shipping-hour.form-item-shipping-hour .form-radios {
        padding: 10px 35px;
    }
}



@media (min-width: 888px) {
    .checkout-steps-container {
        margin-top: -15px;
        margin-bottom: 10px;
    }
}

.checkout-steps-container .cross-line,
.checkout-steps-container .cross-line-parent {
    background-color: #cccccc;
    height: 1px;
    width: 100%;
    position: absolute;
    right: 0;
}

.checkout-steps-container .cross-line {
    background-color: #5e8e3e;
}

.checkout-steps-container .curve-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    height: 100%;
    position: relative;
}

    .checkout-steps-container .curve-container.active .curve {
        border-color: #5e8e3e;
    }

    .checkout-steps-container .curve-container.active .circle {
        background-color: #5e8e3e;
        border-color: #5e8e3e;
    }

        .checkout-steps-container .curve-container.active .circle .icon svg {
            fill: #fff;
        }

            .checkout-steps-container .curve-container.active .circle .icon svg .a,
            .checkout-steps-container .curve-container.active .circle .icon svg .d {
                fill: #fff;
            }

    .checkout-steps-container .curve-container.active .title {
        color: #5e8e3e;
    }

    .checkout-steps-container .curve-container .curve {
        background-color: #f5f5f5;
        border: 1px solid #cccccc;
        width: 52px;
        height: 52px;
        border-radius: 26px;
        position: absolute;
        top: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .checkout-steps-container .curve-container .circle {
        background-color: transparent;
        border: 1px solid #cccccc;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .checkout-steps-container .curve-container .circle .icon {
            width: 26px;
            height: 26px;
        }

.checkout-steps-container .top-cover {
    width: 100%;
    background-color: #f5f5f5;
    height: 50%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.checkout-steps-container .title-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: 50%;
    position: absolute;
    top: 50%;
}

    .checkout-steps-container .title-container .title {
        flex: 1;
        font-size: 13px;
        margin-top: 8px;
        text-align: center;
    }

.order-steps .order-steps-progress {
    width: 100%;
    margin: 10px auto 50px;
    display: flex;
    align-items: center;
}

    .order-steps .order-steps-progress h3 {
        color: #5e8e3e;
    }

    .order-steps .order-steps-progress .indicator-line {
        width: 100%;
        height: 3px;
        background: #f1f1f1;
        flex: 1;
    }

        .order-steps .order-steps-progress .indicator-line.active {
            background-color: #5e8e3e;
        }

    .order-steps .order-steps-progress .order-step {
        display: flex;
        align-items: center;
        flex-direction: column;
        position: relative;
        z-index: 1;
    }

        .order-steps .order-steps-progress .order-step.current i {
            background-color: #5e8e3e;
            border-color: #f0f0f0;
        }

        .order-steps .order-steps-progress .order-step.current span {
            color: #333333;
        }

        .order-steps .order-steps-progress .order-step.is-passed i {
            background-color: #5e8e3e;
            border-color: #fff;
        }

        .order-steps .order-steps-progress .order-step.is-passed p {
            color: #000000;
        }

        .order-steps .order-steps-progress .order-step.delivered-step p,
        .order-steps .order-steps-progress .order-step.delivered-step b {
            text-align: left;
            left: 0px;
        }

        .order-steps .order-steps-progress .order-step.delivered-step p {
            width: 90px;
            bottom: -70px;
        }

@media (min-width: 400px) {
    .order-steps .order-steps-progress .order-step.delivered-step p {
        width: 150px;
        bottom: -50px;
    }
}

.order-steps .order-steps-progress .order-step i {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #dddddd;
    border: 3px solid #f1f1f1;
    font-size: 12px;
    text-align: center;
    color: #fff;
    position: relative;
    line-height: 25px;
}

@media (min-width: 666px) {
    .order-steps .order-steps-progress .order-step i {
        height: 50px;
        width: 50px;
        border-width: 5px;
        font-size: 20px;
        line-height: 40px;
    }
}

.order-steps .order-steps-progress .order-step p {
    text-align: center;
    position: absolute;
    bottom: -50px;
    color: #666666;
    font-size: 12px;
    width: 150px;
}

@media (min-width: 666px) {
    .order-steps .order-steps-progress .order-step p {
        font-size: 14px;
    }
}

.order-steps .order-steps-progress .order-step b {
    font-size: 12px;
    color: #dddddd;
    position: absolute;
    top: -25px;
    width: 150px;
    text-align: center;
}

@media (min-width: 666px) {
    .order-steps .order-steps-progress .order-step b {
        font-size: 14px;
    }
}

.order-page {
    background-color: #fff;
    border-radius: 10px;
    margin-top: 10px;
}

@media (min-width: 888px) {
    .order-page {
        margin-top: 20px;
    }
}

#order .order-detail {
    padding: 0;
}

#order .order-detail_row {
    padding: 25px 0;
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    position: relative;
}

    #order .order-detail_row span {
        color: #666666;
        font-size: 16px;
    }

    #order .order-detail_row.checkout {
        padding: 0;
    }

#order .order-detail_title {
    font-size: 1.5rem;
    margin: 0;
}

#order .order-detail_column {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 777px) {
    #order .order-detail {
        padding: 40px;
    }
}

#order .checkout {
    padding: 0;
}

#order .checkout_table {
    background-color: #fff;
    border: 1px solid #e8e8e8;
}

#order .checkout_table-row {
    margin-right: 0;
    margin-left: 0;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    margin-bottom: 10px;
}

    #order .checkout_table-row.titles-row {
        background-color: #cbcbcb;
    }

        #order .checkout_table-row.titles-row .checkout_table-column {
            text-align: center;
        }

            #order .checkout_table-row.titles-row .checkout_table-column p {
                color: #fff;
            }

@media (min-width: 888px) {
    #order .checkout_table-row {
        border: 0;
        border-radius: 0;
        margin-bottom: 0;
        border-bottom: 1px solid #f1f1f1;
        display: flex;
        flex-wrap: wrap;
    }
}

#order .checkout_table-column {
    position: relative;
    min-height: 1px;
    padding: 12px;
    border-left: 0;
    display: flex;
    border-bottom: 1px solid #f1f1f1;
    align-items: center;
}

    #order .checkout_table-column:last-child {
        border-bottom: 0;
    }

        #order .checkout_table-column:last-child .value {
            color: #5e8e3e;
        }

    #order .checkout_table-column .label {
        flex: 0 1 25%;
    }

    #order .checkout_table-column .value {
        flex: 0 1 75%;
        text-align: left;
    }

@media (min-width: 400px) {
    #order .checkout_table-column .label {
        flex: 0 1 20%;
    }

    #order .checkout_table-column .value {
        flex: 0 1 80%;
    }
}

@media (min-width: 888px) {
    #order .checkout_table-column {
        display: block;
        border-left: 1px solid #f1f1f1;
        width: 50%;
        flex: 0 0 50%;
        border-bottom: 0;
        padding: 5px;
    }

        #order .checkout_table-column .label {
            flex: 1;
        }

        #order .checkout_table-column .value {
            flex: 1;
            text-align: right;
        }

        #order .checkout_table-column:last-child .value {
            color: #909090;
        }
}

#order .checkout_table-column:last-of-type {
    border-left: 0;
}

#order .checkout_table-column p,
#order .checkout_table-column span {
    font-size: 13px;
    line-height: 25px;
    letter-spacing: -0.5px;
    color: #666666;
    margin: 0 0 2px 0;
}

@media (min-width: 777px) {
    #order .checkout_table-column p,
    #order .checkout_table-column span {
        font-size: 14px;
    }
}

@media (min-width: 888px) {
    #order .checkout_table-column {
        padding: 10px;
    }

        #order .checkout_table-column.transaction-col-1 {
            flex: 0 0 8.333%;
            max-width: 8.333%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            #order .checkout_table-column.transaction-col-1 .value {
                text-align: center;
            }

        #order .checkout_table-column.transaction-col-2 {
            flex: 0 0 16.666%;
            max-width: 16.666%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 13px;
        }

            #order .checkout_table-column.transaction-col-2 .value {
                text-align: center;
            }

        #order .checkout_table-column.transaction-col-4 {
            flex: 0 0 33.333%;
            max-width: 33.333%;
        }

        #order .checkout_table-column.transaction-col-5 {
            flex: 0 0 41.666%;
            max-width: 41.666%;
        }
}

@media (min-width: 1222px) {
    #order .checkout_table-column {
        padding: 15px 30px;
    }
}

#order .checkout_table-column-small {
    flex: 0 0 50%;
    max-width: 50%;
}

#order .checkout_table-row-small {
    display: flex;
    border-bottom: 1px solid #f1f1f1;
}

    #order .checkout_table-row-small:last-child {
        border-bottom: 0;
    }

    #order .checkout_table-row-small p {
        margin-bottom: 2px;
    }

@media (min-width: 777px) {
    #order .checkout {
        padding: 40px;
    }
}

#order .title {
    color: #999999;
    font-size: 1.3rem;
    margin: 10px 0;
    padding-right: 10px;
    font-weight: normal;
}

#order .order-columns {
    background-color: #fff;
    border-radius: 10px;
    padding-bottom: 15px;
}

    #order .order-columns .order-information {
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
    }

@media (min-width: 999px) {
    #order .order-columns .order-information {
        flex-wrap: nowrap;
    }
}

#order .order-columns .order-information .checkout_table-row {
    display: flex;
    flex-wrap: wrap;
    border: 0;
    border-radius: 0;
}

#order .order-columns .order-information .order-column {
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
}

@media (min-width: 999px) {
    #order .order-columns .order-information .order-column {
        flex: 0 0 30%;
        max-width: 30%;
    }
}

#order .order-columns .order-information .checkout_table-column {
    padding: 5px;
    display: block;
    border-bottom: 0;
    width: 50%;
}

@media (min-width: 888px) {
    #order .order-columns .order-information .checkout_table-column {
        padding: 15px;
    }
}

#order .order-columns .order-information .shipping-column {
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
}

@media (min-width: 999px) {
    #order .order-columns .order-information .shipping-column {
        flex: 0 0 70%;
        max-width: 70%;
    }
}

@media (min-width: 888px) {
    #order .order-columns .order-information .shipping-column .checkout_table .checkout_table-column:first-child {
        flex: 0 0 30%;
    }
}

@media (min-width: 888px) {
    #order .order-columns .order-information .shipping-column .checkout_table .checkout_table-column {
        flex: 0 0 70%;
    }
}

#order .order-columns .order-information .white-box {
    padding: 10px 0;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    border: 0;
}

#order .order-columns .order-information .checkout_table-row:nth-child(2n+1) {
    background-color: #f1f1f1;
}

#order .order-columns .order-information .checkout_table-row:first-of-type .checkout_table-column p {
    color: #666666;
}

#order .order-columns .order-information .checkout_table-column {
    border-left: 0;
}

#order .payment-column {
    padding: 0 15px;
    display: flex;
}

    #order .payment-column.none-full-width {
        flex-direction: column;
    }

@media (min-width: 1111px) {
    #order .payment-column.none-full-width {
        flex-direction: row;
    }
}

#order .payment-column.none-full-width .payment-information {
    display: flex;
    flex: 0 0 100%;
}

@media (min-width: 1111px) {
    #order .payment-column.none-full-width .payment-information {
        flex: 0 0 50%;
    }
}

#order .payment-column.none-full-width .payment-information .white-box {
    display: block;
    padding: 10px;
    margin-bottom: 0;
}

#order .payment-column.none-full-width .complete-payment {
    display: flex;
    flex: 0 0 100%;
    width: 100%;
    padding: 0;
}

@media (min-width: 1111px) {
    #order .payment-column.none-full-width .complete-payment {
        flex: 0 0 50%;
        padding: 0 15px;
        border-right: 1px solid #f1f1f1;
        border-radius: 0;
        margin-right: 10px;
        margin-bottom: 0;
    }
}

#order .payment-column.none-full-width .payment-messages {
    border-left: 0;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    padding: 10px 0;
    margin-bottom: 10px;
}

#order .payment-column.none-full-width .alert-information {
    padding: 0;
}

#order .payment-column.none-full-width .payment-method-message span.info:before {
    content: "";
    margin-left: 0;
}

#order .payment-column .alert-information {
    padding: 0 10px;
    flex: 0 0 100%;
}

@media (min-width: 666px) {
    #order .payment-column .alert-information {
        flex: 0 0 50%;
    }
}

#order .payment-column .payment-information {
    width: 100%;
}

    #order .payment-column .payment-information .white-box {
        display: flex;
        flex-wrap: wrap;
        padding: 10px;
        border: 0;
        box-shadow: none;
    }

@media (min-width: 666px) {
    #order .payment-column .payment-information .white-box {
        padding: 20px 50px;
        border-right: 0;
        border-top: 0;
        border-left: 0;
    }
}

#order .payment-column .payment-information .white-box h2 {
    flex: 0 0 100%;
}

#order .payment-column .payment-messages {
    flex: 0 0 100%;
    border-left: 0;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    padding: 10px 0;
}

@media (min-width: 777px) {
    #order .payment-column .payment-messages {
        flex: 0 0 50%;
        border-top: 0;
        border-bottom: 0;
        border-left: 1px solid #f1f1f1;
        padding: 0;
    }
}

#order h2 a {
    color: #5e8e3e;
    font-size: 0.8em;
    float: right;
}

[dir="rtl"] #order h2 a {
    float: left;
}

#order h3 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0 0 10px 0;
    display: block;
    width: 100%;
    background: #f6f6f6;
}

#order .finish-payment {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

    #order .finish-payment a {
        background-color: #5e8e3e;
        border-radius: 4px;
        padding: 10px 30px;
        color: #fff;
        font-size: 1.5rem;
    }

#order .payment-info {
    display: flex;
    flex-direction: column;
}

    #order .payment-info .icon-info {
        font-size: 4rem;
        color: #5e8e3e;
        display: flex;
        justify-content: center;
        align-items: center;
        float: right;
        margin: 20px auto;
    }

@media (min-width: 555px) {
    #order .payment-info .icon-info {
        margin: 0 20px 0 35px;
    }
}

#order .payment-info .alert-message {
    float: right;
}

#order .payment-info h4 {
    font-size: 1.5rem;
    color: #4d4d4d;
    margin: 30px 0;
}

#order .payment-info small {
    display: block;
}

#order .payment-info .alert-failed {
    display: block;
    color: #c00;
    font-size: 1.1rem;
}

#order .payment-info .alert-content {
    color: #666666;
    font-size: 0.9rem;
}

@media (min-width: 555px) {
    #order .payment-info {
        flex-direction: row;
    }
}

#order .selected-payment-method {
    display: block;
    margin-bottom: 10px;
    font-size: 1.2em;
}

    #order .selected-payment-method .placeholder {
        color: #5e8e3e;
    }

#order .payment-method-message {
    display: block;
    margin-bottom: 20px;
}

    #order .payment-method-message span {
        display: block;
        margin: 0 0 10px 0;
        font-size: 15px;
    }

        #order .payment-method-message span:before {
            margin: 0 10px 0 0;
        }

[dir="rtl"] #order .payment-method-message span:before {
    margin: 0 0 0 10px;
}

#order .payment-method-message span.warning {
    color: #8a6d3b;
}

#order .payment-method-message span.error {
    background-color: transparent;
    color: #5e8e3e;
}

#order .payment-method-message span.info {
    color: #31708f;
}

    #order .payment-method-message span.info:before {
        content: "\f05a";
        color: #5e8e3e;
        font-size: 2rem;
        vertical-align: middle;
    }

@media (min-width: 555px) {
    #order .payment-method-message span.info:before {
        font-size: 4rem;
    }
}

#order .payment-method-message span.success {
    color: #060;
}

    #order .payment-method-message span.success:before {
        content: "\f058";
        color: #060;
        font-size: 2rem;
        vertical-align: middle;
    }

@media (min-width: 555px) {
    #order .payment-method-message span.success:before {
        font-size: 4rem;
    }
}

#order .complete-payment {
    line-height: 44px;
    margin: 0;
    padding: 0 15px;
    width: 50%;
    border: none;
    outline: none;
    border-radius: 4px;
    display: block;
}

    #order .complete-payment .white-box {
        border-top: 0;
        border-left: 0;
        border-right: 0;
        margin-bottom: 0;
        box-shadow: none;
    }

#order p {
    margin: 0 0 20px 0;
}

    #order p span {
        display: block;
    }

#order .payment-methods {
    list-style: none;
    margin-bottom: 0;
}

    #order .payment-methods .gateways,
    #order .payment-methods .non-gateways {
        margin-bottom: 20px;
    }

        #order .payment-methods .gateways a {
            padding-top: 15px;
            padding-bottom: 15px;
            width: 24.5%;
        }

            #order .payment-methods .gateways a.gateway_tejarat i {
                background-image: url("../images/components/modules/payment/tejarat-32.png");
            }

            #order .payment-methods .gateways a.gateway_saman i {
                background-image: url("../images/components/modules/payment/saman-32.png");
            }

            #order .payment-methods .gateways a.gateway_melli i {
                background-image: url("../images/components/modules/payment/melli-32.png");
            }

            #order .payment-methods .gateways a.gateway_parsian i {
                background-image: url("../images/components/modules/payment/parsian-32.png ");
            }

            #order .payment-methods .gateways a i {
                width: 48px;
                height: 48px;
                display: block;
                margin: 0 auto;
                background-image: url("../images/components/modules/payment/mellat-32.png");
                background-position: center;
                background-repeat: no-repeat;
            }

    #order .payment-methods a {
        background-color: #f0f0f0;
        border-bottom: 5px solid #f0f0f0;
        border-radius: 4px;
        line-height: 44px;
        color: inherit;
        text-align: center;
        width: 49.5%;
        margin: 0 0.5% 0 0;
        float: left;
    }

[dir="rtl"] #order .payment-methods a {
    float: right;
    margin: 0 0 0 0.5%;
}

#order .payment-methods a:hover {
    border-bottom-color: #e0e0e0;
}

#order .payment-methods a.selected {
    border-bottom-color: #e91e63;
}

#order .payment-methods a.last {
    margin: 0;
}

#order .payment-methods a i {
    font-style: normal;
}

#order .placeholder {
    font-style: normal;
    color: #5e8e3e;
}

#order .payment-transactions {
    padding: 0;
}

@media (min-width: 777px) {
    #order .payment-transactions {
        padding: 0 15px;
    }
}

#order .order-items {
    padding: 7px 0 20px;
}

@media (min-width: 888px) {
    #order .order-items {
        padding: 0;
    }
}

#order .order-items .checkout_table-row:first-of-type .checkout_table-column {
    border-left: 0;
}

@media (min-width: 888px) {
    #order .order-items .checkout_table-row {
        display: flex;
    }
}

#order .order-items .checkout_table {
    border: 0;
    box-shadow: none;
    background-color: transparent;
    padding: 0 10px;
}

@media (min-width: 888px) {
    #order .order-items .checkout_table {
        padding: 0;
    }
}

#order .order-items .order-detail_row {
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
}

@media (min-width: 888px) {
    #order .order-items .order-detail_row {
        width: 100%;
    }
}

#order .order-items > h2 {
    font-weight: normal;
    margin: 0 0 10px;
    text-align: center;
    padding: 13px 0;
    border-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 1em;
}

    #order .order-items > h2 i {
        font-size: 20px;
        margin-left: 6px;
        display: none;
    }

@media (min-width: 888px) {
    #order .order-items > h2 {
        padding: 23px 0;
        margin-bottom: 0;
    }

        #order .order-items > h2 i {
            display: block;
        }
}

#order .product-information {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

    #order .product-information img {
        max-width: 70px;
        margin-right: 10px;
    }

    #order .product-information a {
        color: #909090;
        line-height: 22px;
    }

@media (min-width: 888px) {
    #order .product-information {
        flex-direction: row;
    }

        #order .product-information img {
            margin-right: 0;
            margin-left: 10px;
        }
}

#order .product-information.checkout-1-month-expiration {
    position: relative;
}

    #order .product-information.checkout-1-month-expiration:before {
        content: "";
        background-image: url("../images/modules/node/ex-01.png");
        z-index: 2;
        position: absolute;
        height: 40px;
        width: 40px;
        right: -40px;
        background-size: contain;
        top: -10px;
    }

#order .product-information.checkout-3-month-expiration {
    position: relative;
}

    #order .product-information.checkout-3-month-expiration:before {
        content: "";
        background-image: url("../images/modules/node/ex-03.png");
        z-index: 2;
        position: absolute;
        height: 40px;
        width: 40px;
        right: -40px;
        background-size: contain;
        top: -10px;
    }

#order .product-information.checkout-6-month-expiration {
    position: relative;
}

    #order .product-information.checkout-6-month-expiration:before {
        content: "";
        background-image: url("../images/modules/node/ex-06.png");
        z-index: 2;
        position: absolute;
        height: 40px;
        width: 40px;
        right: -40px;
        background-size: contain;
        top: -10px;
    }

#order .product-information.order-1-month-expiration {
    position: relative;
}

    #order .product-information.order-1-month-expiration:before {
        content: "";
        background-image: url("../images/modules/node/ex-01.png");
        z-index: 2;
        position: absolute;
        height: 40px;
        width: 40px;
        right: -15px;
        background-size: contain;
        top: -10px;
    }

#order .product-information.order-3-month-expiration {
    position: relative;
}

    #order .product-information.order-3-month-expiration:before {
        content: "";
        background-image: url("../images/modules/node/ex-03.png");
        z-index: 2;
        position: absolute;
        height: 40px;
        width: 40px;
        right: -15px;
        background-size: contain;
        top: -10px;
    }

#order .product-information.order-6-month-expiration {
    position: relative;
}

    #order .product-information.order-6-month-expiration:before {
        content: "";
        background-image: url("../images/modules/node/ex-06.png");
        z-index: 2;
        position: absolute;
        height: 40px;
        width: 40px;
        right: -15px;
        background-size: contain;
        top: -10px;
    }

#order .canceled {
    color: #4d4d4d;
    display: flex;
    align-items: center;
}

    #order .canceled:before {
        content: "\f057";
        color: #c00;
        font-size: 2rem;
        vertical-align: middle;
        margin: 0 0 0 10px;
    }

@media (min-width: 555px) {
    #order .canceled:before {
        font-size: 4rem;
    }
}

#order .canceled p {
    margin: 0;
    font-size: 1rem;
}

@media (min-width: 555px) {
    #order .canceled p {
        margin-right: 0 20px 0 0;
        font-size: 1.5rem;
    }
}

.order-option-form {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 10px;
    margin: 0 0 10px 0;
}

    .order-option-form .form-type-managed-file label {
        line-height: 36px;
        margin: 0 0 10px 0;
        width: 100%;
        float: left;
    }

[dir="rtl"] .order-option-form .form-type-managed-file label {
    float: right;
}

@media (min-width: 777px) {
    .order-option-form .form-type-managed-file label {
        width: 30%;
    }
}

.order-option-form .form-type-managed-file .form-managed-file {
    width: 100%;
    float: left;
}

[dir="rtl"] .order-option-form .form-type-managed-file .form-managed-file {
    float: right;
}

@media (min-width: 777px) {
    .order-option-form .form-type-managed-file .form-managed-file {
        width: 70%;
    }
}

.order-option-form .form-type-radios {
    margin: 0 0 20px 0;
}

    .order-option-form .form-type-radios > label {
        margin: 0 0 10px 0;
        line-height: 44px;
    }

.order-option-form .form-type-radio {
    background-color: #f7f7f7;
    border: 5px solid transparent;
    width: 48%;
    float: left;
    margin: 1%;
}

[dir="rtl"] .order-option-form .form-type-radio {
    float: right;
}

@media (min-width: 666px) {
    .order-option-form .form-type-radio {
        width: 23%;
    }
}

.order-option-form .form-type-radio.selected {
    border-color: #e91e63;
}

.order-option-form .form-type-radio input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.order-option-form .form-type-radio img {
    width: 100%;
    border: 1px solid #cccccc;
    cursor: pointer;
    display: block;
}

.order-option-form .form-actions {
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
    border-top: 1px solid #eeeeee;
    line-height: 44px;
}

    .order-option-form .form-actions .form-submit {
        line-height: 44px;
        padding: 0 20px;
        float: right;
        border: none;
        outline: none;
        border-radius: 4px;
        background-color: #5e8e3e;
        color: #fff;
    }

[dir="rtl"] .order-option-form .form-actions .form-submit {
    float: left;
}

@media (min-width: 1111px) {
    .order-option-form .form-actions .form-submit {
        padding: 0 40px;
    }
}

.order-option-form .form-actions .form-submit:hover {
    background-color: #bd053c;
}

@media (min-width: 888px) {
    .shipping-cost {
        display: block;
        border: 0;
        padding: 0;
        border-radius: 0;
    }

    .shipping-cost-label {
        text-align: left;
        width: 83.333%;
        border-left: 1px solid #f1f1f1;
        float: right;
        padding: 15px 45px;
        text-align: right;
    }

    .shipping-cost-value {
        text-align: center;
        width: 16.666%;
        float: left;
        padding: 15px 30px;
    }
}

@media (max-width: 888px) {

    .checkout-form .box-white {
        float: right;
        width: 100% !important;
    }

    .shipping-cost {
        display: flex;
        border: 1px solid #f1f1f1;
        padding: 12px;
        border-radius: 10px;
    }

    .shipping-cost-label {
        flex: 0 1 25%;
    }

    .shipping-cost-value {
        flex: 0 1 75%;
        text-align: left;
    }
}

#order .order-items .checkout_table-row {
    justify-content: center;
}

.shpping-price {
    display: flex;
    background: #f1f1f1;
    justify-content: space-around;
    align-items: center;
}

    .shpping-price .product-information p {
        padding-bottom: 0px;
        margin-bottom: 0px !important;
        padding: 10px 0;
    }

#order .product-information p {
    padding-left: 590px;
}

#order .product-information.gift {
    position: relative;
}

    #order .product-information.gift:after {
        display: block;
        content: '';
        width: 17px;
        height: 17px;
        position: absolute;
        top: 2px;
        left: 55px;
        background: url("../images/modules/cart/final-gift.svg") no-repeat 0 0;
        background-size: contain;
    }

@media (min-width: 888px) {
    #order .product-information.gift:after {
        top: 2px;
        right: 0px;
        left: auto;
    }
}

@media (min-width: 1222px) {
    #order .product-information.gift:after {
        top: 2px;
        right: -10px;
    }
}

.checkout_table-column:last-child .value .gift-col {
    color: #707070;
}

    .checkout_table-column:last-child .value .gift-col img {
        width: 18px;
        margin-left: 3px;
    }

.orders-listed-wrapper {
    border-radius: 10px;
}

@media (min-width: 777px) {
    .orders-listed-wrapper {
        background-color: #fff;
    }
}

.orders-listed-wrapper .orders-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 10px 0 0;
}

@media (min-width: 777px) {
    .orders-listed-wrapper .orders-title {
        justify-content: center;
        padding: 15px 0;
    }
}

.orders-listed-wrapper .orders-title h3 {
    margin: 0;
    font-size: 16px;
}

.orders-listed-wrapper .orders-title i {
    font-size: 2.5rem;
    margin-left: 5px;
    display: none;
}

@media (min-width: 777px) {
    .orders-listed-wrapper .orders-title i {
        display: inline;
    }
}

.orders-listed-wrapper .orders-listed-header {
    color: #fff;
}

    .orders-listed-wrapper .orders-listed-header.orders-grid {
        display: none;
    }

@media (min-width: 777px) {
    .orders-listed-wrapper .orders-listed-header.orders-grid {
        display: flex;
        background-color: #5e8e3e;
    }
}

.orders-listed-wrapper .btn {
    line-height: 35px;
    height: 35px;
    padding: 0 15px;
    text-align: center;
    display: flex;
}

.orders-listed-wrapper .orders-grid {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    background-color: #fff;
    margin-bottom: 15px;
}

@media (min-width: 777px) {
    .orders-listed-wrapper .orders-grid {
        border-bottom: 1px solid #eee;
        background-color: transparent;
        flex-wrap: nowrap;
        margin-bottom: 0;
    }

        .orders-listed-wrapper .orders-grid:last-child {
            border-bottom: 0;
        }
}

.orders-listed-wrapper .orders-grid .orders-listed-item {
    flex-basis: 100%;
    display: flex;
    align-items: center;
    padding: 10px;
    font-size: 15px;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}

    .orders-listed-wrapper .orders-grid .orders-listed-item.orders-btn:last-child {
        justify-content: flex-end;
    }

@media (min-width: 777px) {
    .orders-listed-wrapper .orders-grid .orders-listed-item.orders-btn {
        flex-basis: 16.66%;
    }

        .orders-listed-wrapper .orders-grid .orders-listed-item.orders-btn:last-child {
            justify-content: center;
        }
}

@media (min-width: 777px) {
    .orders-listed-wrapper .orders-grid .orders-listed-item {
        flex-basis: 16.66%;
        justify-content: center;
        border-bottom: 0;
        padding: 10px 0;
    }
}

.orders-listed-wrapper .orders-inner-item {
    font-size: 14px;
}

@media (min-width: 777px) {
    .orders-listed-wrapper .orders-inner-item {
        border-left: 1px solid #eee;
    }

        .orders-listed-wrapper .orders-inner-item:last-child {
            border-left: 0;
        }
}

.brand-list {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 10px;
    margin: 0 0 10px 0;
}

    .brand-list .index-row {
        text-align: center;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 2px solid #f0f0f0;
    }

        .brand-list .index-row a {
            background-color: #5e8e3e;
            color: #fff;
            opacity: 0.8;
            border-radius: 4px;
            width: 34px;
            height: 34px;
            line-height: 34px;
            margin: 2px;
            text-align: center;
            display: inline-block;
        }

            .brand-list .index-row a:hover {
                opacity: 1;
            }

    .brand-list .swiper-slide {
        text-align: center;
    }

    .brand-list .field-type-image {
        border: 1px solid #eeeeee;
    }

        .brand-list .field-type-image a,
        .brand-list .field-type-image img {
            display: block;
        }

    .brand-list .row {
        background-color: #fff;
        border-bottom: 1px solid #f0f0f0;
    }

    .brand-list .taxonomy-terms {
        width: 99%;
        padding: 10px;
        margin: 0 0.5% 10px 0.5%;
        float: left;
    }

[dir="rtl"] .brand-list .taxonomy-terms {
    float: right;
}

@media (min-width: 1111px) {
    .brand-list .taxonomy-terms {
        width: 24%;
        margin: 0 0.5% 10px 0.5%;
    }
}

.brand-list .taxonomy-terms h2 {
    margin: 0 0 10px 0;
    padding: 0 10px;
    background-color: #f3f3f3;
    border-radius: 4px;
}

.brand-list .taxonomy-terms .taxonomy-term {
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #f6f6f6;
    color: inherit;
}

    .brand-list .taxonomy-terms .taxonomy-term:hover {
        background-color: #f6f6f6;
        color: #5e8e3e;
    }

.brand-list .taxonomy-terms span {
    float: right;
}

[dir="rtl"] .brand-list .taxonomy-terms span {
    float: left;
}

.brand-list .taxonomy-terms span .field-label {
    display: none;
}

.compare-table {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, 0.11);
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 10px;
    margin: 0 0 20px 0;
    border-collapse: separate;
    border-spacing: 5px;
}

    .compare-table td {
        padding: 5px;
        background-color: #fbfbfb;
        text-align: center;
    }

        .compare-table td:first-child {
            width: 150px;
            background-color: #f3f3f3;
            text-align: left;
        }

[dir="rtl"] .compare-table td:first-child {
    text-align: right;
}

.compare-form-wrapper h3 {
    font-size: 1.1em;
    font-weight: normal;
    text-align: center;
    margin: 0 0 20px 0;
    color: #5e8e3e;
}

.compare-form select {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    margin: 0 0 10px 0;
    width: 100%;
    border: 1px solid #999999;
    border-radius: 4px;
}

.compare-form .form-submit {
    line-height: 44px;
    padding: 0 20px;
    border: none;
    outline: none;
    border-radius: 4px;
    background-color: #5e8e3e;
    color: #fff;
}

@media (min-width: 1111px) {
    .compare-form .form-submit {
        padding: 0 40px;
    }
}

.compare-form .form-submit:hover {
    background-color: #bd053c;
}

.utility {
    display: none;
    border-bottom: 1px solid #dbdbdb;
    padding: 10px 0;
    font-size: 0.9em;
}

@media (min-width: 999px) {
    .utility {
        display: block;
    }
}

.utility .tools {
    text-align: left;
}

[dir="rtl"] .utility .tools {
    text-align: right;
}

.utility .tools h3,
.utility .tools span {
    float: right;
    font-size: 1rem;
    padding: 0 0 0 10px;
    line-height: 26px;
    font-weight: normal;
    border-left: 1px solid;
    margin: 0 0 0 10px;
    color: inherit;
}

.utility .tools a {
    margin: 0 10px 0 0;
}

[dir="rtl"] .utility .tools a {
    margin: 0 0 0 10px;
}

.utility .tools .site-link {
    margin: 0;
}

[dir="rtl"] .utility .tools .site-link {
    margin: 0;
}

.utility .support {
    text-align: right;
}

[dir="rtl"] .utility .support {
    text-align: left;
}

.utility .support a {
    margin: 0 0 0 10px;
}

[dir="rtl"] .utility .support a {
    margin: 0 10px 0 0;
}

.utility a {
    color: inherit;
}

    .utility a:hover {
        color: #4d4d4d;
    }

.region-page-top {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}

.top-section {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
}

    .top-section.hide-section {
        display: none;
    }

@media (min-width: 777px) {
    .top-section.hide-section {
        display: block;
    }
}

.top-section.sticky {
    position: fixed;
    z-index: 10000;
}

@media (min-width: 999px) {
    .top-section.sticky {
        position: static;
        z-index: 1;
    }
}

.top-section .utility {
    background-color: #f6f6f6;
}

.top-section .header {
    background-color: #f6f6f6;
}

    .top-section .header.has-shadow {
        border: 0;
        box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.06);
    }

@media (min-width: 777px) {
    .top-section.has-shadow .header {
        border: 0;
        box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.06);
    }
}

.top-section.has-shadow.sticky .header {
    border: 0;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.06);
}

.top-section .topbar a {
    display: block;
}

.top-section .topbar .normal-tm {
    display: none;
}

.top-section .topbar img {
    width: 100%;
    height: auto;
}

@media (min-width: 777px) {
    .top-section .topbar .mobile-tm {
        display: none;
    }

    .top-section .topbar .normal-tm {
        display: block;
    }
}

@media (min-width: 777px) {
    .top-section {
        position: fixed;
        z-index: 10000;
        transition: none;
    }
}

@media (min-width: 999px) {
    .top-section {
        position: static;
        z-index: 1;
    }

        .top-section .utility {
            position: relative;
            z-index: 3;
        }

        .top-section .header {
            position: relative;
            z-index: 3;
            border-bottom: 1px solid #dbdbdb;
            background-color: #f6f6f6;
            box-shadow: none;
        }

            .top-section .header.has-shadow {
                border-bottom: 1px solid #dbdbdb;
                box-shadow: none;
            }

        .top-section .navigation {
            margin-bottom: 20px;
            background-color: #f6f6f6;
        }

        .top-section.has-shadow.sticky .header {
            border-bottom: 1px solid #dbdbdb;
            box-shadow: none;
        }
}

.topbar-countdown-wrapper {
    position: relative;
}

.topbar-timestamp {
    display: none;
}

.topbar-countdown {
    position: absolute;
    bottom: 100%;
    direction: ltr;
    height: 34px;
    width: 180px;
    right: -39px;
}

    .topbar-countdown canvas {
        display: bloxk;
    }

    .topbar-countdown .ClassyCountdown-wrapper {
        color: #fff;
    }

        .topbar-countdown .ClassyCountdown-wrapper canvas {
            display: none;
        }

        .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value {
            margin-top: -6px !important;
        }

            .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value div {
                font-size: 14px;
                margin-bottom: -3px;
                font-weight: 700;
            }

            .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value span {
                font-size: 7px !important;
            }

        .topbar-countdown .ClassyCountdown-wrapper > div {
            margin: 5px;
            float: left;
            border-radius: 23%;
            box-shadow: inset 0px 0px 5px 0px #484848;
            background: #212121;
            background: -webkit-gradient(left top, right top, color-stop(0%, #212121), color-stop(100%, #2e2e2e));
            background: linear-gradient(to right, #212121 0%, #2e2e2e 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#2e2e2e', GradientType=1 );
        }

            .topbar-countdown .ClassyCountdown-wrapper > div:after {
                display: block;
                content: ":";
                position: absolute;
                left: -7px;
                top: 50%;
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .topbar-countdown .ClassyCountdown-wrapper > div.ClassyCountdown-seconds {
                display: none;
            }

            .topbar-countdown .ClassyCountdown-wrapper > div.ClassyCountdown-days:after {
                display: none;
            }

@media (min-width: 340px) {
    .topbar-countdown {
        height: 37px;
        width: 180px;
        right: -29px;
    }

        .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value {
            margin-top: -7px !important;
        }

            .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value div {
                font-size: 14px;
                margin-bottom: -2px;
            }

        .topbar-countdown .ClassyCountdown-wrapper > div {
            margin: 7px 7px 7px 7px;
        }

            .topbar-countdown .ClassyCountdown-wrapper > div:after {
                left: -9px;
            }
}

@media (min-width: 360px) {
    .topbar-countdown {
        height: 40px;
        width: 190px;
        right: -28px;
    }

        .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value div {
            font-size: 15px;
            margin-bottom: -1px;
        }

        .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value span {
            font-size: 8px !important;
        }
}

@media (min-width: 380px) {
    .topbar-countdown {
        height: 43px;
        width: 200px;
        right: -32px;
    }

        .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value {
            margin-top: -8px !important;
        }

            .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value span {
                font-size: 9px !important;
            }
}

@media (min-width: 400px) {
    .topbar-countdown {
        height: 46px;
        width: 220px;
        right: -39px;
    }

        .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value {
            margin-top: -10px !important;
        }

            .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value div {
                font-size: 17px;
            }

            .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value span {
                font-size: 10px !important;
            }
}

@media (min-width: 425px) {
    .topbar-countdown {
        height: 47px;
        width: 220px;
        right: -30px;
    }
}

@media (min-width: 450px) {
    .topbar-countdown {
        height: 49px;
        right: -25px;
    }
}

@media (min-width: 475px) {
    .topbar-countdown {
        height: 53px;
        width: 240px;
        right: -27px;
    }

        .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value div {
            font-size: 18px;
        }

        .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value span {
            font-size: 11px !important;
        }
}

@media (min-width: 500px) {
    .topbar-countdown {
        height: 49px;
        width: 42%;
        right: 3%;
    }

        .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value {
            margin-top: -10px !important;
        }

            .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value div {
                font-size: 13px;
                margin-bottom: 0;
                color: #fff !important;
            }

            .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value span {
                font-size: 8px !important;
                color: #fff !important;
            }

        .topbar-countdown .ClassyCountdown-wrapper > div.ClassyCountdown-seconds {
            display: inline-block;
        }
}

@media (min-width: 525px) {
    .topbar-countdown {
        height: 53px;
    }
}

@media (min-width: 550px) {
    .topbar-countdown {
        width: 40%;
        right: 5%;
    }

        .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value {
            margin-top: -12px !important;
        }

            .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value div {
                font-size: 15px;
                margin-bottom: 2px;
            }

            .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value span {
                font-size: 9px !important;
            }
}

@media (min-width: 575px) {
    .topbar-countdown {
        height: 56px;
    }
}

@media (min-width: 600px) {
    .topbar-countdown {
        height: 58px;
        width: 38%;
        right: 6%;
    }

        .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value div {
            font-size: 17px;
        }

        .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value span {
            font-size: 10px !important;
        }
}

@media (min-width: 625px) {
    .topbar-countdown {
        height: 60px;
    }
}

@media (min-width: 650px) {
    .topbar-countdown {
        height: 62px;
    }
}

@media (min-width: 675px) {
    .topbar-countdown {
        height: 66px;
    }

        .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value div {
            font-size: 22px;
        }

        .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value span {
            font-size: 12px !important;
        }
}

@media (min-width: 700px) {
    .topbar-countdown {
        height: 68px;
    }

        .topbar-countdown .ClassyCountdown-wrapper > div {
            margin: 8px 7px 7px 7px;
        }
}

@media (min-width: 725px) {
    .topbar-countdown {
        height: 72px;
    }

        .topbar-countdown .ClassyCountdown-wrapper > div {
            margin: 9px 7px 7px 7px;
        }
}

@media (min-width: 750px) {
    .position-topbar a {
        height: 70px;
        width: 100%;
        display: block;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #000;
    }

        .position-topbar a img {
            display: none;
            position: relative;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .topbar-countdown {
        right: 64px;
        height: 69px;
        width: 260px;
    }

        .topbar-countdown .ClassyCountdown-wrapper > div {
            margin: 12px 7px 7px 7px;
        }
}

@media (min-width: 800px) {
    .topbar-countdown {
        right: 7%;
        width: 270px;
        height: 73px;
    }

        .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value {
            margin-top: -12px !important;
        }

            .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value div {
                font-size: 26px;
                margin-bottom: 2px;
            }

        .topbar-countdown .ClassyCountdown-wrapper > div {
            margin: 14px 10px 10px;
        }

            .topbar-countdown .ClassyCountdown-wrapper > div:after {
                left: -12px;
            }
}

@media (min-width: 825px) {
    .topbar-countdown {
        right: 8%;
    }
}

@media (min-width: 850px) {
    .topbar-countdown {
        right: 9%;
    }
}

@media (min-width: 875px) {
    .topbar-countdown {
        right: 10%;
    }
}

@media (min-width: 900px) {
    .topbar-countdown {
        right: 8%;
    }
}

@media (min-width: 925px) {
    .topbar-countdown {
        right: 8%;
    }
}

@media (min-width: 950px) {
    .topbar-countdown {
        right: 9%;
    }
}

@media (min-width: 975px) {
    .topbar-countdown {
        right: 10%;
    }
}

@media (min-width: 1000px) {
    .topbar-countdown {
        right: 9%;
    }
}

@media (min-width: 1025px) {
    .topbar-countdown {
        right: 10%;
    }
}

@media (min-width: 1050px) {
    .topbar-countdown {
        right: 11%;
    }
}

@media (min-width: 1075px) {
    .topbar-countdown {
        right: 12.5%;
    }
}

@media (min-width: 1100px) {
    .topbar-countdown {
        right: 12.8%;
    }
}

@media (min-width: 1125px) {
    .topbar-countdown {
        right: 13.8%;
    }
}

@media (min-width: 1150px) {
    .topbar-countdown {
        right: 14.5%;
    }
}

@media (min-width: 1175px) {
    .topbar-countdown {
        right: 15%;
    }
}

@media (min-width: 1200px) {
    .topbar-countdown {
        right: 15.7%;
    }
}

@media (min-width: 1225px) {
    .topbar-countdown {
        right: 16.5%;
    }
}

@media (min-width: 1250px) {
    .topbar-countdown {
        right: 17%;
    }
}

@media (min-width: 1275px) {
    .topbar-countdown {
        right: 18%;
    }
}

@media (min-width: 1300px) {
    .topbar-countdown {
        right: 18.5%;
    }
}

@media (min-width: 1325px) {
    .topbar-countdown {
        right: 22.2%;
    }
}

@media (min-width: 1350px) {
    .topbar-countdown {
        right: 22.5%;
    }
}

@media (min-width: 1375px) {
    .topbar-countdown {
        right: 22.8%;
    }
}

@media (min-width: 1400px) {
    .topbar-countdown {
        right: 22.9%;
    }
}

@media (min-width: 1430px) {
    .position-topbar a {
        height: auto;
    }

        .position-topbar a img {
            position: static;
            -ms-transform: none;
            transform: none;
        }

    .topbar-countdown {
        right: 23.1%;
        width: 270px;
    }

        .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value div {
            font-size: 25px;
        }

        .topbar-countdown .ClassyCountdown-wrapper > div {
            margin: 19px 10px 10px;
        }
}

@media (min-width: 1450px) {
    .topbar-countdown {
        right: 23.2%;
    }

        .topbar-countdown .ClassyCountdown-wrapper > div {
            margin: 19px 10px 10px;
        }
}

@media (min-width: 1500px) {
    .topbar-countdown {
        right: 23.5%;
    }

        .topbar-countdown .ClassyCountdown-wrapper > div {
            margin: 18px 10px 10px;
        }
}

@media (min-width: 1520px) {
    .topbar-countdown {
        right: 23.8%;
    }

        .topbar-countdown .ClassyCountdown-wrapper > div {
            margin: 17px 10px 10px;
        }
}

@media (min-width: 1550px) {
    .topbar-countdown {
        right: 23.8%;
    }
}

@media (min-width: 1600px) {
    .topbar-countdown {
        right: 23.1%;
        width: 290px;
    }

        .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value div {
            font-size: 26px;
        }

        .topbar-countdown .ClassyCountdown-wrapper > div {
            margin: 13px 10px 10px;
        }
}

@media (min-width: 1650px) {
    .topbar-countdown {
        right: 22.3%;
    }

        .topbar-countdown .ClassyCountdown-wrapper > div {
            margin: 12px 10px 10px;
        }
}

@media (min-width: 1700px) {
    .topbar-countdown {
        right: 21.8%;
    }

        .topbar-countdown .ClassyCountdown-wrapper > div {
            margin: 11px 10px 10px;
        }
}

@media (min-width: 1750px) {
    .topbar-countdown {
        right: 20.5%;
        width: 310px;
    }

        .topbar-countdown .ClassyCountdown-wrapper .ClassyCountdown-value div {
            font-size: 30px;
        }

        .topbar-countdown .ClassyCountdown-wrapper > div {
            margin: 8px 10px 10px;
        }
}

@media (min-width: 1800px) {
    .topbar-countdown {
        right: 20.1%;
    }

        .topbar-countdown .ClassyCountdown-wrapper > div {
            margin: 6px 10px 10px;
        }
}

@media (min-width: 1850px) {
    .topbar-countdown {
        right: 19.5%;
    }

        .topbar-countdown .ClassyCountdown-wrapper > div {
            margin: 4px 10px 10px;
        }
}

@media (min-width: 1900px) {
    .topbar-countdown {
        right: 18.6%;
    }
}

.region-off-rooz {
    display: none;
    color: #fff;
    background-color: #5e8e3e;
    height: 42px;
}

    .region-off-rooz .block .block__title {
        display: none;
    }

    .region-off-rooz .block P {
        line-height: 42px;
        height: 42px;
        padding: 0;
        margin: 0 5px;
    }

    .region-off-rooz .block a {
        line-height: 42px;
        padding: 0 5px;
        height: 42px;
        color: #fff;
        display: block;
        border-bottom: 2px solid transparent;
        position: relative;
        animation: blink 1s linear infinite;
    }

        .region-off-rooz .block a:before {
            content: "\f295";
            line-height: 42px;
            text-align: center;
            display: block;
            font-size: 1.2em;
            float: right;
            margin-left: 5px;
        }

        .region-off-rooz .block a:hover {
            color: #fff;
        }

@media (min-width: 999px) {
    .region-off-rooz {
        display: block;
    }
}

.header {
    border-bottom: 1px solid #dbdbdb;
}

    .header .n9-t6 {
        float: left;
        margin: 0 20px 0 0;
        cursor: pointer;
        color: inherit;
    }

[dir="rtl"] .header .n9-t6 {
    float: right;
    margin: 0 0 0 20px;
}

@media (min-width: 999px) {
    .header .n9-t6 {
        display: none;
    }
}

.header .n9-t6:hover {
    color: #4d4d4d;
}

.header .n9-t6 i {
    font-size: 32px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    float: left;
    margin: 0 5px 0 0;
}

[dir="rtl"] .header .n9-t6 i {
    float: right;
    margin: 0 0 0 5px;
}

.header .n9-t6 .label {
    line-height: 36px;
}

.header .cart-toggler {
    position: relative;
    float: left;
    color: #666666;
}

[dir="rtl"] .header .cart-toggler {
    float: right;
}

.header .cart-toggler:hover {
    color: #4d4d4d;
}

@media (min-width: 999px) {
    .header .cart-toggler {
        background-color: #5e8e3e;
        color: #fff;
        border-radius: 10px;
        padding: 5px 15px;
        margin: 0 20px 0 0;
    }

    [dir="rtl"] .header .cart-toggler {
        margin: 0 0 0 20px;
    }

    .header .cart-toggler:hover {
        background-color: #a40534;
        color: #fff;
    }

    .header .cart-toggler i {
        font-size: 26px;
        width: 26px;
        height: 26px;
        line-height: 26px;
    }
}

.header .cart-toggler i {
    font-size: 32px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    float: left;
}

[dir="rtl"] .header .cart-toggler i {
    float: right;
}

@media (min-width: 999px) {
    .header .cart-toggler i {
        font-size: 22px;
        width: 22px;
        height: 22px;
        line-height: 26px;
    }
}

.header .cart-toggler-count {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #ffb4cb;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    border-radius: 50%;
    display: none;
}

.header .c4-t6-l5 {
    display: none;
    line-height: 36px;
    margin: 0 0 0 5px;
    float: left;
}

[dir="rtl"] .header .c4-t6-l5 {
    margin: 0 5px 0 0;
    float: right;
}

@media (min-width: 999px) {
    .header .c4-t6-l5 {
        line-height: 26px;
        display: block;
    }
}

.header .c7-u6-l4 {
    line-height: 36px;
    float: right;
}

[dir="rtl"] .header .c7-u6-l4 {
    float: left;
}


@media (min-width: 999px) {
    .header .c7-u6-l4 {
        float: left;
    }

    [dir="rtl"] .header .c7-u6-l4 {
        float: right;
    }
}

.header .user-picture {
    width: 36px;
    height: 36px;
    line-height: 36px;
    float: right;
    margin: 0 0 0 10px;
}

[dir="rtl"] .header .user-picture {
    float: left;
    margin: 0 10px 0 0;
}

@media (min-width: 999px) {
    .header .user-picture {
        float: left;
        margin: 0 5px 0 0;
    }

    [dir="rtl"] .header .user-picture {
        float: right;
        margin: 0 0 0 5px;
    }
}

.header .username {
    display: none;
}

@media (min-width: 1333px) {
    .header .username {
        display: block;
        line-height: 36px;
        margin: 0 20px 0 0;
        float: left;
    }

    [dir="rtl"] .header .username {
        margin: 0 0 0 20px;
        float: right;
    }
}

.header .c7-u6-n11-t6 {
    position: relative;
    color: inherit;
    float: right;
    margin: 0 0 0 5px;
}

[dir="rtl"] .header .c7-u6-n11-t6 {
    float: left;
    margin: 0 5px 0 0;
}

@media (min-width: 999px) {
    .header .c7-u6-n11-t6 {
        float: left;
        margin: 0 10px 0 0;
    }

    [dir="rtl"] .header .c7-u6-n11-t6 {
        float: right;
        margin: 0 0 0 10px;
    }
}

.header .c7-u6-n11-t6.active {
    color: #5e8e3e;
    animation: bounce 0.4s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}

.header .c7-u6-n11-t6 i {
    font-size: 24px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: block;
}

.header .c7-u6-n11-c4 {
    display: none;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #5e8e3e;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    border-radius: 50%;
}

.header .c7-u6-p4-t6 {
    position: relative;
    color: inherit;
    float: right;
}

[dir="rtl"] .header .c7-u6-p4-t6 {
    float: left;
}

@media (min-width: 999px) {
    .header .c7-u6-p4-t6 {
        float: left;
    }

    [dir="rtl"] .header .c7-u6-p4-t6 {
        float: right;
    }
}

.header .c7-u6-p4-t6.active {
    color: #5e8e3e;
    animation: bounce 0.4s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}

.header .c7-u6-p4-t6 i {
    font-size: 24px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: block;
}

.header .c7-u6-p4-c4 {
    display: none;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #5e8e3e;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    border-radius: 50%;
    position: absolute;
}

.header .n11-g4-l3 {
    position: absolute;
    top: 56px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
}

.header .p4-t10-l3 {
    position: absolute;
    top: 56px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
}


@media (min-width: 555px) {
    .header__logo-image {
        margin-top: 0;
    }
}

.header__logo-small-image {
    display: none;
}

.header__region {
    clear: both;
}

.header .layout-24col__header-third {
    height: 56px;
    position: relative;
}

    .header .layout-24col__header-third .header__logo {
        position: absolute;
        left: 10px;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

@media (min-width: 777px) {
    .header .layout-24col__header-third {
        height: auto;
    }

        .header .layout-24col__header-third .header__logo {
            position: relative;
        }
}

.navigation {
    margin: 0 0 10px 0;
}

@media (min-width: 777px) {
    .navigation {
        margin: 0 0 20px 0;
    }
}

@media (min-width: 999px) {
    .navigation .layout-24col__full {
        display: flex;
    }
}

.navigation a {
    color: inherit;
}

    .navigation a.active, .navigation a:hover {
        color: #5e8e3e;
    }

        .navigation a.active .n9-s2, .navigation a:hover .n9-s2 {
            color: #5e8e3e;
        }

.navigation .n9-o6 {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(128, 128, 128, 0.3);
    z-index: 1000;
}

.navigation .n9-m5 {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    min-width: 280px;
    max-width: 80%;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #fff;
    z-index: 9999999;
    overflow-x: hidden;
    overflow-y: auto;
}

[dir="rtl"] .navigation .n9-m5 {
    left: auto;
    right: 0;
}

.navigation .n9-m5 h3,
.navigation .n9-m5 span {
    margin: 0;
    padding-right: 15px;
    font-weight: normal;
    border-bottom: 1px solid #eeeeee;
    line-height: 45px;
    font-size: 1rem;
}

.navigation .n9-m5 .n9-l1 {
    display: block;
}

.navigation .n9-m5 .n9-l1-s6 {
    color: #fff;
    background-color: #5e8e3e;
}

    .navigation .n9-m5 .n9-l1-s6 a {
        color: inherit;
    }

.navigation .n9-m5 .n9-s2 {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 21px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 24px;
    color: #4d4d4d;
}

[dir="rtl"] .navigation .n9-m5 .n9-s2 {
    right: auto;
    left: 5px;
}

    [dir="rtl"] .navigation .n9-m5 .n9-s2:before {
        content: "\f104";
    }

.navigation .n9-m5 .n9-s2:before {
    content: "\f105";
}

.navigation .n9-m5 .n9-l1-l0 {
    color: #fff;
    background-color: #4d4d4d;
    line-height: 42px;
    padding: 8px;
    height: 52px;
}

    .navigation .n9-m5 .n9-l1-l0 a {
        color: inherit;
        font-size: 1rem;
        width: 50%;
        float: right;
        text-align: center;
        line-height: 35px;
        border-bottom: 0;
        padding: 0;
    }

        .navigation .n9-m5 .n9-l1-l0 a i {
            font-size: 1.2rem;
            vertical-align: middle;
            margin: 0 8px;
        }

        .navigation .n9-m5 .n9-l1-l0 a:first-child {
            border-left: 1px solid;
        }

.navigation .n9-m5 .n9-l1-l {
    position: relative;
    display: block;
    line-height: 42px;
    padding: 5px;
    border-bottom: 1px solid #eeeeee;
}

.navigation .n9-m5 .n9-b3 {
    text-align: right;
    display: block;
    padding: 5px 15px;
    line-height: 42px;
    border-bottom: solid 1px #eeeeee;
    cursor: pointer;
    background-color: #4d4d4d;
    color: #fff;
}

    .navigation .n9-m5 .n9-b3:before {
        content: "\f061";
        vertical-align: middle;
        margin-left: 20px;
        font-size: 1.5rem;
    }

.navigation .n9-m5 .n9-c8 {
    position: fixed;
    background-color: #fff;
    top: 0;
    bottom: 0;
    right: 0;
    min-width: 280px;
    max-width: 80%;
    height: 100%;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
    overflow-y: scroll;
    z-index: 100;
    display: none;
}

    .navigation .n9-m5 .n9-c8.open {
        display: block;
        min-width: 270px;
    }

.navigation .n9-m5 .n9-l2 {
    display: block;
}

.navigation .n9-m5 .n9-l2-l {
    position: relative;
    display: block;
    line-height: 42px;
    padding: 5px;
    border-bottom: 1px solid #eeeeee;
}

.navigation .n9-m5 .n9-c7 {
    position: fixed;
    background-color: #fff;
    top: 0;
    bottom: 0;
    right: 0;
    min-width: 280px;
    max-width: 80%;
    height: 100%;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
    overflow-y: scroll;
    z-index: 100;
    display: none;
}

    .navigation .n9-m5 .n9-c7.open {
        display: block;
        min-width: 260px;
    }

    .navigation .n9-m5 .n9-c7 a {
        display: block;
        line-height: 42px;
        padding: 5px 20px;
        border-bottom: 1px solid #f1f1f1;
    }

.navigation .n9-m5 .n9-i {
    text-align: center;
    width: 42px;
    height: 42px;
    line-height: 42px;
    float: left;
    margin: 0 5px;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 2rem;
    width: 35px;
    float: right;
    vertical-align: middle;
    line-height: 42px;
    text-align: center;
    color: #4d4d4d;
}

[dir="rtl"] .navigation .n9-m5 .n9-i {
    float: right;
}

.navigation .n9-m5 .n9-i.mtr-type2 {
    font-size: 1.4rem;
}

.navigation .n9-m5 .n9-i.mtr-application, .navigation .n9-m5 .n9-i.mtr-specialized-organization {
    font-size: 2.5rem;
    line-height: 50px;
}

@media (min-width: 999px) {
    .navigation .n9 {
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
        flex: 1;
    }

    .navigation .n9-l1 {
        float: left;
    }

    [dir="rtl"] .navigation .n9-l1 {
        float: right;
    }

    .navigation .n9-l1.active .n9-l1-l {
        border-bottom-color: #5e8e3e;
        color: #5e8e3e;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    }

        .navigation .n9-l1.active .n9-l1-l .n9-s2 {
            color: #5e8e3e;
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .navigation .n9-l1.active .n9-l1-l.special-offers {
            border-bottom: none;
        }

    .navigation .n9-l1.active .n9-c8 {
        display: flex;
        border-radius: 0 0 5px 5px;
    }

    .navigation .n9-l1-s6 {
        color: #fff;
        background-color: #5e8e3e;
        float: right;
    }

    [dir="rtl"] .navigation .n9-l1-s6 {
        float: left;
    }

    .navigation .n9-l1-s6.active .n9-l1-l {
        color: #fff;
    }

        .navigation .n9-l1-s6.active .n9-l1-l .n9-s2 {
            color: #5e8e3e;
        }

    .navigation .n9-l1-s6 a {
        color: inherit;
        animation: blink 1s linear infinite;
    }

    .navigation .n9-l1-s6 i {
        font-size: 1.2em;
        line-height: 42px;
        margin: 0 5px 0 0;
        vertical-align: middle;
    }

    [dir="rtl"] .navigation .n9-l1-s6 i {
        margin: 0 0 0 5px;
    }

    .navigation .n9-l1-l {
        line-height: 42px;
        height: 42px;
        padding: 0 5px;
        margin: 0 5px;
        display: block;
        border-bottom: 2px solid transparent;
        position: relative;
    }

        .navigation .n9-l1-l .n9-s2 {
            transition: transform 0.5s;
            font-size: 16px;
            color: #4d4d4d;
        }

            .navigation .n9-l1-l .n9-s2:after {
                content: "\f107";
            }

        .navigation .n9-l1-l .n9-i {
            display: none;
        }

    .navigation .n9-i {
        vertical-align: middle;
        margin: 0 2px 0 0;
        font-size: 1.2rem;
    }

    [dir="rtl"] .navigation .n9-i {
        margin: 0 0 0 2px;
    }

    .navigation .n9-c8 {
        position: absolute;
        top: 42px;
        right: 0;
        width: 100%;
        height: 405px;
        padding: 10px;
        background-color: #fff;
        border: 1px solid #cccccc;
        display: none;
        flex-direction: column;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -ms-flex-line-pack: start;
        z-index: 50;
    }

    .navigation .n9-c5 {
        padding: 0 10px;
        align-items: center;
        justify-content: flex-start;
    }

        .navigation .n9-c5:last-child {
            border-right: 1px solid #cccccc;
        }

    .navigation .n9-s8 {
        height: 12px;
        margin-bottom: 12px;
        display: block;
        border-bottom: 1px solid #cccccc;
    }

    .navigation .n9-l2-l {
        color: #5e8e3e;
        display: block;
    }

    .navigation .n9-c7 a {
        display: block;
    }
}

.shortcut {
    margin: 0 0 10px 0;
}

@media (min-width: 777px) {
    .shortcut {
        margin: 0 0 20px 0;
    }
}

.shortcut a {
    background-color: #eeeeee;
    border-radius: 10px;
    line-height: 44px;
    text-align: center;
    display: block;
}

@media (min-width: 999px) {
    .shortcut a {
        border-radius: 5px;
    }
}

.shortcut a.discount {
    color: #fff;
    background-color: #5e8e3e;
    animation: blink 1s linear infinite;
}

.shortcut a i {
    font-size: 1.2em;
    line-height: 44px;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

[dir="rtl"] .shortcut a i {
    margin: 0 0 0 5px;
}

.shortcut .region-mobile-off-rooz .block__title {
    display: none;
}

.shortcut .region-mobile-off-rooz P {
    padding: 0;
    margin: 0;
}

.shortcut .region-mobile-off-rooz a {
    color: #fff;
    background-color: #5e8e3e;
    animation: blink 1s linear infinite;
}

    .shortcut .region-mobile-off-rooz a:before {
        content: "\f295";
        line-height: 42px;
        text-align: center;
        display: block;
        font-size: 1.2em;
        margin-left: 8px;
        display: inline;
    }

.filter-actions-wrapper {
    padding: 10px 8px;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1100;
}

.page-products.page-products .crisp-client .crisp-1rjpbb7[data-full-view='true'] .crisp-1rf4xdh .crisp-kquevr {
    bottom: 72px !important;
}

.page-products.page-products .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-kquevr {
    bottom: 72px !important;
}

@media (min-width: 999px) {
    .page-products.page-products .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-kquevr {
        bottom: 14px !important;
    }
}

.page-search.page-search .crisp-client .crisp-1rjpbb7[data-full-view='true'] .crisp-1rf4xdh .crisp-kquevr {
    bottom: 72px !important;
}

.page-search.page-search .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-kquevr {
    bottom: 72px !important;
}

@media (min-width: 999px) {
    .page-search.page-search .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-kquevr {
        bottom: 14px !important;
    }
}

.filter-actions {
    background-color: #5e8e3e;
    color: #fff;
    display: block;
    padding: 11px 0;
    border-radius: 10px;
    height: 58px;
}

    .filter-actions a {
        display: flex;
        float: right;
        width: 50%;
        text-align: center;
        color: #fff;
        height: 35px;
        font-size: 16px;
        align-items: center;
        justify-content: center;
    }

    .filter-actions i {
        font-size: 20px;
        margin-left: 3px;
    }

    .filter-actions .side-toggle {
        border-left: 1px solid #fff;
    }

@media (min-width: 999px) {
    .filter-actions {
        display: none;
    }
}

.search-page-filter-actions .product-exposed-form_open {
    display: none;
}

.search-page-filter-actions a {
    width: 100%;
}

.search-page-filter-actions .side-toggle {
    border-left: 0;
}

.side-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(128, 128, 128, 0.3);
    z-index: 1000;
}

.region-side {
    display: none;
}

@media (min-width: 999px) {
    .region-side {
        display: block;
    }
}

.region-side-mobile {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    min-width: 280px;
    max-width: 80%;
    list-style: none;
    padding: 10px 10px 70px;
    margin: 0;
    background-color: #f6f6f6;
    z-index: 1001;
    overflow-x: hidden;
    overflow-y: auto;
}

[dir="rtl"] .region-side-mobile {
    left: auto;
    right: 0;
}

.top-content-wrapper {
    padding: 0 10px;
}

@media (min-width: 888px) {
    .top-content-wrapper .layout-24col__top-content-first {
        margin-bottom: 20px;
    }
}

@media (min-width: 999px) {
    .top-content-wrapper {
        display: flex;
        padding: 0;
        flex-direction: row-reverse;
        height: 100%;
    }

        .top-content-wrapper .layout-24col__top-content-first {
            width: 66.6666%;
            padding: 0 10px 20px;
            flex: 1 0 66.6666%;
            display: flex;
            flex-direction: column;
            margin-bottom: 0;
        }

            .top-content-wrapper .layout-24col__top-content-first > div {
                background-color: #fff;
                flex: 1;
                display: flex;
                align-items: center;
                border-radius: 20px;
            }

            .top-content-wrapper .layout-24col__top-content-first .block {
                width: 100%;
            }

        .top-content-wrapper .layout-24col__top-content-second {
            flex: 1 0 33.3333%;
            width: 33.3333%;
        }

        .top-content-wrapper .position {
            margin: 0 10px;
        }
}

.external-comment {
    position: fixed;
    top: 210px;
    left: 0;
    z-index: 9;
    width: 35px;
    height: 238px;
    display: none;
}

    .external-comment .porsline-button {
        display: block;
        border-radius: 0 !important;
        margin: 0 !important;
        background-color: transparent !important;
        background-image: url("../images/components/comment/off-image-mobile.png") !important;
        background-size: 35px auto;
        background-repeat: no-repeat;
        width: 35px !important;
        height: 238px !important;
    }

    .external-comment .hide-porsline-button {
        position: absolute;
        z-index: 99;
        width: 35px;
        height: 35px;
        border-radius: 20px;
        cursor: pointer;
        bottom: 0;
        right: 0;
    }

@media (min-width: 1111px) {
    .external-comment {
        top: auto;
        bottom: 32px;
        width: 150px;
        height: 99px;
        left: auto;
        right: 0;
    }

        .external-comment .porsline-button {
            background-image: url("../images/components/comment/off-image.png") !important;
            width: 150px !important;
            height: 99px !important;
            background-size: auto auto;
        }

        .external-comment .hide-porsline-button {
            width: 26px;
            height: 26px;
            border-radius: 13px;
            right: auto;
            bottom: auto;
            left: 21px;
            top: 21px;
        }
}

.porsline-overlay {
    z-index: 10001;
}

.postscript-first {
    padding: 20px 0;
    border-top: 1px solid #eeeeee;
    text-align: center;
    font-size: 1.2em;
    line-height: 36px;
}

@media (min-width: 888px) {
    .postscript-first {
        padding: 40px 0;
    }
}

.postscript-first a {
    cursor: pointer;
}

.postscript-first i {
    font-size: 2em;
    vertical-align: middle;
}

.postscript-second .subscription-box {
    background: url("../images/modules/postscript/subscription.svg?sub") repeat 0 20px #08204A;
    padding: 25px 20px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.postscript-second p {
    margin: 0 0 10px 0;
    font-size: 1.1em;
    color: #fff;
    text-align: center;
}

@media (min-width: 555px) {
    .postscript-second .subscription-box {
        padding: 25px 30px 30px;
    }
}

@media (min-width: 888px) {
    .postscript-second .subscription-box {
        padding: 19px 0 45px;
        margin: 0 0 15px 0;
    }

    .postscript-second.not-front .subscription-box {
        margin-bottom: 20px;
    }

    .postscript-second.front .subscription-box {
        margin-top: 20px;
    }

    .postscript-second p {
        padding-right: 15px;
        text-align: right;
    }
}

.postscript-third .layout-24col {
    border-bottom: 1px solid #eeeeee;
    padding: 20px 0 30px;
}

.postscript-third .features {
    max-width: 1111px;
    margin: 0 auto;
    display: flex;
}

    .postscript-third .features a {
        flex-grow: 1;
        text-align: center;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 20%;
        color: #707070;
        cursor: default;
    }

    .postscript-third .features .icon {
        display: block;
        font-size: 40px;
        color: #707070;
        margin-bottom: 15px;
    }

.postscript-third .description {
    text-align: justify;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .postscript-third .description.not-front-page {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

        .postscript-third .description.not-front-page h3 {
            font-size: 1.2em;
            display: none;
            margin: 0 0 10px 0;
        }

@media (min-width: 1111px) {
    .postscript-third .description.not-front-page {
        justify-content: space-between;
    }

        .postscript-third .description.not-front-page h3 {
            display: block;
        }
}

.postscript-third .description h3 {
    font-size: 1.2em;
    margin: 0 0 10px 0;
}

.postscript-third .description p {
    margin: 0;
}

.postscript-third .description .content-footer {
    display: block;
    clear: both;
    padding: 0 20px;
    margin-bottom: 10px;
}

    .postscript-third .description .content-footer h1,
    .postscript-third .description .content-footer h2,
    .postscript-third .description .content-footer h3 {
        margin: 15px 0;
        line-height: 30px;
    }

@media (min-width: 999px) {
    .postscript-third .description .content-footer {
        padding: 0;
    }
}

.postscript-third .site-map {
    padding: 0;
    margin: 0;
    display: flex;
}

    .postscript-third .site-map li {
        flex-grow: 1;
        padding: 0;
        margin: 0;
        list-style: none;
        font-weight: bold;
    }

    .postscript-third .site-map ul {
        padding: 0;
        margin: 0;
    }

        .postscript-third .site-map ul li {
            font-weight: normal;
        }

.postscript-third .postscript-third-second {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    align-items: center;
    max-width: 80%;
}

@media (min-width: 666px) {
    .postscript-third .postscript-third-second {
        flex-wrap: nowrap;
        max-width: 100%;
    }
}

.postscript-third .tandis {
    text-align: center;
    display: flex;
    margin: 10px 5px;
    width: 50px;
    height: 50px;
    justify-content: center;
}

@media (min-width: 666px) {
    .postscript-third .tandis {
        margin: 0 10px;
        width: 80px;
        height: 80px;
    }
}

.postscript-third .tandis img {
    height: 100%;
    width: auto;
}

.postscript-third .tipso_style {
    border-bottom: 0;
}

.postscript-fourth {
    padding: 10px 0;
    display: none;
}

@media (min-width: 999px) {
    .postscript-fourth {
        display: block;
    }
}

.postscript-fourth a {
    margin: 0 10px 0 0;
}

[dir="rtl"] .postscript-fourth a {
    margin: 0 0 0 10px;
}

.postscript-fourth i {
    font-size: 1.5em;
    vertical-align: middle;
}

.postscript-fourth .layout-24col__postscript-fourth-second {
    text-align: right;
}

[dir="rtl"] .postscript-fourth .layout-24col__postscript-fourth-second {
    text-align: left;
}

.postscript-fourth .layout-24col__postscript-fourth-second a {
    margin: 0 0 0 10px;
}

[dir="rtl"] .postscript-fourth .layout-24col__postscript-fourth-second a {
    margin: 0 10px 0 0;
}

.postscript-fifth {
    background-color: #eceff1;
    padding: 20px 0 15px;
    text-align: center;
}

    .postscript-fifth .app-stores-title {
        margin: 0 0 10px;
    }

    .postscript-fifth .app-stores {
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
        margin: 0 -10px 10px;
    }

        .postscript-fifth .app-stores .stores {
            text-align: center;
            margin: 0 auto;
        }

            .postscript-fifth .app-stores .stores a {
                display: inline-block;
                padding: 0 5px;
                width: 47%;
            }

            .postscript-fifth .app-stores .stores .tipso_style {
                border: 0;
            }

@media (min-width: 400px) {
    .postscript-fifth .app-stores .stores {
        max-width: 430px;
    }
}

@media (min-width: 555px) {
    .postscript-fifth .app-stores {
        padding-bottom: 0;
        border: 0;
        margin: 0 0 10px;
    }

        .postscript-fifth .app-stores .stores {
            max-width: 600px;
        }

            .postscript-fifth .app-stores .stores a {
                display: block;
                float: right;
                width: 25%;
            }
}

.postscript-fifth .support-phone {
    margin: 0;
    display: flex;
    justify-content: center;
    color: #707070;
    font-size: 1.1em;
}

    .postscript-fifth .support-phone .tel {
        margin-right: 5px;
    }

.postscript-fifth .links {
    width: 247px;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    font-size: 2em;
    justify-content: space-between;
}

    .postscript-fifth .links a {
        color: #707070;
        font-size: 32px;
    }

.page-landing-index .postscript-fifth .app-stores .stores a {
    margin-bottom: 10px;
}

.links-footer-mobile {
    border-bottom: 1px solid #999999;
    color: #666666;
    padding: 0 0 15px;
    font-size: 1rem;
    margin: 0 20px;
}

    .links-footer-mobile a {
        color: inherit;
    }

    .links-footer-mobile .phone {
        padding-right: 5px;
        margin-right: 5px;
    }

    .links-footer-mobile .complain {
        margin-left: 5px;
        padding-left: 5px;
    }

    .links-footer-mobile .float-left {
        float: left;
    }

    .links-footer-mobile .float-right {
        float: right;
    }

.top-bar {
    display: none;
    width: 100%;
    cursor: pointer;
}

    .top-bar a {
        margin: 0;
        height: 55px;
        border-radius: 0;
        width: 100%;
        display: block;
    }

        .top-bar a.happy-birth {
            background: url("/sites/all/themes/catalog/images/components/header/happybirthday-mobile-02-xs.gif") no-repeat top center;
            height: 80px;
        }

@media (min-width: 666px) {
    .top-bar a.happy-birth {
        background: url("/sites/all/themes/catalog/images/components/header/happybirthday-mobile-02-s.gif") no-repeat top center;
        height: 80px;
    }
}

@media (min-width: 777px) {
    .top-bar a.happy-birth {
        background: url("/sites/all/themes/catalog/images/components/header/happybirthday-desktop-02.gif") no-repeat top center;
        height: 90px;
    }
}

.top-bar a.discount {
    background: url("/sites/all/themes/catalog/images/components/header/happybirthday-mobile-01-xs.gif") no-repeat top center;
    height: 80px;
}

@media (min-width: 666px) {
    .top-bar a.discount {
        background: url("/sites/all/themes/catalog/images/components/header/happybirthday-mobile-01-s.gif") no-repeat top center;
    }
}

@media (min-width: 777px) {
    .top-bar a.discount {
        background: url("/sites/all/themes/catalog/images/components/header/happybirthday-desktop-01.gif") no-repeat top center;
    }
}

.top-bar a.counter {
    height: 80px;
}

.spin2win-wrapper {
    background-color: #fff;
    padding: 30px 0;
    position: relative;
    width: 95%;
    margin: 0 auto;
    text-align: center !important;
}

@media (min-width: 999px) {
    .spin2win-wrapper {
        width: 70%;
        padding: 50px 20px;
    }
}

.spin2win-wrapper .spin2win-form {
    margin-bottom: 1rem;
    width: 100%;
}

    .spin2win-wrapper .spin2win-form .form-item {
        padding: 0 15px;
        width: 100%;
        float: right;
        margin: 0 0 20px;
    }

        .spin2win-wrapper .spin2win-form .form-item:last-child {
            margin-bottom: 30px;
        }

@media (min-width: 999px) {
    .spin2win-wrapper .spin2win-form .form-item {
        width: 33.3333%;
    }
}

.spin2win-wrapper .spin2win-form .form-item label {
    font-weight: normal;
    text-align: right;
}

.spin2win-wrapper .spin2win-form .form-item input {
    height: 36px;
    line-height: 36px;
    margin: 0;
    width: 100%;
    border-radius: 0;
    border-width: 0;
    border-bottom: 1px solid #999999;
}

    .spin2win-wrapper .spin2win-form .form-item input:focus {
        outline: 0;
    }

.spin2win-wrapper .spin2win-form .form-item .help-block {
    position: relative;
    color: #c00;
    font-size: 12px;
    float: right;
}

.spin2win-overlay {
    background-color: #fff;
    padding: 30px 0;
    position: relative;
    width: 95%;
    text-align: center !important;
    display: none;
}

@media (min-width: 999px) {
    .spin2win-overlay {
        width: 50%;
        padding: 50px 20px;
    }
}

.spin2win-overlay .spin2win-form {
    margin-bottom: 1rem;
    width: 100%;
}

    .spin2win-overlay .spin2win-form .form-item {
        padding: 0 15px;
        width: 100%;
        float: right;
        margin: 0 0 20px;
    }

        .spin2win-overlay .spin2win-form .form-item:last-child {
            margin-bottom: 30px;
        }

@media (min-width: 999px) {
    .spin2win-overlay .spin2win-form .form-item {
        width: 33.3333%;
    }
}

.spin2win-overlay .spin2win-form .form-item label {
    font-weight: normal;
    text-align: right;
}

.spin2win-overlay .spin2win-form .form-item input {
    height: 36px;
    line-height: 36px;
    margin: 0;
    width: 100%;
    border-radius: 0;
    border-width: 0;
    border-bottom: 1px solid #999999;
}

    .spin2win-overlay .spin2win-form .form-item input:focus {
        outline: 0;
    }

.spin2win-overlay .spin2win-form .form-item .help-block {
    position: relative;
    color: #c00;
    font-size: 12px;
    float: right;
}

.spin2win-overlay .spin2win-overlay-close-icon {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #999999;
    cursor: pointer;
}

@media (min-width: 999px) {
    .spin2win-overlay .spin2win-overlay-close-icon {
        left: 20px;
        top: 20px;
    }
}

.spin2win-overlay .spin2win-overlay-close-icon:hover {
    color: #5e8e3e;
}

.spin2win-overlay .spin2win-overlay-close-icon i {
    font-size: 1.5rem;
    font-weight: 200;
}

@media (min-width: 999px) {
    .spin2win-overlay .spin2win-overlay-close-icon i {
        font-size: 2rem;
    }
}

.spin-button {
    background-color: #5e8e3e;
    color: #fff;
    border-radius: 4px;
    line-height: 40px;
    font-weight: 500;
    font-size: 15px;
    padding: 0 50px;
    display: block;
    margin: 0 auto;
    outline: none;
    border: none;
}

    .spin-button:hover, .spin-button:focus {
        color: #fff;
    }

    .spin-button[disabled][type='submit'] {
        opacity: .3;
    }

.wheelContainer {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.wheelSVG {
    position: relative;
    width: 100%;
    height: 100%;
    visibility: hidden;
    overflow: visible;
    top: 0 !important;
    left: auto !important;
    -ms-transform: none !important;
    transform: none !important;
}

.peg {
    visibility: hidden;
}

.wheelOutline, .valueContainer, .toast, .centerCircle {
    pointer-events: none;
}

.wheelText {
    pointer-events: none;
    text-anchor: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.toast {
    position: relative;
    background-color: #5e8e3e;
    border-radius: 4px;
    opacity: 0;
    text-align: center;
    top: 0 !important;
    left: auto !important;
    -ms-transform: none !important;
    transform: none !important;
    margin: 10px auto;
    padding: 10px;
}

@media (min-width: 999px) {
    .toast {
        width: 50%;
    }
}

.toast p {
    margin: 0;
    font-size: 20px;
    color: #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 32px;
}

.customer-service-container {
    background-color: #fff;
    padding: 50px 10px;
}

@media (min-width: 1222px) {
    .customer-service-container {
        padding: 50px 30px;
    }
}

.customer-service-container .title {
    font-size: 2rem;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 500;
}

.customer-service-container .subtitle {
    font-size: 1.5rem;
    margin-bottom: 50px;
    text-align: center;
    font-weight: 200;
}

.customer-service-container .customer-service-items {
    width: 100%;
    margin: 0 auto;
    display: block;
    float: none;
}

@media (min-width: 888px) {
    .customer-service-container .customer-service-items {
        width: 80%;
    }
}

.customer-service-container .customer-service-item {
    position: relative;
    width: 100%;
    float: right;
    margin: 20px 0;
    padding: 0 5px;
    cursor: pointer;
    height: auto;
}

@media (min-width: 666px) {
    .customer-service-container .customer-service-item {
        width: 50%;
        height: 320px;
        padding: 0 20px;
    }
}

@media (min-width: 1111px) {
    .customer-service-container .customer-service-item {
        width: 33.333%;
        padding: 0 20px;
    }
}

.customer-service-container .service-item {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.customer-service-container .customer-service-item-inner {
    position: relative;
    background-color: #f4f5f7;
    border-radius: 20px;
    padding: 40px 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.customer-service-container .service-name {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 1.3rem;
    margin-top: 40px;
}

.service-image svg {
    width: 100px;
    height: 100px;
}

@media (min-width: 1222px) {
    .service-image svg {
        width: 140px;
        height: 140px;
    }
}

.customer-service-popup {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    display: none;
}

    .customer-service-popup .back {
        cursor: pointer;
        font-size: 3.5rem;
    }

    .customer-service-popup .close-icon {
        cursor: pointer;
    }

    .customer-service-popup .customer-service-popup-inner {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
        flex: 1;
        height: 100%;
    }

        .customer-service-popup .customer-service-popup-inner .service-image svg {
            width: 50px;
        }

@media (min-width: 777px) {
    .customer-service-popup .customer-service-popup-inner .service-image svg {
        width: 140px;
    }
}

.customer-service-popup .popup-inner-top {
    display: flex;
    align-items: flex-start;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.12);
    z-index: 9;
}

    .customer-service-popup .popup-inner-top .title-wrapper {
        width: 100%;
        margin: 0 auto;
        padding: 15px 15px;
    }

@media (min-width: 888px) {
    .customer-service-popup .popup-inner-top .title-wrapper {
        width: 80%;
        padding: 15px 0;
    }
}

.customer-service-popup .popup-inner-top h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    float: right;
    line-height: 30px;
    vertical-align: middle;
}

@media (min-width: 888px) {
    .customer-service-popup .popup-inner-top h2 {
        font-size: 20px;
    }
}

.customer-service-popup .popup-inner-top i {
    float: right;
    vertical-align: middle;
    font-size: 3rem;
    padding: 0 15px;
    line-height: 30px;
    vertical-align: middle;
}

.customer-service-popup .popup-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    width: 100%;
    padding-top: 60px;
    flex: 1;
}

    .customer-service-popup .popup-body .popup-body-content {
        padding-bottom: 30px;
    }

    .customer-service-popup .popup-body .inner {
        padding-right: 25px;
    }

        .customer-service-popup .popup-body .inner h2 {
            font-size: 18px;
            margin-top: 0;
        }

    .customer-service-popup .popup-body.mCustomScrollbar .mCustomScrollBox {
        width: 100%;
        padding: 0 15px;
    }

@media (min-width: 777px) {
    .customer-service-popup .popup-body.mCustomScrollbar .mCustomScrollBox {
        padding: 0 10%;
    }
}

.customer-service-popup .popup-body p {
    font-size: 1rem;
    margin: 0 0 20px;
    text-align: justify;
}

    .customer-service-popup .popup-body p:first-child {
        margin-top: 30px;
    }

.customer-service-popup .popup-body a {
    color: #5e8e3e;
    cursor: pointer;
}

.customer-service-popup .popup-body img {
    margin: 5px auto 40px;
    display: block;
}

.customer-service-popup .popup-body h2 {
    color: #5e8e3e;
    text-align: right;
    font-size: 20px;
    font-weight: 500;
}

.customer-service-popup .popup-body h3 {
    margin: 0 0 20px;
    font-size: 17px;
    font-weight: 500;
    text-align: right;
    line-height: 30px;
}

.customer-service-popup .popup-body ul {
    text-align: right;
    margin: 0;
}

    .customer-service-popup .popup-body ul li {
        text-align: justify;
    }

.customer-service-popup .popup-body .faq-item, .faq-page .faq-item {
    width: 100%;
    margin-top: 20px;
}

    .customer-service-popup .popup-body .faq-item.is-active .collapse-summary h2, .faq-page .faq-item.is-active .collapse-summary h2 {
        color: #5e8e3e;
    }

.customer-service-popup .popup-body .collapse, .faq-page .collapse {
    display: none;
    width: 100%;
    border: 1px solid #eeeeee;
    padding: 10px;
}

    .customer-service-popup .popup-body .collapse p, .faq-page .collapse p {
        margin: 0;
        line-height: 30px;
        font-size: 1.2rem;
    }

    .customer-service-popup .popup-body .collapse ul, .faq-page .collapse ul {
        margin: 0;
    }

    .customer-service-popup .popup-body .collapse a, .faq-page .collapse a {
        color: #5e8e3e;
        cursor: pointer;
    }

.customer-service-popup .popup-body .collapse-summary, .faq-page .collapse-summary {
    border: 1px solid #eeeeee;
    background-color: #f1f1f1;
    padding: 10px 20px;
    cursor: pointer;
    width: 100%;
}

    .customer-service-popup .popup-body .collapse-summary h2, .faq-page .collapse-summary h2 {
        margin: 0;
        font-size: 15px;
        line-height: 25px;
        display: flex;
        justify-content: space-between;
        color: #666666;
        text-align: right;
        font-weight: 500;
    }

        .customer-service-popup .popup-body .collapse-summary h2:after, .faq-page .collapse-summary h2:after {
            content: "\f104";
            text-align: center;
            font-size: 24px;
            color: #4d4d4d;
            float: left;
            vertical-align: middle;
            margin-right: 20px;
            transition: transform .3s;
            line-height: 2.57143rem;
            display: flex;
            justify-content: flex-end;
        }

@media (min-width: 888px) {
    .customer-service-popup .popup-body .collapse-summary h2, .faq-page .collapse-summary h2 {
        font-size: 20px;
        line-height: 40px;
    }
}

.customer-service-popup .popup-body .collapse-summary .rotate-icon:after, .faq-page .collapse-summary .rotate-icon:after {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: transform .3s;
}

.popup_visible .page-customer-service {
    overflow: hidden;
}

.page-customer-service .popup_background {
    opacity: 1 !important;
    background-color: #fff !important;
}

.page-customer-service .mCSB_scrollTools {
    z-index: -1;
}

.page-customer-service.is-mobile .customer-service-popup {
    overflow: scroll;
    padding-bottom: 30px;
}

    .page-customer-service.is-mobile .customer-service-popup .customer-service-popup-inner {
        width: 100%;
    }

    .page-customer-service.is-mobile .customer-service-popup .popup-body {
        padding: 70px 15px 20px;
    }

.page-customer-service .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.page-customer-service .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: 0;
    left: auto;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-left: 0;
}

.logo-container {
    display: flex;
    flex-wrap: wrap;
}

    .logo-container .logo-wrapper {
        flex: 0 0 100%;
        max-width: 100%;
    }

@media (min-width: 666px) {
    .logo-container .logo-wrapper {
        flex: 0 0 50%;
        max-width: 50%;
    }

        .logo-container .logo-wrapper:last-child {
            flex: 0 0 100%;
            max-width: 100%;
        }

            .logo-container .logo-wrapper:last-child .logo-item {
                float: right;
                width: 50%;
            }
}

@media (min-width: 999px) {
    .logo-container .logo-wrapper {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

        .logo-container .logo-wrapper:last-child {
            flex: 0 0 33.3333%;
            max-width: 33.3333%;
        }

            .logo-container .logo-wrapper:last-child .logo-item {
                float: none;
                width: 100%;
            }
}

.logo-container .logo-item {
    padding: 0;
    height: auto;
}

@media (min-width: 400px) {
    .logo-container .logo-item {
        padding: 0 15px;
    }
}

@media (min-width: 666px) {
    .logo-container .logo-item {
        height: 300px;
    }
}

.logo-container .logo-item .light-background {
    background-image: url("/sites/all/modules/custom/download_logo/images/lightbg.png");
    background-repeat: no-repeat;
    margin-bottom: 10px;
    height: 200px;
    width: 100%;
    background-size: cover;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-container .logo-item .dark-background {
    background-image: url("/sites/all/modules/custom/download_logo/images/darkbg.png");
    background-repeat: no-repeat;
    margin-bottom: 10px;
    height: 200px;
    width: 100%;
    background-size: cover;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-container .logo-item .link-wrap {
    width: 100%;
    display: flex;
    position: relative;
    flex-wrap: wrap;
}

    .logo-container .logo-item .link-wrap a {
        text-align: right;
        display: inline-flex;
        margin-left: 5px;
        font-size: 16px;
        max-width: 25%;
        flex: 0 0 25%;
    }

.gift-finder .title {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0;
    margin-bottom: 10px;
}

@media (min-width: 888px) {
    .gift-finder .title {
        border-bottom: 1px solid #cccccc;
        margin-bottom: 20px;
    }
}

.gift-finder .title h2 {
    color: #666666;
    font-size: 20px;
    border-bottom: 0;
    margin: 0;
    font-weight: 500;
}

@media (min-width: 888px) {
    .gift-finder .title h2 {
        border-bottom: 2px solid #999999;
        padding: 0 20px;
    }
}

.gift-finder .gift-finder-container {
    background-color: #fff;
    border-radius: 25px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 777px) {
    .gift-finder .gift-finder-container {
        padding: 0;
        margin-bottom: 20px;
    }
}

.gift-finder .gift-finder-bg {
    background-image: url("/sites/all/modules/custom/gift_finder/images/background-gift.svg");
    background-position: top center;
    background-repeat: repeat;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0;
    overflow-x: auto;
}

@media (min-width: 888px) {
    .gift-finder .gift-finder-bg {
        padding: 0 20px;
        width: 95%;
        overflow-x: hidden;
    }
}

.gift-finder .gift-finder-bg .direct-gifts {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    flex-wrap: nowrap;
    width: 100%;
    padding: 30px 0;
}

@media (min-width: 888px) {
    .gift-finder .gift-finder-bg .direct-gifts {
        width: 85%;
        justify-content: space-evenly;
    }
}

.gift-finder .gift-finder-bg .direct-gifts a {
    flex-basis: 40%;
    padding: 0 10px 0 0;
    max-width: 40%;
    flex-shrink: 0;
}

    .gift-finder .gift-finder-bg .direct-gifts a:last-child {
        padding-left: 15px;
    }

@media (min-width: 400px) {
    .gift-finder .gift-finder-bg .direct-gifts a {
        padding-right: 20px;
    }
}

@media (min-width: 777px) {
    .gift-finder .gift-finder-bg .direct-gifts a {
        flex-basis: 25%;
    }
}

@media (min-width: 1111px) {
    .gift-finder .gift-finder-bg .direct-gifts a {
        flex-basis: 20%;
    }
}

@media (min-width: 1222px) {
    .gift-finder .gift-finder-bg .direct-gifts a {
        flex-basis: 17%;
    }
}

.gift-finder .gift-finder-bg .direct-gifts .direct-gift {
    text-align: center;
}

    .gift-finder .gift-finder-bg .direct-gifts .direct-gift .image {
        margin: 0 auto;
        transition: transform 0.4s;
    }

        .gift-finder .gift-finder-bg .direct-gifts .direct-gift .image img {
            width: 70px;
            height: 70px;
        }

@media (min-width: 777px) {
    .gift-finder .gift-finder-bg .direct-gifts .direct-gift .image img {
        width: 100px;
        height: 100px;
    }
}

.gift-finder .gift-finder-bg .direct-gifts .direct-gift .is-button-pink {
    line-height: 25px;
    border-radius: 30px;
    border: 1px solid #5e8e3e;
    background-color: #fff;
    color: #5e8e3e;
    cursor: pointer;
    text-align: center;
    margin: 10px auto 0;
    transition: background-color 0.3s;
    max-width: 100%;
    font-size: 12px;
}

@media (min-width: 666px) {
    .gift-finder .gift-finder-bg .direct-gifts .direct-gift .is-button-pink {
        max-width: 90%;
        font-size: 14px;
        line-height: 33px;
        margin: 20px auto 0;
    }
}

@media (min-width: 1333px) {
    .gift-finder .gift-finder-bg .direct-gifts .direct-gift .is-button-pink {
        max-width: 95%;
        font-size: 14px;
        line-height: 33px;
        margin: 20px auto 0;
    }
}

.gift-finder .gift-finder-bg .direct-gifts .direct-gift:hover .is-button-pink {
    transition: border-color 0.3s;
    background-color: #5e8e3e;
    color: #fff;
}

.gift-finder .gift-finder-bg .direct-gifts .direct-gift:hover .image {
    transform: scale(1.1) rotate(4deg) translateZ(0);
    transition: transform 0.4s;
}

.page-gift-finder .title-step {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: #f6f6f6;
    padding: 10px 0;
}

    .page-gift-finder .title-step .back {
        position: absolute;
        left: 0px;
        cursor: pointer;
    }

.page-gift-finder .main-content {
    background: url("/sites/all/modules/custom/gift_finder/images/background-gift.svg") top;
    padding-top: 0;
    margin: 0 0 20px;
}

.page-gift-finder h2 {
    text-align: center;
    font-size: 20px;
    color: #555;
    background-color: #f6f6f6;
    margin: 0;
}

.page-gift-finder .is-button-pink {
    padding: 6px 0;
    color: #5e8e3e;
    border-radius: 30px;
    border: 1px solid #5e8e3e;
    background-color: #fff;
    color: #5e8e3e;
    cursor: pointer;
    text-align: center;
    margin: 15px 0;
}

    .page-gift-finder .is-button-pink:hover {
        background-color: #5e8e3e;
        color: #fff;
    }

.page-gift-finder .center {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.step-1 {
    margin-top: 20px;
}

    .step-1 .gift-process .goto-step2 .main-img {
        animation: beat 0.45s infinite alternate;
        -ms-transform-origin: center;
        transform-origin: center;
        display: block;
        margin: 0 auto;
        border: 2px solid #5e8e3e;
        border-radius: 180px;
        padding: 4px;
        width: 250px;
    }

@media (min-width: 666px) {
    .step-1 .gift-process .goto-step2 .main-img {
        width: 320px;
    }
}

.step-1 .direct-gifts {
    width: 95%;
    margin: 50px auto 0;
}

    .step-1 .direct-gifts .direct-gift {
        display: table-cell;
        width: 170px;
        padding: 20px;
    }

        .step-1 .direct-gifts .direct-gift .image img {
            margin: 0 auto;
            display: block;
            width: 95px;
        }

        .step-1 .direct-gifts .direct-gift:hover img {
            -ms-transform: scale(1.1) rotate(4deg);
            transform: scale(1.1) rotate(4deg);
            transition: transform 0.4s;
        }

        .step-1 .direct-gifts .direct-gift:hover .is-button-pink {
            background-color: #5e8e3e;
            color: #fff;
        }

@media (min-width: 888px) {
    .step-1 .direct-gifts {
        width: 75%;
    }
}

.step-2 .direct-gifts {
    width: 95%;
    margin: 0px auto;
}

@media (min-width: 888px) {
    .step-2 .direct-gifts {
        width: 75%;
    }
}

.step-2 .step2-ladies,
.step-2 .step2-gents {
    display: table-cell;
    width: 230px;
    padding: 20px;
    cursor: pointer;
}

    .step-2 .step2-ladies .is-button-pink,
    .step-2 .step2-gents .is-button-pink {
        margin: 20px 30px;
    }

    .step-2 .step2-ladies:hover .image,
    .step-2 .step2-gents:hover .image {
        animation: beat 0.45s infinite alternate;
        -ms-transform: translateY(-4px);
        transform: translateY(-4px);
    }

    .step-2 .step2-ladies:hover .is-button-pink,
    .step-2 .step2-gents:hover .is-button-pink {
        background-color: #5e8e3e;
        color: #fff;
    }

.step-3 .direct-gifts {
    max-width: 400px;
    width: 100%;
    margin: 0 auto 30px;
}

    .step-3 .direct-gifts .is-button-pink {
        width: 180px;
        padding: 4px 0;
        margin: 10px auto;
    }

        .step-3 .direct-gifts .is-button-pink.inline {
            margin: 10px;
        }

.step-4 .direct-gifts,
.step-5 .direct-gifts {
    max-width: 870px;
    width: 100%;
    margin: 50px auto;
}

    .step-4 .direct-gifts .categories,
    .step-5 .direct-gifts .categories {
        cursor: pointer;
        width: 140px;
        text-align: center;
        margin: 0 10px;
    }

        .step-4 .direct-gifts .categories:hover .is-button-pink,
        .step-5 .direct-gifts .categories:hover .is-button-pink {
            background-color: #5e8e3e;
            color: #fff;
        }

@keyframes beat {
    to {
        transform: scale(1.1);
    }
}

.profile a {
    color: #4d4d4d;
}

.profile {
    width: 100%;
    float: right;
}

.wall-post-form .form-actions .form-submit {
    line-height: 44px;
    padding: 0 10px;
    float: right;
    border: none;
    outline: none;
    border-radius: 4px;
    background-color: #5e8e3e;
    color: #fff;
}

.password-confirm {
    float: right;
    margin-top: 1.5em;
    visibility: hidden;
    width: 17em;
}

.form-standard .form-type-textfield select, .page-user-reset #change-pwd-page-user-pass-reset .form-type-textfield select, .form-standard .form-type-textfield input, .page-user-reset #change-pwd-page-user-pass-reset .form-type-textfield input, .form-standard .form-type-select select, .page-user-reset #change-pwd-page-user-pass-reset .form-type-select select, .form-standard .form-type-select input, .page-user-reset #change-pwd-page-user-pass-reset .form-type-select input, .form-standard .form-type-password select, .page-user-reset #change-pwd-page-user-pass-reset .form-type-password select, .form-standard .form-type-password input, .page-user-reset #change-pwd-page-user-pass-reset .form-type-password input {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    margin: 0;
    width: 100%;
    float: left;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    color: #707070;
}

.form-item-company-phone-number input, .form-item-company-phone-code input, .form-item-phone-number input, .form-item-phone-code input {
    width: 100% !important;
}

.item-none {
    display: none !important;
}

#edit-picture-upload-button {
    text-decoration: none;
    color: #4d4d4d;
    border: 1px solid #adadad;
}

.return.ripple {
    color: #4d4d4d;
}

.product-search {
    display: flex;
}

.form-control.input-txt {
    box-shadow: none !important;
    border: none !important;
    font-size: 13px !important;
}

.btn-off {
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 500;
}

    .btn-off:hover {
        color: #5e8e3e;
        border: 1px solid #5e8e3e;
    }

.followers, .followees {
    display: none !important;
}

.profile-cover-settings.show-items {
    display: block !important;
}

.btn-outline-secondary:hover {
    color: #5e8e3e;
    border: 1px solid #5e8e3e;
    box-shadow: none;
}

.box-white.full-box {
    background-color: #fff;
}

    .box-white.full-box .checkout_table-row {
        border-radius: 0 !important;
        bordr: none !important;
    }

.form-standard .form-type-password-confirm div.password-confirm, .page-user-reset #change-pwd-page-user-pass-reset .form-type-password-confirm div.password-confirm {
    position: absolute;
    margin: 0;
    right: 0;
    bottom: 0;
    text-align: right;
}

.form-standard .form-type-textfield select, .page-user-reset #change-pwd-page-user-pass-reset .form-type-textfield select, .form-standard .form-type-textfield input, .page-user-reset #change-pwd-page-user-pass-reset .form-type-textfield input, .form-standard .form-type-select select, .page-user-reset #change-pwd-page-user-pass-reset .form-type-select select, .form-standard .form-type-select input, .page-user-reset #change-pwd-page-user-pass-reset .form-type-select input, .form-standard .form-type-password select, .page-user-reset #change-pwd-page-user-pass-reset .form-type-password select, .form-standard .form-type-password input, .page-user-reset #change-pwd-page-user-pass-reset .form-type-password input {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    margin: 0;
    width: 100%;
    float: left;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    color: #707070;
}

div.password-confirm {
    float: left;
    margin-top: 1.5em;
    visibility: hidden;
    width: 17em;
}

#edit-pass-pass2 {
    visibility: visible !important;
}

:visited {
    color: #4d4d4d;
}

.toolbar-desc {
    margin: 0 !important;
    padding: 0 !important;
}

.shop-link {
    color: #fff !important;
}

#edit-foreigner {
    width: auto !important;
    float: none !important;
    height: auto !important;
    line-height: 17px !important;
}

.profile-cover-orders:not(:disabled):not(.disabled).active, .profile-cover-orders:not(:disabled):not(.disabled):active, .show > .profile-cover-orders.dropdown-toggle {
    background-color: #5e8e3e !important;
    border-color: #5e8e3e !important;
}

.transaction .button, .transaction button, .transaction [type="button"], .transaction [type="reset"], .transaction [type="submit"] {
    display: inline-block;
    padding: 3px 15px;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    color: #4d4d4d;
    border: 1px solid #aeaaaa;
}

.transaction #edit-identifier {
    border: 1px solid #aeaaaa;
    padding: 2px 10px;
}

.btn.btn-primary.form-control.btn-continu {
    line-height: 44px;
    padding: 0 20px;
    border: none;
    outline: none;
    border-radius: 10px;
    background-color: #5e8e3e;
    color: #fff;
    float: left;
    width: auto !important;
    min-width: 150px;
}

.btn.btn-default.btn-reg.form-control {
    line-height: 44px;
    padding: 0 20px;
    float: left;
    border: none;
    outline: none;
    border-radius: 10px;
    background-color: #ee0b74;
    color: #fff;
    box-shadow: none !important;
}

.option.t::after, .option.t::before {
    display: block !important;
}

.option.t {
    width: 100% !important;
}

.checkout-form .form-type-radios .form-radio:checked ~ .option.t::after {
    top: 12px !important;
}

#edit-shipping-method .description {
    margin-bottom: 5px;
    padding-right: 25px;
    font-weight: 300;
    margin-top: 10px;
    font-size: 12px;
}

.textfreeshipping {
    padding-right: 23px;
    font-weight: 300;
    font-size: 12px;
}

.address-item.clearfix {
    width: 100%;
    float: right;
    padding-right: 20px;
    margin-bottom: 20px !important;
}

.lbl-edit-shipping-address {
    font-size: 15px;
}

    .lbl-edit-shipping-address i {
        font-size: 20px;
        margin-left: 2px;
    }

.textfreeshipping.dy {
    padding-right: 0 !important;
}

.static-content h5 {
    display: block !important;
}

    .static-content h5 svg {
        vertical-align: middle;
        display: inline-block;
        margin-top: 0 !important;
    }

.alternative img {
    max-width: 100%;
    height: 100%;
    max-height: 100% !important;
    -o-object-fit: fill;
    object-fit: fill;
    height: 100% !important;
    border-radius: 100%;
}

.user-picture .alternative {
    border: 1px solid #a48c00;
}

span.sanginkala {
    margin-right: 20px;
    color: #5f5e5e;
    font-size: 13px;
}

span.hazineersal {
    font-weight: 100;
    font-size: 12px;
}

span.shipping-cost.foghsangin::after {
    content: "\E067\00FE0E";
    font-family: 'icon-font';
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    color: #e6123d;
    font-size: 16px;
    font-family: 'icon-font';
    margin-left: 49px;
    font-size: 22px;
    position: absolute;
    right: 22px;
}

@media (max-width: 767.99px) {
}